div#sp-search {
    margin-top: 35px;
}

.result-element {
    
    height: 40px;
    
}

div#sp-header-right {
    margin-top: 35px;
}

.menu-vertical .category-menu-title h4 {
    color: #000000;
    
}

i.fa.fa-list {
    font-size: 18px;
    color: #000;
}

#sp-header-top-bar a:hover {
    color: #d6b56e;
}

#sp-header-middle a:hover {
    color: #d6b56e;
}
.section-header .section-title h3:before, .sp-module.section-title .sp-module-title:before {
    border-color: #d6b56e;
}

#sp-left .sp-module, #sp-right .sp-module {
    border-top-color: #d6b56e;
}

.menu-vertical #megamenucss #js-mainnav.megamenu.blackwhite .js-megamenu li:hover a {
    background: #D6B56F !important;
}

.product-items div.product:hover, .product-items li.product:hover {
    border-top: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: #D6B56F;
}

.product-items .products .product-content .product-buttons .add_to_wishlist, .product-items .products .product-content .product-buttons .compare, .product-items .products .product-content .product-buttons .quickview {

    border-color: #D6B56F;
   
}

.productdetails .wishlist-compare .add_to_wishlist, .productdetails .wishlist-compare .compare, .category-content .category-items, .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a, .productdetails .back-to-category .product-details:hover, .product-related-products .product-hover a:hover, .header-cart-content .cart-product-list a:hover, .header-compare .zt-cart-inner a:hover, .header-wishlist .zt-cart-inner a:hover {
    
    color: #D6B56F;
}

.productdetails .vm-product-details-container .addtocart-area span.addtocart-button:hover {
    background-color: #D6B56F;
}

.productdetails .product-next-previous .product-prev > a, .productdetails .product-next-previous .product-next > a {
    border: 1px solid #D6B56F;
    background-color: #fff;
    display: block;
    margin-right: -1px;
    padding: 3px 9px;
}

.productdetails .product-next-previous .product-prev .product-navbar, .productdetails .product-next-previous .product-next .product-navbar {
    color:  #D6B56F;
}

#sp-footer-middle a:hover {
   
    color: #D6B56F;
}

.mini-cart .show_cart a:hover, .header-cart-content .cart-style-2 .cart-count, .header-wishlist .wishlist-count, .header-compare .compare-count, .topbar-cart .cart-count, .menu-vertical .category-menu-title, .owl-carousel.owl-theme .owl-nav [class*=owl-]:hover, .countdown .countdown-section, .product .product-highlight .featured span, .product-items .product .product-image .product_image_gallery .owl-dot.active span, .product-items ul.products .product-content .product-buttons .add_to_wishlist:hover, .product-items ul.products .product-content .product-buttons .compare:hover, .product-items ul.products .product-content .product-buttons .quickview:hover, .product-toolbar .gridlist-toggle .grid-view.active, .product-toolbar .gridlist-toggle .grid-view:hover, .product-toolbar .gridlist-toggle .list-view.active, .product-toolbar .gridlist-toggle .grid-view:hover, .product-toolbar .gridlist-toggle .list-view.active, .product-toolbar .gridlist-toggle .list-view:hover, #fancybox-outer #fancybox-content .wishlist-product-detail .button:hover, #fancybox-outer #fancybox-content .compare-product-detail .button:hover, .productdetails .wishlist-compare .add_to_wishlist:hover, .productdetails .wishlist-compare .compare:hover {
  
    background-color: #D6B56F;
}

.sp-megamenu-parent >li >a:hover {
    background-color: #0a8ac6;
}

.orderby-displaynumber .orderlistcontainer .orderlist {
    
    width: 200px;
    
}


.sp-megamenu-parent li.sp-menu-item.label-sale >a:after, .sp-megamenu-parent li.sp-menu-item.label-sale span:after {
    content: 'Akció';
    background: #60BF79;
}

.sp-megamenu-parent li.sp-menu-item.label-new >a:after, .sp-megamenu-parent li.sp-menu-item.label-new span:after {
    content: 'Új';
    background: #e51f28;
;
}

.sp-megamenu-parent li.sp-menu-item.label-new >a:before, .sp-megamenu-parent li.sp-menu-item.label-new span:before {
    border-right-color: #e51f28;
}

.menu-vertical #megamenucss #js-mainnav.megamenu.vertical.left .js-megamenu ul li .jux-label-menu.label-new:after {
    content: 'Új';
    background: #e51f28;
}

.menu-vertical #megamenucss #js-mainnav.megamenu.blackwhite .js-megamenu li:hover > a {
    color: #ffffff !important;
}

fieldset.vm-fieldset-tos {
    margin-top: 15px;
}

fieldset.vm-fieldset-adatvedelmitajekoztato {
    margin-top: 15px;
}

fieldset.vm-fieldset-linkadatvedelem {
    margin-bottom: 15px;
}

fieldset.vm-fieldset-customer-note {
    margin-bottom: 15px;
}

.cart_totals {
    background-color: #fafafa;
    border: 1px solid #515151;
    padding: 10px;
}

.alert {
    margin-bottom: 20px;
    background-color: rgb(255, 219, 219);
    color: rgb(136, 2, 2);
    padding: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(214, 13, 13);
    border-image: initial;
    border-radius: 4px;
}

#czd-login .modal-dialog {
    width: 350px;
}

#czd-login .modal-content {
    border-radius: 0;
    padding: 20px 20px;
    color: #000;
}

