@charset "UTF-8";
/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
@font-face {}@font-face {
  font-family: 'Drawing with markers';
  src: url("fonts/drawing_with_markers-webfont.eot");
  src: url("fonts/drawing_with_markers-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/drawing_with_markers-webfont.woff2") format("woff2"), url("fonts/drawing_with_markers-webfont.woff") format("woff"), url("fonts/drawing_with_markers-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* Alap stílusok */
.hide {
  display: none !important; }

.primary {
  color: #ed1c24; }

.secondary {
  color: #476cd5; }

.options-wrapper, .letoltes_container, .letoltes_head, .letoltes_btn_container, .szamlaInfo, .template_lista_listitem, #vscookieAlertCont > div, .slider-values, .cl-head, .cl_row, .kicsi .cl-details, .cl_adatok_and_keszlet, .cl_adatok > div, .cl_price_container.mobile, .cr_bottomline, .cl_bottomline, .cl_akcio, .cr_akcio, .cl_kosar, .cl_options, .cr_options, .cl_ar, .cl_kosarba, .cr_kosarba, .cr_diagram, .diagram_item, .cr_tabs > div, .cr_tabs > div > ul, #adatok_es_leiras, #hirek_es_letoltesek, .adatok_list > li > .KapcsHalfRow, .news_kapcsolodo, .cr-top, .cr-adatok-and-gyarto, .cr-box-top, .cr-box-top .cr_ar, .cr-box-top .cr_kosar, .cr_adatok > div, .group-header--open, .group-header--closed, .GalleryHeader, .cl_listaim, .cl_listaim .list_item, .vsDataPagerContainer, .vsDataPager, .allPages, .FirstPrevFirstCont_c a, .FirstPrevFirstCont_l, .FirstPrevFirstCont_c, .FirstPrevFirstCont_r, .sorter-wrapper, .owl-dots, .galeria_parent, .reklam_main, .pontAkcio_gyujtott_container > div, .my_contact, .card, .card_right_top, .upload-documents, .bank-wrapper, .phoneNumber, .reg_input_merged, .email-text-wrapper, .uploadedDocs_item, .miniKosar .popper > div, .cart_step_labels, .cart-top, .kosarRendezes, .eredmeny-content, .eredmeny_nav, .kosar-sum-wrapper, .kosarSum > div, .flat_sum, .kosarNav, .cart-export, .upload-wrapper, .szallmod_head, .szallmod_options > div, .szallmod_inner, .fizmod_head, .etc_options > div, .minicart__items .p-item > .img-n-details, .minicart__items .p-item > .shop, .topmenu-inner, .mainMenuContainer > div:not(.animatedLogoHeader), .zeroAndTripleMenuContainer > div, .tripleMenu, .productMenu, .subProdMenu > li, .data_head, .data-head-options, .data_box, .data_box .data_box_part, .data_box .nav, .szamlaim_head, .date_container, .osszehas_minicont, .stat .gallery-wrapper, .stat-flexbox, .accordion-header, .responsive-table .table-row .accordion-content > *, .flex {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .justify-flex-start.options-wrapper, .justify-flex-start.letoltes_container, .justify-flex-start.letoltes_head, .justify-flex-start.letoltes_btn_container, .justify-flex-start.szamlaInfo, .justify-flex-start.template_lista_listitem, #vscookieAlertCont > div.justify-flex-start, .justify-flex-start.slider-values, .justify-flex-start.cl-head, .justify-flex-start.cl_row, .kicsi .justify-flex-start.cl-details, .justify-flex-start.cl_adatok_and_keszlet, .cl_adatok > div.justify-flex-start, .justify-flex-start.cl_price_container.mobile, .justify-flex-start.cr_bottomline, .justify-flex-start.cl_bottomline, .justify-flex-start.cl_akcio, .justify-flex-start.cr_akcio, .justify-flex-start.cl_kosar, .justify-flex-start.cl_options, .justify-flex-start.cr_options, .justify-flex-start.cl_ar, .justify-flex-start.cl_kosarba, .justify-flex-start.cr_kosarba, .justify-flex-start.cr_diagram, .justify-flex-start.diagram_item, .cr_tabs > div.justify-flex-start, .cr_tabs > div > ul.justify-flex-start, .justify-flex-start#adatok_es_leiras, .justify-flex-start#hirek_es_letoltesek, .adatok_list > li > .justify-flex-start.KapcsHalfRow, .justify-flex-start.news_kapcsolodo, .justify-flex-start.cr-top, .justify-flex-start.cr-adatok-and-gyarto, .justify-flex-start.cr-box-top, .cr-box-top .justify-flex-start.cr_ar, .cr-box-top .justify-flex-start.cr_kosar, .cr_adatok > div.justify-flex-start, .justify-flex-start.group-header--open, .justify-flex-start.group-header--closed, .justify-flex-start.GalleryHeader, .justify-flex-start.cl_listaim, .cl_listaim .justify-flex-start.list_item, .justify-flex-start.vsDataPagerContainer, .justify-flex-start.vsDataPager, .justify-flex-start.allPages, .FirstPrevFirstCont_c a.justify-flex-start, .justify-flex-start.FirstPrevFirstCont_l, .justify-flex-start.FirstPrevFirstCont_c, .justify-flex-start.FirstPrevFirstCont_r, .justify-flex-start.sorter-wrapper, .justify-flex-start.owl-dots, .justify-flex-start.galeria_parent, .justify-flex-start.reklam_main, .pontAkcio_gyujtott_container > div.justify-flex-start, .justify-flex-start.my_contact, .justify-flex-start.card, .justify-flex-start.card_right_top, .justify-flex-start.upload-documents, .justify-flex-start.bank-wrapper, .justify-flex-start.phoneNumber, .justify-flex-start.reg_input_merged, .justify-flex-start.email-text-wrapper, .justify-flex-start.uploadedDocs_item, .miniKosar .popper > div.justify-flex-start, .justify-flex-start.cart_step_labels, .justify-flex-start.cart-top, .justify-flex-start.kosarRendezes, .justify-flex-start.eredmeny-content, .justify-flex-start.eredmeny_nav, .justify-flex-start.kosar-sum-wrapper, .kosarSum > div.justify-flex-start, .justify-flex-start.flat_sum, .justify-flex-start.kosarNav, .justify-flex-start.cart-export, .justify-flex-start.upload-wrapper, .justify-flex-start.szallmod_head, .szallmod_options > div.justify-flex-start, .justify-flex-start.szallmod_inner, .justify-flex-start.fizmod_head, .etc_options > div.justify-flex-start, .minicart__items .p-item > .justify-flex-start.img-n-details, .minicart__items .p-item > .justify-flex-start.shop, .justify-flex-start.topmenu-inner, .mainMenuContainer > div.justify-flex-start:not(.animatedLogoHeader), .zeroAndTripleMenuContainer > div.justify-flex-start, .justify-flex-start.tripleMenu, .justify-flex-start.productMenu, .subProdMenu > li.justify-flex-start, .justify-flex-start.data_head, .justify-flex-start.data-head-options, .justify-flex-start.data_box, .data_box .justify-flex-start.data_box_part, .data_box .justify-flex-start.nav, .justify-flex-start.szamlaim_head, .justify-flex-start.date_container, .justify-flex-start.osszehas_minicont, .stat .justify-flex-start.gallery-wrapper, .justify-flex-start.stat-flexbox, .justify-flex-start.accordion-header, .responsive-table .table-row .accordion-content > .justify-flex-start, .flex.justify-flex-start {
    justify-content: flex-start; }

.cartBtn, .cl_options .option, .cr_options .option, .popper .popped-close, input.logoutBtn, .compare-remove, .rendered .table-row .innerHead > *:first-child {
  cursor: pointer;
  outline: 0;
  border: 0;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
  transition: .15s all ease-in-out; }

.gyarto_img > img, .cl-box-item-img > img, .cr_gyarto > img, .galeria_img > img, .galeria_thumb > img, .compare-img > img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

.cl_adatok > div > span:first-child, .galleryProdName, .card_info > span > span, .card_info > span > a, .data_box .data_list_item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  color: #363636;
  letter-spacing: -.025em;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: geometricPrecision; }
  body.noscroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed; }

section {
  min-height: 400px; }

a {
  color: #476cd5;
  text-decoration: none;
  transition: .15s all ease-in-out;
  cursor: pointer; }
  a:hover {
    color: #000;
    text-decoration: none; }

i {
  font-style: normal;
  font-size: .8em; }

table {
  border-spacing: 0;
  border-collapse: collapse; }
  table td, table th {
    padding: 0;
    /* 'cellpadding' equivalent */
    height: 30px; }

img {
  border: 0;
  max-width: 100%; }

iframe {
  max-width: 100%; }

h1 {
  /*margin: 0;*/
  font-size: 32px;
  font-weight: 300; }

h2 {
  /*margin: 0;*/
  margin-top: 1.5em;
  font-size: 26px;
  font-weight: 300; }

h3, .popper .h3, .popper .popped-title {
  font-size: 16px;
  font-weight: 700; }

h4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13.5px;
  margin: 25px 0 15px 0; }

h4 > span {
  vertical-align: middle; }

hr {
  border-color: #cdcdcd; }

.desc {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px; }

.drawing, .no-result {
  font-family: "Drawing with markers";
  color: #476cd5 !important;
  font-size: 20px;
  text-shadow: 0.2px 0.2px 0 #476cd5;
  text-rendering: geometricPrecision;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: .5px; }

.linethrough {
  position: relative;
  display: inline-block;
  padding: 0 5px; }
  .linethrough:after {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/linethrough.svg) repeat-x center center;
    background-size: contain; }

.underline {
  position: relative; }
  .underline:after {
    content: "";
    height: 100%;
    width: 128px;
    max-width: 100%;
    display: block;
    position: absolute;
    bottom: -15px;
    right: -10px;
    background: url(images/drawn_line.svg) no-repeat center center;
    background-size: 98px 4px; }

input {
  display: inline-block;
  vertical-align: middle;
  transition: .15s all ease-in-out;
  -webkit-appearance: none; }
  input[type=button], input[type=submit], button, input[type=reset] {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 13.5px; }
  input[type=password], input[type=text], .input, .select-wrapper select, .select-wrapper .select, textarea, input :not([type]), inputinput[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type="month"], input[type=number], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=search] {
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    color: #363636;
    height: 30px;
    line-height: 28px;
    padding: 0px 10px;
    font-size: 13.5px; }
    input[type=password]:focus, input[type=text]:focus, .input:focus, .select-wrapper select:focus, .select-wrapper .select:focus, textarea:focus, input :not([type]):focus, inputinput[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type="month"]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=search]:focus {
      border: 1px solid #ed1c24;
      border-radius: 2px;
      color: #363636;
      outline: none !important;
      box-shadow: 0 0 0 2px rgba(237, 28, 36, 0.125); }
  input[type=checkbox], input[type=radio] {
    position: absolute;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: 24px;
    width: 24px;
    left: 0;
    opacity: 0; }
    input[type=checkbox] + label, input[type=radio] + label {
      padding-left: 24px;
      cursor: pointer;
      background: url(images/custom-inputs.svg) no-repeat;
      background-size: 24px 384px;
      background-position-x: -4px;
      background-position-y: 0;
      cursor: pointer;
      height: 24px;
      display: inline-block;
      line-height: 24px;
      font-size: 13.5px;
      text-transform: none; }
      input[type=checkbox] + label + .note, input[type=radio] + label + .note {
        padding-left: 24px;
        padding-top: 2px; }
    input[type=checkbox][type=checkbox] + label, input[type=radio][type=checkbox] + label {
      background-position-y: 0; }
    input[type=checkbox][type=checkbox]:hover:not(:checked):not(:disabled) + label, input[type=radio][type=checkbox]:hover:not(:checked):not(:disabled) + label {
      background-position-y: -24px; }
    input[type=checkbox][type=checkbox]:focus + label, input[type=radio][type=checkbox]:focus + label {
      background-position-y: -48px; }
    input[type=checkbox][type=checkbox]:disabled + label, input[type=radio][type=checkbox]:disabled + label {
      cursor: not-allowed;
      background-position-y: -72px; }
    input[type=checkbox][type=checkbox]:checked + label, input[type=radio][type=checkbox]:checked + label {
      background-position-y: -96px; }
    input[type=checkbox][type=checkbox]:hover:checked:not(:disabled) + label, input[type=radio][type=checkbox]:hover:checked:not(:disabled) + label {
      background-position-y: -120px; }
    input[type=checkbox][type=checkbox]:focus:checked + label, input[type=radio][type=checkbox]:focus:checked + label {
      background-position-y: -144px; }
    input[type=checkbox][type=checkbox]:checked:disabled + label, input[type=radio][type=checkbox]:checked:disabled + label {
      cursor: not-allowed;
      background-position-y: -168px; }
    input[type=checkbox][type=radio] + label, input[type=radio][type=radio] + label {
      background-position-y: -192px; }
    input[type=checkbox][type=radio]:hover:not(:checked) + label, input[type=radio][type=radio]:hover:not(:checked) + label {
      background-position-y: -216px; }
    input[type=checkbox][type=radio]:focus + label, input[type=radio][type=radio]:focus + label {
      background-position-y: -240px; }
    input[type=checkbox][type=radio]:disabled + label, input[type=radio][type=radio]:disabled + label {
      cursor: not-allowed;
      background-position-y: -264px; }
    input[type=checkbox][type=radio]:checked + label, input[type=radio][type=radio]:checked + label {
      background-position-y: -288px; }
    input[type=checkbox][type=radio]:hover:checked:not(:disabled) + label, input[type=radio][type=radio]:hover:checked:not(:disabled) + label {
      background-position-y: -312px; }
    input[type=checkbox][type=radio]:focus:checked + label, input[type=radio][type=radio]:focus:checked + label {
      background-position-y: -336px; }
    input[type=checkbox][type=radio]:checked:disabled + label, input[type=radio][type=radio]:checked:disabled + label {
      cursor: not-allowed;
      background-position-y: -360px; }
  input::-ms-clear {
    display: none; }
  input:-webkit-autofill {
    background-color: #e5f0f7 !important;
    color: black; }

select {
  color: #363636;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 13.5px;
  transition: .15s all ease-in-out;
  background-color: white; }

