#site-menu {display:none;position:relative;z-index:1001;background:#fff;clear:both;overflow:hidden; -webkit-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 4px 20px 0px rgba(50, 50, 50, 0.3);} #site-menu-viewport {position:relative;display:table;width:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;transition: all 0.5s ease;} #site-menu-left {position:relative;display:table-cell;width:75%; vertical-align:top; background:#ffffff; padding-left:100px;/*padding-top:44px;*/padding-bottom:44px;} #site-menu-right {position:relative;display:table-cell;width:25%; vertical-align:top; background:#ebebeb; text-align:right;} #site-menu-close {position:absolute;z-index:10;right:30px;top:30px; width:32px;height:32px; background-image:url(../images/close-button-black.svg);background-size:100%;background-position:50% 50%;background-repeat:no-repeat; cursor:pointer;} #site-menu-toggle-right {display:none;position:absolute;z-index:10;left:30px;top:30px; width:32px;height:32px; background-image:url(../images/right-arrow-forward-black.svg);background-size:100%;background-position:50% 50%;background-repeat:no-repeat; cursor:pointer;} @media only screen and (max-width: 1035px) { #site-menu-left {width:75%;padding-left:44px;} #site-menu-right {width:25%;} } @media only screen and (max-width: 779px) { #site-menu-left {width:75%;} #site-menu-right {width:25%;} } @media only screen and (max-width: 500px) { #site-menu-viewport {width:200%;} #site-menu-left {width:50%; padding: 0;padding-bottom:30px;} #site-menu-right {width:50%;text-align:left;} #site-menu-toggle-right {display:block;} /* on #site-menu-toggle-right click */ #site-menu.mobil-right-open #site-menu-viewport {margin-left:-100%;} #site-menu.mobil-right-open #site-menu-toggle-right {background-image:url(../images/go-back-left-arrow-black.svg);} } .site-menu-tab {display:none;padding-top:44px;} .site-menu-tab.on {display:block;} @media only screen and (max-width: 500px) { .site-menu-tab {display:none;padding-top:74px;} } .site-menu-left-heading {font-size:24px;text-transform:uppercase;margin-bottom:24px;font-weight:bold;} .site-menu-left-subheading {font-size:20px;text-transform:uppercase;margin-bottom:6px;font-weight:normal;} h3.site-menu-left-subheading {font-size:18px;margin-top:24px;} ol + .site-menu-left-subheading {margin-top:24px;} .site-menu-right-heading {margin-top:30px;padding-right:76px;height:40px;font-size:20px;line-height:40px;text-transform:uppercase;opacity:.6;} @media only screen and (max-width: 500px) { .site-menu-left-heading {text-align:center;} .site-menu-left-subheading {font-size:20px;padding-left:20px;} ol + .site-menu-left-subheading {margin-top:0;} } #site-menu-subset {clear:both;overflow:hidden;} #site-menu-subset .col {float:left;width:33%;} @media only screen and (max-width: 779px) { #site-menu-subset .col {width:50%;} } @media only screen and (max-width: 500px) { #site-menu-subset .col {width:100%;} } #site-menu-left ol {} #site-menu-left li {} #site-menu-left li a:hover {font-weight:bold;} @media only screen and (max-width: 500px) { #site-menu-left ol {border-top:1px solid #f3f3f3;margin-bottom:44px;} #site-menu-left li {} #site-menu-left li a {display:block;padding:10px 30px;border-bottom:1px solid #f3f3f3;} #site-menu-left li a:active {font-weight:bold;background:#c3c3c3;} } #site-menu-right ol {} #site-menu-right li {} #site-menu-right li a {display:inline-block;padding-left:28px;padding-right:76px;text-transform:uppercase;font-weight:bold;} @media only screen and (max-width: 1035px) { .site-menu-right-heading {padding-right:44px;height:auto;line-height:1.1;} #site-menu-right li a {padding-right:44px;} } @media only screen and (max-width: 500px) { #site-menu-right li a {display:block;} .site-menu-right-heading {padding-left:24px;margin-bottom:10px;} } ol#site-menu-main {padding-top:60px;} ol#site-menu-main li {} ol#site-menu-main li a {/*height:50px;*/font-size:18px;/*line-height:50px;*/padding-top:12px;padding-bottom:10px;} ol#site-menu-main li a small{ display: block;font-size: 14px; color: #999; text-transform: lowercase; font-weight: normal; } ol#site-menu-main li.on a {background-color:#fff;} ol#site-menu-premium {padding-left:4px;} ol#site-menu-premium li {} ol#site-menu-premium li a {height:36px;font-size:18px;line-height:36px;} ol#site-menu-secondary {margin:30px 0;} ol#site-menu-secondary li {} ol#site-menu-secondary li a {height:34px;font-size:16px;line-height:34px;} ol#site-menu-ui {margin-top:30px;padding-bottom:30px;} ol#site-menu-ui li {margin-bottom:10px;} ol#site-menu-ui li a {height:32px;font-size:18px;line-height:32px;} ol#site-menu-ui li a .hi-icon {margin-right:18px;} @media only screen and (max-width: 500px) { ol#site-menu-main {padding-top:84px;} #site-menu-right li a {display:blokc;} } .container .body {max-width:1920px;margin:0 auto;clear:both;overflow:hidden; } #site-header-push {height:76px;} #site-header-push.site-menu-open {display:none;} #site-header {position:fixed;z-index:1000;left:0;top:0;right:0;height:76px;background-color:#fff; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.3);} #site-header.site-menu-open {position:relative;/*top:auto;*/} #site-header .body {display:table;width:100%;height:100%;} #site-header .body .col {display:table-cell;vertical-align:middle;} #site-header .body .col-1 {padding-left:30px;width:124px;padding-right:20px;} #site-header .body .col-2 {padding-left:20px;width:256px;} #site-header .body .col-3 {padding-right:36px;} #site-header .body .col-4 {width:320px;} #site-header .body .col-5 {width:30px;padding-right:20px;} #site-header .body .col-6 {display:none; width:54px;padding-right:30px;} @media only screen and (max-width: 1451px) { #site-header .body .col-1 {width:100px;} #site-header .body .col-2 {width:230px;} #site-header .body .col-3 {padding-right:20px;} #site-header .body .col-4 {display:none;/*width:470px;*/} #site-header .body .col-6 {display:table-cell;} } @media only screen and (max-width: 1035px) { #site-header .body .col-4 {display:none;} #site-header .body .col-3 {padding-right:36px;} #site-header .body .col-6 {display:table-cell;} } @media only screen and (max-width: 779px) { #site-header .body .col-2 {width:120px;} #site-header .body .col-3 {padding-left:10px;padding-right:20px;} } @media only screen and (max-width: 500px) { #site-header-push {height:122px;} #site-header {height:122px;padding-bottom:46px;} #site-header .body .col-1 {padding:10px;} #site-header .body .col-2 {display:none;} #site-header .body .col-3 {display:block;position:absolute;left:0;bottom:0;right:0;padding:10px;} #site-header .body .col-5 {width:auto;padding-right:0;text-align:center;} #site-header .body .col-6 {padding-left:20px;padding-right:20px;} } #site-logo {position:relative;width:124px;height:54px;} #site-logo:after {content:'';position:absolute;right:-20px;top:0;width:1px;height:54px;background:#cdcdcd;} #site-logo img {display:block;width:100%;height:auto;} @media only screen and (max-width: 1451px) { #site-logo {position:relative;width:100px;height:42px;} #site-logo:after {height:42px;} } @media only screen and (max-width: 400px) { /*#site-logo {width:80px;}*/ #site-logo:after {display:none;} } #site-header .slogan {font-size:22px;font-weight:normal;line-height:1.1;text-transform:uppercase;display:inline-block;padding-top:2px;} @media only screen and (max-width: 1451px) { #site-header .slogan {font-size:20px;} } @media only screen and (max-width: 779px) { #site-header .slogan {display:block;font-size:17px;} } @media only screen and (max-width: 400px) { #site-header .slogan {display:block;font-size:16px;} } .searchautocomplete {z-index:1001!important;} #site-search-form-secondary-block {padding-bottom:0;border-bottom:0;} @media only screen and (max-width: 779px) { #site-search-form-secondary-block {display:none} } #site-search-form {position:relative;} #site-search-form input {color:#464646;} #site-search-form button {position:absolute;top:0;right:0;width:46px;height:36px;font-size:0;background:#555;cursor:pointer;border-radius:0 18px 18px 0;} #site-search-form button:after {content:'\F002';color:#fff;position:absolute;top:0;right:0;width:100%;height:100%;font-size:22px;line-height:36px;font-family:'fontawesome';} #site-search-form-secondary {position:relative;} #site-search-form-secondary input {color:#464646;} #site-search-form-secondary button {position:absolute;top:0;right:0;width:46px;height:36px;font-size:0;background:#555;cursor:pointer;border-radius:0 18px 18px 0;} #site-search-form-secondary button:after {content:'\F002';color:#fff;position:absolute;top:0;right:0;width:100%;height:100%;font-size:22px;line-height:36px;font-family:'fontawesome';} .site-search {display:inline-block;width:100%;height:36px;border-radius:18px;padding:0 36px 0 16px; font-size:14px; border:1px solid #ddd;} .site-search2 {display:table;width:100%;height:36px;border-radius:18px;padding:0 36px 0 6px; font-size:14px; border:1px solid #ddd;} .site-search2 .filter-tag {display:table-cell;height:100%;vertical-align:middle;white-space:nowrap;} .site-search2 .filter-tag span {display:inline-block; font-size:14px;line-height:22px;height:24px; padding:0 8px; margin-right:4px;margin-top:0px; background:#fff;border:1px solid #ddd;border-radius:12px; cursor:pointer;} .site-search2 .filter-tag span.term {background:#555;color:#fff;} .site-search2 .filter-tag span a:after {content:'\f057';font-family:'fontawesome';font-size:smaller;font-weight:normal;display:inline-block;margin-left:4px;} .site-search2 .input {display:table-cell;width:100%;height:100%;} .site-search2 .input input {width:100%;height:100%;background:transparent;padding-left:6px;} @media only screen and (max-width: 779px) { .site-search2 .filter-tag {display:none} } .main-menu {font-size:0;letter-spacing:0;word-spacing:0;white-space:nowrap; text-align:right;margin-right:40px;} .main-menu li {display:inline-block;margin-left:8px;padding-left:8px;border-left:1px solid #ddd;} .main-menu li:first-child {margin-left:0;padding-left:0;border-left:0;} .main-menu li, .main-menu li a {font-size:18px;text-transform:uppercase;} .main-menu li.on a {font-weight:bold;} @media only screen and (max-width: 1451px) { .main-menu li, .main-menu li a {font-size:16px;} } .btn-otlettar {position:relative;display:block;width:36px;height:36px;font-size:0;} .btn-otlettar:after {content:'\F055';display:block;color:#fff;position:absolute;top:0;right:0;width:100%;height:100%;font-size:32px;line-height:36px;text-align:center;font-family:'fontawesome';} #site-menu-toggle {display:inline-block;cursor:pointer;margin-top:4px;} #site-menu-toggle span {display:block;width:48px;height:6px;background:#555; border-radius:2px;cursor:pointer;} #site-menu-toggle span+span {margin-top:4px;} #site-menu-toggle div { font-size: 10px;text-transform: uppercase;letter-spacing: .6em; margin-top: 2px; cursor:pointer;} /* Felhasznalo almenu */ #site-header .body {overflow:visible;} .col.col-5 {position:relative;} #user-submenu {display:none;position:absolute;right:0;top:100%;background:#555;color:#fff;width:320px;overflow:hidden;text-align:left; -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);} #user-submenu li {padding-top:1px;} #user-submenu li a {display:block;background:#616161;padding:10px 20px;font-size:16px;color:aliceblue;} #user-submenu li a:active, #user-submenu li a:hover {background:#444;} #user-submenu li:first-child {font-size:14px;border-bottom:1px solid #424242;color:aliceblue;padding:10px; clear:both;overflow:hidden;} #user-submenu li:first-child small {font-size:12px;display:block;color:#aaa;} #user-submenu li:first-child .hi-icon {float:left;margin-right:10px;} #user-submenu li:first-child img {display:inline-block;vertical-align:middle;position:relative;top:-2px;} #user-submenu form {padding:10px 20px;text-align:right;border-top:1px solid #777;} #user-submenu [type=submit] {display:inline-block;padding:5px 10px;background:#000;cursor:pointer;font-size:smaller;} .show {display:block!important;} @media only screen and (max-width: 400px) { .col.col-5 {position:static;} #user-submenu {width:100%;} } .float-menu.show {display:block;} .float-menu {display:none;position:absolute;right:0;top:100%;margin-top:10px;width:320px;padding:15px;background:#fff; text-align:left; border-radius:5px 0 5px 5px; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.25);} @media only screen and (max-width: 500px) { .float-menu {display:none;position:fixed;left:0;right:0;top:60px;bottom:0; width:100%; border-radius:0; } } #basket-float-menu-btn {position:relative;} #basket-float-menu-btn .badge {display:inline-block;position:absolute;top:-2px;right:-2px;background:#ea484b;color:#fff;width:16px;height:16px;font-size:12px;font-weight:bold;line-height:16px;text-align:center;border-radius:50%;} .basket-list {} .basket-list .item {display:table;width:100%;border-bottom:1px solid #eee;font-size:16px;padding:5px 0;} .basket-list .item > div {display:table-cell;vertical-align:middle;} .basket-list .item > div.title {padding:0 10px;} .basket-list .item > div.price-quantity {text-align:right;} .basket-list .item img {width:60px;height:60px;border:1px solid #eee;display:block;} .basket-list .item .quantity {font-size:14px;font-weight:bold;} .basket-list .item .price {white-space:nowrap;} .basket-sum {display:table;width:100%;font-size:16px;padding-top:10px;} .basket-sum > div {display:table-cell;vertical-align:top;} .basket-sum > div.basket-sum-price {text-align:right;} #btn-basket-edit {margin-top:20px;display:inline-block;padding:6px 12px;background:#6b4f32;color:#fff; border-radius: 2px;text-align:center;width:100%;} /* Shopmenu mas felepitesu mitna a tobbi, mert nem static */ .shopmenu {font-size:0;letter-spacing:0;word-spacing:0; max-width:1190px;margin:0 auto;} .shopmenu .item {display:inline-block;width:25%;vertical-align:top;font-size:16px;margin-bottom:40px;} .shopmenu .item h3 {margin:15px 0;padding-right:10px;text-transform:uppercase;} .shopmenu .item img {display:block;height:64px;width:auto; -webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.4;transition:.3s;} .shopmenu .item:hover img {-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1;} .shopmenu .item li a:hover {color:#6b4f32;font-weight:bold;} @media only screen and (max-width: 1451px) { .shopmenu {} .shopmenu .item {width:33.3%;} } @media only screen and (max-width: 1035px) { .shopmenu {padding-left:0px;} .shopmenu .item {width:33.3%;} } @media only screen and (max-width: 779px) { .shopmenu .item {width:50%;} } @media only screen and (max-width: 651px) { .shopmenu {text-align:center;} .shopmenu .item {width:100%;} .shopmenu .item img {display:inline-block;} .shopmenu .item li {display:block;padding:0;} .shopmenu .item li a {padding:16px 10px !important;} }