#czd-login .modal-content .modal-body .forget-name-link {
    margin-top: 20px;
    color: #a0a0a0;
    font-size: 14px;
    clear: both;
}

#czd-login .modal-content .modal-body .title {
    margin: 0 0 30px 0;
    font-weight: 600;
    color: #428bca;
    text-align: center;
}

#czd-login .modal-content .modal-footer {
    color: #0ba2e8;
    font-size: 14px;
    padding: 0;
    text-align: left;
    border: none;
    line-height: 1;
}

#czd-login .modal-content button.close i {
    width: 36px;
    height: 36px;
    text-align: center;
    border: none;
    border-radius:none; 
    line-height: 30px;
}

#czd-login .modal-content button.close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

/*  Ajax Search    */

input#search-area311 {
    height: 50px;
    line-height: 50px;  
}

input#suggestion-area311 {
    height: 50px;
    line-height: 50px;
}

#search-form311 #search-area-close311 {
    right: 60px;
  
}

#ajax-search-button311 {
    height: 50px;
    width: 50px;
    border: none;
    
    background: #0ba2e8;
    
}

#ajax-search-button311 .magnifier {
    
    height: 50px;
    width: 50px;
    
}


/*  Table start    */

table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #d5d5d2;
    border-collapse: collapse
}

table caption {
    font-family: 'Tungsten A', 'Tungsten B', 'Arial Narrow', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.954rem;
    line-height: 1;
    margin-bottom: .75em
}

table th {
    font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: .9353rem;
    padding: 1.2307em 1.0833em 1.0833em;
    line-height: 1.333;
    background-color: #eae9e6
}

table td, table th {
    text-align: left
}

table td {
    padding: .92307em 1em .7692em
}

table tbody tr:nth-of-type(even) {
    background-color: #f9f8f5
}

table tbody th {
    border-top: 1px solid #d5d5d2
}

table tbody td {
    border-top: 1px solid #d5d5d2
}

table.wdn_responsive_table thead th abbr {
    border-bottom: none
}

@media screen and (max-width:47.99em) {
    table.wdn_responsive_table td, table.wdn_responsive_table th {
        display: block
    }

    table.wdn_responsive_table thead tr {
        display: none
    }

    table.wdn_responsive_table tbody tr:first-child th {
        border-top-width: 0
    }

    table.wdn_responsive_table tbody tr:nth-of-type(even) {
        background-color: transparent
    }

    table.wdn_responsive_table tbody td {
        text-align: left
    }

    table.wdn_responsive_table tbody td:before {
        display: block;
        font-weight: 700;
        content: attr(data-header)
    }

    table.wdn_responsive_table tbody td:empty {
        display: none
    }

    table.wdn_responsive_table tbody td:nth-of-type(even) {
        background-color: #f9f8f5
    }
}

@media (min-width:48em) {
    table caption {
        font-size: 2.532rem
    }

    table th {
        padding: 1.2307em 1.2307em 1em;
        font-size: .802rem
    }

    table td {
        padding: .75em 1em .602em
    }
}

@media screen and (min-width:48em) {
    table.wdn_responsive_table thead th:not(:first-child) {
        text-align: center
    }

    table.wdn_responsive_table tbody td {
        text-align: center
    }

    table.wdn_responsive_table.flush-left td, table.wdn_responsive_table.flush-left thead th {
        text-align: left
    }
}

/*  Table END    */

.product-price .vm-price-value {
    display: block;
    padding-left: 0px;
}

span.PricebasePriceWithTax {
    text-decoration: line-through;
}

.PricebasePriceWithTax.vm-display.vm-price-value {
    float: left;
}

/* Usermenü */
.usermenu {
    background-color: #f73749;
}

.product-sku {
    font-size: small;
}

.product-items .products .product-entry .product-content h3 {
    font-weight: bold;
    max-height: 38px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: normal;
}


@media screen and (max-width: 28.125em) {
  /* 450px alatti stílusok */
  
  #sp-slider {
    margin-top: 0px !important;
  }
  
   #sp-header-middle {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background-color: #fff;
  }

  body {
    margin-top: 120px; /* a header tényleges magassága alapján */
    overflow-x: hidden;
  }
  
  #offcanvas-toggler i.fa {
    font-size: 28px !important; /* ikon nagyítása */
    position: relative;
    top: -10px;
    padding-left: 30px
  }

  #offcanvas-toggler {
    padding-top: 0; /* opcionális: ha túl nagy lenne a felső térköz */
  }
  
  #sp-logo .visible-xs {
    margin-top: 20px;
    display: block; /* biztos ami biztos */
  }
  
  body.offcanvas-open {
    overflow-x: hidden; /* tiltsa a vízszintes görgetést, amikor a menü nyitva van */
  }

  .offcanvas-menu {
    max-width: 100vw; /* teljes viewport szélesség */
    width: 100vw !important; /* erőltetve is teljes szélesség */
    overflow-x: hidden;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 9999;
  }

  .offcanvas-inner {
    max-width: 100%;
    overflow-x: hidden;
  }
  
  .product-toolbar .gridlist-toggle {
    display: none !important;
	}
  
  .zoomContainer {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    height: auto !important;
  }

  .zoomContainer .zoomLens,
  .zoomContainer .zoomWindow,
  .zoomContainer .zoomWindowContainer {
    display: none !important; /* kikapcsolja a zoomot mobilon */
  }

  .zoomContainer img,
  .product-image img, 
  .vm-product-media-container img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }

  
  
}