.select-wrapper {
  width: 100%;
  position: relative;
  display: inline-block; }
  .select-wrapper:after {
    content: "";
    height: 100%;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(images/ic_down_primary_16px.svg) center center no-repeat;
    background-size: 16px 16px;
    pointer-events: none; }
  .select-wrapper.multiple:after {
    display: none; }
  .select-wrapper.multiple select {
    min-height: 94px;
    padding-right: 10px;
    padding-left: 10px; }
  .select-wrapper.multiple option {
    padding: 5px 10px; }
  .select-wrapper select, .select-wrapper .select {
    width: 100%;
    padding-right: 30px;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
    .select-wrapper select::-ms-expand, .select-wrapper .select::-ms-expand {
      display: none; }
  .select-wrapper.-calendar > .select {
    background: #fff; }
  .select-wrapper.-calendar:after {
    background: url(images/ic_calendar_primary_24px.svg) center center no-repeat;
    background-size: 80%; }

textarea {
  padding: 5px !important;
  line-height: 1.4;
  min-height: 55px; }

label {
  margin-bottom: 0; }

/* Checkboxok és radiobuttonok */
.chkBox label {
  position: relative; }

.chkBox > label, .chkBox > input {
  cursor: pointer; }

/* Checkboxok és radiobuttonok vége */
.fl_left {
  float: left; }

.fl_right {
  float: right; }

/*gombok*/
.moreBtn {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: url(images/ic_right_primary_16px.svg) no-repeat right center;
  background-size: 16px 16px;
  padding-right: 15px;
  text-transform: uppercase;
  font-weight: 700;
  color: #363636; }
  .moreBtn:hover {
    color: black;
    padding-right: 23px;
    background-image: url(images/ic_right_alt_primary_16px.svg); }
  .moreBtn.white {
    color: white;
    padding-right: 30px;
    background-image: url(images/ic_right_white_16px.svg);
    background-position: right 10px center; }
    .moreBtn.white:hover {
      background-image: url(images/ic_right_alt_white_16px.svg);
      padding-right: 35px; }
  .moreBtn.wrap {
    white-space: normal;
    height: auto;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 5px; }

.backBtn {
  background: #ed1c24 url(images/ic_left_white_16px.svg) no-repeat left 10px center;
  background-size: 16px 16px;
  padding-left: 30px !important; }
  .backBtn:hover {
    padding-left: 35px !important; }

.defBtn, .borderBtn, .lightBtn, .altBtn, .button.-warning {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  transition: .15s all ease-in-out;
  text-align: center;
  font-size: 13.5px;
  border-radius: 2px;
  height: 30px;
  line-height: 28px; }
  .-download.defBtn, .-download.borderBtn, .-download.lightBtn, .-download.altBtn, .-download.button.-warning {
    background-color: #ed1c24 !important;
    border-color: #ed1c24 !important;
    background-image: url(images/ic_download_white_24px.svg);
    background-position: calc(100% - 6px) 40%;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    padding-right: 32px; }

.defBtn {
  background-color: white;
  border: 1px solid rgba(237, 28, 36, 0.5);
  padding: 0 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ed1c24;
  height: 34px;
  line-height: 32px; }
  .defBtn:hover, .defBtn:focus {
    border-color: #ed1c24;
    background-color: #ed1c24;
    color: white; }
  .defBtn:active {
    background-color: #de1219;
    border-color: #c61017; }
  .defBtn:disabled {
    opacity: .5;
    cursor: default; }
  .defBtn.-edit {
    padding-left: 10px !important; }
    .defBtn.-edit:before {
      content: '';
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 24px 24px;
      background-image: url(images/ic_edit_white_24px.svg);
      margin-right: 5px; }
  .defBtn.-focus:focus {
    border: 2px solid #363636; }

.borderBtn {
  height: 34px;
  line-height: 32px;
  background-color: transparent;
  border: 1px solid #363636;
  padding: 0 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #363636; }
  .borderBtn:hover {
    border-color: #363636;
    background-color: #363636;
    color: white; }

.lightBtn {
  font-size: 13.5px;
  padding: 0 10px;
  border: 1px solid #cdcdcd;
  background: #fcfbfa no-repeat left 10px center;
  color: #363636; }
  .lightBtn:hover {
    background-color: #f6f5f0; }
  .lightBtn:active, .lightBtn:focus {
    background-color: #edebe2; }
  .lightBtn:disabled, .lightBtn.-disabled {
    opacity: .5;
    pointer-events: none; }

.altBtn, .button.-warning {
  background: #ed1c24;
  color: white;
  padding: 0 10px;
  border: 0;
  line-height: 30px; }
  .altBtn:hover, .button.-warning:hover {
    color: white;
    background-color: black; }
  .altBtn:active, .button.-warning:active {
    border-color: black;
    background-color: black; }
  .altBtn:disabled, .button.-warning:disabled, .altBtn.-disabled, .-disabled.button.-warning {
    opacity: .5;
    cursor: default; }
  .altBtn.defBtn, .defBtn.button.-warning {
    padding: 0 15px; }
  .altBtn.faux, .faux.button.-warning {
    opacity: .5;
    cursor: not-allowed; }
  .altBtn.-lg, .-lg.button.-warning {
    padding: 0px 14px;
    font-size: 16px; }

.iconBtn {
  font-size: 13.5px;
  font-weight: 700;
  text-transform: uppercase;
  width: 42px;
  height: 100%;
  transition: .15s all ease-in-out;
  display: block; }
  @media only screen and (min-width: 992px) {
    .iconBtn {
      width: auto;
      color: white; } }
  .iconBtn > * {
    cursor: pointer; }
  .iconBtn > a, .iconBtn > div {
    display: none;
    height: 100%;
    padding: 0 38px 0 38px;
    line-height: 42px;
    color: #363636; }
    @media only screen and (min-width: 992px) {
      .iconBtn > a, .iconBtn > div {
        display: inline-block;
        color: white; } }
  .iconBtn + span {
    width: 30px;
    height: 40px;
    background: url(images/ic_up_white_16px.svg) no-repeat center center;
    background-size: 16px 16px;
    display: none;
    position: absolute;
    right: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(180deg);
    transition: .15s background ease-in-out;
    cursor: pointer; }
    .iconBtn + span.active-pop {
      transform: rotate(0deg); }
    @media only screen and (min-width: 992px) {
      .iconBtn + span {
        display: block; }
        .iconBtn + span:hover {
          background-color: rgba(255, 255, 255, 0.2); } }

.myMenuContainer .iconBtn:active, .miniKosar .iconBtn:active, #vsOsszehasonlitoContainer .iconBtn:active {
  background-color: white; }
  @media only screen and (min-width: 992px) {
    .myMenuContainer .iconBtn:active, .miniKosar .iconBtn:active, #vsOsszehasonlitoContainer .iconBtn:active {
      background-color: black; } }

.noBtn {
  border: 0;
  padding: 0; }
  .noBtn > a {
    color: #476cd5 !important;
    text-transform: none;
    font-weight: 400; }

/*gombok vége*/
#closeBtn, .jqmClose {
  width: 20px;
  height: 20px;
  background: url(images/ic_close_white_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 1;
  right: 0; }

/* Alap stílusok vége */
/* Felugró üzenet */
.alert_bg {
  position: absolute;
  top: 10px;
  left: 100px;
  display: none;
  z-index: 999; }

.uzenet_panel {
  width: 700px;
  min-height: 130px;
  background-color: White;
  position: absolute;
  display: none;
  z-index: 1000;
  position: absolute;
  top: 12%;
  left: 15%;
  box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; }

#alertBox .system_message {
  /*position:static;
    top:0;*/ }

/* Felugró üzenet vége */
/* Általános vegyes formázások */
.table_header {
  height: 25px;
  line-height: 15px;
  border-bottom: solid 3px #0090d5; }

.table_row {
  padding: 5px 0;
  border-bottom: solid 1px #bababa; }

/*általános fejlécek*/
/*.head_title {font-weight:bold;font-size:18px; margin: 20px 0px;}
.sub_head_title {font-size:14px; font-weight:bold; margin:10px 0;}*/
/*login panel*/
.login_panel_container {
  clear: both; }

/*error üzenetek*/
.phone_error_msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px; }

.phone_error_cont {
  position: relative; }

/*lapozók*/
.lapozo_full {
  width: 100%;
  line-height: 30px;
  overflow: hidden; }

/*táblázatok*/
/*.default_table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    float: left;
}

.default_table th {
    height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid $ColorBorderNormal;
    padding: 5px 10px;
}

.default_table > tbody > tr > td {
    height: 26px;
    padding: 5px 10px;
    border-bottom: 1px dotted #cdcdcd;
}

.default_table i {
    font-style: normal;
    font-size: $FontSizeSmall;
}*/
/* általános div-es táblázat osztály - reszponzívvá tehető */
.table {
  width: 100%;
  display: table;
  margin-top: 15px;
  margin-bottom: 15px; }
  .table .table-head {
    display: table-row; }
    .table .table-head > * {
      display: table-cell;
      padding: 6px 10px;
      vertical-align: middle;
      font-weight: 700;
      font-size: 13.5px;
      text-transform: uppercase; }
  .table .table-row {
    display: table-row;
    background: #f6f5f0 url(images/perforatio.svg) repeat-x bottom left;
    background-size: 9px 2px;
    color: #363636; }
    .table .table-row.data_table_green_head {
      background-color: white; }
      .table .table-row.data_table_green_head > * {
        background-color: rgba(73, 172, 7, 0.1); }
      .table .table-row.data_table_green_head:hover {
        background-color: white !important; }
        .table .table-row.data_table_green_head:hover > * {
          background-color: rgba(73, 172, 7, 0.12) !important; }
    @media only screen and (min-width: 1200px) {
      .table .table-row.data_table_gray_head {
        height: 42px; } }
    .table .table-row.data_table_gray_head > * {
      color: white;
      border-color: #5b5a59 !important;
      background-color: #5b5a59 !important;
      background-image: none;
      transition: .15s all ease-in-out; }
    .table .table-row.data_table_gray_head:hover > * {
      background-color: #686766 !important; }
    .table .table-row.data_table_gray_head .details_btn {
      background-image: url(images/ic_right_white_16px.svg) !important;
      background-color: #ed1c24;
      border-radius: 2px; }
    .table .table-row.data_table_gray_head.expanded .details_btn {
      background-image: url(images/ic_up_white_16px.svg) !important; }
    .table .table-row[data-src] {
      cursor: pointer; }
      .table .table-row[data-src]:not(.red):not(.green):hover {
        background-color: #fcfbfa; }
    .table .table-row.-show-hover:hover {
      background-color: #fcfbfa; }
    .table .table-row:nth-child(2) > * {
      border-top: 1px solid #cdcdcd; }
      .table .table-row:nth-child(2) > *:first-child {
        border-top-left-radius: 4px;
        border-top-left-radius: 4px; }
      .table .table-row:nth-child(2) > *:last-child {
        border-top-right-radius: 4px; }
    .table .table-row:last-child {
      background-image: none; }
      .table .table-row:last-child > * {
        border-bottom: 1px solid #cdcdcd;
        background-image: none; }
        .table .table-row:last-child > *:first-child {
          border-bottom-left-radius: 4px;
          background-image: none; }
        .table .table-row:last-child > *:last-child {
          border-bottom-right-radius: 4px; }
    .table .table-row .positive {
      background-color: #476cd5;
      padding: 3px 15px;
      border-radius: 20px;
      font-weight: 500; }
    .table .table-row > * {
      display: table-cell;
      line-height: 1.4;
      padding: 8px 10px;
      vertical-align: middle; }
      .table .table-row > *:first-child {
        border-left: 1px solid #cdcdcd; }
      .table .table-row > *:last-child {
        border-right: 1px solid #cdcdcd; }
    .table .table-row input[type=text], .table .table-row .input, .table .table-row .select-wrapper select, .select-wrapper .table .table-row select, .table .table-row .select-wrapper .select, .select-wrapper .table .table-row .select, .table .table-row textarea {
      width: 100%; }

.options-wrapper {
  justify-content: center; }
  .options-wrapper > * {
    margin-left: 5px;
    margin-right: 5px; }

/* Általános vegyes formázások vége */
/* vsOverlay */
.vsOverlay {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 2;
  display: none; }

.vsOverlay > div {
  width: 700px;
  height: 490px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 20px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
  background-color: white;
  position: fixed; }

.closeOverlay {
  width: 24px;
  height: 24px;
  background-color: #5b5a59;
  position: absolute;
  z-index: 3;
  top: 10px;
  right: -24px;
  cursor: pointer; }
  .closeOverlay:hover {
    background-color: #363636; }

.popper {
  padding: 10px;
  border: 1px solid #f68d91;
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 13.5px;
  display: none;
  z-index: 5; }

.popper.expanded {
  display: block; }

.logoHeader {
  width: 42px;
  height: 42px;
  background: transparent url(images/logo_header_2024.svg) no-repeat left center;
  background-size: cover;
  border-radius: 2px;
  display: block;
  vertical-align: middle;
  position: relative;
  margin-right: 15px;
  flex-shrink: 0; }
  @media only screen and (max-width: 767px) {
    .logoHeader {
      background: transparent url(images/logo_header_2024_icon_notext.svg) no-repeat center center;
      background-size: cover; } }
  @media only screen and (min-width: 768px) {
    .logoHeader {
      margin-right: 20px;
      width: 190px; } }

.sticked .logoHeader {
  width: 42px;
  position: relative;
  background: transparent url(images/logo_header_2024_icon_notext.svg) no-repeat center center;
  background-size: cover; }

.animatedLogoHeader {
  /*
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 10px;
    background: $ColorPrimary;
    border-radius: $BorderRadiusNormal;
    overflow: hidden;
    z-index: 1;
    */
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  background: #81101C;
  pointer-events: none;
  opacity: 1;
  transition: 0.5s opacity;
  /*
    > span {
        width: 2px;
        height: 2px;
        background: white;
        position: absolute;
        display: block;
        animation: 2s DrawLogo linear infinite;
        animation-fill-mode: forwards;
        left: 0;
        top: 0;
    }
    */ }
  .animatedLogoHeader > span {
    display: block;
    position: relative;
    height: 100%;
    background: red;
    width: 70%;
    transition-delay: 0.75s, 0s;
    transition-property: opacity, width;
    transition-duration: 0.5s;
    animation: initial; }
    .animatedLogoHeader > span:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      background: -moz-linear-gradient(270deg, rgba(129, 16, 28, 0) 0%, rgba(129, 16, 28, 0) 30%, #81101c 50%, rgba(129, 16, 28, 0) 70%, rgba(129, 16, 28, 0) 100%);
      background: -webkit-linear-gradient(270deg, rgba(129, 16, 28, 0) 0%, rgba(129, 16, 28, 0) 30%, #81101c 50%, rgba(129, 16, 28, 0) 70%, rgba(129, 16, 28, 0) 100%);
      background: linear-gradient(270deg, rgba(129, 16, 28, 0) 0%, rgba(129, 16, 28, 0) 30%, #81101c 50%, rgba(129, 16, 28, 0) 70%, rgba(129, 16, 28, 0) 100%);
      background-position: -1000px;
      background-size: 500px;
      background-repeat: no-repeat;
      animation: loaderShine 3s linear 2s infinite; }

@keyframes loaderShine {
  0% {
    background-position: -200%; }
  100% {
    background-position: 200%; } }
  .animatedLogoHeader.finished {
    opacity: 0;
    transition: 0.5s opacity 0.75s; }
    .animatedLogoHeader.finished > span {
      width: 100% !important; }
  .animatedLogoHeader.animated > span {
    transition: initial;
    opacity: 1;
    animation: loaderBar 5s cubic-bezier(0.28, 0.65, 0, 1) 0s 1 normal;
    width: 70%; }

@keyframes loaderBar {
  0% {
    width: 0%; }
  100% {
    width: 70%;
    animation: initial; } }

@keyframes DrawLogo {
  0% {
    transform: translate(10px, 10px); }
  25% {
    transform: translate(10px, 30px); }
  50% {
    transform: translate(30px, 30px); }
  75% {
    transform: translate(30px, 10px); }
  100% {
    transform: translate(10px, 10px); } }

.perforation {
  height: 2px;
  background: url(images/perforatio.svg) repeat-x;
  background-size: 9px 2px;
  border: 0;
  margin: 0; }

::selection {
  color: white;
  background: #476cd5; }

/* BLOCKS */
.white_block, .grey_block {
  padding: 20px 0; }

.white_block {
  background: transparent; }

.grey_block {
  background: #f6f5f0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  position: relative;
  z-index: 0; }

/* CSS LOADING ANIMATION */
/*[data-getter] {
    opacity: 0;
}*/
.loading > *, .loading:after {
  transition: .2s all ease-out; }

/*.loading:before {
    content:"";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ed1c24;
    z-index: 3;
    opacity: 1;
}*/
.loading.animate > *:not(.pixel), .loading.animate:after {
  opacity: 0; }

.loading.animate:before {
  opacity: 0;
  transition: .15s all ease-in-out; }

.loading .pixel {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  z-index: 1;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  vertical-align: middle; }

.loading .pixel > span {
  width: 2px;
  height: 2px;
  background: white;
  display: inline-block;
  animation: Pixel .75s infinite;
  margin: 1px;
  transition: .15s all ease-in-out;
  transform: translate(0px, 5px); }

.pixel.static {
  display: inline-block;
  position: relative;
  margin-top: -10px; }

.loading .pixel.static > span {
  background-color: #363636; }

@-webkit-keyframes Pixel {
  0% {
    transform: translate(0px, 5px); }
  50% {
    transform: translate(0px, 9px); }
  100% {
    transform: translate(0px, 5px); } }

/* TOOLTIP */
.tooltip-wrapper {
  position: fixed;
  z-index: 4; }

.tooltip, .tooltipBasic {
  min-width: 180px;
  max-width: 400px;
  display: none;
  position: absolute;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  padding: 10px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-weight: 400;
  font-size: 13.5px;
  text-transform: none;
  line-height: 1.45;
  z-index: 5;
  /*@media only screen and (min-width:1200px) {
        &:after {
            content: "";
            display: block;
            position: absolute;
            left: -19px;
            bottom: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 10px 20px;
            border-color: transparent transparent white transparent;
        }

        &:before {
            content: "";
            display: block;
            position: absolute;
            left: -20px;
            bottom: -1px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 12px 20px;
            border-color: transparent transparent $ColorBorderNormal transparent;
            box-shadow: 0 2px 2px -1px rgba(0,0,0,.2);
        }
    }*/ }

.menny-kedv {
  white-space: nowrap; }

.help {
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: help;
  background: url(images/ic_info_dark_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  vertical-align: middle;
  margin-left: 5px; }

.flatlist {
  list-style: none;
  padding: 0;
  margin: 0; }
  .flatlist > li {
    display: inline-block;
    margin-right: 20px;
    position: relative; }

.flat_table td {
  height: 20px; }

.drawn_sad {
  width: 55px;
  height: 31px;
  background: url(images/drawn_sad.png) no-repeat center center; }

.kiemelt, .option.selected {
  display: block;
  position: relative;
  z-index: 1; }

.kiemelt:after, .option.selected:after, .open input:checked + label:after, .close input:checked + label:after {
  content: "";
  width: 100%;
  min-width: 35px;
  height: 27px;
  background: url(images/yellow_marker.png) no-repeat left center;
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
  z-index: -1;
  opacity: .75; }

.open input:checked + label:after, .close input:checked + label:after {
  top: -2px; }

.standalone_icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  vertical-align: middle; }
  .standalone_icon.lista {
    background-image: url(images/ic_lists_dark_24px.svg);
    margin-right: 5px; }
  .standalone_icon.computer {
    background-image: url(images/ic_computer_dark_24px.svg);
    margin-left: 5px; }

.popup_rect {
  display: block; }

/* IE ONLY */
.ps-container.ie {
  overflow-x: hidden !important;
  overflow-y: auto !important; }

.ps-container.ie > .ps-scrollbar-y-rail {
  visibility: hidden;
  display: none;
  opacity: 0; }

/* VIDEO-OVERLAY */
.video-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: hidden;
  display: none;
  background: rgba(0, 0, 0, 0.75);
  left: 0;
  top: 0;
  z-index: 5; }

.video-overlay > iframe {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.video-overlay.expanded {
  display: block; }

/* STATIKUS OLDALAK CSS */
.tartalom {
  font-size: 16px; }

/* OLD BROWSER */
.obn_content {
  max-width: 750px;
  padding: 100px 20px 0 20px;
  margin: 0 auto;
  color: #606060;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  display: none; }

.obn_block {
  width: 250px;
  font-size: 25px;
  float: left;
  text-align: center; }

.obn_chrome {
  width: 91px;
  height: 92px;
  background-image: url(images/oldbrowser.png);
  background-position: 0 0;
  display: inline-block; }

.obn_firefox {
  width: 94px;
  height: 92px;
  background-image: url(images/oldbrowser.png);
  background-position: -93px 0;
  display: inline-block; }

.obn_ie {
  width: 88px;
  height: 92px;
  background-image: url(images/oldbrowser.png);
  background-position: -187px 0;
  display: inline-block; }

.obn_download_button {
  display: inline-block;
  margin-top: 30px;
  width: 150px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border: solid 1px #55b400;
  color: #55b400;
  text-align: center;
  text-decoration: none; }

.obn_download_button:hover {
  background-color: #55b400;
  color: #fff; }

.obn_skip_button {
  display: inline-block;
  margin-top: 50px;
  height: 40px;
  padding: 0 35px;
  line-height: 40px;
  font-size: 15px;
  border: solid 1px #f68d91;
  color: #f68d91;
  text-align: center;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
  transition: .15s all ease-in-out; }

.obn_skip_button:hover {
  background-color: #f68d91;
  color: #fff; }

.color-positive {
  color: #49ac07; }

.color-negative {
  color: #ed1c24; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent; }

.notify-button {
  padding-left: 10px;
  margin-top: 5px; }
  @media only screen and (max-width: 767px) {
    .notify-button {
      width: 100%; } }
  @media only screen and (min-width: 576px) {
    .notify-button {
      margin-left: 5px;
      margin-top: 0; } }
  .notify-button:hover .icon {
    background-image: url(images/ic_notify_white_24px.svg); }
  .notify-button .icon {
    background-image: url(images/ic_notify_primary_24px.svg); }

.icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/*szűrő containerek*/
.page_filter_container {
  font-weight: bold;
  padding: 10px;
  margin-bottom: 20px;
  background: #dedede;
  overflow: hidden; }

.page_filter_container > span {
  margin-right: 30px; }

/*összefoglaló containerek*/
.summarize_information_container {
  width: 410px;
  text-align: left;
  border: 1px solid #00AEEF;
  padding: 20px; }

.summarize_container {
  width: 300px;
  background: #DEDEDE; }

.summarize_container td {
  height: 30px;
  padding: 0 10px; }

.def_list {
  margin-bottom: 20px;
  font-size: 16px; }

.def_list ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.def_list li {
  line-height: 26px; }

.letoltes_group .letoltes_container {
  height: 120px; }

.letoltes_container {
  flex-wrap: wrap;
  min-height: 62px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  padding: 15px;
  transition: .15s all ease-in-out;
  margin-top: 10px;
  margin-bottom: 10px; }
  .letoltes_container:hover {
    background-color: #fcfbfa; }
  .letoltes_container.cl_printer:hover {
    background-color: #f6f5f0; }

.letoltes_head {
  width: 100%; }

.letoltes_details {
  flex-grow: 1;
  margin-right: 10px; }

.letoltes_img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  flex-shrink: 0; }

.printer_img {
  background: url(images/ic_printer_white_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  border-radius: 2px; }

.letoltes_text {
  flex-grow: 1;
  width: calc(100% - 40px); }

.letoltes_title {
  display: block;
  font-size: 16px;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden; }

.letoltes_desc {
  width: 100%;
  max-height: 30px;
  line-height: 15px;
  display: block;
  margin-top: 3px;
  overflow: hidden; }

.letoltes_data {
  display: block;
  font-weight: 700;
  line-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 2px 0; }
  .letoltes_data input {
    width: 100%; }
    .letoltes_data input:first-child {
      width: calc(100% - 80px); }
    .letoltes_data input:last-child {
      width: 80px; }

.downloadBtn {
  background-color: #ed1c24 !important;
  border-color: #ed1c24 !important;
  background-image: url(images/ic_download_white_24px.svg);
  background-size: 24px 24px; }

.downloadBtn:active {
  border-color: black !important;
  background-color: black !important; }

.downloadText:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(images/ic_download_secondary_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  margin-left: 3px; }

.downloadText:hover:after {
  background-image: url(images/ic_download_dark_16px.svg); }

.kellekanyagBtn {
  background: white url(images/ic_right_primary_16px.svg) no-repeat right 4px center;
  background-size: 16px 16px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  color: #363636;
  height: 30px;
  line-height: 28px;
  padding: 0 24px 0 10px;
  transition: .15s all ease-in-out; }
  .kellekanyagBtn:hover {
    background-color: #f6f5f0; }

.editBtn, .deleteBtn, .addBtn, .adminBtn, .addressBtn, .levelupBtn, .linkBtn, .visibleBtn, .invisibleBtn, .plusBtn, .btnWithIcon.-edit:before, .letoltes_btn, .lista-btn {
  width: 30px;
  height: 30px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
  display: inline-block;
  transition: .15s all ease-in-out;
  cursor: pointer;
  flex-shrink: 0; }
  .editBtn:hover, .deleteBtn:hover, .addBtn:hover, .adminBtn:hover, .addressBtn:hover, .levelupBtn:hover, .linkBtn:hover, .visibleBtn:hover, .invisibleBtn:hover, .plusBtn:hover, .btnWithIcon.-edit:hover:before, .letoltes_btn:hover, .lista-btn:hover {
    background-color: #f6f5f0; }
  .-disabled.editBtn, .-disabled.deleteBtn, .-disabled.addBtn, .-disabled.adminBtn, .-disabled.addressBtn, .-disabled.levelupBtn, .-disabled.linkBtn, .-disabled.visibleBtn, .-disabled.invisibleBtn, .-disabled.plusBtn, .-disabled.btnWithIcon.-edit:before, .-disabled.letoltes_btn, .-disabled.lista-btn, .-faux.editBtn, .-faux.deleteBtn, .-faux.addBtn, .-faux.adminBtn, .-faux.addressBtn, .-faux.levelupBtn, .-faux.linkBtn, .-faux.visibleBtn, .-faux.invisibleBtn, .-faux.plusBtn, .-faux.btnWithIcon.-edit:before, .-faux.letoltes_btn, .-faux.lista-btn {
    cursor: default;
    background-color: #f6f5f0;
    opacity: 0.65; }

.editBtn, .deleteBtn, .addBtn, .adminBtn, .addressBtn, .levelupBtn, .linkBtn, .visibleBtn, .invisibleBtn, .plusBtn {
  /*width: 16px;
    height: 16px;
    display: inline-block;
    border: 0;
    outline: none;
    cursor: pointer;
    vertical-align: middle;*/ }

.editBtn {
  background-image: url(images/ic_edit_dark_24px.svg); }

.deleteBtn {
  background-image: url(images/ic_delete_dark_24px.svg); }

.addBtn {
  background-image: url(images/ic_add_dark_24px.svg); }

.plusBtn {
  background-image: url(images/ic_plus_primary_16px.svg);
  background-size: 16px 16px; }

.adminBtn {
  background-image: url(images/ic_user_dark_24px.svg); }

.addressBtn {
  background-image: url(images/ic_location_dark_24px.svg); }

.levelupBtn {
  background-image: url(images/icon_levelup.png); }

.linkBtn {
  background-image: url(images/ic_link_dark_24px.svg); }

.visibleBtn {
  background-image: url(images/ic_eye_dark_24px.svg); }

.invisibleBtn {
  background-image: url(images/ic_eye_inactive_dark_24px.svg); }

.btnWithIcon {
  padding-left: 4px !important; }
  .btnWithIcon.-edit:before {
    content: '';
    display: inline-block;
    background-color: transparent !important;
    border: none !important;
    border-radius: none !important;
    background-image: url(images/ic_edit_white_24px.svg); }
    .btnWithIcon.-edit:before:hover {
      background-image: url(images/ic_edit_dark_24px.svg); }

@media only screen and (max-width: 575px) {
  .letoltes_btn_container {
    width: calc(100% + 10px);
    margin: 10px -5px 0 -5px; } }

.letoltes_btn_container > * {
  margin-left: 5px;
  margin-right: 5px; }

.lista-btn {
  background-image: url(images/ic_lists_dark_24px.svg); }

.alapert, .nem_alapert, .radioDef {
  width: 24px;
  height: 24px;
  border: 0;
  display: inline-block;
  background: url(images/custom-inputs-white.svg);
  background-size: 24px 384px;
  background-position-y: -192px;
  transition: none !important;
  outline: none;
  cursor: pointer; }
  .alapert:hover, .nem_alapert:hover, .radioDef:hover {
    background-position-y: -216px; }
  .alapert:active, .nem_alapert:active, .radioDef:active {
    background-position-y: -240px; }
  .alapert:disabled, .nem_alapert:disabled, .radioDef:disabled {
    background-position-y: -264px; }
  .alapert.selected, .nem_alapert.selected, .radioDef.selected {
    background-position-y: -288px; }
    .alapert.selected:hover, .nem_alapert.selected:hover, .radioDef.selected:hover {
      background-position-y: -312px; }
    .alapert.selected:active, .nem_alapert.selected:active, .radioDef.selected:active {
      background-position-y: -336px; }
    .alapert.selected:disabled, .nem_alapert.selected:disabled, .radioDef.selected:disabled {
      background-position-y: -360px; }

.alapert {
  background-position-y: -288px; }
  .alapert:hover {
    background-position-y: -312px; }
  .alapert:active {
    background-position-y: -336px; }
  .alapert:disabled {
    background-position-y: -360px; }

.captchaContainer {
  display: none;
  position: absolute;
  white-space: normal;
  width: 185px; }

.captchaContainer p {
  margin: 0 0 10px 0; }

.captchaContainer img {
  display: inline-block;
  vertical-align: middle; }

.captchaContainer input[type=text], .captchaContainer .input, .captchaContainer .select-wrapper select, .select-wrapper .captchaContainer select, .captchaContainer .select-wrapper .select, .select-wrapper .captchaContainer .select, .captchaContainer textarea {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  padding: 1px;
  text-align: center; }

.captchaContainer input[type=submit], .captchaContainer button {
  width: 40px;
  height: 30px;
  background: #ed1c24 url(images/ic_right_white_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  border: 0;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle; }

.card_info .coded {
  display: none; }

.myMenuContainer .szamlaInfo {
  width: calc(100% + 20px);
  margin-left: -10px;
  border-radius: 0;
  border: 0;
  border-top: 1px solid #cdcdcd;
  background: white; }

.szamlaInfo {
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  padding: 10px;
  position: relative;
  font-size: 16px; }
  .szamlaInfo .moreBtn {
    font-size: 13.5px; }
  .szamlaInfo.tartozas {
    border-color: #ed1c24;
    background: #ed1c24;
    color: white; }
    .szamlaInfo.tartozas > div {
      border-left: 1px solid rgba(255, 255, 255, 0.5);
      padding-left: 10px; }

.attentionIcon {
  width: 24px;
  height: 24px;
  background: url(images/ic_attention_white_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  display: block;
  flex-shrink: 0;
  margin-right: 5px; }
  .attentionIcon + span {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    flex-grow: 1; }

.uzenet_container .attentionIcon {
  left: 0; }

.attention {
  font-weight: 700;
  color: #ed1c24;
  text-transform: uppercase;
  background: url(images/icon_attention_red.png) no-repeat left center;
  padding-left: 25px;
  display: block;
  margin: 5px 0; }

.smile {
  width: 40px;
  height: 32px;
  background: url(images/drawn_smile.svg) no-repeat center center;
  background-size: contain;
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 25px; }

.sidebar_boxes:first-child:first-child {
  margin-top: 0; }

.sidebar_boxes > * {
  margin-top: 20px;
  display: block; }

.sidebar_cikk {
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  padding: 10px; }

.sidebar_cikk_img {
  width: 140px;
  height: 140px;
  display: block;
  margin: auto;
  position: relative; }
  .sidebar_cikk_img > img {
    max-width: 140px;
    max-height: 140px;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.sidebar_cikk_title {
  height: 40px;
  overflow: hidden;
  color: #363636;
  font-size: 16px;
  display: block;
  margin: 5px 0;
  line-height: 20px; }

.back {
  width: 30px;
  height: 30px;
  background: #ed1c24 url(images/ic_left_white_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  border-radius: 2px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
  cursor: pointer; }
  .back:active {
    background-color: black; }
  .back + h2 {
    flex-grow: 1; }

/* listáim felugró */
.template_lista_input_container {
  margin: -10px;
  padding: 10px;
  background: #f6f5f0;
  border-bottom: 1px solid #cdcdcd;
  position: relative; }
  .template_lista_input_container input {
    width: 100%; }
  .template_lista_input_container .plusBtn {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto; }

.template_lista_title {
  margin: 10px 0;
  text-align: left; }

.template_lista_listitem {
  text-align: left; }
  .template_lista_listitem > span {
    margin-top: 2px;
    margin-bottom: 2px; }
    .template_lista_listitem > span[data-action] {
      display: inline-block;
      width: 24px;
      height: 24px;
      background: #f6f5f0 no-repeat center center;
      vertical-align: middle;
      cursor: pointer;
      background-size: 16px 16px; }
      .template_lista_listitem > span[data-action]:hover {
        background-color: #fcfbfa; }
      .template_lista_listitem > span[data-action].plus {
        background-image: url(images/ic_plus_dark_16px.svg); }
      .template_lista_listitem > span[data-action].minus {
        background-image: url(images/ic_minus_dark_16px.svg); }

.template_lista_listitem_container {
  margin: 10px -10px 0 -10px;
  padding: 10px;
  max-height: 210px;
  overflow: hidden;
  position: relative;
  text-align: center; }

.template_lista_bottomline {
  margin: 0 -10px -10px -10px;
  padding: 10px; }

@media only screen and (max-width: 767px) {
  .cl_options .template_lista_cont {
    left: 40px;
    right: auto; } }

@media only screen and (max-width: 991px) {
  .cr_options .template_lista_cont {
    left: 40px;
    right: auto; } }

.template_lista_cont {
  width: 210px;
  bottom: 10px;
  right: 40px;
  cursor: auto; }
  @media only screen and (min-width: 1200px) {
    .template_lista_cont {
      left: 40px;
      right: auto; } }
  .template_lista_cont.selected {
    display: block; }
  .template_lista_cont .closeOverlay {
    width: 30px;
    height: 30px;
    background-color: #ed1c24;
    right: -30px; }

.table-row {
  /*.tooltip {
        &:before {
            left: auto;
            right: -20px;
            border-width: 0 20px 12px 0;
            border-color: transparent transparent $ColorBorderNormal transparent;
        }

        &:after {
            left: auto;
            right: -19px;
            border-width: 0 19px 11px 0;
            border-color: transparent transparent white transparent;
        }
    }*/ }
  .table-row .template_lista_cont {
    left: auto;
    right: 40px; }

/* listáim felugró vége */
/*üzenet box-ok*/
#modalContainer {
  position: fixed;
  z-index: 100;
  margin-top: 13px;
  top: 50px; }

/*üzenet box-ok vége*/
#vscookieAlertCont {
  width: calc(100% - 30px);
  line-height: 25px;
  padding: 10px;
  position: fixed;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ed1c24;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 3;
  border-radius: 4px;
  outline: none !important; }
  @media only screen and (min-width: 576px) {
    #vscookieAlertCont {
      padding: 10px 20px;
      width: 540px; } }
  @media only screen and (min-width: 768px) {
    #vscookieAlertCont {
      width: 720px; } }
  @media only screen and (min-width: 992px) {
    #vscookieAlertCont {
      width: 960px; } }
  @media only screen and (min-width: 1200px) {
    #vscookieAlertCont {
      width: 1180px; } }
  #vscookieAlertCont > div {
    width: 100%;
    margin: 0 auto;
    position: relative;
    flex-wrap: wrap; }
    @media only screen and (min-width: 1200px) {
      #vscookieAlertCont > div {
        flex-wrap: nowrap; } }
    #vscookieAlertCont > div > span {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px; }
      @media only screen and (min-width: 1200px) {
        #vscookieAlertCont > div > span {
          margin-right: 20px; } }
    #vscookieAlertCont > div > a {
      display: block;
      margin-right: 20px;
      white-space: nowrap; }

#vscookieAlertOk {
  display: block; }

#vsTipp {
  position: absolute;
  border: solid 1px #f0e97c;
  border-radius: 20px 2px 40px 2px;
  min-height: 30px;
  max-width: 320px;
  text-align: center;
  font-size: 13.5px;
  padding: 15px 40px 15px 20px;
  vertical-align: middle;
  background: #fdf795;
  z-index: 6;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.1);
  opacity: 0;
  animation: .25s ShowTipp;
  animation-fill-mode: forwards;
  animation-delay: .15s; }
  @media only screen and (max-width: 991px) {
    #vsTipp {
      display: none !important; } }
  #vsTipp:after {
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    background: url(images/tipp_corner3.png) no-repeat center center; }
  #vsTipp:before {
    content: "";
    width: 20px;
    height: 21px;
    display: block;
    position: absolute;
    left: -2px;
    top: -3px;
    background: url(images/tipp_corner2.png) no-repeat center center; }
  #vsTipp.show #arrow.bottom {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #fdf795;
    border-top: 1px solid #f0e97c;
    border-left: 1px solid #f0e97c;
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
    top: -11px;
    left: 50%;
    position: absolute;
    transform: rotate(45deg); }
  #vsTipp.show #arrow.top {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: #fdf795;
    border-top: 1px solid #f0e97c;
    border-left: 1px solid #f0e97c;
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
    bottom: -11px;
    left: 50%;
    position: absolute;
    transform: rotate(225deg); }
  #vsTipp #never {
    display: block;
    color: #363636;
    opacity: .5;
    cursor: pointer;
    padding-top: 8px; }
  #vsTipp #close {
    color: #ed1c24;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 20px;
    height: 20px;
    background: transparent url(images/ic_close_primary_16px.svg) center center no-repeat;
    background-size: 16px 16px;
    cursor: pointer; }

@keyframes ShowTipp {
  0% {
    opacity: 0;
    transform: translate(0, -10px); }
  80% {
    transform: translate(0, 2px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }

.letolt_uz {
  display: block; }

.letolt_uz2 {
  display: block;
  text-align: right; }

[disabled] label {
  cursor: default; }

.inaktiv > span:not(:last-child) {
  opacity: .5; }

.jqmWindowKepek {
  display: none;
  position: fixed;
  z-index: 1;
  top: 50px;
  margin: 0 auto;
  width: 1004px;
  background-color: #fff;
  color: #333;
  border: 2px solid #cf141f;
  padding: 12px;
  z-index: 1000;
  behavior: url(../../_sass/ie-css3.htc);
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px inset, rgba(0, 0, 0, 0.2) 0 4px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px inset, rgba(0, 0, 0, 0.2) 0 4px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px inset, rgba(0, 0, 0, 0.2) 0 4px 4px; }

* html .jqmWindow {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

.closeOverlay, .fancybox-close {
  background: #ed1c24 url(images/ic_close_white_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
  transition: .15s all ease-in-out;
  position: absolute;
  right: -31px;
  top: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.25); }
  .closeOverlay:active, .fancybox-close:active {
    background-color: black; }

.googleMapCont #vsOverlayClose {
  right: -25px !important;
  top: -28px !important; }

.jqmWindow {
  display: none;
  position: fixed;
  top: 20px;
  margin: 0 auto;
  background-color: white;
  color: #363636;
  z-index: 1000;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 100px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 100px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 100px;
  border: solid 1px #333;
  left: 50% !important;
  margin-left: -400px !important;
  width: 850px !important; }
  .jqmWindow a {
    color: #000;
    text-decoration: none;
    font-weight: bold; }

/*.newsletterPopUpBox {
    display: none;
    position: fixed;
    top: 20px;
    margin: 0 auto;
    background-color: #fff;
    color: #333;
    z-index: 1000;
    box-shadow: rgba(0,0,0,0.5) 0 0 100px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0 0 100px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0 0 100px;
    border: solid 1px #333;
    left: 50% !important;
}

.closeNewletter {
    text-align: right;
    font-weight: 200;
    cursor: pointer;
    line-height: 30px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.closeNewletter:hover {
    color: #3bc900;
}

.closeNewletter #hirlev_err {
    position: absolute;
    left: 0;
    display: inline;
    top: 0;
    display: none;
    color: red;
    margin: 0;
}*/
/*.showPopUpAnim {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1) !important;
    -webkit-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}*/
table.vue-table {
  width: calc(100% - 2px);
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0; }
  table.vue-table td {
    padding: 8px 10px;
    line-height: 1.4; }
  table.vue-table th {
    padding: 6px 10px;
    font-weight: 700;
    font-size: 13.5px;
    text-transform: uppercase; }
  table.vue-table tbody tr {
    background-color: #eceae0;
    vertical-align: middle;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    background: #f6f5f0 url(images/perforatio.svg) repeat-x bottom left;
    background-size: 9px 2px; }
  table.vue-table tbody tr:last-child {
    border-bottom: 1px solid #cdcdcd;
    background-image: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  table.vue-table tbody tr:first-child {
    border-top: 1px solid #cdcdcd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  @media only screen and (max-width: 1199px) {
    table.vue-table {
      border: 0;
      width: 100%; }
      table.vue-table thead {
        display: none; }
      table.vue-table tr {
        background-color: #f6f5f0 !important;
        margin-bottom: 20px;
        display: block;
        border-bottom: 2px solid #ddd;
        border-top: 1px solid #cdcdcd;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
      table.vue-table td {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: auto;
        min-height: 35px;
        padding: 10px 15px;
        text-align: right; }
        table.vue-table td:nth-of-type(even) {
          background: rgba(0, 0, 0, 0.05); }
        table.vue-table td:last-child {
          border-bottom: none; }
        table.vue-table td:before {
          content: attr(data-label);
          font-weight: 700;
          margin-right: auto;
          order: -2;
          text-align: left; }
        table.vue-table td.qty-col {
          width: auto !important; }
        table.vue-table td .date_picker {
          display: flex;
          align-items: center;
          width: auto !important; }
          table.vue-table td .date_picker .regWarning {
            order: -1; }
        table.vue-table td .regWarning {
          margin-right: 10px;
          position: relative;
          left: auto !important;
          right: auto !important;
          order: -1; }
          table.vue-table td .regWarning:before {
            left: auto;
            right: -3px; }
      table.vue-table tbody {
        line-height: 0 !important; }
        table.vue-table tbody tr {
          background: none; } }
  @media screen and (max-width: 768px) {
    table.vue-table td.sm {
      display: none; } }
  @media screen and (max-width: 992px) {
    table.vue-table td.md {
      display: none; } }
  @media screen and (max-width: 1200px) {
    table.vue-table td.lg {
      display: none; } }

/* data-block és data-value-* elemek a megújított reklamációs oldalhoz */
.data-block {
  margin-bottom: 12px; }

.data-value-group {
  background-color: #f6f5f0;
  border: 1px solid #cdcdcd;
  border-radius: 4px; }

.data-value-item {
  display: flex; }
  .data-value-item > * {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    min-height: 35px;
    padding: 10px 15px;
    text-align: right; }
    .data-value-item > *:first-child {
      font-weight: 700;
      margin-right: auto;
      order: -2;
      text-align: left; }
  .data-value-item:nth-of-type(even) {
    background: rgba(0, 0, 0, 0.05); }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/* Alap struktúra */
.bgr {
  display: none; }

.bgr > :first-child {
  position: absolute;
  left: 50%;
  margin-left: -840px; }

.bgr > :first-child {
  margin-top: 147px; }

.bgr > :last-child {
  position: absolute;
  right: 50%;
  margin-right: -840px; }

.bgr > :last-child {
  margin-top: 147px; }

@media only screen and (min-width: 1700px) {
  .bgr {
    display: block; } }

.inner_bgr > div {
  width: 50%;
  display: block;
  box-sizing: border-box; }

.inner_bgr > div:first-child {
  float: left;
  text-align: right; }

.inner_bgr > div:first-child > a, .inner_bgr > div:first-child > img {
  margin-right: 590px;
  display: block;
  float: right; }

.inner_bgr > div:last-child {
  float: right;
  text-align: left; }

.inner_bgr > div:last-child > a, .inner_bgr > div:last-child > img {
  margin-left: 590px;
  display: block;
  float: left; }

#body_content {
  width: 100%;
  overflow: hidden; }

#header {
  width: 100%;
  background: #f6f5f0; }

/* Alap struktúra vége */
/* LANGUALGE SELECTOR */
.languageSelector {
  height: 100%;
  font-size: 0;
  white-space: nowrap; }

.language {
  width: 44px;
  height: 32px;
  line-height: 30px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden; }
  .language input {
    margin-top: 2px;
    width: 100%;
    height: 100%;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    border: 0;
    border-left: 1px solid #cdcdcd;
    background: #f6f5f0 no-repeat center center;
    background-size: 20px;
    cursor: pointer;
    outline: none;
    transition: .15s all ease-in-out; }
    .language input.nyelv_selected {
      border-top: 1px solid #ed1c24; }
    .language input.nyelv_deselected {
      transform: translateY(2px);
      opacity: .93; }
      @media only screen and (min-width: 1200px) {
        .language input.nyelv_deselected {
          transform: translateY(30px);
          opacity: 1; } }
    .language input:active {
      background-color: white; }
    .language input[data-flag=A] {
      background-image: url(images/lang/gb.png); }
    .language input[data-flag=H] {
      background-image: url(images/lang/hu.png); }
    .language input[data-flag=N] {
      background-image: url(images/lang/de.png); }
    .language input[data-flag=S] {
      background-image: url(images/lang/sk.png); }
    .language input[data-flag=P] {
      background-image: url(images/lang/pl.png); }

.language:first-child input {
  border: 0; }

.languageSelector:hover input.nyelv_deselected {
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.language input.nyelv_selected:hover, .language input.nyelv_deselected:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px); }

/* FOOTER */
footer {
  margin-top: 20px;
  position: relative;
  z-index: 1; }

.darkgrey_box {
  margin-top: 10px;
  margin-bottom: 30px; }
  .darkgrey_box > div {
    background: #5b5a59;
    border-radius: 2px;
    padding: 30px 10px 25px 10px;
    color: white;
    font-size: 16px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .darkgrey_box > div {
        height: 100%; } }
    .darkgrey_box > div h4 {
      margin: 10px 0; }
    .darkgrey_box > div ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .darkgrey_box > div ul > li {
        padding: 5px 0; }
    .darkgrey_box > div a {
      color: #f0f0f0;
      font-weight: 300; }
      .darkgrey_box > div a:hover {
        color: white; }
    .darkgrey_box > div > div {
      background: no-repeat top center;
      background-size: 36px 36px; }
    .darkgrey_box > div img {
      width: 24px;
      height: 24px; }
    .darkgrey_box > div table {
      margin: 0 auto; }
      .darkgrey_box > div table td {
        height: 42px; }
        .darkgrey_box > div table td:first-child {
          text-align: right;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 13.5px;
          padding-right: 20px; }
        .darkgrey_box > div table td:nth-child(2n) {
          width: 34px;
          text-align: center;
          padding-right: 10px; }
        .darkgrey_box > div table td:last-child {
          text-align: left; }
    .darkgrey_box > div img {
      vertical-align: middle; }

.textblock {
  margin-top: 10px;
  margin-bottom: 10px; }
  @media only screen and (min-width: 768px) {
    .textblock:first-child {
      padding-right: 30px; }
      .textblock:first-child:after {
        content: "";
        height: 100%;
        width: 16px;
        background: transparent url(images/textblock_separator.svg) no-repeat center center;
        background-size: 4px 83px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -8px; }
    .textblock:last-child {
      padding-left: 30px; } }
  .textblock h4, .textblock p {
    margin: 5px 0;
    text-align: justify; }
    @media only screen and (min-width: 768px) {
      .textblock h4, .textblock p {
        text-align: left; } }

.partner_logos {
  margin: 0 auto;
  padding: 10px 0 20px 0;
  text-align: center; }
  .partner_logos > a {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px; }
  .partner_logos img {
    padding: 0 15px;
    vertical-align: middle;
    opacity: .8;
    transition: .15s all ease-in-out; }
    .partner_logos img:hover {
      opacity: 1; }

.credits {
  margin: 0 auto;
  padding: 30px 0 10px 0;
  border-top: 1px solid #cdcdcd;
  color: #a8a8a8;
  text-align: center; }
  .credits a {
    color: #a8a8a8; }
    .credits a:hover {
      color: #737373; }

.vs, .octopus {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  padding-left: 20px; }

.vs_logo {
  background: url(images/vs_logo.svg) no-repeat center center;
  background-size: 24px 24px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle; }

.octopus_logo {
  background: url(images/octopus_logo.svg) no-repeat center center;
  background-size: 24px 24px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle; }

.yahoobar {
  width: 100%;
  line-height: 24px;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .yahoobar + h2 {
    margin-top: 25px; }
  .yahoobar .separator {
    margin: 0 5px;
    background: url(images/ic_more_primary_16px.svg) no-repeat center center;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: inline-block; }
  .yahoobar span {
    vertical-align: middle; }
  .yahoobar a {
    color: #363636; }
    .yahoobar a:hover {
      color: black; }

.footer_banner {
  display: block;
  max-height: 200px;
  margin: 0; }
  .footer_banner > div {
    margin: 0 auto; }
  .footer_banner img {
    display: block; }

.product-menu-mobile {
  background: url(images/ic_menu_primary_24px.svg) no-repeat left center;
  background-size: 24px 24px;
  padding-left: 30px;
  padding-right: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px; }
  @media only screen and (min-width: 992px) {
    .product-menu-mobile {
      font-size: 13.5px; } }
  @media only screen and (min-width: 1200px) {
    .product-menu-mobile {
      display: none; } }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.g15-lg-3, .g15-lg-4, .g15-lg-6, .g15-lg-9, .g15-lg-11, .g15-lg-12 .g15-xl-3, .g15-xl-4, .g15-xl-6, .g15-xl-9, .g15-xl-11, .g15-xl-12 {
  padding-left: 10px;
  padding-right: 10px; }

@media only screen and (min-width: 768px) {
  .g10-md-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .g10-md-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .g10-md-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .g10-md-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .g15-md-3 {
    flex: 0 0 20%;
    max-width: 20%; }
  .g15-md-9 {
    flex: 0 0 60%;
    max-width: 60%; }
  .g15-md-12 {
    flex: 0 0 80%;
    max-width: 80%; } }

@media only screen and (min-width: 992px) {
  .g10-lg-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .g10-lg-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .g10-lg-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .g10-lg-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .g15-lg-3 {
    flex: 0 0 20%;
    max-width: 20%; }
  .g15-lg-4 {
    flex: 0 0 26.66666666666667%;
    max-width: 26.66666666666667%; }
  .g15-lg-6 {
    flex: 0 0 40%;
    max-width: 40%; }
  .g15-lg-9 {
    flex: 0 0 60%;
    max-width: 60%; }
  .g15-lg-11 {
    flex: 0 0 73.33333333333333%;
    max-width: 73.33333333333333%; }
  .g15-lg-12 {
    flex: 0 0 80%;
    max-width: 80%; } }

@media only screen and (min-width: 1200px) {
  .g10-xl-8 {
    flex: 0 0 80%;
    max-width: 80%; }
  .g10-xl-5 {
    flex: 0 0 50%;
    max-width: 50%; }
  .g10-xl-4 {
    flex: 0 0 40%;
    max-width: 40%; }
  .g10-xl-2 {
    flex: 0 0 20%;
    max-width: 20%; }
  .g15-xl-3 {
    flex: 0 0 20%;
    max-width: 20%; }
  .g15-xl-4 {
    flex: 0 0 26.66666666666667%;
    max-width: 26.66666666666667%; }
  .g15-xl-6 {
    flex: 0 0 40%;
    max-width: 40%; }
  .g15-xl-9 {
    flex: 0 0 60%;
    max-width: 60%; }
  .g15-xl-11 {
    flex: 0 0 73.33333333333333%;
    max-width: 73.33333333333333%; }
  .g15-xl-12 {
    flex: 0 0 80%;
    max-width: 80%; } }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/*! jQuery UI - v1.11.4 - 2015-05-19
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
  background: #ed1c24; }

.ui-slider-validBar {
  background: #49ac07;
  height: 5px;
  padding: 0;
  margin-top: 0;
  position: absolute;
  border-radius: 2px; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

/* Component containers
----------------------------------*/
.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget-content {
  border-radius: 2px;
  background: #cdcdcd;
  color: #363636;
  /*box-shadow: 0 2px 3px rgba(0,0,0,.1);*/ }

.ui-datepicker.ui-widget-content {
  display: none; }

.ui-widget-content a {
  color: #363636; }

.ui-widget-header {
  background: #cdcdcd;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
/*.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cdcdcd;
	background: #f6f5f0;
    border-radius: 3px;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #ed1c24; }

/*
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff url("../../_sass/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00;
}*/
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
  border: 1px solid #ed1c24; }

/* Interaction Cues
----------------------------------*/
/*.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url("../../_sass/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
	color: #363636;
}*/
/*.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}*/
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("../../_sass/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #ffffff; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

/*.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../_sass/images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../../_sass/images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("../../_sass/images/ui-icons_ef8c08_256x240.png");
}*/
/*
.ui-state-active .ui-icon {
	background-image: url("../../_sass/images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("../../_sass/images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../../_sass/images/ui-icons_ffd27a_256x240.png");
}*/
/* positioning */
/*.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/*.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }*/
/* Misc visuals
----------------------------------*/
/* Corner radius */
/*.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}*/
/* Overlays */
.ui-widget-overlay {
  background: #666666 url("../../_sass/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5; }

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("../../_sass/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  border-radius: 5px; }

/* VS SLIDER MOD */
.ui-slider .ui-slider-handle {
  width: 12px;
  height: 18px;
  outline: none;
  cursor: pointer;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  transform: translate(-50%, 0); }
  @media only screen and (min-width: 1200px) {
    .ui-slider .ui-slider-handle {
      width: 10px;
      height: 16px; } }

.ui-slider-horizontal .ui-slider-handle {
  top: -7px; }
  @media only screen and (min-width: 1200px) {
    .ui-slider-horizontal .ui-slider-handle {
      top: -6px; } }

input[type="text"].slider-error, [type="text"].slider-error.input, .select-wrapper select[type="text"].slider-error, .select-wrapper [type="text"].slider-error.select, textarea[type="text"].slider-error {
  color: red !important; }

.slider-range-bg {
  width: 100%;
  height: 5px;
  border-radius: 3px;
  position: absolute;
  z-index: 2; }
  .slider-range-bg > div {
    background-color: #49ac07;
    border: 1px solid transparent;
    border-radius: 3px; }
    .slider-range-bg > div.activeMax {
      float: right;
      margin-right: -1px; }
    .slider-range-bg > div.activeMin {
      float: left;
      margin-right: 0px;
      background-color: #33cc80; }
    .slider-range-bg > div.activeBetween {
      background-color: #ed1c24; }

span.ui-slider-handle {
  z-index: 3 !important;
  padding: 0 !important; }

.slider-range {
  height: 5px; }

.slider-range-bg > div.hide {
  background-color: transparent; }

.slider-values {
  margin-top: 8px;
  width: 100%; }
  @media only screen and (min-width: 1200px) {
    .slider-values {
      margin-top: 5px; } }

.slider-values > div:nth-child(2):before {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 16px;
  text-align: center;
  content: "\2014"; }

.slider-values > div:nth-child(2) {
  text-align: right; }

.ui-datepicker-calendar {
  width: 220px;
  margin: 5px 10px; }

#ui-datepicker-div {
  background-color: #f6f5f0;
  border: 1px solid #cdcdcd;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 2px; }

.ui-datepicker-calendar td, .ui-datepicker-calendar th {
  width: 20px;
  text-align: center; }

.ui-datepicker-title {
  display: inline-block;
  font-weight: 400; }

.ui-datepicker-prev, .ui-datepicker-next {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer; }

.ui-datepicker-prev {
  left: 10px; }

.ui-datepicker-next {
  right: 10px; }

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
  background: url(images/ic_right_white_16px.svg) no-repeat center center;
  background-size: 16px 16px; }

.ui-icon-circle-triangle-w {
  transform: rotate(180deg); }

.ui-datepicker-header {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #5b5a59;
  position: relative; }

.ui-state-default {
  padding: 2px 5px;
  border-radius: 2px;
  border: 1px solid transparent; }

.ui-datepicker-current-day .ui-state-default {
  border: 1px solid #cdcdcd; }

.ui-state-highlight {
  border: 1px solid #cdcdcd;
  background: #edebe2; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.cl-head {
  margin-top: 10px;
  margin-bottom: 10px; }
  .cl-head h2 {
    margin: 0; }
  .cl-head .altBtn, .cl-head .button.-warning {
    margin-left: auto; }

.gyarto_item, .cl-box-item {
  margin-bottom: 20px; }

.gyarto_img, .cl-box-item-img {
  width: 100%;
  padding-bottom: calc(100% - 2px);
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  outline: none;
  display: block;
  position: relative;
  transition: .15s all ease-in-out; }
  .gyarto_img:hover, .cl-box-item-img:hover {
    border-color: #5b5a59; }
  .gyarto_img > img, .cl-box-item-img > img {
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    position: absolute;
    margin: auto;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

.gyarto_title, .cl-box-item-name {
  line-height: 24px;
  padding: 5px 0;
  display: block;
  font-size: 16px;
  text-align: center;
  margin: 0;
  color: #476cd5;
  font-weight: 400; }

.gyarto_link {
  display: none; }

/* cikk lista */
.pscss {
  width: 100%;
  display: block;
  margin: 10px 0; }

.inputContainer {
  position: relative;
  cursor: pointer; }

.cikklista_banner {
  margin-bottom: 10px; }

.cl_row {
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  padding: 0;
  margin: 20px 0;
  transition: .15s all ease-in-out;
  position: relative;
  flex-wrap: wrap;
  align-items: flex-start; }
  .cl_row:hover {
    background-color: #fcfbfa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
  @media only screen and (min-width: 768px) {
    .cl_row {
      flex-wrap: nowrap;
      align-items: center; } }

.kicsi.cl_row {
  width: 100%;
  margin: 10px 0; }

.kicsi .cl_img_container {
  width: 68px;
  height: 68px;
  overflow: hidden;
  border-right: 1px solid #cdcdcd;
  background: white;
  position: relative;
  flex-shrink: 0;
  mix-blend-mode: unset; }
  .kicsi .cl_img_container img {
    max-width: 60px;
    max-height: 60px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

.kicsi .cl_img {
  max-width: 69px;
  max-height: 69px;
  border: 0; }

.kicsi .cl-details {
  flex-wrap: wrap;
  width: 100%; }

.kicsi .cl_termnev {
  line-height: 17px;
  padding: 5px; }
  .kicsi .cl_termnev > a {
    font-size: 13.5px;
    font-weight: 400; }

.kicsi .cl_ar {
  padding: 0 5px;
  margin-top: 0;
  margin-left: auto;
  height: auto; }

.cl_img_container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  padding: 10px 10px 10px 15px;
  order: 1; }
  @media only screen and (min-width: 768px) {
    .cl_img_container {
      padding: 0;
      order: 0;
      mix-blend-mode: multiply; } }

.cl_img_container-bg {
  width: 160px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  transform: rotateX(0deg);
  transform-style: preserve-3d;
  transition: .5s all ease-in-out; }
  .cl_img_container-bg.flip .ajandek_title {
    opacity: 0;
    pointer-events: none; }
  @media only screen and (max-width: 767px) {
    .cl_img_container-bg {
      display: none; } }

.cl_img, .cr_img {
  width: 120px;
  height: 120px;
  /*background: white;*/
  border: 1px solid #cdcdcd;
  position: relative;
  transform: rotateX(0deg);
  transform-style: preserve-3d;
  transition: .5s all ease-in-out;
  backface-visibility: hidden;
  border-radius: 2px; }
  @media only screen and (max-width: 339px) {
    .cl_img, .cr_img {
      width: 90px;
      height: 90px;
      overflow: hidden; } }
  @media only screen and (min-width: 768px) {
    .cl_img, .cr_img {
      border-radius: 0; } }
  .cl_img img, .cr_img img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 100%; }
  @media only screen and (min-width: 768px) {
    .cl_img, .cr_img {
      width: 160px;
      height: 160px;
      border: 0;
      border-right: 1px solid #cdcdcd; } }

.cl_img {
  border: none !important; }

.cl_img.flip:not(.ajandek), .cl_img_container-bg.flip:not(.ajandek) {
  transform: rotateX(-180deg); }

/*.cl_img.akcios,*/
.cl_img_container-bg.akcios {
  border-right: 2px solid #ed1c24;
  overflow: hidden; }

/*.cl_img.kifutott,*/
.cl_img_container-bg.kifutott {
  width: 118px;
  border-right: 2px solid #ababab;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .cl_img_container-bg.kifutott {
      width: 158px; } }

.cl_img.kifutott img {
  opacity: .5; }

.cl_img.ajandek, .cr_img.ajandek, .cl_img_container-bg.ajandek {
  position: absolute;
  top: 0;
  left: 0;
  width: 158px;
  height: 160px;
  transform: rotateX(180deg); }
  @media only screen and (max-width: 991px) {
    .cl_img.ajandek, .cr_img.ajandek, .cl_img_container-bg.ajandek {
      display: none; } }

.cl_img.ajandek.flip, .cr_img.ajandek.flip, .cl_img_container-bg.flip {
  transform: rotateX(0deg); }

.cl_img.ajandek.flip .ajandek_label, .cr_img.ajandek.flip .ajandek_label {
  opacity: .25; }

.largeImage.flip {
  transform: rotateX(-180deg); }

.cr_img.ajandek {
  width: 380px;
  height: 380px;
  backface-visibility: hidden;
  border: 0;
  right: 0;
  margin: auto;
  opacity: .99; }

.cl_img .ajandek_label, .cr_img .ajandek_label {
  width: 158px;
  height: 160px;
  line-height: 160px;
  display: block;
  position: absolute;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0;
  letter-spacing: .5px;
  z-index: 10;
  transform: rotate(-45deg);
  transition: .5s all ease-in-out; }

.cr_img .ajandek_label {
  width: 380px;
  height: 380px;
  line-height: 380px;
  font-size: 75px;
  backface-visibility: hidden; }

.ajandek_title {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 45px 0 0;
  border-color: #ed1c24 transparent transparent transparent;
  left: -1px;
  top: -1px;
  transition: .5s all ease-in-out; }

.ajandek_title span {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 5px;
  top: -40px;
  background: url(images/ic_sale_gift_white_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  z-index: 1; }

.right .ajandek_title {
  left: calc((100% - 300px) / 2);
  top: 0;
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .right .ajandek_title {
      left: 10px; } }

.cl_img > input, .cr_img > input {
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  outline: none; }

.cr_img > input {
  max-width: 380px;
  max-height: 380px;
  backface-visibility: hidden; }

.preview_img {
  display: none; }
  @media only screen and (max-width: 1199px) {
    .preview_img {
      display: none !important; } }
  @media only screen and (min-width: 1200px) {
    .preview_img {
      width: 380px;
      height: 380px;
      padding: 10px;
      border: 1px solid #cdcdcd;
      border-radius: 2px;
      background: white;
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
      position: absolute;
      z-index: 2;
      left: 177px;
      top: -1px; }
      .preview_img > img {
        max-width: calc(100% - 30px);
        max-height: calc(100% - 30px);
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
      .preview_img:after {
        content: "";
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        transform: rotate(45deg);
        background: white;
        border-bottom: 1px solid #cdcdcd;
        border-left: 1px solid #cdcdcd;
        margin: auto;
        left: -9px;
        top: 0;
        bottom: 0; } }

.cl_mid {
  padding: 10px 15px 10px 0;
  order: 1;
  width: calc(100% - 145px); }
  .cl_mid.kifutott {
    color: #ababab; }
  @media only screen and (max-width: 339px) {
    .cl_mid {
      width: calc(100% - 115px); } }
  @media only screen and (min-width: 768px) {
    .cl_mid {
      flex-grow: 1;
      order: 0;
      padding: 10px 20px; } }

.cl_termnev {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  margin: 0;
  font-size: 16px;
  position: relative;
  display: none;
  margin-top: 0 !important; }
  .cl_termnev.mobile {
    display: block;
    padding: 10px 15px 0 15px;
    width: 100%;
    height: auto; }
  @media only screen and (min-width: 768px) {
    .cl_termnev {
      display: block; }
      .cl_termnev.mobile {
        display: none; } }
  .cl_termnev > a {
    font-size: 16px;
    font-weight: 700;
    color: #363636;
    display: inline-block;
    text-decoration-color: transparent; }
    .cl_termnev > a:hover {
      text-decoration: underline;
      text-decoration-color: #5b5a59; }

.kifutott .cl_termnev > a {
  color: #ababab; }

.cl_adatok_and_keszlet {
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .cl_adatok_and_keszlet {
      flex-wrap: nowrap;
      margin-top: 15px; } }

.cl_adatok {
  width: 100%;
  text-align: right;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  margin-bottom: 10px;
  padding-right: 20px;
  position: relative;
  transition: .15s all ease-in-out; }
  @media only screen and (max-width: 767px) {
    .cl_adatok {
      width: auto;
      margin-left: auto; } }
  .cl_adatok > div {
    justify-content: flex-end;
    align-items: flex-start; }
    @media only screen and (min-width: 768px) {
      .cl_adatok > div {
        justify-content: space-between; } }
  .cl_adatok.expanded {
    height: 54px; }
    .cl_adatok.expanded:after {
      background-image: url(images/ic_up_primary_16px.svg); }
  .cl_adatok:after {
    content: "";
    width: 16px;
    height: 18px;
    background: transparent url(images/ic_down_primary_16px.svg) no-repeat right center;
    background-size: 16px 16px;
    position: absolute;
    top: 0;
    right: 0; }
  @media only screen and (min-width: 768px) {
    .cl_adatok {
      width: auto;
      line-height: 15px;
      text-align: left;
      margin-bottom: 0;
      padding-right: 0;
      overflow: visible;
      height: auto; }
      .cl_adatok:hover, .cl_adatok:active {
        height: auto; }
      .cl_adatok:after {
        display: none; } }
  .cl_adatok > div > span {
    display: inline-block; }
    .cl_adatok > div > span:first-child {
      width: 60px;
      margin-right: 5px; }
    .cl_adatok > div > span:last-child {
      width: calc(100% - 65px); }

.cl_price_container {
  display: none; }
  @media only screen and (min-width: 768px) {
    .cl_price_container {
      display: block;
      width: 100%;
      margin-top: auto; } }
  .cl_price_container.mobile {
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) {
      .cl_price_container.mobile {
        display: none; } }

.cl_keszlet {
  text-align: right;
  width: 100%; }
  .cl_keszlet .altBtn, .cl_keszlet .button.-warning {
    display: none;
    margin-top: 3px;
    line-height: 26px;
    height: 28px; }
  @media only screen and (min-width: 768px) {
    .cl_keszlet {
      width: auto; }
      .cl_keszlet .altBtn, .cl_keszlet .button.-warning {
        display: inline-block; } }
  .cl_keszlet .nostock, .cl_keszlet .onstock {
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 24px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 5px; }

.cl_keszlet .helyettesito, .cr_keszlet .helyettesito {
  float: right;
  padding-left: 25px;
  background-image: url(../../_sass/images/.png); }

.cr_bottomline {
  height: 30px;
  margin-top: 10px; }

.cl_bottomline {
  display: none; }
  @media only screen and (min-width: 768px) {
    .cl_bottomline {
      display: flex;
      margin-top: 5px; } }

.cr_bottomline {
  height: 40px; }

.cl_kondicio {
  width: 100%;
  height: 54px;
  line-height: 18px;
  margin-top: 10px; }
  @media only screen and (min-width: 768px) {
    .cl_kondicio {
      margin-top: 0;
      padding-left: 15px; } }
  .cl_kondicio > div {
    width: 100%;
    float: left; }

.cl_kondicio > div > span:first-child {
  float: left; }

.cl_kondicio > div > span:last-child {
  float: right; }

.cl_kondicio + .cl_ar {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .cl_kondicio + .cl_ar {
      height: 34px; }
      .cl_kondicio + .cl_ar > div {
        line-height: 18px; }
      .cl_kondicio + .cl_ar > span {
        line-height: 16px; } }

.cl_kondicio + .cl_ar .ar.lista {
  padding-top: 0; }

.cl_akcio, .cr_akcio {
  line-height: 15px;
  text-transform: uppercase;
  color: #ed1c24;
  font-weight: 700; }

.cr_akcio {
  height: 30px;
  margin: 5px 0; }
  @media only screen and (min-width: 768px) {
    .cr_akcio {
      width: 400px; } }

.cl_akcio .tooltip {
  visibility: hidden; }

.cl_akcio > a + .tooltip, .cl_akcio > span + .tooltip {
  visibility: visible; }

.cl_akcio > a, .cl_akcio > span, .cr_akcio > a, .cr_akcio > span {
  color: #ed1c24;
  background: no-repeat left center;
  background-size: 24px 24px;
  padding-left: 24px;
  position: relative;
  line-height: 1.4; }

.cl_akcio > a:before, .cl_akcio > span:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 2px;
  background: #ed1c24;
  top: 0;
  bottom: 0;
  left: -20px;
  margin: auto; }

.kifutott .cl_akcio span:before {
  background: #ababab; }

a.mennyisegi, span.mennyisegi {
  background-image: url(images/ic_sale_qty_primary_24px.svg);
  min-height: 30px;
  word-break: break-word;
  display: inline-flex;
  align-items: center; }

a.ajandek {
  background-image: url(images/ic_sale_gift_primary_24px.svg); }

a.ar {
  /*white-space: nowrap; MEG KELL NÉZNI, ELRONT-E VALAMIT. ALMA. RAJZ. TESZT. BIRSALMASAJT. SAJTOS LÁNGOS */
  background-image: url(images/ic_sale_price_primary_24px.svg); }

@media only screen and (min-width: 768px) {
  .cl_icons, .cr_icons {
    width: 100px;
    height: 100%;
    text-align: right;
    vertical-align: middle; } }

.cl_icons > *, .cr_icons > * {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  display: inline-block;
  width: 16px;
  height: 30px;
  line-height: 30px;
  margin: 0 3px; }

.cl_icons .ujdonsag, .cr_icons .ujdonsag {
  background-image: url(images/ic_new_yellow_24px.svg); }

.cl_icons .kifuto, .cr_icons .kifuto {
  background-image: url(images/ic_runout_primary_24px.svg); }

.cl_icons .zold, .cr_icons .zold {
  background-image: url(images/ic_leaf_green_24px.svg); }

.cl_icons .azonnal-valtozo-ar, .cr_icons .azonnal-valtozo-ar {
  background-image: url(images/ic_azonnal_valtozo_ar_24px.svg); }

.cl_icons .drop_cmyk, .cr_icons .drop_cmyk {
  background-image: url(images/ic_drop_cmyk_24px.svg); }

.cl_icons .drop_cmy, .cr_icons .drop_cmy {
  background-image: url(images/ic_drop_cmy_24px.svg); }

.cl_icons .drop_k, .cr_icons .drop_k {
  background-image: url(images/ic_drop_dark_24px.svg); }

.cl_icons .drop_c, .cr_icons .drop_c {
  background-image: url(images/ic_drop_cyan_24px.svg); }

.cl_icons .drop_m, .cr_icons .drop_m {
  background-image: url(images/ic_drop_magenta_24px.svg); }

.cl_icons .drop_y, .cr_icons .drop_y {
  background-image: url(images/ic_drop_yellow_24px.svg); }

.cl_icons .drop_r, .cr_icons .drop_r {
  background-image: url(images/ic_drop_red_24px.svg); }

.cl_icons .drop_g, .cr_icons .drop_g {
  background-image: url(images/ic_drop_grey_24px.svg); }

.cl_icons .drop_green, .cr_icons .drop_green {
  background-image: url(images/ic_drop_green_24px.svg); }

.cl_icons .drop_b, .cr_icons .drop_b {
  background-image: url(images/ic_drop_blue_24px.svg); }

@media only screen and (min-width: 768px) {
  .cl_icons.mobile {
    display: none; } }

.cl_icons.mobile .ujdonsag, .cl_icons.mobile .ar {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background: #ed1c24 no-repeat center center;
  background-size: 24px 24px; }

.cl_icons.mobile .ujdonsag {
  background-color: #f9cd1b;
  background-image: url(images/ic_new_white_24px.svg); }

.cl_icons.mobile .ar {
  background-image: url(images/ic_sale_price_white_24px.svg); }

.kifutott .ujdonsag {
  background-image: url(images/ic_new_grey_24px.svg); }

.kifutott .zold {
  background-image: url(images/ic_leaf_grey_24px.svg); }

.kifutott .cl_akcio span {
  color: #ababab;
  display: table-cell;
  vertical-align: middle;
  background: url(images/ic_runout_grey_24px.svg) no-repeat left center;
  background-size: 24px 24px;
  padding-left: 26px;
  position: relative; }

.cl_kosar {
  position: relative;
  width: 100%;
  padding: 10px 15px;
  order: 2;
  flex-wrap: nowrap; }
  .cl_kosar:before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    background: url(images/perforatio.svg) repeat-x;
    background-size: 9px 2px; }
  @media only screen and (min-width: 768px) {
    .cl_kosar {
      width: 150px;
      min-height: 160px;
      padding: 10px 15px 10px 0;
      flex-shrink: 0;
      flex-wrap: wrap;
      order: 0;
      justify-content: flex-end; }
      .cl_kosar:before {
        content: "";
        width: 2px;
        height: 100%;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        background: url(images/perforation_vertical.svg) repeat-y;
        background-size: 2px 9px; } }

.cartBtn {
  width: 40px;
  height: 30px;
  background-color: #ed1c24;
  background-image: url(images/ic_cart_white_24px.svg);
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; }
  .cartBtn:hover {
    background-color: #d41118; }
  .cartBtn:active {
    background-color: black; }
  .cartBtn.inactive {
    opacity: .33;
    cursor: default; }
    .cartBtn.inactive:hover, .cartBtn.inactive:active {
      background-color: #ed1c24; }

.cartInput {
  text-align: right;
  display: inline-block;
  vertical-align: middle; }
  .cartInput.faux {
    width: 42px;
    height: 30px;
    padding: 5px;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    cursor: default; }

.OTable {
  width: 100%; }
  .OTable .megszuntTitle {
    margin-top: 15px; }
  .OTable .cl_kosar {
    width: 100%;
    height: auto;
    padding: 0;
    margin-top: 5px;
    font-size: 13.5px; }
    .OTable .cl_kosar:before {
      display: none; }
  .OTable .cl_kosarba {
    width: 40px;
    height: auto;
    margin-left: 5px;
    margin-top: 0;
    flex-wrap: wrap; }
  .OTable .cartBtn {
    margin: 5px 0 0 0; }
  .OTable .cl_ar {
    width: calc(100% - 45px);
    margin: 0;
    position: relative; }
  .OTable .mennyisegiTitle {
    right: 0; }

.kifutott .megszuntTitle {
  font-size: 35px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .kifutott .megszuntTitle {
      margin-top: 30px; } }

.kifutott .megszuntDate {
  font-size: 16px;
  text-align: center;
  margin-top: 20px; }

.kifutott .megszuntDate > span:last-child {
  font-size: 17px;
  letter-spacing: 0; }

.cl_options, .cr_options {
  justify-content: flex-end;
  height: 30px;
  margin-bottom: auto; }
  .cl_options .option, .cr_options .option {
    width: 30px;
    height: 30px;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    margin-right: 5px;
    display: block;
    background-color: white;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .cl_options .option, .cr_options .option {
        margin-left: 5px;
        margin-right: 0; } }
    .cl_options .option:hover, .cr_options .option:hover {
      background-color: #f6f5f0; }
    .cl_options .option.inactive, .cl_options .option.disabled, .cr_options .option.inactive, .cr_options .option.disabled {
      cursor: default;
      opacity: .5; }
      .cl_options .option.inactive:hover, .cl_options .option.disabled:hover, .cr_options .option.inactive:hover, .cr_options .option.disabled:hover {
        background-color: white; }
    .cl_options .option.ertesit, .cr_options .option.ertesit {
      background-image: url(images/ic_notify_dark_24px.svg); }
    .cl_options .option.osszehasonlit, .cr_options .option.osszehasonlit {
      background-image: url(images/ic_compare_dark_24px.svg); }
    .cl_options .option.lista, .cr_options .option.lista {
      background-image: url(images/ic_lists_dark_24px.svg); }
    .cl_options .option.lista.active, .cr_options .option.lista.active {
      background-image: url(images/ic_lists_active_dark_24px.svg);
      border-color: #ed1c24; }

.option.inline {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0; }

.option.inline:hover {
  background-color: transparent; }

@media only screen and (min-width: 768px) {
  .mennyisegiTitle {
    /*position: absolute;
        right: 15px;*/ } }

@media only screen and (min-width: 768px) {
  .cr_ar .mennyisegi {
    width: 100%;
    /*position: absolute;*/
    top: 0; }
  .cr_ar .mennyisegiTitle {
    right: auto;
    left: 90px;
    top: 5px; } }

@media only screen and (min-width: 992px) {
  .cr_ar .mennyisegiTitle {
    left: 85px; } }

.megszuntTitle {
  height: 50px;
  margin-top: 20px;
  width: 100%;
  font-size: 24px;
  text-align: right; }

.megszuntDate {
  color: #ababab;
  text-transform: uppercase;
  font-weight: 700;
  text-align: right; }

.megszuntDate > span:last-child {
  font-size: 16px; }

.cl_ar {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 5px;
  text-align: right; }
  @media only screen and (min-width: 768px) {
    .cl_ar {
      /*height: 65px;*/
      margin-top: 0; } }
  .cl_ar > div {
    width: 100%; }

.cl_ar .ar {
  font-size: 16px;
  font-weight: 700;
  display: inline-block; }

.kicsi .cl_ar .ar {
  font-size: 13.5px; }

.cl_ar .ar.regi i {
  font-style: normal;
  font-size: 13.5px; }

.cr_ar .ar.regi i {
  font-style: normal;
  font-size: 16px; }

.cr_ar .ar.regi, .cr_ar .ar.lista {
  font-size: 26px;
  font-weight: 700;
  line-height: 26px;
  white-space: nowrap; }

.cl_ar .ar.uj {
  width: 100%;
  font-size: 20px;
  line-height: 22px;
  font-weight: 400; }

.kicsi .cl_ar .ar.uj {
  width: auto;
  font-size: 16px; }

.cl_ar .ar.uj i {
  font-style: normal;
  font-size: 13.5px; }

.cr_ar .ar.uj {
  width: 100%;
  font-size: 26px;
  font-weight: 400;
  line-height: 30px; }

.cr_ar .ar.uj i {
  font-style: normal;
  font-size: 18px; }

.ar.lista {
  padding-top: 5px; }
  @media only screen and (min-width: 768px) {
    .ar.lista {
      padding-top: 0; } }

.kicsi .ar.lista {
  padding-top: 0; }

.ar.lista i {
  font-size: 12px;
  font-style: normal; }

.cr_ar .ar.lista i {
  font-size: 16px; }

.highlighted_price .new_price i, .sidebar_cikk_price i {
  font-size: 13.5px;
  font-style: normal; }

.cl_kosarba, .cr_kosarba {
  justify-content: flex-end;
  height: 30px;
  text-align: right;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .cl_kosarba, .cr_kosarba {
      margin-top: 5px; } }

.cl_kosarba {
  margin-left: auto; }
  @media only screen and (min-width: 768px) {
    .cl_kosarba {
      margin-left: 0; } }

.cr_kosarba {
  height: 40px; }
  .cr_kosarba .cartInput {
    width: 55px;
    height: 40px;
    text-align: center; }
  .cr_kosarba .cartBtn {
    height: 40px; }

.cartBullet {
  height: 16px;
  line-height: 12px;
  display: block;
  position: absolute;
  top: 6px;
  right: -8px;
  padding: 0 4px;
  border: 2px solid #ed1c24;
  border-radius: 8px;
  font-size: 12px;
  text-align: center;
  background: white; }

.cr_kosarba .cartBullet {
  min-width: 20px;
  height: 20px;
  line-height: 16px;
  font-size: 12px;
  border-radius: 10px;
  font-weight: 700;
  padding: 0;
  top: 9px;
  right: -10px; }

.cr_diagram {
  margin: 10px 15px; }

.diagram_labels {
  border-right: 1px solid #cdcdcd;
  text-align: right;
  padding-right: 15px;
  line-height: 26px;
  font-size: 12px; }
  @media only screen and (min-width: 768px) {
    .diagram_labels {
      font-size: 13.5px; } }

.diagram_rows {
  flex-grow: 1; }

.diagram_item {
  width: 100%; }
  .diagram_item > div {
    height: 100%;
    text-align: left;
    line-height: 26px;
    flex-grow: 1; }
    @media only screen and (min-width: 768px) {
      .diagram_item > div {
        width: 200px; } }
    .diagram_item > div > div {
      height: 5px;
      border: 1px solid #bcbcb9;
      border-left: 0;
      border-radius: 0 2px 2px 0;
      background: #d0d0cf;
      display: inline-block;
      vertical-align: middle; }
  .diagram_item > span {
    height: 100%;
    line-height: 26px;
    text-align: right;
    padding-left: 15px; }
  .diagram_item i {
    font-size: .8em; }

/*@keyframes ScaleDown {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}*/
.cr_tabs_outer {
  width: 100%;
  height: 50px;
  margin: 30px 0 20px 0; }

.cr_tabs {
  width: 100%;
  height: 48px;
  border: 1px solid #cdcdcd;
  background: #f6f5f0;
  border-radius: 2px;
  margin: 0;
  /*.hirek {
        background-image: url(images/ic_news_primary_24px.svg);
    }

    .letoltesek {
        background-image: url(images/ic_attachment_primary_24px.svg);
    }*/ }
  .cr_tabs.sticked, .cr_tabs.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    border-top: 0;
    margin: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    /*animation: .15s ScaleDown;*/
    transform-origin: top; }
    .cr_tabs.sticked .perforation, .cr_tabs.fixed .perforation {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .cr_tabs.sticked > div > ul:last-child, .cr_tabs.fixed > div > ul:last-child {
      display: flex; }
  .cr_tabs .perforation {
    display: none; }
  .cr_tabs > div {
    width: 100%;
    height: 100%;
    margin: 0 auto; }
    .cr_tabs > div > ul {
      height: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
      .cr_tabs > div > ul:first-child {
        display: none;
        font-size: 12px; }
        @media only screen and (min-width: 992px) {
          .cr_tabs > div > ul:first-child {
            padding-left: 0;
            display: flex; } }
        @media only screen and (min-width: 1200px) {
          .cr_tabs > div > ul:first-child {
            font-size: 13.5px; } }
      .cr_tabs > div > ul:last-child {
        text-align: right;
        font-size: 12px;
        margin-left: auto; }
        @media only screen and (min-width: 992px) {
          .cr_tabs > div > ul:last-child {
            display: none; } }
        @media only screen and (min-width: 1200px) {
          .cr_tabs > div > ul:last-child {
            font-size: 13.5px; } }
        .cr_tabs > div > ul:last-child > li {
          margin: 0;
          border-left: 1px solid #cdcdcd;
          border-bottom: 2px solid transparent;
          padding: 0 10px;
          transition: .15s all ease-in-out;
          display: flex;
          align-items: center;
          height: 100%; }
          @media only screen and (max-width: 767px) {
            .cr_tabs > div > ul:last-child > li:first-child {
              border-left: 0;
              padding-left: 0; } }
          .cr_tabs > div > ul:last-child > li:last-child {
            padding-right: 0; }
            @media only screen and (min-width: 992px) {
              .cr_tabs > div > ul:last-child > li:last-child {
                border-right: 1px solid #cdcdcd;
                padding-right: 10px; } }
          .cr_tabs > div > ul:last-child > li:hover {
            border-bottom: 2px solid #ed1c24; }
      .cr_tabs > div > ul > li {
        display: flex;
        align-items: center;
        padding: 5px 0 5px 25px;
        margin-right: 15px;
        background: transparent no-repeat left center;
        background-size: 24px 24px;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
        height: 100%;
        line-height: 1.3; }
        .cr_tabs > div > ul > li.active-tab {
          position: relative; }
          .cr_tabs > div > ul > li.active-tab:after {
            content: "";
            position: absolute;
            top: 1px;
            left: 0;
            width: 100%;
            height: 100%;
            border-bottom: 1px solid #ed1c24; }
        .cr_tabs > div > ul > li:hover {
          color: black; }
      .cr_tabs > div > ul a {
        color: #363636;
        background: transparent no-repeat left center;
        background-size: 24px 24px;
        padding: 5px 5px 5px 25px;
        display: block;
        line-height: 1.3;
        text-align: left; }
        .cr_tabs > div > ul a:hover {
          color: black; }
  .cr_tabs .adatok_es_leiras {
    background-image: url(images/ic_desc_primary_24px.svg); }
  .cr_tabs .hirek_es_letoltesek {
    background-image: url(images/ic_news_primary_24px.svg); }
  .cr_tabs .videok {
    background-image: url(images/ic_video_primary_24px.svg); }
  .cr_tabs .hasonlok {
    background-image: url(images/ic_similar_primary_24px.svg); }
  .cr_tabs .helyettesitok {
    background-image: url(images/ic_similar_primary_24px.svg); }
  .cr_tabs .tartozekok {
    background-image: url(images/ic_misc_primary_24px.svg); }
  .cr_tabs .informacio > a {
    background-image: url(images/ic_info_dark_24px.svg); }
  .cr_tabs .problemajelentes > a {
    background-image: url(images/ic_attention_dark_24px.svg); }
  .cr_tabs .nyomtat {
    display: none; }
    @media only screen and (min-width: 768px) {
      .cr_tabs .nyomtat {
        display: flex; } }
    .cr_tabs .nyomtat > a {
      background-image: url(images/ic_printer_alt_dark_24px.svg); }

.cr_more > div {
  margin: 15px 0; }

.cr_more h2 {
  margin-bottom: 10px; }

.cr_more .head-title h2 {
  margin: 0; }

#adatok_es_leiras {
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  transition: .25s all ease-in-out; }
  #adatok_es_leiras .adatok, #adatok_es_leiras .leiras {
    flex-basis: 100%; }
  #adatok_es_leiras h2 {
    margin-top: 20px; }

.cr_more > .expanded {
  max-height: 2000px; }

.show_more {
  width: 100%;
  height: 26px;
  position: absolute;
  border-top: 1px solid #cdcdcd;
  border-radius: 2px;
  background: white;
  bottom: 0;
  font-size: 0;
  text-align: center; }
  .show_more:before {
    content: "";
    width: 100%;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: -25px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 99%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(99%, white), color-stop(100%, white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 99%, white 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 99%, white 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 99%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 99%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
  .show_more > span {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #cdcdcd;
    border-radius: 0 0 2px 2px;
    padding: 0 20px;
    top: -1px;
    position: relative;
    cursor: pointer;
    font-size: 12px; }
    .show_more > span:before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 20px;
      background: url(images/ic_down_primary_16px.svg) no-repeat left center;
      background-size: 16px 16px; }

.expanded .show_more > span:before {
  transform: rotate(180deg);
  background-position: right center; }

.adatok, .leiras {
  font-size: 16px; }

.adatok {
  padding-bottom: 40px; }

.leiras {
  text-align: justify; }

#hirek_es_letoltesek {
  flex-wrap: wrap;
  align-items: flex-start; }
  #hirek_es_letoltesek .hirek, #hirek_es_letoltesek .letoltesek {
    flex-basis: 100%;
    position: relative; }
  @media only screen and (min-width: 768px) {
    #hirek_es_letoltesek {
      flex-wrap: nowrap; }
      #hirek_es_letoltesek .hirek, #hirek_es_letoltesek .letoltesek {
        flex-basis: 50%; } }
  #hirek_es_letoltesek .hirek {
    padding-right: 10px; }
  #hirek_es_letoltesek .letoltesek {
    padding-left: 10px; }
    #hirek_es_letoltesek .letoltesek:first-child {
      padding-left: 0; }

.cr_more h2 {
  margin-top: 20px; }

.cr_more .section {
  position: relative; }
  .cr_more .section .head-title {
    margin-top: 0;
    padding-top: 20px; }

.adatok_list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .adatok_list ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .adatok_list ul div .CKR-tul-item {
      width: 50%;
      height: 28px;
      line-height: 28px;
      float: left;
      border-bottom: 1px solid #e0e0e0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .adatok_list .head_title {
    width: 100%;
    line-height: 28px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    float: left; }
    .adatok_list .head_title:before {
      content: "";
      width: 16px;
      height: 16px;
      display: inline-block;
      vertical-align: middle;
      background: url(images/ic_down_primary_16px.svg) no-repeat center center;
      background-size: 16px 16px;
      transition: .15s all ease-in-out;
      transform: rotate(180deg); }
    .adatok_list .head_title.collapsed:before {
      transform: rotate(0deg); }
    .adatok_list .head_title > div {
      display: inline-block;
      vertical-align: middle;
      padding-left: 5px; }
  .adatok_list > li {
    width: 100%;
    float: left; }
    .adatok_list > li > .KapcsHalfRow {
      border-bottom: 1px solid #e0e0e0; }
      .adatok_list > li > .KapcsHalfRow > .CKR-tul-item {
        width: 50%;
        line-height: 20px;
        padding-top: 4px;
        padding-bottom: 4px; }

.KapcsCimkeRow + ul {
  margin-bottom: 10px; }

.news_kapcsolodo {
  margin-bottom: 10px; }
  .news_kapcsolodo .news_img {
    width: 140px;
    height: 130px;
    margin-right: 20px;
    overflow: hidden;
    flex-shrink: 0; }
    .news_kapcsolodo .news_img > img {
      max-width: 100%;
      max-height: 100%; }
  .news_kapcsolodo .news_right {
    flex-grow: 1;
    height: 130px;
    overflow: hidden; }
  .news_kapcsolodo .news_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 22px;
    font-weight: 300;
    color: #363636;
    display: block; }

.news_lead {
  font-size: 16px;
  line-height: 22px;
  margin-top: 5px; }

.video_container {
  width: 100%;
  text-align: center;
  background: #1b1b1b; }

/*cikk részletes */
.cr-top {
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .cr-top {
      flex-wrap: nowrap; } }
  .cr-top .left {
    order: 1; }
    @media only screen and (min-width: 768px) {
      .cr-top .left {
        order: 0; } }
    .cr-top .left h1, .cr-top .left h2 {
      font-size: 26px;
      height: 60px;
      line-height: 30px;
      overflow: hidden;
      margin-bottom: 10px; }
  .cr-top .right {
    order: 0; }
    @media only screen and (min-width: 768px) {
      .cr-top .right {
        order: 1; } }

.cr_gyarto {
  width: 80px;
  height: 80px;
  text-align: right;
  position: relative; }
  @media only screen and (max-width: 339px) {
    .cr_gyarto {
      display: none; } }

.cr_box {
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  margin-top: 10px; }
  .cr_box .nettobrutto_container {
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 10px;
    font-size: 12px; }
    @media only screen and (min-width: 768px) {
      .cr_box .nettobrutto_container {
        width: 43px;
        font-size: 13.5px; } }
  .cr_box .ar_container {
    padding-right: 10px;
    text-align: right; }
    @media only screen and (min-width: 768px) {
      .cr_box .ar_container {
        width: 50%; } }
    @media only screen and (min-width: 992px) {
      .cr_box .ar_container {
        width: 45%; } }
  @media only screen and (min-width: 768px) {
    .cr_box .egysegek_container {
      width: 50%; } }
  @media only screen and (min-width: 992px) {
    .cr_box .egysegek_container {
      width: 55%; } }

.cr-box-top {
  flex-wrap: wrap; }
  @media only screen and (min-width: 992px) {
    .cr-box-top {
      flex-wrap: nowrap; } }
  .cr-box-top .cr_ar {
    width: 100%;
    flex-grow: 1;
    padding: 10px;
    position: relative;
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) {
      .cr-box-top .cr_ar {
        flex-wrap: nowrap;
        padding: 10px 0 10px 15px;
        margin-right: 15px; } }
  .cr-box-top .cr_kosar {
    width: 100%;
    padding: 0 10px 10px 10px; }
    @media only screen and (min-width: 992px) {
      .cr-box-top .cr_kosar {
        width: auto;
        display: block;
        padding: 10px 15px 10px 0; } }
    .cr-box-top .cr_kosar.kifutott {
      padding: 10px 15px; }
  .cr-box-top .cr_keszlet {
    margin-top: 5px; }
    .cr-box-top .cr_keszlet > span {
      display: block;
      line-height: 16px;
      background-position: left -4px center;
      background-repeat: no-repeat;
      padding-left: 20px; }

.ajandek .GalleryPreview {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000; }

.kapcs_kellekek {
  margin: 20px 0 10px 0;
  position: relative;
  overflow: hidden;
  max-height: 130px; }

.cr_adatok {
  line-height: 15px;
  margin: 10px 20px 10px 0; }
  .cr_adatok > div > span {
    padding-top: 1px;
    padding-bottom: 1px; }
    .cr_adatok > div > span:first-child {
      width: 140px; }
    .cr_adatok > div > span:last-child {
      flex-grow: 1; }

.cr_adatok.kifutott, .cr_title.kifutott, .cr_gyarto.kifutott, .cr_icons.kifutott, .right.kifutott .largeImageContainer {
  opacity: .5; }

.cikkr_main_data_cont {
  margin-top: 20px; }

.cikkr_main_data_cont td {
  height: 30px; }

.cikkr_main_data_cont td:first-child {
  width: 190px; }

.cikkr_main_data_cont td:last-child {
  font-weight: bold;
  padding-left: 10px; }

.icon_container span, .nyomtatasi_nezet_icon {
  display: inline-block;
  width: 32px;
  height: 32px; }

/*tab-os rész*/
ul#tabMenu {
  padding: 0px;
  margin: 0px; }
  ul#tabMenu li {
    float: left;
    padding: 10px;
    line-height: 30px;
    height: 30px;
    background-color: #bdbdbd; }
    ul#tabMenu li:hover {
      background-color: #cccccc;
      cursor: pointer; }
  ul#tabMenu .selected {
    background-color: #f5f5f5 !important;
    cursor: default !important; }

.boxBody {
  clear: both; }

/*tartozékok*/
.group-header--open, .group-header--closed {
  height: 40px;
  margin-top: 15px; }
  .group-header--open > span, .group-header--closed > span {
    height: 38px;
    line-height: 36px;
    padding: 0 15px 0 30px;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    background: #f6f5f0 url(images/ic_up_primary_16px.svg) no-repeat left 10px center;
    background-size: 16px 16px;
    display: inline-block;
    cursor: pointer;
    transition: .15s all ease-in-out;
    font-weight: 700;
    text-transform: uppercase; }
    .group-header--open > span:hover, .group-header--closed > span:hover {
      background-color: #fcfbfa; }

.group-header--closed > span {
  background-image: url(images/ic_down_primary_16px.svg); }

.group-wrapper .cl_row {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px; }

/* 3d termék */
.product3d-trigger {
  z-index: 1;
  width: 40px;
  height: 40px;
  background: #ed1c24 url(images/orbitvu360-ns.svg) no-repeat center center;
  background-size: 75%;
  cursor: pointer;
  position: absolute;
  top: 2px;
  transition: .15s all ease-in-out;
  right: calc((100% - 300px) / 2); }
  @media only screen and (min-width: 992px) {
    .product3d-trigger {
      right: 12px; } }
  .product3d-trigger:hover {
    background-color: #d41118; }

.product3d.popper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  top: 1px;
  z-index: 1;
  padding: 0;
  max-width: initial;
  background: initial;
  border: initial;
  min-width: initial;
  box-shadow: initial;
  height: 299px;
  width: 298px; }
  @media only screen and (min-width: 768px) {
    .product3d.popper {
      height: 279px;
      width: 278px; } }
  @media only screen and (min-width: 992px) {
    .product3d.popper {
      height: 379px;
      width: 378px; } }

.product3d > iframe {
  height: 100%;
  width: 100%;
  background: #fff; }

/* vsGallery */
.GalleryPreview {
  width: 300px;
  height: 368px;
  position: relative;
  text-align: center;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  outline: none;
  margin: 0 auto 20px auto; }
  @media only screen and (min-width: 768px) {
    .GalleryPreview {
      margin: 0;
      width: 280px;
      height: 348px; } }
  @media only screen and (min-width: 992px) {
    .GalleryPreview {
      width: 380px;
      height: 448px; } }

.largeImageContainer {
  height: 300px;
  position: relative;
  font-size: 0;
  border-bottom: 1px solid #cdcdcd; }
  @media only screen and (min-width: 768px) {
    .largeImageContainer {
      height: 280px; } }
  @media only screen and (min-width: 992px) {
    .largeImageContainer {
      height: 380px; } }

.largeImage {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  opacity: 0;
  transform: rotateX(0deg);
  transform-style: preserve-3d;
  transition: .5s all ease-in-out;
  backface-visibility: hidden;
  max-height: 280px;
  max-width: 280px;
  pointer-events: none; }
  @media only screen and (min-width: 768px) {
    .largeImage {
      pointer-events: all;
      max-height: 260px;
      max-width: 260px; } }
  @media only screen and (min-width: 992px) {
    .largeImage {
      max-height: 360px;
      max-width: 360px; } }

.vsOverlayImage {
  position: fixed;
  z-index: 4;
  display: none;
  position: fixed;
  left: 50% !important;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  background-color: white;
  z-index: 4;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  outline: 0; }
  .vsOverlayImage > div {
    width: 620px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 5px 15px; }
  .vsOverlayImage .GalleryNav {
    width: 85px;
    height: 100%;
    top: 0;
    right: 0; }
  .vsOverlayImage .GalleryNav > div.prev {
    background-image: url(images/ic_top_fat_dark_24px.svg);
    top: 46px;
    bottom: auto;
    right: 0; }
  .vsOverlayImage .GalleryNav > div.next {
    background-image: url(images/ic_bottom_fat_dark_24px.svg);
    height: 20px;
    bottom: 10px;
    top: auto;
    left: 0; }

.GalleryNav {
  width: 100%;
  height: 68px;
  position: absolute;
  top: 300px; }
  @media only screen and (min-width: 768px) {
    .GalleryNav {
      top: 280px; } }
  @media only screen and (min-width: 992px) {
    .GalleryNav {
      top: 380px; } }
  .GalleryNav > div {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 2;
    transition: .15s all ease-in-out;
    background: white no-repeat center center;
    background-size: 24px 24px;
    border-radius: 2px; }
    .GalleryNav > div.prev {
      height: 20px;
      left: 0;
      background-image: url(images/ic_left_fat_dark_24px.svg);
      opacity: .5; }
      .GalleryNav > div.prev:hover {
        opacity: 1; }
    .GalleryNav > div.next {
      right: 0;
      background-image: url(images/ic_right_fat_dark_24px.svg);
      opacity: .5; }
      .GalleryNav > div.next:hover {
        opacity: 1; }

.smallThumbnails {
  width: 100%;
  height: 67px;
  overflow: hidden;
  position: relative; }
  .smallThumbnails.horizontal {
    margin-top: 0; }
    .smallThumbnails.horizontal img {
      margin: 0px 5px; }
  .smallThumbnails.vertical {
    width: 70px;
    height: 500px;
    padding: 20px 0 20px 4px;
    box-sizing: border-box;
    float: left;
    border-left: 1px solid #cdcdcd;
    margin-bottom: 5px; }
    .smallThumbnails.vertical > div {
      text-align: center;
      white-space: normal;
      top: 0; }
    .smallThumbnails.vertical img {
      margin: 5px 0px; }
      .smallThumbnails.vertical img:first-child {
        margin-top: 0; }
  .smallThumbnails > div {
    height: 65px;
    white-space: nowrap;
    position: relative;
    left: 0;
    font-size: 0;
    transition: 0.05s all ease-in-out;
    text-align: left; }
  .smallThumbnails span {
    height: 65px;
    line-height: 65px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 2px solid white; }
    .smallThumbnails span.selected {
      border-color: #ed1c24; }
  .smallThumbnails img {
    max-width: 60px;
    max-height: 60px;
    cursor: pointer;
    vertical-align: middle;
    transition: .15s all ease-in-out; }
    .smallThumbnails img:hover {
      opacity: .8; }

.fullImageContainer {
  width: 500px;
  height: 500px;
  margin-right: 20px;
  position: relative;
  float: left; }

.fullImage {
  max-width: 500px;
  max-height: 500px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.GalleryHeader {
  height: 32px;
  padding: 5px 15px;
  position: relative;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  margin-bottom: 6px;
  overflow: hidden; }

.galleryProdName {
  width: 500px; }

.GalleryCounter {
  width: 54px;
  text-align: right;
  border-left: 1px solid #cdcdcd; }

.link_table {
  font-size: 16px;
  width: 100%; }

.kapcsolodoIkonok {
  margin-top: 20px; }
  .kapcsolodoIkonok img {
    padding-right: 20px; }

.cl_listaim {
  position: relative;
  max-height: 200px;
  overflow: hidden;
  align-items: flex-start; }
  @media only screen and (max-width: 767px) {
    .cl_listaim {
      flex-wrap: wrap; } }
  @media only screen and (min-width: 768px) {
    .cl_listaim .my_lists {
      padding-right: 25px;
      padding-bottom: 36px;
      margin-right: 25px;
      border-right: 1px solid #cdcdcd; }
      .cl_listaim .my_lists.full {
        width: 100%;
        border-right: 0;
        padding-right: 0;
        padding-bottom: 36px;
        margin-right: 0; }
    .cl_listaim .other_lists {
      padding-bottom: 36px; } }
  .cl_listaim.expanded {
    max-height: none; }
  .cl_listaim h2 {
    margin-top: .5em; }
  .cl_listaim .my_lists, .cl_listaim .other_lists {
    width: 100%;
    flex-grow: 1; }
  .cl_listaim .list_item {
    font-size: 16px;
    line-height: 36px; }
    .cl_listaim .list_item > a {
      text-align: left;
      display: block; }
    .cl_listaim .list_item > span {
      text-align: right;
      display: block;
      font-size: 13.5px;
      color: #ababab; }

.list_make_offer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd; }
  @media only screen and (min-width: 576px) {
    .list_make_offer {
      flex-wrap: nowrap; }
      .list_make_offer > div:first-child {
        padding-right: 10px; }
      .list_make_offer > div:last-child {
        padding-left: 10px;
        flex-shrink: 0; } }
  @media only screen and (max-width: 575px) {
    .list_make_offer > div:first-child {
      padding-bottom: 5px; }
    .list_make_offer > div:last-child {
      padding-top: 5px; } }

.popup_card {
  margin: 0 -10px 20px -10px;
  padding: 40px 0 10px 0;
  background: white; }
  .popup_card .card {
    margin: 0 auto !important; }

.termekcsoport_notice {
  opacity: 0;
  transform: skewY(-3deg);
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .termekcsoport_notice {
      padding-right: 30px; } }

.termekcsoport_notice.fadeIn {
  opacity: 1; }

.termekcsoport_notice:after {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  background: url(images/drawn_arrow.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0; }

#vsPopUpContainer {
  padding: 0 !important; }
  #vsPopUpContainer img {
    max-width: none; }
  #vsPopUpContainer .popped-close {
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 2px;
    background: url(images/ic_close_white_16px.svg) no-repeat center center;
    background-color: #ed1c24;
    background-size: 16px 16px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.2);
    position: absolute; }
    #vsPopUpContainer .popped-close:active {
      background-color: black; }

.helpHint {
  cursor: help; }

/* cikklista lapozók */
.vsDataPagerContainer {
  width: 100%;
  flex-wrap: wrap; }
  .vsDataPagerContainer.pager-top .filters-mobile {
    display: none;
    background: #ed1c24 url(images/ic_filter_white_24px.svg) left 10px center no-repeat;
    background-size: 24px 24px;
    color: white;
    border-radius: 2px;
    height: 34px;
    line-height: 34px;
    padding: 0 20px 0 35px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase; }
    .vsDataPagerContainer.pager-top .filters-mobile.fixed {
      position: fixed;
      z-index: 2;
      bottom: 15px;
      left: 15px;
      width: 48px;
      height: 48px;
      border-radius: 24px;
      padding: 0;
      font-size: 0;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);
      background-position: center center;
      animation: .25s ScaleUp; }

@keyframes ScaleUp {
  0% {
    transform: scale(0); }
  70% {
    transform: scale(1.25); }
  100% {
    transform: scale(1); } }
  @media only screen and (max-width: 991px) {
    .vsDataPagerContainer.pager-top .filters-mobile {
      order: 1;
      display: block;
      margin-top: 0;
      position: relative;
      margin-right: 15px; }
      .vsDataPagerContainer.pager-top .filters-mobile > span {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: white;
        width: 20px;
        height: 20px;
        line-height: 16px;
        text-align: center;
        color: #363636;
        border-radius: 10px;
        border: 2px solid #ed1c24;
        transform: translateX(50%);
        display: none;
        font-size: 12px; }
        .vsDataPagerContainer.pager-top .filters-mobile > span.shown {
          display: block; } }
  @media only screen and (max-width: 767px) {
    .vsDataPagerContainer.pager-top .vsDataPager {
      width: auto;
      margin-left: auto;
      margin-top: 0; }
    .vsDataPagerContainer.pager-top .filters-mobile {
      order: 0;
      margin-top: 0; }
    .vsDataPagerContainer.pager-top .FirstPrevFirstCont_l, .vsDataPagerContainer.pager-top .FirstPrevFirstCont_c {
      display: none; } }
  @media only screen and (max-width: 575px) {
    .vsDataPagerContainer.pager-top .filters-mobile {
      order: 3;
      margin-top: 15px; }
    .vsDataPagerContainer.pager-top .vsDataPager {
      margin-top: 15px; } }
  .vsDataPagerContainer .select-wrapper {
    margin-left: auto;
    order: 3;
    width: auto; }
    .vsDataPagerContainer .select-wrapper select {
      background-color: #f6f5f0; }
      .vsDataPagerContainer .select-wrapper select:hover {
        background-color: #fcfbfa; }

.vsDataPager .first, .vsDataPager .prev, .vsDataPager .next, .vsDataPager .last {
  height: 100%;
  display: block; }

.vsDataPager {
  width: 100%;
  margin-top: 15px;
  order: 3; }
  .vsDataPager a {
    color: #363636;
    border-bottom: 2px solid transparent; }
    .vsDataPager a.selected {
      font-weight: 700;
      border-color: #ed1c24; }
  .vsDataPager .first, .vsDataPager .last {
    width: 24px;
    height: 24px;
    background: no-repeat center center;
    background-size: 16px 16px; }
  .vsDataPager .first {
    margin-right: 10px;
    background-image: url(images/ic_first_primary_16px.svg); }
  .vsDataPager .prev {
    padding-left: 20px;
    padding-right: 10px;
    margin-right: auto; }
    .vsDataPager .prev:hover {
      padding-left: 28px; }
    .vsDataPager .prev:after {
      left: 0;
      transform: rotate(180deg); }
  .vsDataPager .next {
    padding-right: 20px;
    padding-left: 10px;
    margin-left: auto; }
    .vsDataPager .next:hover {
      padding-right: 28px; }
    .vsDataPager .next:after {
      right: 0; }
  .vsDataPager .last {
    margin-left: 10px;
    background-image: url(images/ic_last_primary_16px.svg); }
  .vsDataPager .next, .vsDataPager .prev {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: .15s all ease-in-out; }
    @media only screen and (max-width: 575px) {
      .vsDataPager .next, .vsDataPager .prev {
        font-size: 0; } }
    .vsDataPager .next:after, .vsDataPager .prev:after {
      content: "";
      display: block;
      position: absolute;
      width: 16px;
      height: 16px;
      background: url(images/ic_right_primary_16px.svg) no-repeat right center;
      top: 0;
      bottom: 0;
      margin: auto;
      transition: .15s all ease-in-out; }
    .vsDataPager .next:hover:after, .vsDataPager .prev:hover:after {
      background-image: url(images/ic_right_alt_primary_16px.svg); }

.trTCount {
  line-height: 30px;
  order: 1;
  margin-right: 15px; }

.allPages {
  width: 100%; }

.FirstPrevFirstCont_c {
  font-size: 16px; }
  .FirstPrevFirstCont_c a {
    padding: 0 5px;
    line-height: 24px; }

.FirstPrevFirstCont_c .firstpage:after, .FirstPrevFirstCont_c .lastpage:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(images/ic_threedot_primary_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  display: block;
  margin: 0 5px; }

.FirstPrevFirstCont_l {
  flex-basis: 25%;
  justify-content: flex-start; }

.FirstPrevFirstCont_r {
  flex-basis: 25%;
  justify-content: flex-end; }

/* cikklista lapozók vége */
.tipsy-tooltip {
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  border-radius: 2px;
  padding: 3px 10px;
  line-height: 16px;
  top: 0;
  left: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  font-size: 12px;
  transform: translate(-50%, -100%);
  max-width: 200px; }

.offer-data-wrapper .data_box h2 {
  margin-top: .5em; }

.offer-data-wrapper .datepicker .ui-datepicker-trigger {
  top: auto;
  bottom: 3px; }

.data_box_col.col_3 {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .data_box_col.col_3 {
      width: calc(100% / 3); } }

.data_box_col h4 {
  margin-top: 1em;
  margin-bottom: .5em; }

.offer__warning {
  display: none;
  color: #ed1c24;
  margin-top: 5px; }
  .offer__warning.active {
    display: block; }

.offer__percent {
  position: relative;
  display: flex;
  align-items: center; }
  .offer__percent > input {
    width: 100px; }
  .offer__percent > * {
    padding-left: 5px;
    padding-right: 5px; }

.offer__footer .reg_input_middle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .offer__footer .reg_input_middle input, .offer__footer .reg_input_middle textarea {
    flex-grow: 1; }
  .offer__footer .reg_input_middle input {
    text-align: right;
    margin-right: 5px; }

.offer__nav {
  justify-content: flex-end; }
  .offer__nav .offer__info {
    margin-right: auto;
    width: 600px; }
  .offer__nav > div {
    margin-right: 15px; }
    .offer__nav > div:last-child {
      margin-right: 0; }
  .offer__nav .help {
    margin-right: 5px; }
  @media only screen and (max-width: 1199px) {
    .offer__nav .offer__info {
      width: 450px; } }
  @media only screen and (max-width: 991px) {
    .offer__nav .offer__info {
      width: 100%; }
    .offer__nav > div {
      margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .offer__nav > *:last-child {
      margin-left: auto; } }

.cl_pdf_item .cl_termnev {
  font-weight: bold; }

.cl_pdf_item .cl_kosar {
  padding-left: 15px;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .cl_pdf_item .cl_kosar {
      width: 280px; } }
  .cl_pdf_item .cl_kosar > div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 2px;
    padding-bottom: 2px; }
    .cl_pdf_item .cl_kosar > div input {
      width: 60px;
      margin-left: 5px;
      margin-right: 5px;
      text-align: right; }
    .cl_pdf_item .cl_kosar > div > span:last-child {
      min-width: 15px;
      text-align: left; }

.cl_suggested_price {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .cl_suggested_price > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 5px; }
    .cl_suggested_price > div > div {
      padding-left: 3px;
      font-weight: bold; }

.csak-keszletrol--nincs-szabad {
  width: 24px;
  height: 24px;
  background: url(images/ic_info_primary_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  top: 0;
  right: 20px;
  cursor: help;
  display: inline-flex;
  padding: 0;
  z-index: 1; }
  @media only screen and (min-width: 992px) {
    .csak-keszletrol--nincs-szabad {
      margin-top: 5px; } }

.cl_kosarba-wrapper, .cr_kosarba-wrapper {
  display: flex;
  align-items: center;
  justify-content: end; }

.drs-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .25em;
  line-height: 1.25;
  margin-left: .25em; }
  .drs-wrapper .me {
    font-size: 12px;
    opacity: .6; }

.drs-price {
  font-weight: 700; }

.drs-unit-price {
  font-size: 12px;
  opacity: .6;
  width: 100%; }

.drs-logo {
  background: no-repeat center center;
  background-size: contain; }
  .drs-logo.-egyutas {
    width: 18px;
    height: 15px;
    background-image: url(images/drs-egyutas.svg); }
    .drs-logo.-egyutas.-withtext {
      width: 25px;
      height: 25px;
      background-image: url(images/drs-egyutas.svg); }
  .drs-logo.-tobbutas {
    width: 28px;
    height: 13px;
    background-image: url(images/drs-tobbutas.svg); }
    .drs-logo.-tobbutas.-withtext {
      width: 30px;
      height: 30px;
      background-image: url(images/drs-tobbutas.svg); }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.letoltKategoria {
  font-weight: bold;
  color: #FF6633;
  font-size: 14pt;
  padding-top: 5px; }

.padding_left {
  padding: 5px 0 5px 10px;
  border-bottom: solid 1px #ccc; }

.border_bottom {
  border-bottom: solid 1px #ccc;
  padding: 5px 0 5px 0; }

.link {
  color: #696969;
  font-weight: bold;
  text-decoration: none; }

.link:hover {
  color: #FF6633;
  text-decoration: none; }

.letoltKategoria {
  font-weight: bold;
  color: #FF6633;
  font-size: 14pt;
  padding-top: 5px; }

.padding_left {
  padding: 5px 0 5px 10px;
  border-bottom: solid 1px #ccc; }

.border_bottom {
  border-bottom: solid 1px #ccc;
  padding: 5px 0 5px 0; }

.link {
  color: #696969;
  font-weight: bold;
  text-decoration: none; }

.link:hover {
  color: #FF6633;
  text-decoration: none; }

.szuropanel-wrapper h2 {
  margin-top: 0;
  margin-bottom: 20px; }

.szuropanel-wrapper.popper {
  border-color: #cdcdcd;
  border-radius: 4px; }
  @media only screen and (min-width: 768px) {
    .szuropanel-wrapper.popper {
      width: 480px;
      flex-basis: auto; } }

@media only screen and (min-width: 992px) {
  .szuropanel-wrapper {
    display: block; } }

.szuropanel {
  margin: 0;
  padding: 0; }
  .szuropanel ul {
    padding: 0; }
  .szuropanel li {
    list-style: none; }
  .szuropanel .tooltip {
    /*&:before {
            left: auto;
            right: -20px;
            border-width: 0 20px 12px 0;
            border-color: transparent transparent $ColorBorderNormal transparent;
        }

        &:after {
            left: auto;
            right: -19px;
            border-width: 0 19px 11px 0;
            border-color: transparent transparent white transparent;
        }*/ }

.szuropanelHead {
  font-size: 26px;
  color: black;
  margin-bottom: 10px;
  font-weight: bold; }

.szuropanel_v {
  padding: 0 10px 10px 10px;
  margin: 0;
  display: block;
  list-style: none;
  position: relative; }
  .szuropanel_v li {
    display: block;
    position: relative;
    margin: 5px 0; }
  .szuropanel_v input[type=checkbox] {
    top: 5px;
    z-index: 1;
    cursor: pointer; }

.nsClSzuropanelHeader, .nsClSzuropanelHeaderNyit, .szuropanel_head, .kellekHead {
  height: 34px;
  line-height: 32px;
  background: #f6f5f0 url(images/ic_up_primary_16px.svg) no-repeat right 10px center;
  background-size: 16px 16px;
  border: 1px solid #cdcdcd;
  padding: 0 15px;
  margin: 10px 0;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  transition: .15s all ease-in-out; }

.kellekHead {
  margin-top: 0;
  cursor: default;
  background-image: none; }
  @media only screen and (max-width: 767px) {
    .kellekHead {
      margin-top: 10px; } }

.szuropanel_head {
  background-image: url(images/ic_close_primary_16px.svg);
  margin: 0 -10px;
  position: relative; }

.nsClSzuropanelHeaderNyit {
  background-image: url(images/ic_down_primary_16px.svg); }

.nsClSzuropanelHeader:hover, .nsClSzuropanelHeaderNyit:hover, .szuropanel_head:hover {
  background-color: #fefdfa; }

.filterHeaderOpen {
  background-image: url(images/ic_down_primary_16px.svg); }

/* SELECTOR */
.selector, .selector2, .sorter {
  padding-top: 0px;
  display: block;
  background-color: White; }

div.selector > .input {
  padding: 0 0 0 9px !important; }

.sorter, .sorterTitle, .sorter-wrapper {
  order: 2; }

.sorterTitle {
  line-height: 30px;
  padding-right: 10px;
  margin-left: auto;
  text-align: right; }

.selector2 {
  width: auto; }

.selector .values div.selected, .selector2 .values div.selected, .sorter .values div.selected {
  border-bottom: 0;
  font-weight: 400;
  width: calc(100% - 12px); }

.selector .values, .selector2 .values, .sorter .values {
  overflow: hidden;
  max-height: 215px;
  margin: 0;
  cursor: pointer;
  display: block;
  position: absolute;
  background: white;
  right: 0;
  /*z-index: 4;*/ }
  @media only screen and (max-width: 1199px) {
    .selector .values, .selector2 .values, .sorter .values {
      overflow-y: auto !important; }
      .selector .values::-webkit-scrollbar, .selector2 .values::-webkit-scrollbar, .sorter .values::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background: #f6f5f0; }
      .selector .values::-webkit-scrollbar-thumb, .selector2 .values::-webkit-scrollbar-thumb, .sorter .values::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: rgba(54, 54, 54, 0.5); }
      .selector .values:hover::-webkit-scrollbar-thumb, .selector .values:active::-webkit-scrollbar-thumb, .selector .values:focus::-webkit-scrollbar-thumb, .selector2 .values:hover::-webkit-scrollbar-thumb, .selector2 .values:active::-webkit-scrollbar-thumb, .selector2 .values:focus::-webkit-scrollbar-thumb, .sorter .values:hover::-webkit-scrollbar-thumb, .sorter .values:active::-webkit-scrollbar-thumb, .sorter .values:focus::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: rgba(54, 54, 54, 0.75); } }

.sorter .values {
  padding: 5px 10px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  margin-top: -1px;
  z-index: 2; }

.szuropanel_v li {
  position: relative;
  padding: 0;
  margin: 12px 0; }

.szuropanel_v .filter_remover {
  width: 16px;
  height: 16px;
  background: url(images/ic_close_primary_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  display: block;
  right: 0;
  cursor: pointer;
  opacity: 1;
  margin: 0px;
  top: 5px; }

.szuropanel .extraInfo, .szuropanel_v .extraInfo {
  width: 24px;
  height: 24px;
  background: url(images/ic_info_primary_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  top: 0;
  right: 20px;
  cursor: help;
  display: block;
  position: absolute;
  border-right: 1px solid #cdcdcd;
  padding: 0;
  z-index: 1; }

.szuropanel .extraInfo {
  border: 0;
  right: -5px;
  top: 5px; }

.szuropanel_v .extraInfo.noClose {
  border-right: 0;
  right: 0; }

.selector .values, .selector2 .values {
  position: relative;
  margin-top: 0;
  max-height: 130px; }

.sorter > .input {
  height: 30px;
  line-height: 30px;
  padding: 0;
  background: #f6f5f0;
  cursor: pointer;
  transition: .15s all ease-in-out;
  position: relative; }
  .sorter > .input:hover {
    background-color: #fefdfa; }
  .sorter > .input > input {
    padding: 0 10px;
    border: 0 !important;
    margin: 0 !important;
    background: transparent;
    box-shadow: none !important;
    cursor: pointer;
    height: 28px;
    display: block;
    padding-right: 28px; }

.selector > .input > input {
  margin: 0;
  font-size: 12px;
  padding: 0 !important;
  border: none !important;
  height: 20px !important;
  font-family: Arial !important;
  text-transform: none !important;
  background-color: transparent;
  box-shadow: none; }

.selector2 > .input > input {
  padding: 0 !important;
  padding-right: 5px !important; }

.selector .values > div:hover, .selector2 .values > div:hover, .sorter .values > div:hover {
  background: #f6f5f0; }

.selector .values > .disabled, .selector2 .values > .disabled, .sorter .values > .disabled {
  color: #ababab;
  cursor: default; }

.selector .values > .disabled:hover, .selector2 .values > .disabled:hover, .sorter .values > .disabled:hover {
  background: transparent; }

.selector input, .selector2 input, .sorter input {
  border: none; }

/*.selector img,.selector2 img ,.sorter img
{
    border: none;
    width:13px;
    height:16px;        
    vertical-align:middle;
}*/
/*.selector .selected .cb,.selector2 .selected .cb,.sorter .selected .cb
{

    background-image:url(../../_sass/images/custom-inputs.png);
    background-position: center 0;   
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    display:block;
}*/
.szpC {
  position: relative;
  margin-top: 2px;
  margin-bottom: 2px; }
  .szpC > div {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden; }
    .szpC > div:last-child {
      padding-left: 25px;
      padding-right: 12px; }

.option .cb {
  background-image: url(images/custom-inputs.svg);
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: 24px 384px;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }
  .option .cb.single-select {
    background-position-y: -192px; }

.option:hover .cb {
  background-position-y: -24px; }
  .option:hover .cb.single-select {
    background-position-y: -216px; }

.option.selected:hover {
  background-position-y: -120px; }
  .option.selected:hover .cb.single-select {
    background-position-y: -312px; }

.option.selected .cb {
  background-position-y: -96px; }
  .option.selected .cb.single-select {
    background-position-y: -288px; }

.option.disabled .cb {
  background-position-y: -72px; }
  .option.disabled .cb.single-select {
    background-position-y: -264px; }

.selector .dropdown, .selector2 .dropdown, .sorter .dropdown {
  background: url(images/ic_down_primary_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }

.open > div > .selector .dropdown, .close > div > .selector .dropdown {
  background-position: right 10px; }

.trpager {
  color: black;
  text-align: left; }
  .trpager .first {
    margin-left: 15px; }
  .trpager span {
    margin-right: 5px; }
    .trpager span a {
      color: black;
      text-decoration: none;
      font-weight: normal; }
      .trpager span a:hover {
        color: black; }
  .trpager .current a {
    font-weight: bold;
    color: black !important; }

.trPagerBorder {
  width: 790px;
  border-bottom: solid 1px #e2e2e2;
  border-top: solid 1px #e2e2e2;
  margin-bottom: 8px;
  margin-top: 8px;
  margin-left: 5px;
  display: table; }

ul.szuropanel > li div.selector2 div.input input {
  margin: 0px;
  border: 0px;
  padding: 0px; }

ul.szuropanel > li > span {
  background-color: #93bbd7;
  display: block;
  text-align: center; }

ul.szuropanel ul {
  list-style: none;
  padding: 0 10px;
  margin-bottom: 10px; }

ul.szuropanel > li > ul li {
  text-align: left; }

ul.szuropanel > li > ul span {
  padding: 5px; }

.megnevezesCSS {
  padding: 0 1px 0 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 24px; }

.megnevezesCSS.multi {
  padding-left: 0; }

.megnevezesCSS > span, .megnevezesCSS ~ input:disabled + label {
  color: #ababab;
  opacity: .5;
  cursor: default;
  padding: 0 !important; }

.megnevezesTolIg {
  display: inline-block;
  width: 195px;
  margin-right: 5px;
  zoom: 1;
  *display: inline;
  overflow: hidden;
  margin-bottom: 3px;
  font-weight: bold;
  color: Black;
  padding: 5px 0 3px 5px; }

.letoltes_szuro .megnevezesTolIg {
  display: inline;
  width: auto !important;
  margin-right: 5px;
  zoom: 1;
  *display: inline;
  overflow: hidden;
  margin-bottom: 3px;
  font-weight: bold;
  color: Black;
  padding: 5px 0 3px 5px; }

.letoltes_szuro .megnevezesCSS {
  display: inline;
  width: auto !important;
  margin-right: 5px;
  zoom: 1;
  *display: inline;
  overflow: hidden;
  margin-bottom: 3px;
  font-weight: bold;
  color: Black;
  padding: 5px 0 3px 5px; }

.letoltes_szuro ul.szuropanel > li {
  padding-top: 5px; }

#nsSzuresekPanel > div > ul > li > div.selector {
  margin-left: 4px;
  margin-top: 1px;
  margin-right: 10px; }

#nsSzuresekPanel > div > ul > li > span {
  position: relative;
  top: -1px; }

#nsSzuresekPanel {
  position: relative;
  z-index: 10;
  width: 786px;
  padding: 3px;
  background-color: #93bbd7;
  margin-left: 5px;
  font-size: 11px; }

.open, .close {
  position: relative;
  padding: 6px 0; }

.open input, .open label, .close input, .close label {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto; }

.selected > .selector > .input > input {
  background-color: #FFF691 !important; }

.selected > .selector > .input {
  background-color: #FFF691 !important; }

.selected > .megnevezesCSS {
  font-weight: bold; }

div.letoltes_szuro > ul.szuropanel > li {
  width: auto !important;
  margin-right: 25px; }

div.letoltes_szuro > ul.szuropanel > li > div.megnevezesCSS {
  width: auto !important; }

div.letoltes_szuro > ul.szuropanel > li > div.selector2 > div.input {
  background-color: #FFF691 !important; }

div.letoltes_szuro > ul.szuropanel > li > div.selector2 > div.input > input {
  background-color: #FFF691 !important; }

ul.szuropanel_v > li > div.selector2 > div.input > input {
  max-width: 395px; }

.more {
  background-color: #2b2b2b;
  background-image: url(images/arrow_down.jpg);
  background-repeat: no-repeat;
  background-position: top right; }

.less {
  background-color: #2b2b2b;
  background-image: url(images/arrow_up.jpg);
  background-repeat: no-repeat;
  background-position: top right; }

.close_menu {
  background-color: #2b2b2b;
  background-image: url(images/arrow_up.jpg);
  background-repeat: no-repeat;
  background-position: top right; }

.szuropanel_clear {
  width: 30px;
  height: 100%;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0; }
  .szuropanel_clear:hover {
    opacity: 1; }

.szuropanel_v .selector2 > .input > input {
  margin-top: 3px; }

.szuropanel_v .input, .szuropanel .input {
  height: 0px;
  border: none;
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  right: 0px; }

.szuropanel_v .selector2, .szuropanel .selector {
  background-color: transparent; }

.szuropanel_v .input > input, .szuropanel .input > input {
  background-color: transparent;
  box-shadow: none; }

.icon_szuropanel_help {
  width: 24px;
  height: 24px;
  background-image: url(images/icon_szuropanel_help.jpg);
  background-repeat: no-repeat;
  margin-top: 30px;
  cursor: help; }

.tovabbiSzuresekLink {
  display: block;
  cursor: pointer;
  color: #476cd5;
  width: 100%;
  text-align: center;
  line-height: 25px;
  transition: .15s all ease-in-out; }
  .tovabbiSzuresekLink:hover {
    color: #363636; }

.slider_container {
  margin-top: 8px; }
  @media only screen and (min-width: 1200px) {
    .slider_container {
      margin-top: 5px; } }

.szuropanel_search {
  margin: 5px 0;
  position: relative; }
  .szuropanel_search input {
    position: relative; }
    .szuropanel_search input.searchInput {
      width: 100%;
      height: 35px;
      text-indent: 0 !important;
      font-size: 13.5px; }
    .szuropanel_search input.searchBtn {
      left: auto;
      bottom: 0;
      top: 0; }

.searchResult {
  padding: 1px 6px;
  margin: 2px 0;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  display: inline-block; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/* POPPER */
.popper {
  display: none;
  position: absolute;
  background: white;
  z-index: 15;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.1);
  padding: 30px 30px;
  border-radius: 4px;
  min-width: 320px;
  max-width: calc(100% - 30px);
  min-height: 60px;
  overflow: auto;
  pointer-events: all;
  white-space: normal;
  line-height: 1.4;
  text-transform: none;
  /*&.new-popper {
        width: 360px;
        padding-left: 30px;
        padding-right: 30px;
    }*/ }
  .popper.transparent {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none; }
  .popper.infotKer, .popper.problemaJelzes, .popper.ertesitestKerek, .popper.containerCimtorles {
    padding: 20px;
    border-color: #cdcdcd; }
    .popper.infotKer .popped-close, .popper.problemaJelzes .popped-close, .popper.ertesitestKerek .popped-close, .popper.containerCimtorles .popped-close {
      background-image: url(images/ic_close_white_16px.svg);
      top: 10px;
      right: 10px; }
    .popper.infotKer .eredmeny_title_info, .popper.problemaJelzes .eredmeny_title_info, .popper.ertesitestKerek .eredmeny_title_info, .popper.containerCimtorles .eredmeny_title_info {
      text-align: left;
      padding: 0 10px; }
  .popper.-compact {
    padding: 1rem;
    background: #363636;
    color: white;
    border: none; }
    .popper.-compact .title {
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 10px; }
    .popper.-compact .button {
      padding-left: 15px;
      padding-right: 15px; }
  .popper.loginPopper {
    padding: 10px;
    min-width: 220px; }
  .popper.menu-popper {
    padding: 5px 0;
    min-width: 200px;
    list-style: none;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    margin: 0;
    background-color: #434343;
    z-index: 16; }
    .popper.menu-popper > li {
      display: block;
      padding: 0;
      margin: 0;
      list-style: none;
      list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
      overflow: hidden; }
    .popper.menu-popper a {
      color: white;
      display: block;
      line-height: 24px;
      padding: 5px 15px; }
      .popper.menu-popper a:hover {
        text-decoration: none;
        background-color: #505050;
        transition: .2s all ease-in-out; }
  @media only screen and (min-width: 576px) {
    .popper {
      min-width: 360px;
      overflow: visible;
      padding: 30px 45px; } }
  .popper.popped {
    display: block;
    animation: ShowPopper .15s;
    animation-fill-mode: forwards; }
  .popper.unpopped {
    animation: HidePopper .15s;
    animation-fill-mode: forwards; }
  .popper.fixed {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-top: none;
    max-height: calc(100% - 30px); }
    .popper.fixed.popped {
      animation: ShowFixedPopper .15s;
      animation-fill-mode: forwards; }
    .popper.fixed.unpopped {
      animation: HideFixedPopper .15s;
      animation-fill-mode: forwards; }
  .popper .separator {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 1px;
    background: #cdcdcd; }
    @media only screen and (min-width: 768px) {
      .popper .separator {
        display: none; } }
  .popper .popped-close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-size: 16px 16px;
    background-image: url(images/ic_close_primary_16px.svg); }
    .popper .popped-close + .h3, .popper .popped-close + .h2 {
      text-align: left;
      margin-top: 0; }
  @media only screen and (min-width: 768px) {
    .popper .popped-segments {
      display: flex;
      margin-left: -15px;
      margin-right: -15px; } }
  .popper .popped-segment {
    margin-top: 20px;
    margin-bottom: 20px; }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .popper .popped-segment {
        min-width: 240px; } }
    @media only screen and (min-width: 768px) {
      .popper .popped-segment {
        flex-grow: 1;
        flex-basis: 0;
        margin: 0 15px; } }
  .popper .h3, .popper .popped-title {
    margin-top: 0;
    margin-bottom: 20px; }
    .popper .h3:first-child, .popper .popped-title:first-child {
      margin-top: 0; }
  .popper .nav {
    justify-content: center;
    margin-bottom: 0;
    margin-top: 10px; }

.popper-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center; }
  .popper-wrapper .popper {
    position: relative;
    max-height: calc(100% - 30px);
    overflow: auto; }

@keyframes ShowPopper {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes HidePopper {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ShowFixedPopper {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes HideFixedPopper {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ShowTopPopper {
  0% {
    opacity: 0;
    transform: translate(-50%, -100%); }
  100% {
    transform: translate(-50%, 15px);
    opacity: 1; } }

@keyframes SlideIn {
  0% {
    transform: translate(-160px, 0);
    opacity: 0; }
  25% {
    transform: translate(0, 0);
    opacity: 1; }
  100% {
    transform: translate(0, 0);
    opacity: 1; } }

.alert-popper, .system_message {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: #363636;
  color: white;
  padding-right: 60px;
  width: calc(100% - 30px);
  border: none; }
  @media only screen and (min-width: 576px) {
    .alert-popper, .system_message {
      max-width: 546px; } }
  .alert-popper a, .system_message a {
    color: #476cd5; }
  .alert-popper p:first-child, .system_message p:first-child {
    margin-top: 0; }
  .alert-popper p:last-child, .system_message p:last-child {
    margin-bottom: 0; }
  .alert-popper .defBtn, .system_message .defBtn {
    color: #ed1c24; }
    .alert-popper .defBtn:hover, .system_message .defBtn:hover {
      color: white; }
  .alert-popper .popped-close, .system_message .popped-close {
    background-image: url(images/ic_close_white_16px.svg); }

.system_message, .system_message_problem {
  background-color: #f6f5f0;
  padding: 10px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px; }
  .system_message.transparent, .system_message_problem.transparent {
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
    transform: scale(0) translate(0, -50%);
    transition: .3s all ease-in-out;
    transform-origin: center center; }
  .system_message.animate, .system_message_problem.animate {
    transform: scale(1) translate(0, -50%); }

.popped-overlay, .popper-vue-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.15);
  z-index: 14;
  animation: ShowFixedPopper .25s;
  animation-fill-mode: forwards; }
  @media only screen and (max-width: 767px) {
    .popped-overlay, .popper-vue-overlay {
      height: 100vh;
      width: 100vw; } }
  .popped-overlay.darker, .darker.popper-vue-overlay {
    background: rgba(0, 0, 0, 0.5); }
  .popped-overlay.fadeout, .fadeout.popper-vue-overlay {
    animation: HideFixedPopper .25s;
    animation-fill-mode: forwards; }

.popped-section {
  padding-top: 20px;
  padding-bottom: 20px; }
  .popped-section h3, .popped-section .popper .h3, .popper .popped-section .h3, .popped-section .popper .popped-title, .popper .popped-section .popped-title {
    margin-top: 0; }
  .popped-section.alternate {
    background: #f6f5f0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    margin-left: -45px;
    margin-right: -45px;
    padding-left: 45px;
    padding-right: 45px; }
    @media only screen and (max-width: 767px) {
      .popped-section.alternate {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px; } }

.pdf-popper {
  max-width: 500px; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.highlighted_image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background-color: white;
  overflow: hidden;
  position: relative;
  display: block; }
  .highlighted_image img {
    max-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block; }

.highlighted_title {
  width: 100%;
  height: 44px;
  line-height: 22px;
  float: left;
  display: block;
  margin-top: 10px;
  color: #363636;
  overflow: hidden; }

.highlighted_price {
  width: 100%;
  height: 26px;
  line-height: 26px;
  float: left;
  display: flex;
  gap: .25em; }

.highlighted_offers {
  margin: 15px 0; }
  .highlighted_offers > span {
    font-size: 26px;
    color: #ed1c24; }
  .highlighted_offers h2 {
    margin: 10px 0; }
  .highlighted_offers .owl-prev, .highlighted_offers .owl-next {
    top: -75px;
    bottom: 0; }
    @media only screen and (min-width: 768px) {
      .highlighted_offers .owl-prev, .highlighted_offers .owl-next {
        top: 93px;
        bottom: auto; } }
  .highlighted_offers .owl-dots {
    top: -32px;
    right: 0;
    left: auto;
    transform: none; }

.owl-dots {
  position: absolute; }

.owl-dot {
  width: 16px;
  height: 16px;
  border: 1px solid #cdcdcd;
  background: white;
  border-radius: 8px;
  display: block;
  margin: 0 5px;
  position: relative;
  transition: .15s all ease-in-out; }
  .owl-dot.active:after {
    background: #ed1c24; }
  .owl-dot:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    background: transparent;
    left: 3px;
    top: 3px;
    border-radius: 4px; }

.highlighted_container {
  position: relative; }

.owl-prev, .owl-next, .daily_offer_arrow {
  width: 36px;
  height: 36px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: white no-repeat center center;
  background-size: 24px 24px;
  transition: .15s all ease-in-out;
  cursor: pointer;
  position: absolute;
  z-index: 1; }

.owl-loggedout .owl-prev, .owl-loggedout .owl-next {
  border-color: white;
  background-color: transparent; }

.daily_offer_arrow {
  top: 53px;
  background-size: 24px 24px; }

.highlighted_arrow {
  background-size: 24px 24px; }

.highlighted_arrow:hover, .daily_offer_arrow:hover {
  border: 1px solid #ababab; }

.highlighted_arrow.prev, .owl-prev, .daily_offer_arrow.prev {
  background-image: url(images/ic_left_fat_dark_24px.svg);
  left: -10px; }

.owl-loggedout .owl-prev {
  background-image: url(images/ic_left_fat_white_24px.svg); }

.highlighted_arrow.next, .owl-next, .daily_offer_arrow.next {
  background-image: url(images/ic_right_fat_dark_24px.svg);
  right: -10px; }

.owl-loggedout .owl-next {
  background-image: url(images/ic_right_fat_white_24px.svg); }

.highlighted_content {
  margin-bottom: 30px;
  position: relative; }

/*.highlighted_content > div {
        font-size: 0;
        white-space: nowrap;
        position: absolute;
        left: 0;
        top: 0;
        transition: .25s all ease-in-out;
    }*/
.highlighted_item {
  position: relative;
  display: block;
  white-space: normal;
  font-size: 16px; }

.highlighted_item:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0; }

.highlighted_item i {
  font-style: normal;
  font-size: 13.5px; }

.highlighted_item .no_sale, .sidebar_cikk_price .no_sale {
  font-size: 16px;
  font-weight: 700; }

.highlighted_item .no_sale i, .sidebar_cikk_price .no_sale i {
  font-style: normal;
  font-size: 13.5px; }

.highlighted_item .sale {
  font-weight: 400; }

.highlighted_item .sale .old_price {
  margin-right: 10px; }

.sliderAkcio {
  background: white; }
  @media only screen and (min-width: 768px) {
    .sliderAkcio {
      width: 700px;
      height: 298px; } }
  @media only screen and (min-width: 992px) {
    .sliderAkcio {
      width: 748px;
      height: 318px; } }
  @media only screen and (min-width: 1200px) {
    .sliderAkcio {
      width: 940px;
      height: 400px; } }

.sliderText_container {
  width: 100%;
  height: 100%;
  font-size: 13.5px;
  padding: 25px 50px;
  border: 1px solid #cdcdcd;
  border-radius: 2px; }

.sliderText_title {
  width: 100%;
  height: 100%;
  display: block;
  color: #363636;
  font-size: 32px;
  font-weight: 300; }

.login_slider_container {
  position: relative;
  overflow: hidden; }

.enlargeSlide {
  width: 60px;
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  display: none; }
  @media only screen and (min-width: 768px) {
    .enlargeSlide {
      display: block; } }

.sliderGallery {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  transition: .25s all ease-in-out;
  transform: translate(0, -400px); }
  .sliderGallery.animate {
    opacity: 1;
    transform: translate(0, 0); }
    .sliderGallery.animate > .owl-item {
      transform: scale(0.325);
      overflow: hidden; }
      .sliderGallery.animate > .owl-item:hover .border {
        box-shadow: inset 0 0 0 3px #ed1c24; }
      .sliderGallery.animate > .owl-item > .border {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        background: transparent;
        left: 0;
        top: 0;
        cursor: pointer; }
  .sliderGallery > .owl-item {
    position: absolute;
    transition: 0.2s all ease-in-out;
    transition-delay: .25s;
    transform: scale(0); }
    .sliderGallery > .owl-item[data-index="1"] {
      transform-origin: top left; }
    .sliderGallery > .owl-item[data-index="2"] {
      transform-origin: top center; }
    .sliderGallery > .owl-item[data-index="3"] {
      transform-origin: top right; }
    .sliderGallery > .owl-item[data-index="4"] {
      transform-origin: center left; }
    .sliderGallery > .owl-item[data-index="5"] {
      transform-origin: center center; }
    .sliderGallery > .owl-item[data-index="6"] {
      transform-origin: center right; }
    .sliderGallery > .owl-item[data-index="7"] {
      transform-origin: bottom left; }
    .sliderGallery > .owl-item[data-index="8"] {
      transform-origin: bottom center; }
    .sliderGallery > .owl-item[data-index="9"] {
      transform-origin: bottom right; }

.replacementImg {
  width: 306px;
  height: 130px;
  position: absolute;
  border: 1px solid white; }
  .replacementImg:hover {
    border-color: #e62b6b; }

.daily_offer_title {
  height: 35px;
  line-height: 33px;
  margin-top: 20px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  text-align: center;
  font-weight: 700;
  color: #ed1c24;
  text-transform: uppercase; }

.daily_offer_container {
  height: 140px;
  margin-top: 10px;
  position: relative; }

.daily_offer_content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden; }

.daily_offer_content > div {
  font-size: 0;
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: 0;
  transition: .25s all ease-in-out; }

.daily_offer_item {
  width: 140px;
  height: 140px;
  position: relative;
  display: inline-block;
  margin: 0 10px;
  white-space: normal;
  opacity: .5; }

.daily_offer_item.active {
  opacity: 1; }

.daily_offer_image {
  width: 138px;
  height: 138px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background-color: white;
  overflow: hidden;
  float: left;
  position: relative; }

.daily_offer img {
  max-width: 138px;
  max-height: 138px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

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

.fancybox-skin {
  position: relative;
  background: white;
  color: #363636;
  text-shadow: none;
  border-radius: 2px;
  border: 1px solid #cdcdcd; }

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

.fancybox-opened .fancybox-skin {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

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

.fancybox-inner {
  overflow: hidden; }

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

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

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

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

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

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

.fancybox-close {
  right: -30px !important; }
  @media only screen and (max-width: 991px) {
    .fancybox-close {
      right: -15px !important;
      top: -1px !important;
      border-radius: 2px !important; } }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
  background: white no-repeat center center;
  background-size: 24px 24px;
  border-radius: 2px; }

.fancybox-prev span {
  left: 10px;
  background-image: url(images/ic_right_fat_dark_24px.svg);
  transform: rotate(180deg); }

.fancybox-next span {
  right: 10px;
  background-image: url(images/ic_right_fat_dark_24px.svg); }

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

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

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

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

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

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.1); }

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

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

/* Title helper */
.fancybox-title {
  visibility: hidden;
  position: relative; }

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

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 5px;
  right: 50%;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 15px;
  background: white;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  line-height: 24px;
  white-space: nowrap; }

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

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

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

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.galeria_item {
  margin-bottom: 20px; }

.galeria_item:nth-child(4n) {
  margin-right: 0; }

.galeria_img {
  padding-bottom: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  display: block;
  position: relative; }
  .galeria_img > img {
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    border-radius: 2px; }

.galeria_title {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  font-size: 16px;
  text-align: center;
  margin: 5px 0;
  display: block; }

.galeria_parent {
  height: 140px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  margin-bottom: 20px;
  background: #f6f5f0;
  transition: .15s all ease-in-out; }

.galeria_parent:nth-child(2n) {
  margin-right: 0; }

.galeria_parent:hover {
  background-color: #fcfbfa; }

.galeria_thumb {
  width: 160px;
  height: 100%;
  border-right: 1px solid #cdcdcd;
  position: relative;
  display: block;
  background: white;
  padding: 10px;
  flex-shrink: 0; }
  @media only screen and (max-width: 575px) {
    .galeria_thumb {
      width: 120px; } }
  .galeria_thumb > img {
    max-width: calc(100% - 20px); }

.galeria_data {
  margin: 10px;
  flex-grow: 1; }

.galeria_head {
  height: 50px;
  line-height: 25px;
  font-size: 22px;
  overflow: hidden;
  color: #363636;
  display: block;
  font-weight: 300; }

.galeria_desc {
  height: 50px;
  line-height: 17px;
  overflow: hidden;
  display: block; }

.galeria_link {
  height: 18px;
  line-height: 18px;
  overflow: hidden; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.hir .reszletek {
  font-size: 16px; }

.hir_kep {
  display: block;
  margin: 20px auto; }
  @media only screen and (min-width: 768px) {
    .hir_kep {
      max-width: 100%;
      max-height: 380px;
      margin: 0; } }

.hir_rovat {
  width: 100%;
  line-height: 25px; }

.hir_rovat > span:last-child {
  font-weight: 700;
  text-transform: uppercase; }

.kapcs_cikkcsop {
  width: 100%;
  line-height: 30px;
  font-size: 15px;
  display: block; }

.kapcs_cikkek {
  width: 100%;
  float: left; }

.pager-wrapper {
  width: 100%; }
  .pager-wrapper .vsDataPager {
    margin-left: 0; }
  @media only screen and (min-width: 768px) {
    .pager-wrapper {
      margin-left: 20px !important; } }

.hir_szuro {
  order: -1; }
  .hir_szuro .select-wrapper {
    margin-left: 0;
    width: auto; }
  .hir_szuro > span {
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 0 !important; }

/* Akci�k, h�rek list�i ugyanazt haszn�lj�k */
.reklam_container {
  margin-bottom: 20px; }

.reklam_main {
  padding-bottom: 20px;
  border-bottom: 1px solid #cdcdcd;
  flex-wrap: wrap;
  height: 100%; }
  .reklam_main.csak_szoveg .reklam_img {
    display: none; }
  .reklam_main.kis_keppel .reklam_img {
    width: 140px;
    margin-right: 10px; }
    .reklam_main.kis_keppel .reklam_img img {
      max-width: 140px; }
  .reklam_main.kis_keppel .reklam_con {
    width: calc(100% - 150px); }
  .reklam_main.nagy_keppel.nagy_keppel {
    display: flex; }
    .reklam_main.nagy_keppel.nagy_keppel .reklam_img {
      align-self: flex-start; }
    .reklam_main.nagy_keppel.nagy_keppel .reklam_con {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      min-height: 125px;
      padding-top: 10px; }
      .reklam_main.nagy_keppel.nagy_keppel .reklam_con h3, .reklam_main.nagy_keppel.nagy_keppel .reklam_con .popper .h3, .popper .reklam_main.nagy_keppel.nagy_keppel .reklam_con .h3, .reklam_main.nagy_keppel.nagy_keppel .reklam_con .popper .popped-title, .popper .reklam_main.nagy_keppel.nagy_keppel .reklam_con .popped-title {
        font-size: 26px;
        line-height: 30px; }
    @media only screen and (min-width: 768px) {
      .reklam_main.nagy_keppel.nagy_keppel .reklam_head {
        min-height: 50px; } }

.reklam_main .news_date {
  font-size: 13.5px; }

.reklam_head {
  width: 100%;
  font-size: 16px; }

.reklam_main h3, .reklam_main .popper .h3, .popper .reklam_main .h3, .reklam_main .popper .popped-title, .popper .reklam_main .popped-title {
  margin: 0; }

.reklam_main h3 a, .reklam_main .popper .h3 a, .popper .reklam_main .h3 a, .reklam_main .popper .popped-title a, .popper .reklam_main .popped-title a {
  color: #363636; }

/*akci�k, h�rek r�szletes oldalak*/
/*.reszletes_leiras_page_cont { width:100%; margin-top:20px;}
.reszletes_page_img_cont {float:left; width:210; padding-right:10px;}
.reszletes_short_data_cont {border-bottom:1px solid grey; overflow:hidden; clear:both; padding-bottom:20px;}
.reszletes_short_data_cont img {float:left; margin-right:10px; }
.reszletes_long_data_cont {margin-top:20px; text-align:justify;}
.akciok_reszletek_container {width:100%;}*/
.more_news_container {
  margin-bottom: 20px; }

.akciok_reszletek_container {
  display: none; }

.cl_akcio_container .news_img {
  width: 130px;
  margin-right: 10px; }

.cl_akcio_container .news_lead {
  font-size: 13.5px; }

.cl_akcio_container .news_kapcsolodo {
  margin-bottom: 0; }

.akcioKep_container {
  height: 150px;
  margin-bottom: 20px;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .akcioKep_container {
      height: 300px; } }

img.akcioKep {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%; }
  @media only screen and (min-width: 768px) {
    img.akcioKep {
      max-width: 700px;
      max-height: 300px; } }

.akcioNote {
  margin-top: 1em;
  margin-bottom: 0; }

.akcioCols {
  font-size: 16px; }

.akcioCols > span:first-child {
  display: inline-block;
  width: 220px;
  margin-right: 20px; }

.akcioCols > span:last-child {
  display: inline-block;
  font-weight: 700; }

.pontAkcio_item {
  display: block !important;
  transition: .15s all ease-in-out; }
  .pontAkcio_item .perforation {
    width: calc(100% + 20px) !important; }
  .pontAkcio_item:hover {
    background-color: #fefdfa;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .pontAkcio_item > img {
    margin: -11px;
    margin-bottom: 0;
    width: 298px;
    height: 128px;
    border: 1px solid #cdcdcd;
    display: block; }

.pontAkcio_item:nth-child(3n) {
  margin-right: 0; }

.pontAkcio_img_container {
  width: calc(100% + 20px);
  height: 0;
  padding-bottom: calc(50% - 20px);
  position: relative;
  background: white;
  margin: -10px -10px -10px -10px !important;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    .pontAkcio_img_container {
      width: 218px;
      height: 90px;
      padding-bottom: 0; } }
  @media only screen and (min-width: 992px) {
    .pontAkcio_img_container {
      width: 297px;
      height: 127px; } }

.pontAkcio_text_container {
  width: calc(100% + 20px);
  text-align: center;
  height: 130px;
  border-bottom: 1px solid #cdcdcd;
  background-color: white;
  padding: 10px;
  position: relative;
  margin: -10px -10px 0 -10px !important; }
  .pontAkcio_text_container > a {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-size: 16px;
    color: #363636;
    font-weight: 700;
    position: relative; }

.pontAkcio_img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* GY�JT�TT PONTJAIM OLDALON */
.pontAkcio_title {
  width: 100%;
  height: 30px;
  padding: 10px 0;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  vertical-align: middle;
  color: #363636;
  display: block; }

.pontAkcio_gyujtott_container {
  width: calc(100% + 20px);
  background: #edebe2;
  margin: -10px !important;
  padding: 10px; }
  .pontAkcio_gyujtott_container > div {
    width: 100%;
    color: #363636; }
    .pontAkcio_gyujtott_container > div > span {
      text-align: right;
      font-size: 16px;
      line-height: 32px;
      width: 100%;
      flex-grow: 1; }
      .pontAkcio_gyujtott_container > div > span:first-child {
        padding-right: 10px;
        width: 60%; }
      .pontAkcio_gyujtott_container > div > span:last-child {
        padding-left: 10px;
        font-weight: 700;
        width: 40%; }

.forgAkcio_item {
  margin-right: 20px;
  margin-top: 20px;
  position: relative; }

.forgAkcio_item.own {
  border-color: #e7a7aa;
  background-color: #f7d2d4; }

.forgAkcio_item:nth-child(2n) {
  margin-right: 0; }

.forgAkcio_title {
  font-weight: 700;
  font-size: 13.5px;
  text-transform: uppercase;
  position: absolute;
  margin: auto !important;
  left: 0;
  right: 0;
  top: -12px;
  background: white;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  display: inline-block;
  padding: 3px 10px;
  text-align: center;
  width: 200px; }

.own .forgAkcio_title {
  border-color: #e7a7aa; }

.forgAkcio_amount {
  margin-top: 10px; }

.forgAkcio_amount > span {
  text-align: center;
  display: block;
  margin: 5px auto; }

.forgAkcio_amount > div {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin: 5px auto; }

.forgAkcio_desc {
  background: white url(images/perforation.svg) repeat-x top left;
  background-size: 9px 2px;
  padding: 10px;
  text-align: center;
  border-radius: 2px; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.telephely {
  border: 1px solid #cdcdcd;
  padding: 10px;
  border-radius: 2px;
  background: #f6f5f0;
  font-size: 16px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    .telephely {
      padding: 20px; } }

.telephely > table {
  width: 100%; }

.telephely > table td {
  height: 33px; }

.telephely > table td:first-child {
  width: 100px;
  text-align: right;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  padding-right: 8px; }
  @media only screen and (min-width: 768px) {
    .telephely > table td:first-child {
      width: 120px;
      padding-right: 10px;
      font-size: 13.5px; } }

.telephely td:last-child {
  padding-left: 8px; }
  @media only screen and (min-width: 768px) {
    .telephely td:last-child {
      padding-left: 10px; } }

.telephely > table td:last-child > span {
  width: calc(100% - 26px);
  display: inline-block;
  vertical-align: middle; }

.telephely > table td:last-child > div {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  background: transparent no-repeat center center;
  background-size: 24px 24px; }
  @media only screen and (min-width: 768px) {
    .telephely > table td:last-child > div {
      margin-right: 10px; } }

.telephely > table td:last-child .nyitvatartas {
  background-image: url(images/ic_clock_primary_24px.svg); }

.telephely > table td:last-child .telefon {
  background-image: url(images/ic_phone_primary_24px.svg); }

.telephely > table td:last-child .email {
  background-image: url(images/ic_email_primary_24px.svg); }

.telephely > table td:last-child .cimunk {
  background-image: url(images/ic_location_primary_24px.svg); }

.telephely > table td:last-child .adoszam {
  background-image: url(images/ic_money_primary_24px.svg); }

.telephely > table td:last-child .bankszamlaszam {
  background-image: url(images/ic_account_primary_24px.svg); }

.telephely .telephely_title {
  padding-left: 35px;
  font-size: 26px;
  height: 50px;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .telephely .telephely_title {
      padding-left: 0; } }

@media only screen and (min-width: 1200px) {
  .my_contact {
    margin-top: 10px;
    margin-bottom: 10px; } }

.my_contact h2 {
  overflow: hidden;
  white-space: nowrap;
  margin: 0; }

@media only screen and (min-width: 992px) {
  .boss {
    margin-left: 40px;
    margin-right: 40px; } }

@media only screen and (min-width: 1200px) {
  .boss {
    margin-left: 160px;
    margin-right: 160px; } }

.card {
  padding: 0;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  margin: 5px 0; }

.card_left {
  border-right: 1px solid #cdcdcd;
  background: white;
  flex-shrink: 0; }

.card_left > img {
  width: 91px;
  height: 120px;
  margin: 9px 10px; }

.card_right {
  width: calc(100% - 112px);
  padding: 10px;
  position: relative;
  flex-grow: 1; }

.card_right_top {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .card_right_top {
      align-items: flex-start; } }

.card_name_and_title {
  min-height: 44px; }
  @media only screen and (min-width: 768px) {
    .card_name_and_title {
      height: 64px; } }

.card_name {
  line-height: 22px;
  font-size: 16px; }

.card_title {
  height: 20px;
  line-height: 20px;
  font-size: 13.5px; }

.card_info {
  width: 100%;
  height: 48px;
  line-height: 16px;
  overflow: hidden;
  margin-top: 28px; }
  @media only screen and (min-width: 768px) {
    .card_info {
      margin-top: 8px; } }

.card_info > span {
  height: 16px;
  display: flex; }

.card_info > span > span:first-child, .card_info > span > a:first-child {
  width: 48px;
  flex-shrink: 0; }

.card_qr {
  width: 28px;
  height: 28px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: white url(images/ic_qr_dark_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  margin: 2px 0;
  flex-shrink: 0; }

.card_qr.inactive {
  opacity: 0; }

.card_qr.active {
  position: absolute;
  width: 200px;
  height: 200px;
  left: 275px !important; }

.card .tooltip {
  left: auto !important;
  display: none;
  top: 50%;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 991px) {
    .card .tooltip:after, .card .tooltip:before {
      display: none; } }
  @media only screen and (min-width: 992px) {
    .card .tooltip {
      right: -12px;
      top: 24px;
      transform: translate(100%, -100%); } }

.kapcsolat_message {
  width: 100%;
  display: block;
  text-align: center;
  margin: 40px 0 20px 0; }

.kapcsolat_message.floated {
  width: auto;
  margin: 0;
  float: right; }

.kapcsolat_message > div {
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 2px 0;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .kapcsolat_message > div {
      width: 700px; } }

.kapcsolat_message.floated > div {
  width: 620px; }

.kapcsolat_message p {
  font-size: 16px; }

.kapcsolat_org {
  margin: 35px 0 10px 0; }

.kapcsolat_div {
  margin: 10px 0 10px 0;
  width: 100%; }
  .kapcsolat_div > div {
    padding: 4px 15px;
    display: inline-block;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    background: #f6f5f0;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle; }
    .kapcsolat_div > div span {
      vertical-align: middle;
      line-height: 24px; }
      .kapcsolat_div > div span.help {
        display: inline-block; }

.kapcsolat_org + div:not(.kapcsolat_div), .kapcsolat_div + div:not(.kapcsolat_div) {
  margin-bottom: 25px; }

div.line {
  display: block;
  width: 128px;
  height: 5px;
  background: url(images/drawn_line.png);
  margin: 5px auto; }

div.corner {
  position: absolute;
  width: 30px; }

.corner.bl {
  bottom: 0;
  left: 0;
  height: 25px;
  background: url(images/drawn_corner_bl.png); }

.corner.tr {
  top: 0;
  right: 0;
  height: 23px;
  background: url(images/drawn_corner_tr.png); }

.kapcsolat_foot {
  margin-top: 40px; }

.kapcsolat_map {
  border: 1px solid #cdcdcd;
  border-radius: 2px; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.searchContainer, .searchContainer-invoices {
  height: 42px;
  order: 0;
  flex-grow: 1;
  position: relative;
  transition: .15s all ease-in-out; }
  .searchContainer .clear, .searchContainer-invoices .clear {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(images/ic_close_primary_16px.svg) no-repeat center center;
    background-size: 16px 16px;
    position: absolute;
    right: 38px;
    top: 0;
    bottom: 0;
    margin: auto; }
  .searchContainer.-downloads, .searchContainer-invoices.-downloads {
    min-width: 250px; }

input.searchInput {
  width: 100%;
  height: 42px;
  padding: 0 32px 0 10px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 400;
  transition: .15s all ease-in-out; }
  @media only screen and (min-width: 768px) {
    input.searchInput {
      padding: 0 15px; } }
  input.searchInput::-webkit-input-placeholder {
    color: #cdcdcd; }
  input.searchInput::-moz-placeholder {
    color: #cdcdcd; }
  input.searchInput:-ms-input-placeholder {
    color: #cdcdcd; }
  input.searchInput:-moz-placeholder {
    color: #cdcdcd; }

.miniKosar, .myMenuContainer {
  transition: .15s all ease-in-out; }

input.searchBtn {
  width: 24px;
  height: 24px;
  background: transparent url(images/ic_search_primary_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  border: 0;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  outline: none; }

input.clearsearchBtn {
  width: 16px;
  height: 16px;
  background: url(images/ic_close_primary_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  border: 0;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  outline: none; }
  input.clearsearchBtn + .searchBtn {
    display: none; }

/*.search_options {
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: $BorderRadiusNormal;
    background: $ColorLight;
    border: 1px solid $ColorBorderNormal;
    z-index: 5;
    cursor: pointer;
    transition: .15s all ease-in-out;
    display: none;

    .input {
        font-size: 15px;
        min-width: 40px;
        height: 34px;
        line-height: 35px;
        display: block;
        padding: 0 30px 0 10px;
        border: 0;
        background: transparent url(images/icon_arrow_down.png) no-repeat right 10px center;
    }
}

.search_options:hover {
    background-color: #fefdfa;
}

.popped.search_options .input {
    background-image: url(images/icon_arrow_up_red.png);
}

.search_options .input .clear.active {
    content: "";
    width: 16px;
    height: 16px;
    background: url(images/icon_close.png) no-repeat left center;
    border-right: 1px solid $ColorBorderNormal;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding: 5px 0 5px 5px;
    vertical-align: middle;
    cursor: pointer;
}

.search_options .values {
    background: white;
    border-top: 1px solid $ColorBorderNormal;
    overflow: hidden;
    max-height: 324px;
    position: relative;
    display: none;
}

.popped.search_options .values {
    display: block !important;
}

.search_options .option {
    line-height: 36px;
    transition: all .05s ease-in-out;
    font-size: 15px;
    padding: 0 10px;
}

.search_options div.option:hover {
    background-color: #e0e0e0;
}*/
#korabbiKereses {
  position: absolute; }

/* Keresés-kiegészítés */
.ac_even:hover, .ac_odd:hover {
  color: #CC1220;
  width: 100%;
  cursor: pointer; }

.ac_even, .ac_odd {
  height: 14px;
  overflow: hidden;
  margin: 3px 0;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out; }

.ac_results ul {
  margin: 0;
  padding-left: 5px;
  list-style: none; }

.ac_results {
  background-color: black;
  color: #fff;
  opacity: 0.9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  behavior: url(../../_sass/ie-css3.htc);
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
  z-index: 1200; }

.ac_over {
  color: #ed1c24;
  width: 100%;
  cursor: pointer; }

/* Keresés-kiegészítés vége */
/* Korábbi keresések */
.last_search_panel {
  width: 100%;
  background: white;
  padding: 10px 15px;
  border: 1px solid #cdcdcd !important;
  border-radius: 2px;
  min-height: 40px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) !important;
  position: absolute;
  font-size: 13.5px;
  z-index: 5;
  transition: .15s all ease-in-out;
  display: none; }
  .last_search_panel h4 {
    font-size: 12px; }

.search_panel_close {
  width: 8px;
  height: 8px;
  background: url(images/search_panel_close.png);
  background-repeat: no-repeat;
  float: right;
  margin: 10px 0 0 20px;
  cursor: pointer; }

.korabbiKeresesEredmenye {
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  color: #363636;
  padding: 2px 5px;
  transition: .15s all ease-in-out;
  margin-bottom: 5px;
  display: inline-block; }

.korabbiKeresesEredmenye:hover {
  background-color: #fefdfa; }

/* Korábbi keresések vége */
/* Kellekanyag kereso */
div.kereses-cikkcsoport {
  transition: .05s all ease-in-out; }
  div.kereses-cikkcsoport > a {
    padding: 5px 20px 5px 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .15s all ease-in-out;
    font-size: 16px;
    color: #363636; }
    div.kereses-cikkcsoport > a > span {
      text-align: right;
      font-size: 13.5px; }

div.kereses-kiegeszito {
  position: absolute;
  left: -57px;
  width: calc(100vw - 20px);
  background-color: white;
  border: 1px solid #cdcdcd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  opacity: 1;
  padding: 0;
  max-height: calc(100vh - 65px);
  z-index: 6;
  overflow: auto; }
  @media only screen and (min-width: 768px) {
    div.kereses-kiegeszito {
      left: 0;
      width: 100%; } }

div.kereses-kiegeszito-kellek {
  position: absolute;
  left: -57px;
  width: calc(100vw - 20px);
  background-color: white;
  border: 1px solid #cdcdcd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  opacity: 1;
  padding: 0;
  max-height: 363px;
  z-index: 6;
  overflow: auto; }
  @media only screen and (min-width: 768px) {
    div.kereses-kiegeszito-kellek {
      left: 0;
      max-width: 643px; } }

.kereses-kiegeszito:focus {
  border: 1px solid #ed1c24;
  outline: none; }

.kereses-kiegeszito > .ps-scrollbar-y-rail {
  right: -1px; }

.kereses-cikkcsoport:hover {
  background: #f6f5f0; }

.kereses-tovabb a {
  color: #363636; }

.kereses-termek > a {
  padding: 5px 15px;
  display: block;
  color: #363636;
  transition: .05s all ease-in-out;
  font-size: 16px; }

.kereses-termek > a:hover, .kereses-termek.selected > a, .kereses-cikkcsoport.selected > a {
  background-color: #e0e0e0;
  text-decoration: none; }

.kereses-tovabb.selected {
  background-color: #e0e0e0;
  text-decoration: none; }

#vsTartozekMenuContainer::before {
  clear: both; }

#vsTartozekMenuContainer, #vsTartozekMenuContainer_1, #vsTartozekMenuContainer_2 {
  margin: 0 10px;
  overflow: hidden;
  position: relative;
  max-height: 156px; }
  @media only screen and (min-width: 992px) {
    #vsTartozekMenuContainer, #vsTartozekMenuContainer_1, #vsTartozekMenuContainer_2 {
      height: 156px; } }

.vsTMC:nth-child(3n) {
  margin-right: 0; }

.vsTMC .ps-scrollbar-y-rail {
  z-index: 1; }

.kellekHead {
  display: block; }

.tartozekItem {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding-left: 26px;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  position: relative; }
  .tartozekItem:hover {
    background: #e0e0e0; }
    .tartozekItem:hover:after {
      background-position: 0 -216px; }
  .tartozekItem:active:after {
    background-position: 0 -240px; }
  .tartozekItem:after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(images/custom-inputs.svg) no-repeat 0 -192px;
    background-size: 24px 384px; }

.TartozekMenu-selected span:after, .TartozekMenu-selected:after {
  background-position: 0 -288px; }

.TartozekMenu-selected span:hover:after, .TartozekMenu-selected:hover:after {
  background-position: 0 -312px; }

/* Kellekanyag kereso vége*/
.kereses-kovkat, .kereses-tovabb {
  width: 100%;
  font-size: 12px;
  display: block;
  line-height: 24px;
  padding: 6px 15px; }

.kereses-kovkat {
  font-weight: 700;
  text-transform: uppercase; }

.kereses-tovabb {
  border-top: 1px solid #cdcdcd;
  background: #f6f5f0; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.myMenuContainer {
  height: 42px;
  margin-left: 15px;
  display: block;
  position: relative;
  transition: .15s all ease-in-out;
  order: 2; }
  .myMenuContainer.active-pop > span {
    transform: rotate(0deg); }
  @media only screen and (min-width: 992px) {
    .myMenuContainer {
      margin-left: 20px;
      min-width: 134px;
      background: #ed1c24;
      border-radius: 2px; }
      .myMenuContainer:hover {
        background-color: #ef343b; } }
  .myMenuContainer .iconBtn {
    background: url(images/ic_user_primary_24px.svg) no-repeat center center;
    background-size: 24px 24px;
    border: 1px solid rgba(237, 28, 36, 0.5);
    border-radius: 2px; }
    .myMenuContainer .iconBtn .loginUser {
      /*display: none;*/ }
      .myMenuContainer .iconBtn .loginUser.-desktop {
        width: 39px;
        height: 40px;
        display: block;
        position: relative; }
        .myMenuContainer .iconBtn .loginUser.-desktop ~ div {
          padding-left: 0; }
      .myMenuContainer .iconBtn .loginUser .tooltip-badge {
        width: max-content;
        height: 18px;
        top: -9px;
        left: 0;
        right: 0;
        margin: auto;
        box-shadow: none; }
      @media only screen and (max-width: 991px) {
        .myMenuContainer .iconBtn .loginUser, .myMenuContainer .iconBtn .loginUser .tooltip-badge {
          right: -2px;
          top: -2px;
          border-radius: 4px;
          width: 16px;
          height: 16px;
          background: #f6f5f0;
          border: 1px solid #ed1c24;
          position: absolute;
          font-size: 12px;
          line-height: 14px;
          text-align: center;
          color: #363636;
          text-transform: none;
          display: block; }
        .myMenuContainer .iconBtn .loginUser .tooltip-badge {
          width: auto;
          top: -1px;
          right: unset;
          left: -31px;
          margin: 0;
          padding: 0; } }
    @media only screen and (min-width: 992px) {
      .myMenuContainer .iconBtn {
        background-image: url(images/ic_user_white_24px.svg);
        background-position: left 8px center;
        pointer-events: all;
        cursor: pointer; }
        .myMenuContainer .iconBtn > div {
          pointer-events: none; } }
  .myMenuContainer .popper {
    top: 43px;
    font-size: 16px;
    width: calc(100vw - 20px);
    max-width: none;
    max-height: calc(100vh - 130px); }
    @media only screen and (min-width: 576px) {
      .myMenuContainer .popper {
        width: 222px; } }
    .myMenuContainer .popper > span:first-child {
      font-size: 13.5px;
      font-weight: 700;
      text-transform: uppercase;
      display: block; }

input.logoutBtn {
  padding: 10px 20px 10px 35px;
  color: #ed1c24;
  font-weight: 700;
  text-transform: uppercase;
  background-position: left 5px center;
  background-color: white;
  background-image: url(images/ic_logout_primary_24px.svg);
  text-align: left;
  width: calc(100% + 20px);
  margin: 0 -10px -10px -10px;
  border-radius: 0 0 4px 4px; }

.loginPopper {
  background: #f6f5f0; }
  .loginPopper .perforation {
    margin: 10px -10px;
    width: calc(100% + 20px); }
  .loginPopper .defBtn {
    width: 100%;
    margin-top: 5px; }

.loginPopper > div:first-child, .loginPopper > div:nth-child(2), .timeout_login > div {
  text-align: right;
  margin-bottom: 10px;
  background: no-repeat left -3px center;
  background-size: 24px 24px; }

.loginPopper > div:first-child, .timeout_login > div:first-child {
  background-image: url(images/ic_email_primary_24px.svg); }

.loginPopper > div:nth-child(2), .timeout_login > div:nth-child(2) {
  background-image: url(images/ic_lock_primary_24px.svg); }

.loginPopper > div:last-child {
  background: white;
  border-top: 1px solid #cdcdcd;
  margin: 10px -10px -10px -10px;
  padding: 10px 0;
  text-align: center;
  border-radius: 0 0 4px 4px; }

.loginPopper > div:last-child a, .loginPopper > div:last-child input {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 13.5px;
  color: #363636;
  font-weight: 700;
  text-transform: uppercase;
  outline: none;
  display: block;
  line-height: 24px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px; }
  @media only screen and (min-width: 768px) {
    .loginPopper > div:last-child a, .loginPopper > div:last-child input {
      margin: 0; } }

.loginPopper > div:last-child a:hover, .loginPopper > div:last-child input:hover {
  color: black; }

.loginPopper > div:last-child a:active, .loginPopper > div:last-child input:active {
  color: #ed1c24; }

.loginPopper input[type=text], .loginPopper .input, .loginPopper .select-wrapper select, .select-wrapper .loginPopper select, .loginPopper .select-wrapper .select, .select-wrapper .loginPopper .select, .loginPopper textarea, .loginPopper input[type=password] {
  width: calc(100% - 30px);
  height: 34px;
  padding: 0 10px;
  display: inline-block; }

/*regisztráció*/
.phone_error_msg {
  position: absolute;
  top: -55px;
  left: 220px;
  width: 200px; }

/*login*/
/*timeout*/
.upload-documents {
  overflow: hidden;
  position: relative;
  justify-content: flex-start; }
  @media only screen and (max-width: 575px) {
    .upload-documents {
      flex-wrap: wrap; } }
  .upload-documents .browse-wrapper {
    position: relative; }
  .upload-documents .browse_label {
    color: #ed1c24; }
  .upload-documents .browse-button {
    z-index: 0;
    margin-right: 10px; }
    @media only screen and (max-width: 575px) {
      .upload-documents .browse-button {
        order: 0; } }
    @media only screen and (min-width: 1200px) {
      .upload-documents .browse-button.hover {
        background-color: #ed1c24;
        cursor: pointer !important; }
        .upload-documents .browse-button.hover > a {
          color: white;
          cursor: pointer !important; } }
  .upload-documents input[type=file] {
    display: block;
    opacity: 0;
    left: 0;
    top: 0;
    cursor: pointer !important;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden; }
  @media only screen and (max-width: 575px) {
    .upload-documents input[type=text], .upload-documents .input, .upload-documents .select-wrapper select, .select-wrapper .upload-documents select, .upload-documents .select-wrapper .select, .select-wrapper .upload-documents .select, .upload-documents textarea {
      width: 100%;
      margin-top: 10px;
      order: 2; } }
  .upload-documents .upload-button {
    margin-left: 10px; }
    @media only screen and (max-width: 575px) {
      .upload-documents .upload-button {
        order: 1;
        margin-left: auto; } }

.reg_line {
  position: relative;
  margin-bottom: 10px; }
  .reg_line.full {
    width: 100%; }

.reg_line input, .reg_line textarea {
  width: 100%; }

.regWarning, label.error {
  padding: 7px 10px;
  display: inline-block;
  background-color: #ed1c24;
  color: white !important;
  border-radius: 2px;
  position: absolute;
  right: -7px;
  bottom: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  text-align: right; }
  @media only screen and (min-width: 992px) {
    .regWarning, label.error {
      right: -4px; } }
  .regWarning.error-invalid, .regWarning.error-mobile, label.error.error-invalid, label.error.error-mobile {
    max-width: 150px; }
    @media only screen and (min-width: 992px) {
      .regWarning.error-invalid, .regWarning.error-mobile, label.error.error-invalid, label.error.error-mobile {
        max-width: 180px; } }
  .regWarning.error-invalid, label.error.error-invalid {
    white-space: normal; }
  .regWarning.error-mobile, label.error.error-mobile {
    background-color: #f6f5f0;
    color: #363636 !important;
    white-space: normal;
    bottom: -5px; }
    .regWarning.error-mobile:before, label.error.error-mobile:before {
      background-color: #f6f5f0;
      top: 15px; }
  .regWarning:before, label.error:before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #ed1c24;
    position: absolute;
    left: -3px;
    top: 12px;
    transform: rotate(45deg); }

.success {
  width: 32px;
  height: 32px;
  background-image: url(images/success.png);
  position: absolute;
  top: 0px;
  left: 20px; }

.timeout_login {
  width: 100%; }
  .timeout_login .reg_line input {
    width: calc(100% - 35px); }

.timeout_etc {
  position: relative;
  margin-left: 20px; }

.timeout_etc > div {
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px; }

.bank-wrapper .iban {
  width: 58px; }

/* PHONENUMBER */
.table-row .phoneNumber label.error {
  bottom: auto;
  top: 100%; }

.phoneNumber {
  position: relative;
  white-space: nowrap; }
  .phoneNumber > div.flag {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url(images/lang/hu.png) no-repeat center center;
    background-size: 24px;
    flex-shrink: 0;
    transition: .15s all ease-in-out;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .phoneNumber > div.flag {
        margin-right: 10px; } }
  .phoneNumber > span.plussign {
    line-height: 32px;
    font-size: 16px;
    margin-right: 5px; }
    @media only screen and (min-width: 768px) {
      .phoneNumber > span.plussign {
        margin-right: 10px; } }
  .phoneNumber > input.prefix {
    width: 45px;
    margin-right: 5px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .phoneNumber > input.prefix {
        margin-right: 10px; } }
  .phoneNumber > input.phone {
    flex-grow: 1; }

.reg_input_pre label {
  padding-left: 0; }

.reg_input_before {
  line-height: 32px;
  text-transform: uppercase;
  font-weight: 700;
  margin-right: 20px;
  padding-right: 10px; }
  @media only screen and (max-width: 339px) {
    .reg_input_before {
      margin-right: 0; } }

.reg_input_merged > input {
  position: relative;
  z-index: 0; }
  .reg_input_merged > input:not(:last-child) {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .reg_input_merged > input:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .reg_input_merged > input:focus {
    z-index: 1; }

.reg_input_data {
  line-height: 32px;
  display: table-cell; }

.reg_input_data .name {
  line-height: 20px;
  margin-top: 10px; }

.reg_input_data .value {
  line-height: 20px;
  margin-bottom: 10px; }

.locked {
  width: 23px;
  height: 41px;
  position: absolute;
  display: block;
  right: 10px;
  bottom: 15px;
  background: url(images/lineart_brackets2.png); }

.drawing_email {
  width: 90px;
  height: 100px;
  background: url(images/drawn_email.svg) no-repeat center center;
  background-size: 72px 84px;
  margin: 10px 0;
  flex-shrink: 0; }

.text_email {
  flex-grow: 1;
  margin: 10px 0 10px 20px;
  font-size: 16px; }

.uploadedDocs {
  margin-bottom: 0;
  display: none; }

.uploadedDocs_item {
  border-bottom: solid 1px #cdcdcd;
  padding: 10px 0;
  position: relative; }
  .uploadedDocs_item > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle; }

.agreement-container {
  margin-top: 10px;
  margin-bottom: 10px; }

.gdpr-item {
  margin-bottom: 10px; }

.gdpr-link {
  padding-left: 30px;
  padding-top: 2px; }

.containerCimtorles {
  width: 320px; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.miniKosar {
  height: 42px;
  margin-left: 15px;
  position: relative;
  transition: .15s all ease-in-out;
  order: 1; }
  @media only screen and (min-width: 992px) {
    .miniKosar {
      margin-left: 20px;
      background: #ed1c24;
      border-radius: 2px;
      min-width: 120px; }
      .miniKosar:hover {
        background-color: #ef343b; } }
  .miniKosar.signedOut > a {
    opacity: .5; }
  @media only screen and (min-width: 992px) {
    .miniKosar.signedOut {
      color: white;
      background: #cdcdcd;
      opacity: 1; } }
  .miniKosar.signedOut .iconBtn + span {
    display: none; }
  .miniKosar.signedOut .iconBtn > div {
    cursor: default; }
  .miniKosar .iconBtn {
    background: url(images/ic_cart_primary_24px.svg) no-repeat center center;
    background-size: 24px 24px;
    border: 1px solid rgba(237, 28, 36, 0.5);
    border-radius: 2px; }
    @media only screen and (min-width: 992px) {
      .miniKosar .iconBtn {
        background-image: url(images/ic_cart_white_24px.svg);
        background-position: left 10px center;
        border: none; } }
  .miniKosar .popper {
    width: 240px;
    min-width: 222px;
    max-width: 100vw;
    padding: 10px;
    top: 43px;
    font-size: 16px;
    line-height: 24px; }
    .miniKosar .popper .defBtn {
      margin-top: 5px;
      width: 100%; }
    .miniKosar .popper > div > span:last-child {
      font-weight: 600; }

.cartCounter {
  font-weight: 700;
  position: absolute;
  right: -2px;
  top: -2px;
  display: block;
  border-radius: 4px;
  transition: .05s all ease-in-out;
  cursor: pointer;
  z-index: 1;
  border: 1px solid black;
  width: 16px;
  height: 16px;
  line-height: 14px;
  padding: 0;
  text-align: center;
  background: #f6f5f0;
  font-size: 12px; }
  @media only screen and (min-width: 992px) {
    .cartCounter {
      width: auto;
      height: 100%;
      color: white;
      font-size: 16px;
      background: black;
      line-height: 42px;
      padding: 0 10px;
      margin: auto;
      right: -1px;
      top: -1px;
      bottom: 0;
      border: 0;
      font-size: 13.5px;
      border-radius: 0 2px 2px 0; }
      .cartCounter span {
        float: right; } }

#vsOsszehasonlitoContainer .iconBtn > span {
  pointer-events: none; }

#vsOsszehasonlitoContainer .cartCounter {
  top: auto; }
  @media only screen and (max-width: 991px) {
    #vsOsszehasonlitoContainer .cartCounter {
      right: 0; } }
  @media only screen and (min-width: 992px) {
    #vsOsszehasonlitoContainer .cartCounter {
      height: 42px;
      right: 0;
      bottom: 0; } }

@media only screen and (min-width: 992px) {
  .expanded .cartCounter, .miniKosar:not(.expanded):hover .cartCounter, #vsOsszehasonlitoContainer:not(.expanded):hover .cartCounter {
    width: 0;
    padding: 0;
    font-size: 0; } }

.cartCounter span.bub, #vsOsszehasonlitoContainer .bub {
  animation: .75s Bub;
  animation-delay: .75s; }

.cartCounter span.grow, #vsOsszehasonlitoContainer .grow {
  opacity: 0;
  animation: .5s Grow;
  animation-delay: .75s;
  animation-fill-mode: forwards; }

.cartCounter span.cease, #vsOsszehasonlitoContainer .cease {
  opacity: 0;
  animation: .5s Cease;
  animation-delay: .75s;
  animation-fill-mode: forwards; }

@keyframes Bub {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }

@keyframes Grow {
  0% {
    transform: scale(2.5) translateY(-20px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1; } }

@keyframes Cease {
  0% {
    transform: scale(2.5) translateY(20px);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1; } }

span.kosarImg_container.fuvarkoltseg {
  background: white no-repeat center center;
  background-image: url(images/drawn_truck.svg) !important;
  background-size: 48px 33px; }

.kiszallitasInfo {
  width: 100%;
  line-height: 22px;
  padding: 3px 0;
  color: #737373;
  background: url(images/drawn_truck.svg) no-repeat right center;
  background-size: 48px 33px; }

.c-kosar-vasarlas-clock-cont {
  width: 100%; }

/* Kosárlépések jelölése */
.cart_steps {
  margin-bottom: 30px; }

.cart_step_labels {
  font-size: 16px;
  line-height: 30px; }
  .cart_step_labels > div {
    white-space: nowrap;
    text-align: right; }
    .cart_step_labels > div:first-child {
      text-align: left; }
    .cart_step_labels > div:last-child {
      text-align: right; }
      .cart_step_labels > div:last-child > span {
        margin-right: 0 !important; }
  @media only screen and (max-width: 991px) {
    .cart_step_labels > div {
      display: none; }
      .cart_step_labels > div.active {
        display: block;
        font-weight: 600; } }

.cart_step_progressbar {
  width: 100%;
  display: block;
  height: 5px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  box-sizing: border-box;
  float: left;
  font-size: 0;
  position: relative; }
  .cart_step_progressbar > span {
    height: 5px;
    margin-top: -1px;
    border-right: 2px solid #cdcdcd;
    display: inline-block;
    box-sizing: border-box; }
    .cart_step_progressbar > span:first-child {
      border-right: 0; }
    .cart_step_progressbar > span:last-child {
      border-right: 0; }
  .cart_step_progressbar > div {
    width: 0;
    height: 5px;
    background-color: #ed1c24;
    border-radius: 2px 0 0 2px;
    position: absolute;
    left: 0;
    top: -1px; }
    .cart_step_progressbar > div.animate {
      transition: .15s all ease-in-out;
      transition-delay: .15s; }

/* Kosárlépések jelölése vége */
.cart-top {
  margin-top: 30px;
  flex-wrap: wrap; }
  .cart-top > * {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .cart-top {
      flex-wrap: nowrap; }
      .cart-top > * {
        width: auto; } }

.kosarRendezes {
  position: relative; }

.kosarRendezes_label {
  margin-right: 10px; }

.kosarRowSum {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap; }

.ajanlatTitle {
  line-height: 70px;
  font-size: 16px;
  font-weight: 700; }

.ajanlat_item, .ajanlat_head {
  background-color: #edebe2 !important; }

.kosar_table .data_table_head > span:first-child {
  padding: 0;
  text-align: center; }

.kosar_table .data_table_rows > div:last-child > span:first-child {
  background-color: white;
  background-image: none; }

.table.cart-table .drs .item-img {
  display: flex;
  height: 75px; }

.table.cart-table .item-img {
  width: 75px;
  height: 68px;
  overflow: hidden;
  background: white url(images/perforatio.svg) repeat-x bottom left;
  background-size: 9px 2px;
  position: relative;
  border-right: 1px solid #cdcdcd;
  padding: 10px 0 !important; }
  .table.cart-table .item-img.fuvarkoltseg {
    background: white no-repeat center center;
    background-image: url(images/drawn_truck.svg) !important;
    background-size: 48px 33px; }
  .table.cart-table .item-img .drs-logo {
    display: block;
    margin: auto; }
  .table.cart-table .item-img img {
    max-width: 60px;
    max-height: 60px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

.table.cart-table .item-name > a {
  font-weight: 700;
  color: #363636;
  text-decoration-color: #cdcdcd; }
  .table.cart-table .item-name > a:hover {
    text-decoration: underline;
    text-decoration-color: #5b5a59; }

@media only screen and (min-width: 1200px) {
  .table.cart-table .table-row {
    height: 75px; }
    .table.cart-table .table-row.ajanlat_head .item-name {
      font-size: 16px; }
    .table.cart-table .table-row.ajanlat_head .item-img > span {
      background-image: url(images/ic_egyediarajanlataim_primary_36px.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 36px 36px;
      display: block;
      width: 100%;
      height: 100%; }
  .table.cart-table .item-name {
    text-align: left;
    font-weight: 600; }
  .table.cart-table .item-list {
    text-align: center; }
  .table.cart-table .item-me {
    display: table-cell; }
  .table.cart-table .item-unit {
    text-align: right; }
  .table.cart-table .item-sum {
    text-align: right;
    font-weight: 600;
    font-size: 16px; }
  .table.cart-table .item-price {
    display: none; }
  .table.cart-table .item-remove input {
    margin-right: 5px;
    display: block; } }

@media only screen and (max-width: 1199px) {
  .table.cart-table {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px); }
    .table.cart-table .table-head {
      display: none; }
    .table.cart-table .table-row {
      width: calc((100% / 3) - 20px);
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      background-image: none;
      margin-bottom: 20px;
      margin-left: 10px;
      margin-right: 10px;
      border: 1px solid #cdcdcd;
      border-radius: 4px;
      position: relative; }
      .table.cart-table .table-row.ajanlat_head {
        width: 100%; }
        .table.cart-table .table-row.ajanlat_head .item-no, .table.cart-table .table-row.ajanlat_head .item-note, .table.cart-table .table-row.ajanlat_head .item-list, .table.cart-table .table-row.ajanlat_head .item-stock, .table.cart-table .table-row.ajanlat_head .item-unit, .table.cart-table .table-row.ajanlat_head .item-price, .table.cart-table .table-row.ajanlat_head .item-me, .table.cart-table .table-row.ajanlat_head .item-qty {
          display: none; }
        .table.cart-table .table-row.ajanlat_head .item-name {
          padding: 10px;
          height: 59px;
          margin-left: 60px;
          width: calc(100% - 115px);
          display: flex;
          align-items: center; }
        .table.cart-table .table-row.ajanlat_head .item-img {
          width: 60px;
          height: 60px;
          display: block;
          background-image: url(images/ic_egyediarajanlataim_primary_36px.svg);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 24px 24px; }
      .table.cart-table .table-row.shipping {
        margin-bottom: auto; }
        .table.cart-table .table-row.shipping .item-note {
          display: none; }
      .table.cart-table .table-row > span {
        border: none;
        border-radius: 0;
        background-image: none; }
    .table.cart-table .item-img {
      width: 75px;
      height: 75px;
      border-right: 1px solid #cdcdcd !important;
      border-bottom: 1px solid #cdcdcd !important;
      position: absolute;
      border-top-left-radius: 4px !important;
      top: 0;
      left: 0; }
    .table.cart-table .item-no {
      margin-left: 75px;
      width: calc(100% - 75px);
      padding-bottom: 0; }
    .table.cart-table .item-name {
      margin-left: 75px;
      width: calc(100% - 75px);
      min-height: 48px;
      padding-top: 0;
      padding-bottom: 5px;
      font-weight: 600; }
    .table.cart-table .item-qty {
      order: 8; }
    .table.cart-table .item-me {
      order: 9;
      margin-right: auto;
      padding-left: 0; }
    .table.cart-table .item-list {
      order: 10;
      margin-left: auto; }
    .table.cart-table .item-stock {
      width: 55%;
      order: 5;
      padding-top: 5px;
      padding-bottom: 5px; }
    .table.cart-table .item-note {
      order: 7;
      width: 100%;
      padding-top: 0;
      background: url(images/perforatio.svg) repeat-x left bottom !important;
      background-size: 9px 2px !important;
      min-height: 2px;
      text-align: center; }
    .table.cart-table .item-price {
      order: 6;
      width: 45%;
      margin-left: auto; }
      .table.cart-table .item-price > span {
        text-align: right;
        display: block; }
        .table.cart-table .item-price > span:last-child {
          font-weight: 700;
          font-size: 16px; }
    .table.cart-table .item-unit {
      display: none; }
    .table.cart-table .item-sum {
      display: none; }
    .table.cart-table .item-remove {
      order: 11; } }

@media only screen and (max-width: 991px) {
  .table.cart-table .table-row {
    width: calc((100% / 2) - 20px); } }

@media only screen and (max-width: 767px) {
  .table.cart-table .table-row {
    width: calc(100% - 20px); } }

.data_table_gray_head:hover {
  background-color: #fcfbfa; }

.nem_modosithato + .data_table_gray_head {
  background: #f6f5f0 url(images/pattern_inactive.svg) repeat !important;
  background-size: 3px 3px !important; }
  .nem_modosithato + .data_table_gray_head:hover {
    background-color: #f6f5f0 !important;
    cursor: default; }
  .nem_modosithato + .data_table_gray_head > span {
    opacity: .5 !important; }

.floatingEdit {
  height: 28px;
  line-height: 22px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 60px;
  opacity: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  padding: 2px 10px;
  visibility: hidden; }

.editQty:focus ~ .floatingEdit, .floatingEdit:hover {
  opacity: 1;
  visibility: visible; }

.editQty {
  text-align: right; }

.stock > div, .kosarCikkszam > div {
  display: block;
  line-height: 16px;
  background-repeat: no-repeat;
  background-position: left -3px center;
  padding: 5px 0 5px 21px;
  border-bottom: 1px solid #cdcdcd;
  text-align: left;
  min-width: 85px; }

.kosarCikkszam > div {
  padding: 0 0 5px 0;
  text-align: center; }

.nostock, .onstock {
  background-size: 24px 24px; }

.nostock {
  color: #ed1c24;
  background-image: url(images/ic_nostock_primary_24px.svg); }

.onstock {
  color: #49ac07;
  background-image: url(images/ic_onstock_positive_24px.svg); }

.stock > div:last-child, .kosarCikkszam > div:last-child {
  border: 0; }

.data_table_rows i {
  font-style: normal;
  font-size: 12px; }

/* Szállítási módok rövid leírása kiselectorozva */
.szallmodval > table > tbody > tr > td > div > div {
  clear: both;
  padding-left: 20px;
  font-size: 12px;
  margin-bottom: 10px; }

/* Szállítási módok rövid leírása vége */
/*kosár adatok*/
.kosar_adatok_cont {
  clear: both; }

.eredmeny-content {
  margin-top: 40px;
  flex-wrap: wrap; }

.felkialtojel {
  width: 70px;
  text-align: center;
  vertical-align: middle;
  font-size: 45px;
  font-weight: 700;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 4px rgba(0, 0, 0, 0.12), 0 0 25px rgba(0, 0, 0, 0.25); }
  .felkialtojel + div {
    width: calc(100% - 70px); }

.eredmeny_title, .eredmeny_title_info {
  width: 100%;
  min-height: 40px;
  background: #5b5a59;
  color: white;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 2px 30px 2px 15px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3; }
  .eredmeny_title ~ .popped-close, .eredmeny_title_info ~ .popped-close {
    background-image: url(images/ic_close_white_16px.svg);
    top: 10px; }

.eredmeny_title + * {
  color: #363636; }

.eredmeny_table_container {
  width: 100%;
  position: relative;
  max-height: 50vh;
  overflow-x: visible;
  overflow-y: auto;
  margin: 40px 0 10px 0; }
  @media only screen and (max-width: 575px) {
    .eredmeny_table_container {
      width: calc(100% + 10px);
      margin-left: -5px;
      margin-right: -5px; } }

.eredmeny_table {
  width: calc(100% - 2px);
  display: table;
  color: #363636; }
  .eredmeny_table .eredmeny_head {
    height: 30px;
    line-height: 30px;
    padding: 0;
    display: table-row; }
    .eredmeny_table .eredmeny_head > * {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      padding: 0 5px; }
  .eredmeny_table .eredmeny_row {
    display: table-row; }
    .eredmeny_table .eredmeny_row > * {
      display: table-cell;
      vertical-align: middle;
      background: white;
      padding: 0 5px;
      height: 62px; }
      .eredmeny_table .eredmeny_row > *:first-child {
        border-left: 1px solid #cdcdcd;
        width: 60px; }
      .eredmeny_table .eredmeny_row > *:last-child {
        border-right: 1px solid #cdcdcd; }
    .eredmeny_table .eredmeny_row:last-child > * {
      border-bottom: 1px solid #cdcdcd; }
      .eredmeny_table .eredmeny_row:last-child > *:first-child {
        border-radius: 0 0 0 4px; }
      .eredmeny_table .eredmeny_row:last-child > *:last-child {
        border-radius: 0 0 4px 0; }
    .eredmeny_table .eredmeny_row:nth-child(2) > * {
      border-top: 1px solid #cdcdcd; }
      .eredmeny_table .eredmeny_row:nth-child(2) > *:first-child {
        border-radius: 4px 0 0 0; }
      .eredmeny_table .eredmeny_row:nth-child(2) > *:last-child {
        border-radius: 0 4px 0 0; }
    .eredmeny_table .eredmeny_row:nth-child(2):last-child > *:first-child {
      border-radius: 4px 0 0 4px; }
    .eredmeny_table .eredmeny_row:nth-child(2):last-child > *:last-child {
      border-radius: 0 4px 4px 0; }
  @media only screen and (max-width: 575px) {
    .eredmeny_table {
      width: 100%; }
      .eredmeny_table > * > *:first-child, .eredmeny_table > * > *:nth-child(2):not(:last-child) {
        display: none; }
      .eredmeny_table .eredmeny_row > *:nth-child(3) {
        border-left: 1px solid #cdcdcd; }
      .eredmeny_table .eredmeny_row:nth-child(2) > *:nth-child(3) {
        border-top-left-radius: 4px; }
      .eredmeny_table .eredmeny_row:last-child > *:nth-child(3) {
        border-bottom-left-radius: 4px; } }

.eredmeny_img {
  width: 60px;
  vertical-align: middle; }

.eredmeny_bar {
  width: 100%;
  height: 4px;
  min-width: 24px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  position: relative; }
  .eredmeny_bar > div {
    height: 4px;
    background: #476cd5;
    position: absolute;
    left: -1px;
    top: -1px;
    border-radius: 2px 0 0 2px; }

.eredmeny_nav {
  justify-content: center; }
  @media only screen and (max-width: 575px) {
    .eredmeny_nav {
      flex-wrap: wrap; } }

.kosar-sum-wrapper {
  flex-wrap: wrap; }
  .kosar-sum-wrapper > * {
    flex-grow: 1; }

.kosarSum.red, .kosarSum.green, .kosarSum.orders {
  padding-right: 20px;
  border-right: 1px solid #cdcdcd; }
  @media only screen and (min-width: 768px) {
    .kosarSum.red, .kosarSum.green, .kosarSum.orders {
      margin-left: 30%; } }
  @media only screen and (min-width: 992px) {
    .kosarSum.red, .kosarSum.green, .kosarSum.orders {
      margin-left: 45%; } }
  @media only screen and (min-width: 1200px) {
    .kosarSum.red, .kosarSum.green, .kosarSum.orders {
      margin-left: 60%; } }

.kosarSum.red {
  border-color: #e7a7aa; }

.kosarSum.green {
  border-color: #c7e3c3; }

.kosarSum i {
  font-style: normal;
  font-size: 16px; }

.kosarSum > div {
  width: 100%;
  line-height: 25px;
  margin: 5px 0;
  text-align: right; }
  .kosarSum > div > div:first-child {
    width: 40%;
    margin-right: 0px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .kosarSum > div > div:first-child {
        text-align: right; } }
  .kosarSum > div > div:last-child {
    width: 60%;
    font-weight: 300;
    font-size: 22px; }

.flat_sum {
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  font-size: 16px;
  padding-right: 15px;
  padding-bottom: 10px; }
  @media only screen and (max-width: 767px) {
    .flat_sum > div {
      width: 100%;
      text-align: right; }
      .flat_sum > div:last-child {
        order: -1; }
        .flat_sum > div:last-child > span:last-child {
          font-weight: 700; }
      .flat_sum > div > span {
        padding-left: 5px; } }
  @media only screen and (min-width: 768px) {
    .flat_sum {
      font-size: 26px;
      font-weight: 300;
      flex-wrap: nowrap; }
      .flat_sum > div {
        margin-left: 40px; } }

.kosarNav {
  width: 100%;
  margin: 10px 0;
  padding: 15px 0;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd; }
  .kosarNav input, .kosarNav > div > .defBtn {
    background-color: #ed1c24;
    border-color: #ed1c24;
    color: white; }
    .kosarNav input:active, .kosarNav > div > .defBtn:active {
      background-color: black;
      border-color: black; }
  @media only screen and (max-width: 991px) {
    .kosarNav {
      flex-wrap: wrap; }
      .kosarNav > * {
        margin-top: 5px;
        margin-bottom: 5px; } }

.cart-export {
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .cart-export {
      flex-wrap: nowrap; } }
  .cart-export > * {
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .cart-export > *:first-child {
        width: 50%;
        margin-right: 20px; } }
    @media only screen and (min-width: 1200px) {
      .cart-export > *:first-child {
        width: 33%; } }
    @media only screen and (min-width: 768px) {
      .cart-export > *:last-child {
        width: 50%; } }
    @media only screen and (min-width: 1200px) {
      .cart-export > *:last-child {
        width: 67%; } }

.upload-wrapper {
  overflow: hidden;
  position: relative;
  flex-grow: 2 !important; }
  .upload-wrapper .upload-inner {
    height: 1px;
    width: 1px;
    opacity: 0;
    text-transform: none;
    position: absolute;
    top: 0px;
    left: 0px; }
  .upload-wrapper .upload-label {
    margin-right: 10px; }
  .upload-wrapper .browse_label {
    cursor: default;
    width: 100%; }

@media only screen and (min-width: 992px) {
  .coupon-wrapper {
    width: 50%; } }

@media only screen and (min-width: 1200px) {
  .coupon-wrapper {
    width: 33%; } }

.kosar h4 {
  margin: 0 0 5px 0; }

.red .fuggorend_error {
  width: 100%;
  height: 100%;
  background-color: #ea9599;
  margin: 0 auto;
  padding: 2px;
  border: 1px solid #d58286;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center; }

.fuggorend_error .szallmod_head, .fuggorend_error .fizmod_head {
  background-color: #f7d2d4;
  border: 1px solid #e7a7aa;
  border-radius: 2px;
  margin: 5px; }

.fuggorend_error .fizmod_head, .fuggorend_desired .fizmod_head {
  padding: 10px 14px; }

.fuggorend_desired_ddl {
  background-color: #c7e3c3; }

.fuggorend_error select {
  background-color: #f7d2d4;
  border: 1px solid #e7a7aa; }
  .fuggorend_error select:hover, .fuggorend_error select.hover {
    background-color: #f9dfe0; }

.fuggorend_error .select-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 5px;
  margin: 0 10px;
  width: calc(100% - 40px);
  height: 1px;
  background: url(images/dashed.svg) repeat-x;
  background-size: 6px 1px;
  box-sizing: border-box; }

.fuggorend_desired .szallmod_head, .fuggorend_desired .fizmod_head {
  background-color: #ccf3c7;
  border: 1px solid #c7e3c3;
  border-radius: 2px;
  margin: 5px; }

.szallmod_item {
  padding: 0;
  transition: .15s all ease-in-out;
  position: relative; }
  .szallmod_item input[type=text], .szallmod_item .input, .szallmod_item .select-wrapper select, .select-wrapper .szallmod_item select, .szallmod_item .select-wrapper .select, .select-wrapper .szallmod_item .select, .szallmod_item textarea {
    width: 100%; }

.szallmod_item.selected, .fizmod_item.selected {
  background-color: #edebe2 !important; }

.szallmod_item:not(.selected):hover, .fizmod_item:not(.selected):hover {
  background-color: #fefdfa; }

.szallmod_item.nolink:not(.selected):hover {
  background-color: transparent; }

.szallmod_item.inactive {
  cursor: default;
  background: url(images/perforatio.svg) repeat-x left bottom, url(images/pattern_inactive.svg) repeat left top;
  background-size: 3px 3px; }

.szallmod_item.inactive .szallmod_head, .szallmod_item.inactive .szallmod_desc {
  cursor: default;
  opacity: .5; }

.szallmod_img {
  width: 40px;
  height: 40px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background-color: white;
  position: relative;
  overflow: hidden; }
  .szallmod_img > img {
    width: 24px;
    height: 24px; }

.selected .szallmod_img {
  border-color: #e7a7aa; }

.szallmod_head {
  padding: 15px 15px 10px 15px;
  cursor: pointer;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .szallmod_head {
      padding: 20px; } }
  @media only screen and (min-width: 992px) {
    .szallmod_head {
      flex-wrap: nowrap; } }
  .szallmod_head.nolink {
    cursor: default; }

.reg_input_data .szallmod_head {
  padding: 0; }

.szallmod_radio {
  margin-right: 10px; }
  @media only screen and (min-width: 768px) {
    .szallmod_radio {
      margin-right: 20px; } }
  .szallmod_radio.radioDef:focus {
    outline-width: 2px;
    outline-style: solid;
    outline-color: #ed1c24;
    border-radius: 100%; }

.szallmod_img {
  margin-right: 15px;
  flex-shrink: 0; }
  .szallmod_img > img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

.szallmod_title {
  font-size: 16px;
  line-height: 20px;
  flex-grow: 1;
  width: calc(100% - 100px); }
  @media only screen and (min-width: 768px) {
    .szallmod_title {
      width: auto; } }
  .szallmod_title .name {
    font-weight: 600; }

.szallmod_price {
  font-size: 16px;
  margin-top: 5px; }
  @media only screen and (min-width: 768px) {
    .szallmod_price {
      margin-left: 100px; } }
  @media only screen and (min-width: 992px) {
    .szallmod_price {
      margin-left: 0;
      margin-top: 0; } }
  .szallmod_price > span {
    display: block;
    line-height: 20px; }
    @media only screen and (min-width: 768px) {
      .szallmod_price > span {
        text-align: right; } }
    .szallmod_price > span:first-child span, .szallmod_price > span:last-child span {
      font-size: 13.5px;
      opacity: .5;
      padding-right: 5px; }
    .szallmod_price > span:first-child {
      font-weight: 600; }

.szallmod_desc {
  padding: 0 15px 15px 15px;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .szallmod_desc {
      padding: 0 20px 20px 120px; } }
  .szallmod_desc.nolink {
    cursor: default; }

.szallmod_options {
  margin: 0 15px 15px 15px;
  background: white;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  padding: 10px 15px; }
  @media only screen and (min-width: 768px) {
    .szallmod_options {
      margin: 0 20px 20px 120px; } }
  @media only screen and (min-width: 992px) {
    .szallmod_options {
      width: 50%; } }
  .szallmod_options > div {
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) {
      .szallmod_options > div {
        flex-wrap: nowrap; } }

.szallmod_inner {
  width: 100%; }

.szallmod_option {
  margin: 5px 0;
  position: relative;
  flex-grow: 1; }
  .szallmod_option.right {
    text-align: left; }
  @media only screen and (min-width: 768px) {
    .szallmod_option.left {
      width: 30%; }
    .szallmod_option.right {
      width: 70%; } }

.view-only .szallmod_head {
  cursor: default; }

.view-only .szallmod_desc {
  cursor: default; }

.etc_options .fuggorend_error .szallmod_option.left {
  width: 178px;
  background-color: #f7d2d4;
  border: 1px solid #e7a7aa;
  border-radius: 2px;
  padding: 5px 10px; }

.fizmod_head {
  margin: 10px 20px;
  cursor: pointer; }
  .fizmod_head .szallmod_title {
    color: #363636; }

.view-only .fizmod_head {
  cursor: default; }

.reg_input_data .fizmod_head {
  margin: 10px 0;
  cursor: default; }

.etc_options > div {
  margin-bottom: 20px;
  margin-top: 20px;
  flex-wrap: wrap; }
  .etc_options > div > * {
    width: 100%; }
    .etc_options > div > *.left {
      margin-bottom: 5px; }
    .etc_options > div > * input[type=text], .etc_options > div > * .input, .etc_options > div > * .select-wrapper select, .select-wrapper .etc_options > div > * select, .etc_options > div > * .select-wrapper .select, .select-wrapper .etc_options > div > * .select, .etc_options > div > * textarea {
      width: 100%; }
    .etc_options > div > * label {
      font-weight: 600; }
  @media only screen and (min-width: 992px) {
    .etc_options > div {
      flex-wrap: nowrap; }
      .etc_options > div .left {
        width: 40%;
        margin-right: 10px; }
      .etc_options > div .right {
        width: 60%;
        text-align: left; } }

.szall_megj {
  line-height: 1.35em;
  margin-top: 5px; }

.drawn_stop {
  width: 100px;
  height: 100px;
  background: url(images/drawn_stop.svg) no-repeat center center;
  flex-shrink: 0;
  display: none;
  background-size: contain; }
  @media only screen and (min-width: 768px) {
    .drawn_stop {
      display: block; } }

.drawn_video {
  width: 160px;
  height: 120px;
  background: url(images/drawn_video.svg) no-repeat center center;
  flex-shrink: 0;
  display: none;
  background-size: contain; }
  @media only screen and (min-width: 768px) {
    .drawn_video {
      display: block; } }

.drawn_truck {
  width: 80px;
  height: 75px;
  background: url(images/drawn_truck.svg) no-repeat center center;
  background-size: contain;
  margin-right: 20px; }

.drawn_tick {
  width: 100px;
  height: 50px;
  background: url(images/drawn_tick.svg) no-repeat center center;
  background-size: contain; }

.drawn_tick.left {
  margin-left: 0; }
  @media only screen and (max-width: 767px) {
    .drawn_tick.left {
      display: none; } }

.kosarSum_desc {
  font-size: 26px;
  font-weight: 300;
  text-align: right;
  width: 100%; }

.table-row.red {
  background-color: #f7d2d4;
  transition: .2s all ease-in-out; }
  .table-row.red > * {
    border-color: #e7a7aa !important; }
  .table-row.red:hover {
    background-color: #f9dfe0; }

.table-row.green {
  background-color: #e4f9e1;
  transition: .2s all ease-in-out; }
  .table-row.green > * {
    border-color: #c7e3c3 !important; }
  .table-row.green:hover {
    background-color: #effcee; }

.data_table_rows.red:not(.nolink) > a:hover, .data_table_rows.green:not(.nolink) > a:hover {
  background-color: rgba(255, 255, 255, 0.25); }

.tick {
  width: 16px;
  height: 16px;
  background: url(images/custom-inputs.svg) no-repeat top -100px center;
  background-size: 24px 384px;
  display: block; }
  .tick.-green {
    background-image: url(images/custom-inputs-green.svg); }
  .tick.disabled {
    background-position: top -172px center; }

.notick {
  width: 16px;
  height: 16px;
  background: url(images/custom-inputs.svg) no-repeat top -4px center;
  background-size: 24px 384px;
  display: block; }
  .notick.-green {
    background-image: url(images/custom-inputs-green.svg); }
  .notick.disabled {
    background-position: top -76px center; }
  .notick.-bordered {
    box-shadow: 0 0 0 2px #ed1c24, 0 0 0 5px rgba(237, 28, 36, 0.33);
    border-radius: 2px; }

.your_email {
  font-size: 13.5px;
  font-weight: normal;
  display: inline-block;
  padding: 2px 6px;
  margin: 0 2px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  cursor: default; }

.cart_banner, .re_banner {
  margin: 20px 0;
  font-size: 16px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  padding: 15px; }
  .cart_banner.info, .info.re_banner {
    background-color: #fdf795;
    border-color: #f0e97c; }
    .cart_banner.info hr, .info.re_banner hr {
      border-color: #ebe14e; }
  .cart_banner.invoice, .invoice.re_banner {
    border-color: rgba(237, 28, 36, 0.5);
    background-color: rgba(237, 28, 36, 0.1); }
    .cart_banner.invoice h2, .invoice.re_banner h2, .cart_banner.invoice h3, .invoice.re_banner h3, .cart_banner.invoice .popper .h3, .popper .cart_banner.invoice .h3, .invoice.re_banner .popper .h3, .popper .invoice.re_banner .h3, .cart_banner.invoice .popper .popped-title, .popper .cart_banner.invoice .popped-title, .invoice.re_banner .popper .popped-title, .popper .invoice.re_banner .popped-title {
      color: #ed1c24; }
    .cart_banner.invoice .item, .invoice.re_banner .item {
      border-color: rgba(237, 28, 36, 0.5); }
  .cart_banner h2, .re_banner h2, .cart_banner h3, .re_banner h3, .cart_banner .popper .h3, .popper .cart_banner .h3, .re_banner .popper .h3, .popper .re_banner .h3, .cart_banner .popper .popped-title, .popper .cart_banner .popped-title, .re_banner .popper .popped-title, .popper .re_banner .popped-title {
    margin-top: 0; }
  .cart_banner .item, .re_banner .item {
    padding-top: 10px;
    padding-bottom: 10px; }
    .cart_banner .item:first-child, .re_banner .item:first-child {
      padding-top: 0; }
    .cart_banner .item:last-child, .re_banner .item:last-child {
      padding-bottom: 0;
      border-bottom: 0; }
    .cart_banner .item > span, .re_banner .item > span {
      font-size: 32px;
      color: #5b5a59;
      flex-shrink: 0;
      margin-right: 15px;
      font-weight: 300; }
    .cart_banner .item > p, .re_banner .item > p {
      margin-bottom: 0;
      flex-grow: 1; }

.lamp_container {
  margin: 15px 35px 15px 15px; }

.lamp {
  width: 22px;
  height: 50px; }
  .lamp.red .bulb.upper:after {
    animation-name: TurnOn; }
  .lamp.red .bulb.lower:after {
    animation-name: TurnOff;
    opacity: 1; }
  .lamp.green .bulb.upper:after {
    animation-name: TurnOff;
    opacity: 1; }
  .lamp.green .bulb.lower:after {
    animation-name: TurnOn; }
  .lamp > span:first-child {
    width: 22px;
    height: 40px;
    display: block;
    background-color: #f6f5f0;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    border-radius: 11px; }
  .lamp > span:last-child {
    width: 6px;
    height: 10px;
    display: block;
    margin: 0 8px;
    background-color: #cdcdcd;
    border-radius: 0 0 2px 2px; }
  .lamp .bulb {
    width: 16px;
    height: 16px;
    border: 1px solid #cdcdcd;
    margin: 2px;
    border-radius: 10px;
    background: white;
    display: block;
    box-sizing: border-box;
    position: relative; }
    .lamp .bulb:after {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 10px;
      opacity: 0;
      animation-delay: .5s;
      animation-duration: .5s;
      animation-fill-mode: forwards; }
    .lamp .bulb.upper:after {
      border-color: #c3171e;
      background-color: #ed1c24; }
    .lamp .bulb.lower:after {
      background-color: #49ac07;
      border-color: #387c0a; }

@keyframes TurnOn {
  0% {
    opacity: 0;
    transform: scale(0); }
  75% {
    opacity: .4;
    transform: scale(1.5); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes TurnOff {
  0% {
    opacity: 1;
    transform: scale(1); }
  25% {
    opacity: .4;
    transform: scale(1.5); }
  100% {
    opacity: 0;
    transform: scale(0); } }

.rend_details {
  margin: 10px 20px 10px 0;
  font-size: 16px; }
  .rend_details > div > span {
    width: 140px;
    display: inline-block;
    line-height: 30px; }

.rend_num {
  font-size: 18px;
  font-weight: 600; }

.gyerekKosar_head {
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  padding: 5px 20px;
  margin: 10px 0; }

.truck {
  height: 70px;
  background: white url(images/drawn_truck.png) no-repeat center center; }

.sticked .minicart__items {
  max-height: calc(min(376px, calc(100vh - 243px))); }

.minicart__items {
  flex-direction: column;
  max-height: calc(min(376px, calc(100vh - 278px)));
  overflow: auto;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(54, 54, 54, 0.5) #f6f5f0; }
  .minicart__items::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: #f6f5f0; }
  .minicart__items::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(54, 54, 54, 0.5); }
  .minicart__items .no-result {
    font-weight: 400 !important;
    margin-top: 12px;
    margin-bottom: 12px; }
  .minicart__items .p-item {
    border-bottom: 1px solid #cdcdcd;
    font-size: 12px;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 2px;
    width: 100%; }
    .minicart__items .p-item:last-child {
      border-bottom: 0; }
    .minicart__items .p-item:hover > .img-n-details > .details > .title {
      max-height: 45px; }
    .minicart__items .p-item:hover > .shop .shop__modify {
      opacity: 1; }
    .minicart__items .p-item > .img-n-details {
      position: relative; }
      .minicart__items .p-item > .img-n-details > .img {
        width: 45px;
        height: 45px;
        margin-right: 8px;
        flex-shrink: 0;
        position: relative;
        border: 1px solid #cdcdcd;
        border-radius: 2px; }
        .minicart__items .p-item > .img-n-details > .img > img {
          max-width: calc(100% - 2px);
          max-height: calc(100% - 2px);
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
      .minicart__items .p-item > .img-n-details > .details {
        flex-grow: 1; }
        .minicart__items .p-item > .img-n-details > .details > .title {
          max-height: 30px;
          overflow: hidden;
          display: block;
          color: #363636;
          font-weight: bold;
          transition: .15s all ease-in-out; }
          .minicart__items .p-item > .img-n-details > .details > .title:hover {
            text-decoration: underline; }
    .minicart__items .p-item > .shop {
      position: relative; }
      .minicart__items .p-item > .shop .shop__price {
        text-align: right;
        flex-shrink: 0;
        margin-left: 3px;
        padding-top: 4px;
        padding-bottom: 4px; }
      .minicart__items .p-item > .shop .stock > div {
        line-height: 14px;
        padding-top: 4px;
        padding-bottom: 4px; }
      .minicart__items .p-item > .shop .shop__modify {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
        transition: .15s all ease-in-out;
        margin: auto;
        height: 28px; }
        .minicart__items .p-item > .shop .shop__modify > .deleteBtn {
          width: 28px;
          height: 28px; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.oldBrowserNoticeContainer {
  width: 100%;
  background: #5b5a59;
  display: none; }
  .oldBrowserNoticeContainer.expanded {
    display: block; }
  .oldBrowserNoticeContainer > div {
    width: 960px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    padding: 0;
    display: block;
    color: white;
    border-bottom: 1px solid #cdcdcd;
    text-align: center; }
    @media only screen and (min-width: 1200px) {
      .oldBrowserNoticeContainer > div {
        width: 1180px; } }

.top-menu-mobile {
  color: #f6f5f0;
  padding-left: 24px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  transition: .15s all ease-in-out;
  background: transparent url(images/ic_menu_light_16px.svg) no-repeat left 2px center;
  background-size: 16px 16px; }
  @media only screen and (min-width: 1200px) {
    .top-menu-mobile {
      display: none; } }
  .top-menu-mobile:hover {
    color: white; }

.topMenuContainer {
  width: 100%;
  height: 35px;
  line-height: 35px;
  background: #5b5a59;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.3); }

@keyframes RollIn {
  0% {
    transform: translateX(10%); }
  100% {
    transform: translateX(0px); } }

.topMenu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none; }
  .topMenu .popped-close {
    background-image: url(images/ic_close_white_16px.svg); }
  .topMenu.popped {
    background: #363636;
    max-height: 100vh;
    margin: auto;
    left: 0;
    top: 35px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: #363636;
    max-width: 480px; }
    .topMenu.popped > li {
      display: block;
      text-align: center;
      font-size: 16px;
      padding: 5px 10px;
      line-height: 24px; }
  @media only screen and (min-width: 1200px) {
    .topMenu {
      display: block;
      overflow: auto;
      white-space: nowrap; } }
  .topMenu > li {
    padding: 0 15px;
    display: inline-block; }
    .topMenu > li:first-child {
      padding-left: 0; }
    .topMenu > li:last-child {
      padding-right: 0; }
    .topMenu > li a {
      padding: 3px 0;
      color: #f6f5f0; }
      .topMenu > li a:hover {
        color: white; }

.mainMenuContainer {
  width: 100%;
  height: 64px;
  padding: 11px 0;
  background: #f6f5f0;
  position: relative; }
  .mainMenuContainer > div:not(.animatedLogoHeader) {
    margin: 0 auto;
    position: relative; }
  .mainMenuContainer.sticked {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6;
    border-bottom: 1px solid #cdcdcd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transform: translate3d(0, 0, 0); }
    .mainMenuContainer.sticked.no-shadow {
      box-shadow: none !important;
      border-bottom: none !important; }

.myMenu {
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background: #f6f5f0;
  list-style: none;
  padding: 10px;
  margin: 0 -10px; }
  .myMenu > li {
    line-height: 26px;
    transition: .15s all ease-in-out;
    position: relative;
    margin: 0 -6px;
    width: calc(100% + 12px); }
    .myMenu > li.orders > a {
      background-image: url(images/ic_orders_dark_24px.svg); }
    .myMenu > li.monetary > a {
      background-image: url(images/ic_monetary_dark_24px.svg); }
    .myMenu > li.lists > a {
      background-image: url(images/ic_lists_alt_dark_24px.svg); }
    .myMenu > li.settings > a {
      background-image: url(images/ic_settings_dark_24px.svg); }
    .myMenu > li.delivered > a {
      background-image: url(images/ic_delivered_dark_24px.svg); }
    .myMenu > li.savings > a {
      background-image: url(images/ic_savings_dark_24px.svg); }
    .myMenu > li.endusers > a {
      background-image: url(images/ic_endusers_dark_24px.svg); }
    .myMenu > li a {
      padding: 4px 10px 4px 30px;
      color: #363636;
      font-weight: 700;
      font-size: 13.5px;
      text-transform: uppercase;
      background: transparent no-repeat left 2px center;
      background-size: 24px 24px;
      display: block; }
    .myMenu > li > span {
      width: 16px;
      height: 24px;
      background: transparent no-repeat center center;
      display: none; }
    .myMenu > li:hover {
      background: #ebeae3; }

.zeroAndTripleMenuContainer {
  width: 100%;
  height: 45px;
  background: #f6f5f0;
  border-bottom: 1px solid #cdcdcd;
  /*@media only screen and (max-width: 1199px) {
        overflow-x: scroll;
        overflow-y: hidden;
    }*/
  /*@media only screen and (min-width:992px) {
        overflow-x: auto;
        overflow-y: visible;
    }*/ }
  .zeroAndTripleMenuContainer > div {
    margin: 0 auto; }

.sticked ~ .zeroAndTripleMenuContainer {
  margin-top: 64px; }

.tripleMenu {
  padding: 0;
  margin: 0;
  list-style: none; }
  .tripleMenu > li {
    height: 45px;
    padding: 0 5px 0 10px;
    transition: .15s all ease-in-out; }
    .tripleMenu > li.sale > a {
      background-image: url(images/ic_sale_dark_24px.svg); }
    .tripleMenu > li.new > a {
      background-image: url(images/ic_new_dark_24px.svg); }
    .tripleMenu > li.brands > a {
      background-image: url(images/ic_brands_dark_24px.svg); }
    .tripleMenu > li:last-child {
      display: none; }
      @media only screen and (min-width: 768px) {
        .tripleMenu > li:last-child {
          display: block; } }
    @media only screen and (min-width: 992px) {
      .tripleMenu > li {
        padding: 0 4px 0 8px;
        border-bottom: 2px solid transparent;
        /*border-right: 1px solid $ColorBorderNormal;*/ }
        .tripleMenu > li:hover {
          border-bottom: 2px solid #ed1c24; } }
    @media only screen and (min-width: 1200px) {
      .tripleMenu > li {
        padding: 0 5px 0 10px; } }
    @media only screen and (min-width: 768px) {
      .tripleMenu > li:first-child {
        border-left: 1px solid #cdcdcd; } }
    .tripleMenu > li > a {
      height: 100%;
      padding: 0 0 0 25px;
      color: #363636;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      background: transparent no-repeat left center;
      background-size: 24px 24px;
      text-decoration: none; }
      @media only screen and (min-width: 768px) {
        .tripleMenu > li > a {
          padding: 0 10px 0 25px; } }
      @media only screen and (min-width: 992px) {
        .tripleMenu > li > a {
          font-size: 13.5px; } }

.productMenu {
  padding: 20px;
  margin: 0;
  list-style: none;
  position: relative;
  z-index: 4;
  display: none;
  border-color: white;
  /*&.paneled {
        &:after {
            transform: scale(1);
            opacity: 1;
        }
    }

    &:after {
        content: "";
        display: block;
        position: absolute;
        width: 1178px;
        height: 0;
        background: white;
        height: 250px;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        z-index: -2;
        top: 42px;
        transition: .15s all ease-in-out;
        border: 1px solid $ColorBorderNormal;
        transform: scaleY(0);
        transform-origin: top;
        opacity: 0;
    }*/ }
  @media only screen and (max-width: 1199px) {
    .productMenu.popped {
      position: absolute;
      z-index: 15;
      top: 140px;
      margin: auto;
      left: 0;
      max-width: 480px; } }
  @media only screen and (min-width: 1200px) {
    .productMenu {
      display: flex;
      padding: 0;
      border-color: #cdcdcd; } }
  .productMenu > li {
    padding: 0 5px 0 5px;
    border: 1px solid transparent;
    border-bottom: 0;
    transition: .15s all ease-in-out;
    height: 45px; }
    @media only screen and (min-width: 768px) {
      .productMenu > li {
        padding: 0 8px 0 8px; } }
    @media only screen and (min-width: 1200px) {
      .productMenu > li {
        padding: 0 9px 0 9px; }
        .productMenu > li:hover {
          border-color: #cdcdcd;
          background: white; } }
    .productMenu > li > a {
      padding: 10px 6px 10px 44px;
      color: #363636;
      font-weight: 700;
      font-size: 16px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      background: transparent no-repeat left -2px center;
      background-size: 36px 36px;
      cursor: pointer;
      text-decoration: none !important;
      text-transform: uppercase;
      transition: all 0.2s ease-in-out;
      position: relative;
      white-space: nowrap; }
      @media only screen and (min-width: 1200px) {
        .productMenu > li > a {
          font-size: 12px;
          padding: 6px 6px 6px 24px;
          background-size: 24px 24px; } }
      @media only screen and (min-width: 1200px) {
        .productMenu > li > a {
          font-size: 13.5px; } }
      @media only screen and (min-width: 1200px) {
        .productMenu > li > a:hover {
          transform: translate(0, 2px);
          transition: .08s all ease-in-out; } }
      .productMenu > li > a > b {
        display: block;
        border-left: 10px solid #e2e2e2;
        border-top: 10px solid #e2e2e2;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: " ";
        position: absolute;
        bottom: -20px;
        left: 0; }
  .productMenu .selectedMenu ul {
    animation: .15s Mutasd;
    animation-fill-mode: forwards;
    display: block; }

.subProdMenu {
  display: none; }
  @media only screen and (max-width: 1199px) {
    .subProdMenu {
      display: none !important; } }
  @media only screen and (min-width: 768px) {
    .subProdMenu {
      width: 700px;
      position: fixed;
      left: 0;
      background: white;
      border: 1px solid #cdcdcd;
      z-index: -1;
      margin: 0;
      padding: 0;
      list-style: none;
      opacity: 0;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } }
  @media only screen and (min-width: 992px) {
    .subProdMenu {
      width: 940px;
      position: absolute; } }
  @media only screen and (min-width: 1200px) {
    .subProdMenu {
      width: 1180px; } }

@keyframes Mutasd {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    opacity: 1; } }

.productMenu_item {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0; }
  .productMenu_item > li {
    width: 220px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .productMenu_item > li > a {
      font-size: 15px;
      color: #737373;
      font-weight: 300;
      padding: 10px 0;
      display: inline-block; }
      .productMenu_item > li > a:hover {
        color: black; }
      .productMenu_item > li > a > span {
        font-size: 13.5px;
        padding-left: 5px;
        vertical-align: top; }

.img_div {
  height: 250px;
  padding: 10px 10px 10px 0;
  position: relative;
  order: 1;
  width: calc(50% + 30px); }

.img_div_texts {
  width: 220px;
  position: absolute;
  margin: 20px;
  padding: 10px 0;
  left: 0;
  bottom: 0; }
  .img_div_texts h2 {
    line-height: 26px; }

.html_box, .li_items {
  height: 250px;
  margin-right: 20px;
  position: relative;
  padding: 10px 30px; }
  .html_box img, .li_items img {
    z-index: 1; }

/* FŐMENÜ LENYÍLÓ */
.webMenuUL {
  margin: 0;
  padding: 0;
  display: none;
  list-style: none;
  position: absolute;
  top: 15px;
  left: -30px;
  z-index: 990 !important;
  min-width: 100px;
  background-color: #DDDDDD;
  margin: 0;
  padding: 0; }

.WEB_MENU_HEAD .webMenuUL li {
  list-style: none;
  padding: 2px;
  float: none !important;
  text-align: center; }
  .WEB_MENU_HEAD .webMenuUL li a {
    text-decoration: none;
    display: block;
    margin: 0px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap; }
  .WEB_MENU_HEAD .webMenuUL li:hover {
    cursor: pointer;
    background-color: #4e4e4e; }

.footerMenu {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
  text-align: center; }
  .footerMenu > li {
    display: block;
    line-height: 24px;
    padding-right: 15px;
    padding-left: 15px; }
    @media only screen and (min-width: 768px) {
      .footerMenu > li {
        display: inline-block; } }
    .footerMenu > li > a {
      color: #363636;
      display: block; }
      .footerMenu > li > a:hover {
        color: black; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/* Főoldali és egyéb doboz sablonok */
.main_news + .moreBtn {
  margin-top: 20px;
  float: right; }

.main_news .news h2 {
  font-weight: 300; }

.news {
  margin-top: 20px;
  font-size: 16px;
  position: relative; }

.more_news_container .news {
  font-size: 13.5px;
  max-width: 100%; }

.news h2 {
  line-height: 30px;
  margin: 0;
  height: 60px;
  overflow: hidden;
  font-weight: 700; }

.more_news_container .news h2 {
  font-size: 16px;
  height: auto;
  line-height: 24px; }

.news h2 a {
  color: #363636; }
  .news h2 a:hover {
    color: #ed1c24;
    display: block; }

.news_date {
  margin: 5px 0;
  font-weight: 700;
  font-size: 13.5px;
  text-transform: uppercase; }

.more_news_container .news_date {
  font-size: 13.5px; }

.news_date > span {
  vertical-align: middle; }

.news > span, .news_kapcsolodo > span {
  line-height: 20px;
  display: block;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .news > span, .news_kapcsolodo > span {
      height: 60px; }
      .news > span .news .fadeOut, .news > span .cl_termnev .fadeOut, .news_kapcsolodo > span .news .fadeOut, .news_kapcsolodo > span .cl_termnev .fadeOut {
        content: "";
        width: 120px;
        height: 20px;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, white 70%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */
        transition: .15s all ease-in-out; }
      .news > span .cl_termnev .fadeOut.from, .news_kapcsolodo > span .cl_termnev .fadeOut.from {
        width: 160px;
        background: -moz-linear-gradient(-45deg, rgba(246, 245, 240, 0) 0%, #f6f5f0 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(246, 245, 240, 0) 0%, #f6f5f0 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(246, 245, 240, 0) 0%, #f6f5f0 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f5f0', endColorstr='#f6f5f0',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */
        opacity: 1; }
      .news > span .cl_row:hover .fadeOut.from, .news_kapcsolodo > span .cl_row:hover .fadeOut.from {
        opacity: 0; }
      .news > span .cl_termnev .fadeOut.to, .news_kapcsolodo > span .cl_termnev .fadeOut.to {
        width: 160px;
        background: -moz-linear-gradient(-45deg, rgba(254, 253, 250, 0) 0%, #fefdfa 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(254, 253, 250, 0) 0%, #fefdfa 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(254, 253, 250, 0) 0%, #fefdfa 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fefdfa', endColorstr='#fefdfa',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */
        opacity: 0; }
      .news > span .cl_row:hover .fadeOut.to, .news_kapcsolodo > span .cl_row:hover .fadeOut.to {
        opacity: 1; } }

.more_news_container .news > span {
  height: auto;
  line-height: 18px; }

.sun {
  width: 16px;
  height: 16px;
  background: url(images/ic_sun_primary_24px.svg) no-repeat center center;
  background-size: 24px 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }

/* Főoldali és egyéb doboz sablonok vége */
/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.data_head {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  margin-top: 15px;
  flex-wrap: wrap; }
  .data_head.-with-gap {
    column-gap: 15px; }
  .data_head h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: auto; }
  .data_head > div {
    margin-left: auto; }
    @media only screen and (max-width: 991px) {
      .data_head > div {
        flex-grow: 1;
        margin-top: 5px;
        margin-bottom: 5px; } }
    .data_head > div > *:not(:first-child) {
      margin-left: 10px; }

.data-head-options {
  flex-wrap: wrap; }
  .data-head-options > * {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    flex-grow: 1; }
    @media only screen and (min-width: 768px) {
      .data-head-options > * {
        margin-top: 0;
        margin-bottom: 0; } }

.data_box {
  width: 100%;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0;
  padding: 10px;
  margin-bottom: 10px; }
  .data_box.wrap {
    flex-wrap: wrap; }
  .data_box.align-flex-end {
    align-items: flex-end; }
  .data_box.align-flex-start {
    align-items: flex-start; }
  .data_box.row > * {
    margin-left: -10px;
    margin-right: -10px; }
  .data_box > * {
    margin-left: 5px;
    margin-right: 5px;
    flex-grow: 1; }
  .data_box .data_box_part:first-child {
    justify-content: flex-start; }
  .data_box .data_box_part:last-child {
    justify-content: flex-end; }
  .data_box .item_container {
    width: 100%;
    display: table;
    margin-top: 10px; }
  .data_box .item > span {
    display: block;
    text-align: center; }
  .data_box .perforation {
    width: 100%;
    flex-grow: 1;
    margin: 10px -10px; }
    .data_box .perforation + .nav {
      margin-top: 0; }
  .data_box .nav {
    width: 100%;
    margin-top: 10px; }
    .data_box .nav :first-child:last-child {
      margin-left: auto;
      margin-right: auto; }
  .data_box .item {
    padding-top: 5px;
    padding-bottom: 5px; }
    .data_box .item.large {
      font-size: 16px; }
      .data_box .item.large > span:last-child {
        font-size: 26px;
        font-weight: 400; }
    @media only screen and (min-width: 768px) {
      .data_box .item.separator {
        border-right: 1px solid #cdcdcd; } }
    .data_box .item.separator:last-child {
      border-right: none; }
    .data_box .item > span:last-child {
      padding-top: 0;
      font-size: 26px;
      font-weight: 400; }
    @media only screen and (min-width: 768px) {
      .data_box .item > span {
        padding-top: 5px; } }
    .data_box .item .kesik {
      color: #ed1c24;
      background: url(images/icon_alert.png) no-repeat left 30px center; }
    @media only screen and (min-width: 768px) {
      .data_box .item {
        padding-top: 0;
        padding-bottom: 0; } }
  .data_box .data_list_item {
    line-height: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0; }

@media only screen and (min-width: 768px) {
  .data_box_col {
    width: 50%;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px; } }

.notice {
  position: relative;
  right: 0;
  top: 0;
  background: url(images/drawn_thinline.svg) no-repeat bottom center;
  background-size: contain;
  padding: 4px 10px;
  text-align: center;
  line-height: 24px; }

.data_box > .equal, .data_box > .plus {
  width: 24px;
  height: 24px;
  padding: 0 10px;
  background: no-repeat center center;
  background-size: 24px 24px;
  flex-grow: 0;
  flex-shrink: 0; }

.data_box > .equal {
  background-image: url(images/lineart_equal.svg); }

.data_box > .plus {
  background-image: url(images/lineart_plus.svg); }

@media only screen and (max-width: 991px) {
  .button-groups.-invoices {
    flex-wrap: wrap; }
    .button-groups.-invoices .button-group {
      width: 50%; }
      .button-groups.-invoices .button-group > div:first-child {
        width: 100%; } }

@media only screen and (max-width: 767px) {
  .button-groups.-invoices .button-group {
    width: 100%;
    margin-bottom: 10px; }
    .button-groups.-invoices .button-group:last-child {
      margin-bottom: 0; } }

.szamlaim {
  margin-top: 30px; }

.szamlaim_head {
  margin: 0 0 20px 0;
  flex-wrap: wrap; }
  .szamlaim_head .mode_select {
    order: 1;
    margin-top: 10px; }
  .szamlaim_head label {
    white-space: nowrap; }
  .szamlaim_head input[type=text], .szamlaim_head .input, .szamlaim_head .select-wrapper select, .select-wrapper .szamlaim_head select, .szamlaim_head .select-wrapper .select, .select-wrapper .szamlaim_head .select, .szamlaim_head textarea, .szamlaim_head .select {
    background: #f6f5f0; }
    .szamlaim_head input[type=text] span, .szamlaim_head .input span, .szamlaim_head .select-wrapper select span, .select-wrapper .szamlaim_head select span, .szamlaim_head .select-wrapper .select span, .select-wrapper .szamlaim_head .select span, .szamlaim_head textarea span, .szamlaim_head .select span {
      white-space: nowrap; }
  .szamlaim_head .select-wrapper:after {
    background-image: url(images/ic_calendar_primary_24px.svg);
    background-size: 24px 24px; }
  .szamlaim_head .searchContainer-invoices {
    flex-grow: 1;
    margin-right: 15px;
    height: auto; }
    .szamlaim_head .searchContainer-invoices input[type=text], .szamlaim_head .searchContainer-invoices .input, .szamlaim_head .searchContainer-invoices .select-wrapper select, .select-wrapper .szamlaim_head .searchContainer-invoices select, .szamlaim_head .searchContainer-invoices .select-wrapper .select, .select-wrapper .szamlaim_head .searchContainer-invoices .select, .szamlaim_head .searchContainer-invoices textarea {
      width: 100%; }

.button-groups {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  @media only screen and (max-width: 991px) {
    .button-groups {
      justify-content: space-between; } }
  @media only screen and (max-width: 767px) {
    .button-groups {
      flex-wrap: wrap; }
      .button-groups > * {
        width: 100%; } }
  @media only screen and (min-width: 992px) {
    .button-groups {
      margin: -5px; } }

.button-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -2px; }
  .button-group > * {
    margin: 2px; }
  @media only screen and (min-width: 992px) {
    .button-group {
      margin: 3px; } }

.mode_select {
  line-height: 30px; }

.mode_select > span {
  padding-right: 15px;
  position: relative; }

.date_picker {
  position: relative; }
  .date_picker > input {
    width: 110px;
    font-weight: 700;
    background: #f6f5f0;
    padding-left: 10px; }

.ui-datepicker-trigger {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer; }

.vnsz {
  margin-left: 10px;
  position: relative; }

.filter_remover {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  background: #f6f5f0 url(images/ic_close_primary_24px.svg) no-repeat center center;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  opacity: 0;
  transition: .15s all ease-in-out; }

.date_picker:hover .filter_remover {
  opacity: 1; }

.data_table_head {
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  display: table;
  margin-bottom: 10px; }

.data_table_head > span {
  /*height: 40px;*/
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0 10px; }

.data_table_head > span:first-child {
  padding-left: 15px;
  text-align: left; }

.data_table_inner_head {
  height: 50px;
  background-color: white; }
  .data_table_inner_head > span {
    background-color: white;
    border-bottom: 1px solid #cdcdcd;
    text-transform: uppercase;
    font-weight: 700; }

.cell-extend {
  width: 100%; }
  .cell-extend .graph {
    width: 100%; }

.data_table_rows {
  width: 100%;
  display: table;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  background: #f6f5f0;
  margin-bottom: 10px; }
  .data_table_rows.nolink > a > span {
    font-size: 16px;
    height: 38px;
    line-height: 26px; }
    .data_table_rows.nolink > a > span:first-child {
      color: #363636;
      font-weight: 400; }
  .data_table_rows:not(.nolink) > a:hover {
    background-color: #fcfbfa; }
  .data_table_rows > * {
    /*height: 70px;*/
    display: table-row;
    background: url(images/perforatio.svg) repeat-x bottom;
    background-size: 9px 2px; }
    .data_table_rows > *.loading {
      background-color: #f7d2d4; }
    .data_table_rows > *:last-child {
      background-image: none; }
      .data_table_rows > *:last-child > span:first-child {
        background-image: none; }
    .data_table_rows > * > .reg_input_before {
      padding-left: 10px; }
    .data_table_rows > * > .reg_input_data {
      padding-right: 10px; }
    .data_table_rows > * > span {
      display: table-cell;
      line-height: 15px;
      padding: 6px 10px;
      color: #363636;
      vertical-align: middle;
      text-align: center;
      height: 38px; }
  .data_table_rows > a > span.kesik:first-child {
    color: #ed1c24; }

.linkstyle {
  font-size: 16px;
  font-weight: 700;
  color: #476cd5;
  padding-left: 15px;
  text-align: left; }
  .linkstyle.kesik {
    color: #ed1c24; }

.eltelt_before {
  display: inline-block;
  vertical-align: middle; }

.eltelt {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 10px 5px 0;
  background: url(images/lineart_brackets.svg) no-repeat left center;
  background-size: 24px 24px; }
  .eltelt.kesik {
    color: #ed1c24; }
  .eltelt.idoben {
    color: #49ac07; }

.data_box .kesik {
  color: #ed1c24; }

.data_box .idoben {
  color: #49ac07; }

.data_graph_header {
  width: calc(100% - 95px);
  height: 20px;
  position: relative;
  margin-right: 5px;
  margin-left: 80px; }
  @media only screen and (max-width: 575px) {
    .data_graph_header {
      width: calc(100% - 50px);
      margin-left: 35px;
      font-size: 12px; } }
  @media only screen and (min-width: 576px) {
    .data_graph_header {
      width: calc(100% - 95px);
      margin-left: 80px; } }
  @media only screen and (min-width: 768px) {
    .data_graph_header {
      width: calc(100% - 120px);
      margin-left: 105px; } }

.data_graph_header.top {
  margin-bottom: 10px; }

.data_graph_header.bot {
  margin-top: 10px; }

.data_graph_header > div {
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  text-align: right; }

.data_graph_header > div:after {
  content: "";
  display: block;
  position: absolute;
  height: 10px;
  width: 1px;
  background: #cdcdcd;
  left: 0;
  right: 0;
  margin: auto; }

.data_graph_header.top > div:after {
  bottom: -10px; }

.data_graph_header.bot > div:after {
  top: -10px; }

.data_graph_header.mid > div:after {
  top: 0;
  bottom: 0; }

.data_box .center {
  text-align: center;
  line-height: 26px; }

.data_box .larger {
  font-size: 26px;
  padding: 0 5px;
  vertical-align: middle; }

.graph_y {
  width: 50px;
  flex-grow: 0; }
  @media only screen and (max-width: 575px) {
    .graph_y {
      width: 30px; } }
  @media only screen and (min-width: 576px) {
    .graph_y {
      width: 75px; } }
  @media only screen and (min-width: 768px) {
    .graph_y {
      width: 100px; } }

.graph {
  width: calc(100% - 95px);
  height: 16px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  background: white;
  position: relative; }
  @media only screen and (max-width: 575px) {
    .graph {
      width: calc(100% - 50px); } }
  @media only screen and (min-width: 576px) {
    .graph {
      width: calc(100% - 95px); } }
  @media only screen and (min-width: 768px) {
    .graph {
      width: calc(100% - 120px); } }
  .graph.break:after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    display: block;
    background: url(images/break.png) no-repeat center center;
    right: 100px;
    top: 2px; }
  .graph > div {
    height: 10px;
    margin: 2px;
    background: #476cd5;
    border-radius: 2px;
    max-width: calc(100% - 4px); }

.data_box_after {
  margin-bottom: 2px; }
  .data_box_after > span {
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 2px; }

.section_space {
  width: 100%;
  height: 40px; }

/* SZEM�LYES OLDALAM */
.szemelyes_head {
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 10px; }

.szemelyes_box {
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  background: #f6f5f0; }
  .szemelyes_box > a {
    display: block;
    padding: 15px 10px;
    color: #363636;
    background: no-repeat left 15px top 25px;
    transition: .15s all ease-in-out;
    background-size: 36px 36px;
    position: relative; }
    @media only screen and (min-width: 1200px) {
      .szemelyes_box > a {
        background-position-x: 25px; } }
    .szemelyes_box > a:hover {
      background-color: #fcfbfa; }
    .szemelyes_box > a > h2 {
      padding-left: 55px;
      margin: 0;
      line-height: 30px; }
      @media only screen and (min-width: 1200px) {
        .szemelyes_box > a > h2 {
          padding-left: 75px; } }
    .szemelyes_box > a > span {
      padding-left: 55px;
      padding-top: 5px;
      display: block; }
      @media only screen and (min-width: 1200px) {
        .szemelyes_box > a > span {
          padding-left: 75px; } }
    .szemelyes_box > a.nyitottrendeleseim {
      background-image: url(images/ic_nyitottrendeleseim_primary_36px.svg); }
    .szemelyes_box > a.kiszallitottcsomagjaim {
      background-image: url(images/ic_kiszallitottcsomagjaim_primary_36px.svg); }
    .szemelyes_box > a.listaim {
      background-image: url(images/ic_listaim_primary_36px.svg); }
    .szemelyes_box > a.korabbanvasarolttermekeim {
      background-image: url(images/ic_korabbanvasarolttermekeim_primary_36px.svg); }
    .szemelyes_box > a.egyediarajanlataim {
      background-image: url(images/ic_egyediarajanlataim_primary_36px.svg); }
    .szemelyes_box > a.keretmegrendeleseim {
      background-image: url(images/ic_keretmegrendeleseim_primary_36px.svg); }
    .szemelyes_box > a.visszaruim {
      background-image: url(images/ic_visszaruim_primary_36px.svg); }
    .szemelyes_box > a.reklamacioim {
      background-image: url(images/ic_reklamacioim_primary_36px.svg); }
    .szemelyes_box > a.penzugyiinformacioim {
      background-image: url(images/ic_penzugyiinformacioim_primary_36px.svg); }
    .szemelyes_box > a.gyujtottpontjaim {
      background-image: url(images/ic_gyujtottpontjaim_primary_36px.svg); }
    .szemelyes_box > a.kedvezmenyeim {
      background-image: url(images/ic_kedvezmenyeim_primary_36px.svg); }
    .szemelyes_box > a.idoaranyosnovekedes {
      background-image: url(images/ic_idoaranyosnovekedes_primary_36px.svg); }
    .szemelyes_box > a.arlistaimkezelese {
      background-image: url(images/ic_arlistaimkezelese_primary_36px.svg); }
    .szemelyes_box > a.alapitvany {
      background-image: url(images/ic_alapitvany_primary_36px.svg); }
    .szemelyes_box > a.adatmodositas {
      background-image: url(images/ic_adatmodositas_primary_36px.svg);
      background-position-y: 14px; }
    .szemelyes_box > a.vegfelhasznaloim {
      background-image: url(images/ic_vegfelhasznaloim_primary_36px.svg); }
    .szemelyes_box > a.alfelhasznaloim {
      background-image: url(images/ic_alfelhasznaloim_primary_36px.svg); }
    .szemelyes_box > a.gyerekekkosarai {
      background-image: url(images/ic_gyerekekkosarai_primary_36px.svg); }
    .szemelyes_box > a.gongyoleg {
      background-image: url(images/ic_gongyoleg_primary_36px.svg); }

.tooltip-badge {
  position: absolute;
  top: 15px;
  left: 10px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  min-width: 22px;
  border-radius: 4px;
  background: #fff;
  color: #363636;
  box-shadow: 0 0 0 2px #f6f5f0;
  font-size: 12px;
  font-weight: bold;
  border: solid 1px #565656; }

.new_address_container {
  width: 100%;
  display: none;
  float: left; }

.new_address_container .reg_line {
  width: 50%; }

.delete_address_container {
  display: none; }

.cimek_table {
  width: 100%; }

.new_enduser_container {
  display: none; }

.new_enduser_btn {
  margin-left: 10px; }

.small_search_container {
  position: relative; }
  .small_search_container .searchInput {
    background: #f6f5f0;
    height: 34px; }
    .small_search_container .searchInput::-webkit-input-placeholder {
      font-size: 13.5px; }
    .small_search_container .searchInput::-moz-placeholder {
      font-size: 13.5px; }
  .small_search_container .filter_remover {
    opacity: 1;
    right: 35px; }

.rights_list {
  margin: 0;
  padding: 5px 0 5px 10px;
  list-style: none;
  text-align: left; }
  .rights_list > li {
    margin: 2px 0;
    padding: 0;
    padding-bottom: 8px; }
  @media only screen and (min-width: 576px) {
    .rights_list label {
      white-space: nowrap; } }

.data_table_rows .alter_row {
  background-color: #edebe2;
  position: relative; }

.alter_row > span {
  position: relative; }

.alter_row > span:first-child {
  padding-left: 25px; }

.alter_row > span:first-child:after {
  content: "";
  width: 10px;
  height: 100%;
  border-left: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  position: absolute;
  display: block;
  left: 10px;
  top: -50%; }

.alter_row > span:first-child:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid #bababa;
  background: white;
  border-radius: 6px;
  position: absolute;
  display: block;
  left: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1; }

.shopwell-label {
  line-height: 22px;
  border: 1px solid #cdcdcd;
  background: #fcfbfa;
  border-radius: 2px;
  padding: 0 8px;
  margin-left: 3px;
  font-size: 12px;
  display: inline-block; }

.invoice-state {
  color: rgba(54, 54, 54, 0.5);
  font-size: 13.5px;
  font-weight: 400;
  display: block; }
  .invoice-state.-downloaded {
    color: #49ac07; }

.row-select {
  font-size: 0;
  text-align: center;
  position: relative; }
  .row-select input {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .row-select label {
    padding-left: 16px;
    background-position-x: 0 !important; }

.order-header-wrapper .order-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px; }
  .order-header-wrapper .order-header-top .title {
    font-size: 22px;
    font-weight: 700; }
  .order-header-wrapper .order-header-top .modify {
    display: flex;
    align-items: center;
    gap: 15px; }
  .order-header-wrapper .order-header-top .order-header-buttons {
    display: flex;
    align-items: center;
    gap: 30px; }

.order-header-wrapper .order-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-auto-flow: column;
  /* Fill the grid from top to bottom */
  gap: 15px;
  color: #FFFFFF;
  border-color: #5b5a59 !important;
  background-color: #5b5a59 !important;
  border-radius: 4px;
  border: 1px solid #cdcdcd;
  padding: 15px; }
  @media only screen and (max-width: 991px) {
    .order-header-wrapper .order-header {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(7, 1fr); }
      .order-header-wrapper .order-header .placeholder {
        display: none; } }
  .order-header-wrapper .order-header.nem_modosithato {
    background: #a7a7a6 !important;
    border-color: #a7a7a6 !important; }
  .order-header-wrapper .order-header > div {
    display: flex;
    align-items: center;
    gap: 4px; }
    .order-header-wrapper .order-header > div > span {
      position: relative; }
      .order-header-wrapper .order-header > div > span:first-child {
        width: 130px;
        flex-shrink: 0; }
      .order-header-wrapper .order-header > div > span:last-child {
        font-weight: 700; }

.order-header-table.rendered .table-row .innerRow .innerRowItem:last-child > .innerLabel {
  display: none; }

.order-header-table.rendered .table-row .innerRow .innerRowItem:last-child > .innerValue {
  padding-left: 0;
  padding-right: 0;
  text-align: initial;
  width: 100%;
  display: flex;
  justify-content: space-around; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.compare-img {
  position: relative;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  width: 100%;
  padding-bottom: calc(100% - 2px); }

.compare-no {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cdcdcd; }

.compare-price-and-cart {
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .compare-price-and-cart .cart-button {
    width: 50px; }
    @media only screen and (max-width: 575px) {
      .compare-price-and-cart .cart-button {
        display: none; } }
  .compare-price-and-cart .compare-price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap; }
    @media only screen and (max-width: 575px) {
      .compare-price-and-cart .compare-price .ar {
        font-size: 13.5px !important; } }
    @media only screen and (max-width: 575px) {
      .compare-price-and-cart .compare-price .listaar {
        font-size: 13.5px !important;
        padding-left: 0;
        padding-right: 0; } }
    @media only screen and (max-width: 575px) {
      .compare-price-and-cart .compare-price .kedvar {
        font-size: 13.5px !important; } }

.osszehas_cimke {
  font-weight: 700; }

.compare-remove {
  background-image: url(images/ic_close_primary_24px.svg);
  background-color: white;
  border-radius: 2px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1; }

.compare-wrapper {
  width: calc(100% + 15px);
  position: relative;
  overflow: hidden;
  font-size: 12px; }
  .compare-wrapper .compare-inner {
    width: auto;
    overflow: auto; }
    @media only screen and (max-width: 1199px) {
      .compare-wrapper .compare-inner::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background: #f6f5f0; }
      .compare-wrapper .compare-inner::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: rgba(54, 54, 54, 0.5); }
      .compare-wrapper .compare-inner:hover::-webkit-scrollbar-thumb, .compare-wrapper .compare-inner:active::-webkit-scrollbar-thumb, .compare-wrapper .compare-inner:focus::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background: rgba(54, 54, 54, 0.75); } }
    .compare-wrapper .compare-inner td:not(:first-child) {
      width: 150px; }

.compare-layer {
  position: absolute;
  height: 100%;
  left: -15px;
  top: 0;
  background: white;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: .2s all ease-in-out;
  font-weight: 700; }
  .compare-layer.collapsed {
    transform: translate(-100%, 0); }
    .compare-layer.collapsed .compare-collapse {
      left: 100%;
      transform: translate(100%, -50%);
      background-image: url(images/ic_right_white_16px.svg); }

.compare-row {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  position: relative; }

.compare-collapse {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  background: #ed1c24 url(images/ic_left_white_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 5px 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

#vsOsszehasonlitoContainer {
  position: fixed;
  z-index: 1; }
  @media only screen and (max-width: 991px) {
    #vsOsszehasonlitoContainer {
      width: 48px;
      height: 48px;
      bottom: 15px;
      left: 0;
      right: 0;
      margin: auto;
      z-index: 14; } }
  @media only screen and (min-width: 992px) {
    #vsOsszehasonlitoContainer {
      bottom: 0;
      right: 0; } }
  #vsOsszehasonlitoContainer .perforation {
    margin: 10px -10px;
    width: calc(100% + 20px); }
  #vsOsszehasonlitoContainer .defBtn {
    width: calc(100%);
    font-size: 12px;
    white-space: nowrap; }

#vsOsszehasonlitoContainer .iconBtn > span {
  transform: rotate(0deg); }

#vsOsszehasonlitoContainer.expanded .iconBtn > span {
  transform: rotate(180deg); }

.OsszehasonlitoText {
  width: 222px;
  height: 42px;
  border-radius: 2px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25);
  z-index: 1; }
  .OsszehasonlitoText.iconBtn {
    background: #ed1c24 url(images/ic_compare_white_24px.svg) no-repeat left 10px center;
    background-size: 24px 24px;
    cursor: pointer; }
    .OsszehasonlitoText.iconBtn > div {
      pointer-events: none; }
    .OsszehasonlitoText.iconBtn > span {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      height: 100%;
      width: 30px;
      background: url(images/ic_up_white_16px.svg) no-repeat center center;
      background-size: 16px 16px; }
  .OsszehasonlitoText ~ .popper {
    width: 222px;
    min-width: 222px;
    top: auto;
    bottom: 42px;
    font-size: 16px;
    line-height: 24px;
    padding: 10px; }
  @media only screen and (max-width: 991px) {
    .OsszehasonlitoText {
      right: 0;
      bottom: 0;
      width: 48px;
      height: 48px;
      border-radius: 24px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 25px rgba(0, 0, 0, 0.1);
      animation: .25s ScaleUp;
      margin-left: 0; }
      .OsszehasonlitoText.iconBtn {
        background-position: center center; }
        .OsszehasonlitoText.iconBtn:active {
          background: no-repeat center center; }
        .OsszehasonlitoText.iconBtn > span {
          width: 100%;
          height: 100%;
          background: none; }
      .OsszehasonlitoText ~ .popper {
        bottom: 65px;
        right: auto;
        left: 50%;
        transform: translateX(-50%); } }

.nsJobbTextOsszehasonlito {
  width: calc(100% - 16px);
  height: 20px;
  margin: 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 700;
  text-transform: uppercase; }

.osszehas_base {
  max-height: 400px;
  overflow: hidden; }

.osszehas_remove, .del_cikkcsop {
  flex-basis: 16px;
  flex-shrink: 0;
  height: 16px;
  display: block;
  margin: 5px 0;
  cursor: pointer;
  background: url(images/ic_close_primary_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  opacity: 0; }
  @media only screen and (max-width: 767px) {
    .osszehas_remove, .del_cikkcsop {
      display: none; } }

.osszehas_remove {
  background-image: url(images/ic_close_grey_16px.svg); }

.OsszehasDel {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 2;
  margin: 0;
  opacity: 1;
  width: 16px;
  display: block; }

.OsszehasonlitoItemClass {
  height: 16px;
  line-height: 16px;
  color: #363636;
  font-size: 13.5px;
  display: block;
  float: left; }

.CikkcsoptText {
  font-size: 13.5px;
  text-transform: uppercase;
  font-weight: 700;
  color: #363636; }

.osszehas_minicont {
  padding: 0 10px;
  margin: 0 -10px;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  transition: .15s all ease-in-out;
  cursor: pointer;
  flex-wrap: wrap;
  width: calc(100% + 20px); }
  .osszehas_minicont:hover {
    background-color: #f6f5f0;
    border-color: #cdcdcd; }

.osszehas_minicont:hover .osszehas_remove, .osszehas_minicont:hover .del_cikkcsop {
  opacity: 1; }

.osszehas_item {
  flex-basis: calc(100% - 24px);
  margin: 5px 0;
  font-size: 13.5px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .osszehas_item {
      flex-basis: 100%; } }

/**/
.OTable {
  width: 100%;
  margin: 0; }
  .OTable td {
    padding: 10px 15px;
    padding: 0 0 0 0;
    position: relative;
    height: auto; }
    .OTable td:first-child {
      font-weight: 700;
      text-transform: uppercase;
      text-align: right;
      padding-right: 20px; }
    .OTable td.oh_right_bg_kiemelt > div:after {
      content: "";
      width: 100%;
      height: 100%;
      background: url(images/yellow_marker.png) no-repeat left center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      opacity: .75; }
    .OTable td > div {
      /*width: 220px;*/
      min-width: 220px;
      margin: 0 10px 0 10px;
      border-left: 1px solid #cdcdcd;
      border-right: 1px solid #cdcdcd;
      background: #f6f5f0;
      padding: 10px;
      position: relative;
      z-index: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .OTable td > div.termeknev {
        height: 100%;
        font-size: 16px;
        background: #f6f5f0 url(images/perforatio.svg) repeat-x bottom left;
        background-size: 9px 2px;
        white-space: normal; }
  .OTable tr:first-child > td > div {
    height: 220px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-radius: 2px 2px 0 0;
    background: white;
    text-align: center;
    position: relative;
    z-index: 1; }
    .OTable tr:first-child > td > div > img {
      max-height: 218px;
      max-width: 218px;
      position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
  .OTable tr:nth-child(2) td {
    background-color: transparent; }
  .OTable tr:last-child td > div {
    border-bottom: 1px solid #cdcdcd;
    border-radius: 0 0 2px 2px; }
  .OTable a {
    color: #363636; }

.prodListTopSection {
  margin: 0 0 20px 0; }

.prodListTopSection > span {
  display: inline-block;
  margin-right: 20px; }

.subHeadTitle {
  width: 100%;
  display: block;
  height: 40px;
  line-height: 20px;
  overflow: hidden; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.rendered {
  display: block !important; }
  .rendered .table-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .rendered .table-head > * {
      border: none;
      flex-grow: 1; }
      .rendered .table-head > *:first-child {
        width: 24px;
        height: 100%;
        flex-shrink: 0;
        flex-grow: 0; }
  .rendered .table-row {
    display: block; }
    .rendered .table-row:nth-child(2) .innerHead {
      border-top: 1px solid #cdcdcd;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .rendered .table-row:last-child .innerHead {
      border-bottom: 1px solid #cdcdcd;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .rendered .table-row.expanded.green .innerRow {
      background-color: rgba(73, 172, 7, 0.1); }
    .rendered .table-row.expanded.red .innerRow {
      background-color: rgba(237, 28, 36, 0.1); }
    .rendered .table-row.expanded .innerHead {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .rendered .table-row.expanded .innerHead > *:first-child {
        background-image: url(images/ic_up_primary_16px.svg); }
    .rendered .table-row.expanded .innerRow {
      display: block;
      border-top: 1px solid #cdcdcd; }
    .rendered .table-row .innerHead {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
      border-bottom: none;
      padding-left: 0;
      padding-right: 0;
      border-top: none;
      border-right: 1px solid #cdcdcd; }
      .rendered .table-row .innerHead > * {
        flex-grow: 1;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden; }
        .rendered .table-row .innerHead > *:first-child {
          flex-shrink: 0;
          flex-grow: 0;
          background-image: url(images/ic_right_primary_16px.svg);
          background-size: 16px 16px;
          border: none;
          height: 24px;
          width: 24px; }
    .rendered .table-row .innerRow {
      display: none;
      width: 100%;
      border-left: 1px solid #cdcdcd;
      border-top-right-radius: 0 !important;
      background-color: #eceae0;
      border-bottom: 1px solid #cdcdcd; }
      .rendered .table-row .innerRow > div {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .rendered .table-row .innerRow > div > div {
          padding-top: 5px;
          padding-bottom: 5px; }
          .rendered .table-row .innerRow > div > div:last-child {
            text-align: right;
            padding-left: 15px; }
            .rendered .table-row .innerRow > div > div:last-child input {
              margin-top: 2px;
              margin-bottom: 2px; }
      .rendered .table-row .innerRow select, .rendered .table-row .innerRow input[type=text], .rendered .table-row .innerRow .input, .rendered .table-row .innerRow .select-wrapper select, .select-wrapper .rendered .table-row .innerRow select, .rendered .table-row .innerRow .select-wrapper .select, .select-wrapper .rendered .table-row .innerRow .select, .rendered .table-row .innerRow textarea {
        background-color: white; }
    .rendered .table-row .innerLabel.hide + .innerValue {
      text-align: center;
      padding-left: 0;
      width: 100%; }
  .rendered .details_btn, .rendered .spacer {
    margin-right: 3px;
    margin-left: 6px; }
    @media only screen and (min-width: 768px) {
      .rendered .details_btn, .rendered .spacer {
        margin-right: 6px;
        margin-left: 8px; } }

.flat_table {
  position: relative; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/* UI TO TOP */
#toTop {
  position: fixed;
  bottom: -1px;
  right: 25px;
  width: 42px;
  height: 42px;
  border: 1px solid #cdcdcd;
  border-radius: 2px 2px 0 0;
  background: white url(images/ic_up_primary_16px.svg) no-repeat center center;
  background-size: 16px 16px;
  transition: .15s all ease-in-out;
  opacity: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2; }
  #toTop.visible {
    opacity: 1;
    animation: .25s ScaleUp; }
  @media only screen and (max-width: 991px) {
    #toTop {
      bottom: 15px;
      right: 15px;
      margin: auto;
      width: 48px;
      height: 48px;
      background-size: 16px 16px;
      border-radius: 24px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 10px 25px rgba(0, 0, 0, 0.1); } }

#toTop:active {
  border-color: #ed1c24;
  background-color: #ed1c24;
  background-image: url(images/ic_up_white_16px.svg); }

@media (min-width: 1365px) {
  #toTop.visible {
    opacity: 1; } }

/* UI TO TOP VÉGE */
/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
/* VARIABLES */
.messages-container {
  color: white;
  background-color: #ed1c24;
  cursor: default;
  transition: .33s height ease-in-out;
  position: relative;
  font-size: 16px; }
  .messages-container.collapsed {
    overflow: hidden;
    height: 40px; }
    .messages-container.collapsed .message-item {
      border-bottom: none; }
  .messages-container.expandable .message-item {
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center; }
    .messages-container.expandable .message-item > div {
      white-space: nowrap; }
    .messages-container.expandable .message-item.expandable-item {
      position: relative;
      cursor: pointer;
      transition: .25s all ease-in-out; }
      .messages-container.expandable .message-item.expandable-item:hover {
        background-color: #ef343b; }
      .messages-container.expandable .message-item.expandable-item:before {
        content: "";
        position: absolute;
        width: 56px;
        height: 100%;
        background: linear-gradient(90deg, rgba(237, 28, 36, 0), #ed1c24);
        top: 0;
        right: 0;
        z-index: 1;
        opacity: 1;
        transition: .25s all ease-in-out; }
    .messages-container.expandable .message-item.expanded {
      overflow: visible;
      height: auto; }
      .messages-container.expandable .message-item.expanded:before {
        opacity: 0; }
      .messages-container.expandable .message-item.expanded > div {
        white-space: normal; }

.messages-inner {
  transition: .33s transform ease-in-out;
  margin: auto; }
  @media only screen and (min-width: 576px) {
    .messages-inner {
      width: 540px; } }
  @media only screen and (min-width: 768px) {
    .messages-inner {
      width: 740px; } }
  @media only screen and (min-width: 992px) {
    .messages-inner {
      width: 960px; } }
  @media only screen and (min-width: 1200px) {
    .messages-inner {
      width: 1200px; } }

.message-item {
  position: relative;
  padding: 15px; }
  .message-item.removable div:first-child {
    padding-right: 32px; }

.message-remove-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/ic_close_white_16px.svg);
  cursor: pointer;
  z-index: 2; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.tipsy {
  padding: 5px;
  font-size: 13.5px;
  font-weight: 400;
  background-repeat: no-repeat;
  opacity: 1 !important;
  background-repeat: no-repeat;
  background-image: url(images/tipsy.gif);
  border-radius: 2px;
  line-height: 16px; }

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: #fff;
  color: #363636;
  max-width: 200px;
  text-align: center; }

.tipsy-inner {
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px; }

.tipsy-north {
  background-position: top center; }

.tipsy-south {
  background-position: bottom center; }

.tipsy-east {
  background-position: right center; }

.tipsy-west {
  background-position: left center; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.loader {
  width: 20px;
  height: 3px;
  background-color: rgba(237, 28, 36, 0.25);
  border-radius: 2px;
  position: absolute;
  z-index: 20; }
  .loader:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    background: #ed1c24;
    border-radius: 2px;
    animation: 1.75s infinite Loader;
    transform-origin: left;
    animation-timing-function: linear; }

.loader-active {
  color: transparent !important;
  background-image: none !important;
  background-color: white !important;
  border-color: #ed1c24 !important; }

.page-loader {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.85) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 3;
  background: none;
  cursor: default; }
  .page-loader:not(.loading) .animatedLogoHeader > span {
    opacity: 0; }
  .page-loader > .box {
    width: 42px;
    height: 42px;
    margin: auto;
    padding: 0;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-radius: 2px; }
    .page-loader > .box .animatedLogoHeader {
      left: 0; }
      .page-loader > .box .animatedLogoHeader > span {
        transform: translate(-10px, -10px); }
        .page-loader > .box .animatedLogoHeader > span:nth-child(2) {
          animation-delay: 0.20s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(3) {
          animation-delay: 0.4s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(4) {
          animation-delay: 0.6s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(5) {
          animation-delay: 0.8s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(6) {
          animation-delay: 1s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(7) {
          animation-delay: 1.2s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(8) {
          animation-delay: 1.4s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(9) {
          animation-delay: 1.6s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(10) {
          animation-delay: 1.8s; }
        .page-loader > .box .animatedLogoHeader > span:nth-child(11) {
          animation-delay: 2s; }

@keyframes Loader {
  0% {
    transform: scaleX(0); }
  100% {
    transform: scaleX(1); } }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.stat > *:first-child {
  margin-top: 0; }

.stat .letoltes_container {
  width: 100%; }
  .stat .letoltes_container .letoltes_title {
    text-align: left; }
  @media only screen and (min-width: 768px) {
    .stat .letoltes_container {
      max-width: calc(100% / 2); } }
  @media only screen and (min-width: 992px) {
    .stat .letoltes_container {
      max-width: calc(100% / 3); } }

.stat .gallery-wrapper {
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap; }
  .stat .gallery-wrapper .galeria_item {
    margin: 10px;
    width: 150px; }
    @media only screen and (max-width: 339px) {
      .stat .gallery-wrapper .galeria_item {
        width: 120px; } }
    @media only screen and (min-width: 768px) {
      .stat .gallery-wrapper .galeria_item {
        width: 180px; } }
    @media only screen and (min-width: 1200px) {
      .stat .gallery-wrapper .galeria_item {
        width: 220px; } }
  .stat .gallery-wrapper .galeria_title {
    margin-bottom: 0; }

.stat-flexbox {
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px; }
  .stat-flexbox.multiline {
    flex-wrap: wrap; }
  .stat-flexbox > * {
    flex-basis: 0;
    flex-grow: 1;
    margin-left: 10px;
    margin-right: 10px; }
  .stat-flexbox .center {
    text-align: center; }

/* HTML oldalak formázásai */
.html_header {
  height: 125px;
  background-color: #f6f5f0;
  background-position: right center;
  background-repeat: no-repeat;
  border-left: solid 1px #cdcdcd;
  font-size: 32px;
  font-weight: 300;
  position: relative;
  margin-top: 60px;
  display: flex;
  align-items: center;
  line-height: 1.25;
  padding: 15px; }
  @media only screen and (max-width: 767px) {
    .html_header {
      background-image: none !important;
      height: auto; } }
  @media only screen and (min-width: 768px) {
    .html_header {
      padding: 20px 300px 20px 20px;
      overflow: hidden; } }
  .html_header:before, .html_header:after {
    width: 100%;
    height: 1px;
    content: "";
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdcdcd+0,cdcdcd+100&0.65+0,0+100 */
    background: -moz-linear-gradient(left, rgba(205, 205, 205, 0.65) 0%, rgba(205, 205, 205, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(205, 205, 205, 0.65)), color-stop(100%, rgba(205, 205, 205, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(205, 205, 205, 0.65) 0%, rgba(205, 205, 205, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(205, 205, 205, 0.65) 0%, rgba(205, 205, 205, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(205, 205, 205, 0.65) 0%, rgba(205, 205, 205, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(205, 205, 205, 0.65) 0%, rgba(205, 205, 205, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cdcdcd', endColorstr='#00cdcdcd',GradientType=1 );
    /* IE6-9 */
    top: 0;
    left: 0; }
  .html_header:after {
    top: auto;
    bottom: 0; }
  .html_header.bemutatkozas {
    background-image: url(images/html_header1.jpg); }
  .html_header.tarsadalmi {
    background-image: url(images/html_header2.jpg); }
  .html_header.markak {
    background-image: url(images/html_header3.jpg); }
  .html_header.galeria {
    background-image: url(images/html_header4.jpg); }
  .html_header.szolg1 {
    background-image: url(images/html_header5.jpg); }
  .html_header.szolg2 {
    background-image: url(images/html_header6.jpg); }
  .html_header.szolg3 {
    background-image: url(images/html_header7.jpg); }
  .html_header.egyutt {
    background-image: url(images/html_header8.jpg); }

h3.html_subheader, .popper .html_subheader.h3, .popper .html_subheader.popped-title {
  margin-top: 1em;
  margin-bottom: .25em;
  font-size: 22px; }

.html_leiras_rovid {
  overflow: hidden;
  position: relative;
  max-height: 90px;
  font-size: 16px;
  text-align: justify;
  transition: .25s all ease-in-out;
  padding-bottom: 0; }
  .html_leiras_rovid.akcio_list {
    max-height: 470px;
    margin-bottom: 20px; }
  .html_leiras_rovid.expanded {
    max-height: 4000px;
    padding-bottom: 40px; }
  .html_leiras_rovid p {
    margin: 8px 0; }
    .html_leiras_rovid p:first-child {
      font-weight: 400; }

.html_leiras_teljes {
  font-size: 16px;
  text-align: justify; }
  .html_leiras_teljes p {
    margin: 8px 0; }

.html_rovid {
  margin: 0; }

.html_leiras_belso {
  margin: 0;
  margin-left: 5px;
  opacity: 0;
  border-left: 10px solid #f6f5f0;
  padding-left: 15px;
  transition: .25s all ease-in-out; }
  @media only screen and (min-width: 768px) {
    .html_leiras_belso {
      margin-left: 25px;
      border-left-width: 20px;
      padding-left: 25px; } }

.expanded .html_leiras_belso {
  opacity: 1; }

.html_leiras_belso + .show_more:before {
  display: none; }

.html_leiras_rovid .galeria_item {
  display: inline-block; }

/* HTML oldalak formázásai vége */
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.owl-carousel .owl-item img {
  display: block;
  max-width: 100%; }

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none; }

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }

.owl-carousel.owl-rtl .owl-item {
  float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../../_sass/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }

@-moz-keyframes empty {
  0% {
    opacity: 1; } }

@keyframes empty {
  0% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }

@keyframes goDown {
  from {
    transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
@media only screen and (min-width: 768px) {
  #owl_slider, #owl_slider_mobile {
    height: 298px;
    overflow: hidden; } }

@media only screen and (min-width: 992px) {
  #owl_slider, #owl_slider_mobile {
    height: 318px; } }

@media only screen and (min-width: 1200px) {
  #owl_slider, #owl_slider_mobile {
    height: 400px; } }

#owl_slider .owl-dots, #owl_slider_mobile .owl-dots {
  bottom: 20px; }

#owl_slider .owl-prev, #owl_slider_mobile .owl-prev {
  left: 20px; }

#owl_slider .owl-next, #owl_slider_mobile .owl-next {
  right: 20px; }

#owl_slider_mobile .owl-nav {
  display: none; }

.owl-dots {
  left: 50%;
  transform: translate(-50%, 0); }

.login_slider_container .owl-dots {
  width: 42px;
  right: 20px;
  left: auto;
  transform: none;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .login_slider_container .owl-dots .owl-dot {
    width: 10px;
    height: 6px;
    display: block;
    border: 1px solid white;
    border-radius: 0;
    background: #363636;
    margin: 2px; }
    .login_slider_container .owl-dots .owl-dot.active {
      border-color: #ed1c24;
      background-color: #ed1c24; }
      .login_slider_container .owl-dots .owl-dot.active:after {
        display: none; }

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
  font-size: 0; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left;
  border-radius: 3px;
  overflow: hidden; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
/*
.grabbing { 
    cursor:url(../../_sass/grabbing.png) 8 8, move;
}*/
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-prev, .owl-next {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0; }

.ob-content {
  display: none;
  max-width: 760px;
  padding: 60px 20px 60px 20px;
  margin: 0 auto;
  color: #606060;
  font-family: 'Open Sans', sans-serif;
  text-align: center; }
  .ob-content .block {
    width: 33.33%;
    font-size: 25px;
    float: left;
    text-align: center; }
  .ob-content .chrome {
    width: 91px;
    height: 92px;
    background-image: url(images/oldbrowser.png);
    background-position: 0 0;
    display: inline-block; }
  .ob-content .firefox {
    width: 94px;
    height: 92px;
    background-image: url(images/oldbrowser.png);
    background-position: -93px 0;
    display: inline-block; }
  .ob-content .ie {
    width: 88px;
    height: 92px;
    background-image: url(images/oldbrowser.png);
    background-position: -187px 0;
    display: inline-block; }
  .ob-content .download_button {
    display: inline-block;
    margin-top: 10px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border: solid 1px #55b400;
    color: #55b400;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold; }
  .ob-content .download_button:hover {
    background-color: #55b400;
    color: #fff; }
  .ob-content .note {
    font-size: 14px; }
  .ob-content .inline-link {
    color: #55b400;
    font-weight: bold;
    text-decoration: none; }
  .ob-content .skip_button {
    display: inline-block;
    margin-top: 50px;
    height: 40px;
    padding: 0 35px;
    line-height: 40px;
    font-size: 15px;
    border: solid 1px #f68d91;
    color: #f68d91;
    text-align: center;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    transition: .15s all ease-in-out;
    border-radius: 3px; }
    .ob-content .skip_button:hover {
      background-color: #f68d91;
      color: #fff; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.filter {
  display: flex;
  background: #f6f5f0;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  padding: 7.5px;
  flex-wrap: wrap;
  margin-bottom: 30px; }
  .filter .group {
    flex-grow: 1;
    flex-basis: 0; }
  .filter .item {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 7.5px;
    position: relative;
    display: flex;
    align-items: center; }
    .filter .item > label {
      margin-right: 7.5px;
      min-width: 100px;
      text-align: right; }
      @media only screen and (min-width: 1200px) {
        .filter .item > label {
          min-width: 125px; } }
    .filter .item > input {
      flex-grow: 1; }
    .filter .item > .inner {
      flex-grow: 1; }
      .filter .item > .inner > input {
        width: 100%; }
  .filter table {
    position: relative; }
    .filter table td {
      height: auto;
      padding-top: 2px;
      padding-bottom: 2px; }
    .filter table input + label {
      padding-left: 26px; }
    .filter table input:checked + label {
      font-weight: bold; }
  .filter .nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-basis: 100%;
    padding: 15px;
    margin-top: 7.5px;
    margin-bottom: -7.5px;
    background: url(images/perforatio.svg) repeat-x;
    background-size: 9px 2px; }
    .filter .nav > *.back-button {
      margin-right: auto; }
    .filter .nav > *:last-child:first-child {
      margin-left: auto; }
  .filter .clear-button {
    position: relative;
    background: url(images/ic_close_primary_16px.svg) no-repeat left center;
    background-size: 16px 16px;
    min-width: 24px;
    padding-left: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    color: #ed1c24; }

.re_banner {
  overflow: hidden;
  opacity: 0;
  position: relative; }
  .re_banner .helper {
    opacity: 0;
    display: none;
    position: absolute;
    top: 12px;
    right: 15px;
    color: #476cd5;
    pointer-events: none;
    transition: .25s all ease-in-out;
    font-size: 13.5px;
    line-height: 1.4; }
  .re_banner.animatable {
    transition: .25s all ease-in-out;
    opacity: 1; }
  .re_banner.collapsed {
    min-height: 45px;
    cursor: pointer; }
    .re_banner.collapsed .helper {
      display: block; }
    .re_banner.collapsed:hover {
      background-color: #fdf9ae; }
      .re_banner.collapsed:hover .helper {
        opacity: 1; }
    .re_banner.collapsed h2 {
      text-transform: uppercase;
      font-size: 13.5px;
      font-weight: bold;
      margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .re_banner .linkstyle {
    padding-left: 0;
    cursor: pointer; }
    .re_banner .linkstyle:hover, .re_banner .linkstyle:active {
      color: #5c7dda;
      text-decoration: underline; }

.input-wrapper__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -2px; }
  .input-wrapper__inner .qty {
    width: 60px !important; }
  .input-wrapper__inner > * {
    margin: 2px; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.bold {
  font-weight: bold; }

.head-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .head-title {
      flex-wrap: wrap; } }

.color--warning {
  color: #ed1c24; }

.border--warning {
  position: relative; }
  .border--warning:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #ed1c24;
    left: -1px;
    top: -1px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }

.add-button, .list-button, .undesired-button {
  padding-left: 30px;
  background: no-repeat left 8px center;
  background-size: 16px 16px; }

.add-button {
  background-image: url(images/ic_plus_16px.svg); }
  .add-button:hover {
    background-image: url(images/ic_plus_white_16px.svg); }

.list-button {
  background-image: url(images/ic_lists_16px.svg); }
  .list-button:hover {
    background-image: url(images/ic_lists_white_16px.svg); }

.qty-col {
  position: relative; }
  @media only screen and (min-width: 992px) {
    .qty-col {
      width: 120px;
      text-align: right; } }
  .qty-col .regWarning {
    right: auto;
    left: 100%; }

.qty-input {
  text-align: right;
  max-width: 60px; }

.undesired-table .date_picker .ui-datepicker-trigger, .missing-table .date_picker .ui-datepicker-trigger {
  right: 10px !important; }

@media only screen and (min-width: 992px) {
  .undesired-table .date_picker, .missing-table .date_picker {
    width: 110px; }
    .undesired-table .date_picker > input, .missing-table .date_picker > input {
      width: 110px !important; } }

.undesired-table .date_picker > input, .missing-table .date_picker > input {
  background: white; }

.undesired-table .date_picker .regWarning, .missing-table .date_picker .regWarning {
  right: auto;
  left: 100%; }

.undesired-table textarea, .missing-table textarea {
  min-height: 0;
  display: inline-block;
  -webkit-appearance: none; }

@media only screen and (max-width: 991px) {
  .undesired-table .innerHead > *, .missing-table .innerHead > * {
    overflow: visible !important; } }

.undesired-table .innerValue, .missing-table .innerValue {
  position: relative; }
  .undesired-table .innerValue .regWarning, .missing-table .innerValue .regWarning {
    top: 100%;
    bottom: auto;
    text-align: center;
    z-index: 1; }
    .undesired-table .innerValue .regWarning:before, .missing-table .innerValue .regWarning:before {
      top: -3px;
      left: 50%; }

input.transparentInput {
  border: none;
  background-color: transparent !important;
  color: #363636 !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #363636 !important; }
  @media only screen and (max-width: 991px) {
    input.transparentInput {
      padding: 0; } }

.doboz-puffer {
  display: none; }

.filter .regWarning {
  bottom: auto; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.calendar-root {
  position: relative;
  display: flex;
  align-items: center; }
  .calendar-root .icon.-clear {
    background: url(images/ic_close_primary_16px.svg) no-repeat center center;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: .25em; }

.calendar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 1em 1.25em;
  width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background: white;
  position: fixed;
  z-index: 9; }
  .calendar.-mobile {
    width: 260px;
    z-index: 1;
    box-shadow: none; }
  @media only screen and (min-width: 576px) {
    .calendar.-single {
      width: 410px; }
      .calendar.-single .calendar-wrap {
        flex-basis: 67%;
        max-width: 67%; }
      .calendar.-single .calendar-range {
        flex-basis: 33%;
        max-width: 33%; } }
  @media only screen and (min-width: 576px) {
    .calendar.-double {
      width: 700px; }
      .calendar.-double .calendar-wrap {
        flex-basis: 75%;
        max-width: 75%; }
      .calendar.-double .calendar-range {
        flex-basis: 25%;
        max-width: 25%; }
      .calendar.-double .month {
        flex-basis: 50%;
        max-width: 50%; } }
  @media only screen and (max-width: 575px) {
    .calendar {
      padding-top: 3em;
      overflow: auto;
      max-height: 100vh;
      max-height: calc(var(--vh) * 100); } }
  @media only screen and (min-width: 576px) {
    .calendar {
      position: absolute;
      top: 100%;
      right: 0;
      left: auto;
      transform: translateX(0); } }
  .calendar ul {
    list-style-type: none; }
  .calendar .calendar-head {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .calendar .calendar-head > h2 {
      display: none;
      margin-bottom: 0; }
    .calendar .calendar-head .icon.-clear {
      font-style: normal;
      width: 16px;
      height: 16px; }
      @media only screen and (max-width: 767px) {
        .calendar .calendar-head .icon.-clear {
          top: .25em;
          right: .25em; } }
  .calendar .calendar-wrap {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (min-width: 576px) {
      .calendar .calendar-wrap {
        flex-wrap: nowrap; } }
    .calendar .calendar-wrap .month {
      padding: .5em;
      flex-basis: 100%;
      max-width: 100%; }
      .calendar .calendar-wrap .month.-full {
        width: 100% !important; }
      .calendar .calendar-wrap .month .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .5em;
        font-weight: bold;
        text-transform: uppercase; }
        .calendar .calendar-wrap .month .title .icon {
          background: transparent no-repeat center center;
          background-size: 16px 16px;
          width: 16px;
          height: 16px;
          cursor: pointer; }
          .calendar .calendar-wrap .month .title .icon.-left {
            margin-right: .75em;
            background-image: url(images/ic_left_fat_dark_24px.svg); }
          .calendar .calendar-wrap .month .title .icon.-right {
            margin-left: .75em;
            background-image: url(images/ic_right_fat_dark_24px.svg); }
    .calendar .calendar-wrap .daynames {
      margin: 0;
      padding: .5em 0;
      display: flex;
      justify-content: space-between; }
      .calendar .calendar-wrap .daynames > li {
        width: 13.6%;
        color: #5b5a59;
        font-size: 12px;
        text-align: center; }
    .calendar .calendar-wrap .days {
      margin: 0;
      padding: .5px 0;
      display: flex;
      justify-content: space-between; }
      .calendar .calendar-wrap .days > .day {
        width: 13.6%;
        color: #476cd5;
        text-align: center;
        cursor: pointer;
        line-height: 2em;
        border-radius: 2px;
        flex-grow: 1; }
        .calendar .calendar-wrap .days > .day:hover {
          color: #ed1c24; }
        .calendar .calendar-wrap .days > .day.-disabled {
          pointer-events: none; }
        .calendar .calendar-wrap .days > .day.-selected {
          background: #ed1c24;
          color: #fff; }
          .calendar .calendar-wrap .days > .day.-selected.-start {
            border-radius: 1em 0 0 1em; }
          .calendar .calendar-wrap .days > .day.-selected.-end {
            border-radius: 0 1em 1em 0; }
          .calendar .calendar-wrap .days > .day.-selected.-single {
            border-radius: 1em !important; }
          .calendar .calendar-wrap .days > .day.-selected:hover {
            color: white; }
        .calendar .calendar-wrap .days > .day.-inrange {
          background: #ed1c24;
          color: #fff;
          border-radius: 0; }
          .calendar .calendar-wrap .days > .day.-inrange:last-child, .calendar .calendar-wrap .days > .day.-inrange.-end, .calendar .calendar-wrap .days > .day.-inrange.-last {
            background: linear-gradient(90deg, #ed1c24, white); }
          .calendar .calendar-wrap .days > .day.-inrange:first-child, .calendar .calendar-wrap .days > .day.-inrange.-start, .calendar .calendar-wrap .days > .day.-inrange.-first {
            background: linear-gradient(-90deg, #ed1c24, white); }
          .calendar .calendar-wrap .days > .day.-inrange:hover {
            color: white; }
  @media only screen and (min-width: 576px) {
    .calendar .calendar-range {
      border-left: 1px solid #cdcdcd; } }
  .calendar .calendar-range.-full {
    width: 90%;
    padding: 2px;
    border-left: none;
    margin: -20px 0; }
  .calendar .calendar-range .nav {
    margin-top: 1rem; }
  .calendar .calendar-presets {
    margin: 0;
    padding: 0;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    display: flex; }
    @media only screen and (min-width: 576px) {
      .calendar .calendar-presets {
        flex-direction: column;
        padding: 0 .5em 0 1.5em; }
        .calendar .calendar-presets > .preset {
          line-height: 1.5;
          width: auto;
          display: block; } }
    .calendar .calendar-presets > .preset {
      cursor: pointer;
      font-size: var(--fs-small);
      white-space: nowrap; }
      @media only screen and (max-width: 575px) {
        .calendar .calendar-presets > .preset {
          padding-left: .25em;
          padding-right: .25em;
          display: none; } }
      @media only screen and (min-width: 576px) {
        .calendar .calendar-presets > .preset {
          padding-top: .25em;
          padding-bottom: .25em; } }
      .calendar .calendar-presets > .preset:hover {
        color: #ed1c24; }
      .calendar .calendar-presets > .preset.-active {
        color: #ed1c24; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.accordion-header.-open .toggler {
  background-image: url(images/ic_up_primary_16px.svg); }

.accordion-header .toggler {
  background: transparent no-repeat center center;
  background-image: url(images/ic_down_primary_16px.svg);
  background-size: 16px 16px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-left: auto; }

.accordion-content {
  padding-top: .5rem; }

/* SCREENS */
/* MEDIA QUERIES */
/* COLOR */
/*#e62b6b*/
/* FONTS */
/* BORDERS */
/* SHADOWS */
/* URL-S */
.responsive-table .table-row {
  margin-top: .75rem;
  margin-bottom: .75rem;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  background: #f6f5f0;
  padding: .5rem; }
  .responsive-table .table-row .accordion-content {
    width: 100%; }
    .responsive-table .table-row .accordion-content > * {
      width: 100%; }