::-moz-selection { background: transparent; } ::selection { background: transparent; } input::-moz-selection { background: #e4051f !important; color: #ffffff !important;} input::selection { background: #e4051f !important; color: #ffffff !important;} textarea::-moz-selection { background: #e4051f !important; color: #ffffff !important;} textarea::selection { background: #e4051f !important; color: #ffffff !important;} *:focus {outline: 0 !important; } @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i'); body {font-family: 'Open Sans', sans-serif; background-color: #f2f2f2;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #e4051f; margin-bottom: 1.2rem; line-height: 150%; text-align: center; font-weight: 400;} h1.h3.products_name {font-size: 1.5rem; margin-bottom: 1rem;} .alert {border-radius: 0;} .kk-content p, .kk-content ul, .kk-content label {font-size: 85%; line-height: 200%; color: #333333;} .kk-content label {display: block; width: 100%; text-align: left;} .kk-content ul {padding-left: 1rem; list-style: square;} .kk-content a {color: #e4051f;} .kk-content a:hover, .kk-content button:hover, .kk-content a:active {color: #000000 !important;} .form-check-input {margin-top: 0.4rem;} a, .btn {-webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; transition: color 0.25s ease-out; white-space: inherit !important; word-wrap: break-word !important;} .btn.focus, .btn:focus, .form-control:focus {box-shadow: none;} .form-control, .form-control-sm, .btn {border-radius: 0 !important;} .form-control {border-color: #a9a9a9; font-size: 90%;} .form-control:focus {border-color: #666666; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);} .btn-outline-secondary {border-color: #666666;} .btn-outline-secondary:hover, .btn-success:hover {box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);} .btn-link:hover {color: #000000 !important;} a:hover {text-decoration: none;} span.required:after {content: '*'; display: inline-block; width: auto; height: auto; color: #e4051f !important; font-weight: 700; padding: 0 0.2rem;} a.category-title h3 small {margin-bottom: inherit; display: block; font-size: 50%; line-height: 1rem; background-color: #ccc; color: #fff; padding: 0.45rem; margin-top: 0.55rem;} a.category-title:hover h3 {color: #000;} a.category-title:hover h3 small {color: #000;} .bg-kk-yellow {background-color: #fec104 !important;} .bg-kk-green {background-color: #009640 !important;} .bg-kk-blue {background-color: #3f7aca !important;} .bg-kk-purple {background-color: #af00b3 !important;} .bg-kk-red {background-color: #e4051f !important;} .bg-kk-white {background-color: #ffffff !important;} .bg-kk-grey {background-color: #666666 !important;} .bg-kk-medgrey {background-color: #aaaaaa !important;} .bg-kk-light {background-color: #dddddd !important;} .bg-kk-pastel {background-color: #ffffdd !important;} .border-kk-grey {border-color: #a9a9a9 !important;} .text-kk-yellow {color: #fec104 !important;} .text-kk-green {color: #009640 !important;} .text-kk-blue {color: #3f7aca !important;} .text-kk-purple {color: #af00b3 !important;} .text-kk-red {color: #e4051f !important;} .text-kk-white {color: #ffffff !important;} .text-kk-black {color: #000000 !important;} .text-kk-grey {color: #666666 !important;} .text-kk-medgrey {color: #aaaaaa !important;} .text-kk-light {color: #dddddd !important;} .text-kk-dark {color: #333333 !important;} .text-kk-lh-100 {line-height: 100% !important;} .text-kk-lh-150 {line-height: 150% !important;} .text-kk-lh-200 {line-height: 200% !important;} .text-kk-lh-250 {line-height: 250% !important;} .text-kk-100 {font-size: 100% !important;} .text-kk-150 {font-size: 150% !important;} .text-kk-200 {font-size: 200% !important;} .kk-strong {font-weight: 700;} .kk-italic {font-style: italic;} .kk-uppercase {text-transform: uppercase !important;} .w-icon {width: 1.6rem; height: 1.6rem; text-align: center; line-height: auto;} .w-icon:hover {box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); cursor: help;} @media (min-width: 1400px) { .col-kk-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .btn-kk-yellow {color: #fec104 !important;} .btn-kk-yellow:hover {color: #000000 !important;} .size-kk-100 {font-size: 100%;} .size-kk-125 {font-size: 125%;} .size-kk-150 {font-size: 150%;} .size-kk-175 {font-size: 175%;} .size-kk-200 {font-size: 200%;} a.facebook-icon, a.facebook-icon:hover {color: #3b5998 !important;} a.google-icon, a.google-icon:hover {color: #dd4b39 !important;} a.twitter-icon, a.twitter-icon:hover {color: #1da1f2 !important;} a.facebook-icon, a.google-icon, a.twitter-icon {opacity: 0.7;} a.facebook-icon:hover, a.google-icon:hover, a.twitter-icon:hover {opacity: 1;} .page {display: block; width: 100%; height: 100% !important; margin: 0; padding: 0;} img.kklogo {width: 100%; max-width:13rem; margin-left: 15px;} .kk-nav { background-color: #fff; position: relative; top: 0; right: 0; left: 0; z-index: 980; border-top: 0.5rem solid #e4051f;} .kk-brand {margin: 0.8rem 0;} .kk-collapse {margin-top: 0.75rem;} .kk-collapse > .row {margin: auto;} ul.kk-static-links-main, ul.kk-static-links-sub {display: block; max-width:13rem; list-style: none; padding: 1rem 0; margin: 0 auto; border-top: 1px solid #a9a9a9;} ul.kk-static-links-main li a, ul.kk-static-links-sub li a, ul.kk-static-links-main li button, ul.kk-static-links-sub li button {display: block; padding: 0.5rem 0;} ul.kk-static-links-main li a, ul.kk-static-links-main li button {color: #e4051f !important; font-weight: 700; font-size: 85%; text-transform: uppercase;} ul.kk-static-links-main li a i, ul.kk-static-links-main li button i {color: #555555; font-size: 85%; display: inline-block; width: 1.2rem; margin-right: 0.5rem;} ul.kk-static-links-main li a:hover, ul.kk-static-links-main li a:hover i, ul.kk-static-links-main li button:hover, ul.kk-static-links-main li button:hover i {color: #000000 !important;} ul.kk-static-links-sub li a, ul.kk-static-links-sub li a, ul.kk-static-links-sub li button, ul.kk-static-links-sub li button {display: block; padding: 0.5rem 0;} ul.kk-static-links-sub li a, ul.kk-static-links-sub li button {color: #555555 !important; font-size: 85%;} ul.kk-static-links-sub li a { padding-left: 1rem; text-indent: -1rem;} ul.kk-static-links-sub li a i, ul.kk-static-links-sub li button i {color: #e4051f; display: inline-block; width: 1.2rem; margin-right: 0.5rem;} ul.kk-static-links-sub li a:hover, ul.kk-static-links-sub li a:hover i, ul.kk-static-links-sub li button:hover, ul.kk-static-links-sub li button:hover i {color: #e4051f !important;} .submenutogglebutton {border: none !important; background: transparent !important; color: #e4051f; width: 100%; text-align: left;} .submenutogglebutton:hover {cursor: pointer;} .menu-submenu {list-style: none; margin: 0; padding-left: 1.65rem;} .menu-submenu li {text-indent: 0rem; padding: 0; margin: 0;} .menu-submenu li a:before, .menu-submenu li button:before {content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; background-color: #e4051f !important; margin-right: 0.5rem; margin-bottom: 0.1rem;} #PopUpMenu {z-index: 949; display: block; position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; border-top: 0.5rem solid #e4051f; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); padding: 0px 15px; margin-top: -5rem;} #PopUpMenu {-webkit-transition: margin-top 0.25s ease-out; -moz-transition: margin-top 0.25s ease-out; transition: margin-top 0.25s ease-out;} #PopUpMenu.show {margin-top: 0rem;} .kk-colorbar {margin: 0px -30px 0px -30px;} #TopMenu {padding-bottom: 0.5rem; } #TopMenuHeading {padding-bottom: 1rem;} #filterblock * {font-size: 0.85rem !important; line-height: 1.7rem !important;} .accordion {margin-left: -15px; margin-right: -15px;} .TopMenuHeading {} .TopMenuBlock {border-bottom: 2px solid #ffffff; padding-bottom: 0.5rem; padding-top: 0rem; } p.shopping-cart-block {line-height: 250%; font-weight: 700;} p.shopping-cart-block span.highlight {font-size: 150%; color: #009640; margin-right: 0.3rem;} .shopping-cart-block-icon {font-size: 200%; position: relative; top: -1rem;} .shopping-cart-info {text-align: center;} ul.accordionlist {list-style: none; margin: 0; padding: 0; display: block; width: 100% !important;} ul.accordionlist li {float: left; margin-top: 1rem; } ul.accordionlist li {border-left: 1px solid #a9a9a9;} ul.accordionlist li:last-child {border-right: 0 solid transparent;} ul.accordionlist li:first-child {border-left: 0 solid transparent;} ul.accordionlist li button {color: #797979; background-color: transparent; padding-top: 0; padding-bottom: 0;} ul.accordionlist li button span {font-size: 90%; font-weight: 700;} ul.accordionlist li button.yellow-tab:hover , ul.accordionlist li button.yellow-tab:focus , ul.accordionlist li button.yellow-tab.active {color: #fec104;} ul.accordionlist li button.green-tab:hover , ul.accordionlist li button.green-tab:focus , ul.accordionlist li button.yellow-tab.active {color: #009640;} ul.accordionlist li a.green-tab:hover , ul.accordionlist li a.green-tab:focus , ul.accordionlist li a.green-tab.active {color: #009640;} ul.accordionlist li a.green-tab {color: #666666;} ul.accordionlist li button.blue-tab:hover , ul.accordionlist li button.blue-tab:focus , ul.accordionlist li button.yellow-tab.active {color: #3f7aca;} ul.accordionlist li button.purple-tab:hover , ul.accordionlist li button.purple-tab:focus , ul.accordionlist li button.yellow-tab.active {color: #af00b3;} a.profilemenu {display: block; padding: 1rem; color: #3f7aca; } a.profilemenu i {margin-right: 1rem; } a.profilemenu span {font-weight: 700;} @media (min-width: 768px) { a.profilemenu i {font-size: 200%; padding: 0; margin: 0 0 1rem 0;} a.profilemenu span {display: block;} } .kk-swiper {margin-left: -0.5rem; margin-right: -0.5rem; margin-bottom: 2rem;} .swiper-container, .imgpopup-container {width: auto; height: auto; padding: 0;} .swiper-slide { background: transparent; } .swiper-button-prev, .swiper-button-next {background-image: none; font-size: 200%; color: #ffffff; background-color: #a9a9a9; display: block; padding: 1px 6px 1px 9px; text-align: center; height: auto; width: auto; margin-top: -1rem; line-height: 0;} .swiper-button-prev:hover, .swiper-button-next:hover {background-color: #e4051f !important;} .swiper-button-prev {left: 0;} .swiper-button-next {right: 0;} .swiper-scrollbar {display:none} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 0.15;} .slider-product-block {display: block; position: relative; width: 94%; margin: 0 auto; border: 1px solid #797979; color: #797979; text-align: center; background-color: #ffffff; overflow: hidden;} .slider-product-block:hover {border: 1px solid #000000; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);} .slider-product-block-img {text-align: center;} .slider-product-block img {width: 99%; border: none; margin-bottom: 0;} .slider-product-block-img:after {content:' '; display: block; padding: 0.1rem 0; width: 33%; margin: 0.5rem auto 2rem; background-color: #e4051f;} .slider-product-block-package-marker {display: block; width: 80px; height: 80px; background: url('../images/csomagajanlat-marker.png'); position: absolute; left: 0; top: 0; } .slider-product-block-product-original-price {display:block; width: 100%; padding: 2rem auto; color: #666666; font-weight: 400; position: absolute; bottom: 3.5rem; font-size: 100%; text-decoration: line-through;} .slider-product-block-product-price {display:block; width: 100%; padding: 0.5rem 0; background-color: #009640; color: #ffffff; font-weight: 700; position: absolute; bottom: 0; font-size: 125%;} .slider-product-block-product-name {color: #333333; font-weight: 700; padding: 0 1rem; font-size: 100%; line-height: 150%; text-align: center;} .product-listing-product-block {display: block; position: relative; width: 100%; margin: 0 auto; border: 1px solid #797979; color: #797979; text-align: center; background-color: #ffffff; overflow: hidden; margin-bottom: 2rem;} .product-listing-product-block:hover {border: 1px solid #000000; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);} .product-listing-product-block-img {text-align: center;} .product-listing-product-block img {width: 99%; border: none; margin-bottom: 0;} .product-listing-product-block-img:after {content:' '; display: block; padding: 0.1rem 0; width: 33%; margin: 0 auto 2rem; background-color: #e4051f;} .product-listing-product-block-package-marker {display: block; width: 80px; height: 80px; background: url('../images/csomagajanlat-marker.png'); position: absolute; right: 0; top: 0; } .product-listing-product-block-product-original-price {display:block; width: 100%; padding: 2rem auto; color: #666666; font-weight: 400; position: absolute; bottom: 3.5rem; font-size: 100%; text-decoration: line-through;} .product-listing-product-block-product-price {display:block; width: 100%; padding: 0.5rem 0; background-color: #009640; color: #ffffff; font-weight: 700; position: absolute; bottom: 0; font-size: 125%;} .product-listing-product-block-product-name {color: #333333; font-weight: 700; padding: 0 1rem; font-size: 100%; line-height: 150%;} span.virtualmarker {display:block; width: 80px; height: 80px; background: url('/images/kreativkid/csomagajanlat-marker.png'); position: relative; right: -36px; bottom: 80px; margin-bottom: -80px;} span.virtualmarkerpi {display:block; width: 80px; height: 80px; background: url('../images/csomagajanlat-marker.png'); position: absolute; left: 0; top: 0; } span.virtualmarkerpl {display:block; width: 80px; height: 80px; background: url('/images/kreativkid/csomagajanlat-marker.png'); position: relative; right: calc(-100% + 80px); bottom: 0; margin-bottom: 0px;} .pager > span.summary, .pager > span.pagerbuttons, .pager > span.changeviewbuttons {line-height: 300%;} .pager > span.changeviewbuttons > button {display: none;} .listing-in-col, .listing-in-row {display: block; margin: 2rem 0;} .listing-in-row > .product-list-item.shopping-cart-item {box-shadow: none;} .listing-in-row > .product-list-item.shopping-cart-item:hover {background: #dddddd; box-shadow: none;} .listing-in-row > .product-list-item.shopping-cart-item > .product-list-item-left > .product-list-item-img {float: left; width: 40%; display: inline-block;} .listing-in-row > .product-list-item.shopping-cart-item > .product-list-item-left > .product-list-item-img:after {display: none;} .listing-in-row > .product-list-item.shopping-cart-item > .product-list-item-left > .product-list-item-desc {float: left; width: 60%; display: inline-block; text-align: left;} .listing-in-row > .product-list-item.shopping-cart-item > .product-list-item-left > .product-list-item-desc p a {font-size: 0.85rem; margin-bottom: 0; padding-bottom: 0;} .listing-in-col > .product-list-item, .listing-in-row > .product-list-item {display: inline-block; background-color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); text-align: center; vertical-align: text-top;} .listing-in-col > .product-list-item, .listing-in-row > .product-list-item {width: 100%; margin: 1.5rem 0 0 0;} .listing-in-col > .product-list-item:hover, .listing-in-row > .product-list-item:hover {box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);} .listing-in-col > .product-list-item.virtualmarker > .product-list-item-left > .product-list-item-img:before, .listing-in-row > .product-list-item.virtualmarker > .product-list-item-left > .product-list-item-img:before {content: ''; display: block; width: 80px; height: 80px; background: url('../images/csomagajanlat-marker.png'); position: relative; right: 0; top: 0; margin-bottom: calc(-80px + 1rem); margin-top: -1rem; margin-left: -1rem;} .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-img, .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-img {display: block; width: 100%; padding: 1rem} .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-img:after, .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-img:after {content:' '; display: block; padding: 0.1rem 0; width: 33%; margin: 0.5rem auto 0rem; background-color: #e4051f;} .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-img > a > img.img-fluid {height: auto;} .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-desc h2 {text-align: center;} .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-desc, .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc {display: block; padding: 0.5rem 1rem; overflow: hidden; } .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-desc p.desc, .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc p.desc {display: none;} .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-desc p.rating {display: none;} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc p.rating {display: none; margin-bottom: 0;} ul.epf-list {display: none; list-style: none;} .listing-in-col > .product-list-item > .product-list-item-offer {display: block; height: 100%; vertical-align: bottom;} .listing-in-col > .product-list-item > .product-list-item-offer > .priceblock {display: inline-block; } @media (min-width: 460px) { .listing-in-row > .product-list-item.shopping-cart-item {box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);} .listing-in-row > .product-list-item.shopping-cart-item:hover {box-shadow: 0px 0px 8px rgba(0, 0, 0, 1); background-color: #fff;} .pager > span.changeviewbuttons > button {display: inline-block;} .listing-in-col > .product-list-item {width: 48%; margin: 1.5rem 2% 0 0;} .listing-in-col > .product-list-item > .product-list-item-left > .product-list-item-desc .name {height: 75px; overflow: hidden; } .listing-in-col > .product-list-item > .product-list-item-offer > .priceblock {height: 3rem; } } @media (min-width: 760px) { .listing-in-col > .product-list-item {width: 31%; margin: 1.5rem 2% 0 0;} .pager > span.changeviewbuttons {padding-right: 3%;} } @media (min-width: 992px) { .listing-in-col > .product-list-item {width: 48%; margin: 1.5rem 2% 0 0; } } @media (min-width: 1200px) { .listing-in-col > .product-list-item {width: 31%; margin: 1.5rem 2% 0 0;} } @media (min-width: 1400px) { .listing-in-col > .product-list-item {width: 23%; margin: 1.5rem 2% 0 0;} } @media (min-width: 460px) { .listing-in-row > .product-list-item {display: block; background-color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); text-align: left;} .listing-in-row > .product-list-item:hover {box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);} .listing-in-row > .product-list-item {margin: 1rem 0;} .listing-in-row > .product-list-item > .product-list-item-left {display: block; width: 100%;} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-img {display: table-cell; width: 50%; max-width: 320px; min-width: 160px; vertical-align: top; padding: 1rem} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc {display: table-cell; border-right: 1px solid #f2f2f2; vertical-align: top; padding: 2rem;} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc h2 {text-align: left;} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc p.rating {margin-bottom: 1.5rem; display: block;} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-img:after {display: none;} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc > ul.epf-list {display: block; list-style: none; margin: 0; padding: 0;} ul.epf-list li {display: inline-block; width: 100%;} ul.epf-list li span.epf-label, ul.epf-list li span.epf-data {display: inline-block; margin-right: 0.5rem;} ul.epf-list li span.epf-label {font-weight: 700;} ul.epf-list li span.epf-data {text-align: left; white-space: nowrap;} } @media (min-width: 1200px) { .listing-in-row > .product-list-item > .product-list-item-left {display: table-cell; width: 75%;} } .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc p.desc {display: none;} @media (min-width: 1400px) { .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-desc p.desc {display: block;} .listing-in-row > .product-list-item > .product-list-item-left > .product-list-item-img {width: 33%;} } .listing-in-row > .product-list-item > .product-list-item-offer {display: table-cell; vertical-align: top; width: 25%; min-width: 16rem;} .breadcrumb {display: block; width: 100%; background: transparent; padding-top: 0; border-bottom: 2px solid #ffffff;} .breadcrumb li {display: inline-block;} .breadcrumb li:after {content: '/'; padding-right: 0.25rem; padding-left: 0.25rem;} .breadcrumb li:last-child:after {content: '';} .breadcrumb li a {background: transparent; padding: 0 0.25rem; color: #666666;} .breadcrumb li a:hover {color: #000000;} .breadcrumb li:last-child a {color: #000000; font-weight: 700;} ul.progressbar {list-style: none; padding: 0; margin: 0;} ul.progressbar li:after {content:'»'; font-size: 150%; font-weight: 700; display: block; position: absolute; right: -0.5rem; top: 10%; color: #aaaaaa;} ul.progressbar li:last-child:after {display: none;} ul.progressbar li i {font-size: 250%;} ul.progressbar li span {font-weight: 700;} ul.progressbar li.current i:after {display: block; content: ' '; width: 0; height: 0; border-left: 1rem solid transparent; border-top: 1rem solid transparent; border-right: 1rem solid transparent; border-bottom: 1rem solid #e4051f; position: relative; margin: -0.5rem auto 0;} @media (min-width: 460px) { ul.progressbar li:after {content:'»'; font-size: 250%; font-weight: 700; display: block; position: absolute; right: -0.5rem; top: 25%; color: #aaaaaa;} ul.progressbar li i {font-size: 350%;} } .checkoutinfoblock {background-color: #ffffff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); white-space: pre-wrap; color: #666666; vertical-align: top;} .checkoutinfoblock .shippingicon {height: 5rem;} .checkoutinfoblock .shippingname {height: 3rem; font-weight: 700;} .checkoutinfoblock .paymentname {font-weight: 700;} .checkoutinfoblock .shippingnamecity {height: 3rem; font-weight: 700; color: #e4051f;} .checkoutinfoblock .shippingdate {font-size: 85%;} .checkoutinfoblock .shippingdate:after {display: block; content: ''; width:33%; height: 0.1rem; background-color: #e4051f; margin: 1rem auto 0;} @media (max-width: 767px) { .map-modal {width: 100vw !important; max-width: 100vw !important; height: 100vh !important; max-height: 100vh !important;} .modal-dialog {margin: 0;} #big-canvas {width: 100vw; height: 100vh;} #big-canvas > #left-canvas {width: 90vw; height: auto;} #big-canvas > #right-canvas {width: 90vw; height: 50vh; float: left;} } @media (min-width: 768px) { .modal-dialog {margin: 0.5rem auto;} .map-modal {width: 740px !important; max-width: 740px !important; height: 440px !important; max-height: 440px !important;} #big-canvas {width: 700px; height: 400px;} } @media (min-width: 1200px) { .map-modal {width: 1110px !important; max-width: 1110px !important; height: 660px !important; max-height: 660px !important;} #big-canvas {width: 1050px; height: 600px;} } .checkoutinfoblock.active {border: 4px solid #009640; color: #333333; font-weight: 700;} .checkoutinfoblock.active i {color: #009640;} .checkoutinfoblock:hover, .checkoutinfoblock:focus, .checkoutinfoblock.active:hover {box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);} a.editlink {padding: 0.25rem 0.5rem; background-color: #aaaaaa; color: #000000; font-size: 75%; margin: 0.5rem 0 0.5rem 0; display: block;} a.editlink:hover {background-color: #e4051f; color: #ffffff !important; } @media (min-width: 576px) { a.editlink {margin-top: 0;} } ul.product-info-epf-list {list-style: none; padding-left: 0;} ul.nav-tabs {list-style: none; padding-left: 0; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #a9a9a9;} ul.nav-tabs li {border-right: 1px solid #a9a9a9; padding-right: 1rem; margin-right: 1rem; margin-top: 1rem;} ul.nav-tabs li:last-child {border-right: none;} ul.nav-tabs li button {background: transparent; border: 0; padding: 0; margin-bottom: 0; color: #333;} ul.nav-tabs li button:hover {cursor: pointer; color: #e4051f;} ul.nav-tabs li button.active {cursor: pointer; color: #e4051f;} .product-info-reviews {border-bottom: 1px solid #a9a9a9; margin-bottom: 1rem; padding-bottom: 1rem;} .product-info-reviews:last-child {border: none;} .product-info-img-div {border: 1px solid #a9a9a9; position: relative;} .img-zoom:hover {cursor: zoom-in;} .img-gallery {float:right; position: relative; bottom: 30px;} #viewerimg {display: block; text-align: center; margin-top: 20px; margin-bottom: 5px; width: 100%; height: 60px; background: url('/images/kk-360-viewer.jpg') no-repeat top center; background-color: #fff;} #description, #description * {font-size: 0.85rem !important; line-height: 1.7rem !important; color: #333333 !important; background-color: transparent !important; font-family: 'Open Sans', sans-serif !important;} #infocontent, #infocontent * {font-size: 0.85rem !important; line-height: 1.7rem !important; background-color: transparent !important; font-family: 'Open Sans', sans-serif !important;} #description a, #infocontent a {color: #e4051f !important; text-decoration: underline;} p.regerror {font-weight: 700; color: #e4051f !important; background-color: #e2e2e2; padding-left: 1rem; padding-right: 1rem;} #GoToTop {display: none;} footer {display: block; padding: 1rem; background-color: #797979; font-size: 85%; margin-top: 2rem;} footer ul {list-style: none; padding: 0; margin: 0;} footer ul li {display: block; border-bottom: 1px solid #a9a9a9;} footer ul li:last-child {border-bottom: none;} footer ul li a {display: block; color: #ffffff; padding: 0.5rem;} footer ul li a:hover {background-color: #a9a9a9; color: #000000;} ul.kk-static-links-main, ul.kk-static-links-sub {max-width: 100%;} .kk-content {margin-top: 0; } .kk-topmenu {width: 100%; margin: 0 auto; border: none; padding: 0px 15px;} @media (min-width: 576px) { ul.accordionlist li {padding-left: 0; padding-right: 0;} .shopping-cart-block-icon {font-size: 300%; position: relative; top: -0.5rem;} #TopMenu {padding-bottom: 1rem;} footer ul li {display: inline-block; border-right: 1px solid #a9a9a9; border-bottom: none;} footer ul li:last-child {border-right: 0;} footer ul li a {display: block; color: #ffffff; text-decoration: none; padding: 0.5rem; margin-right: 3px;} footer ul li a:hover {text-decoration: none; background-color: #a9a9a9; color: #000000;} } @media (min-width: 768px) { ul.accordionlist li button span {font-size: 100%; padding-left: 15px; padding-right: 15px;} #GoToTop {position: relative; right: 0; bottom: 50%; background-color:rgba(0, 0, 0, 0.3); -webkit-transition: background-color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; } #GoToTop:hover {background-color:rgba(255, 0, 0, 1);} #GoToTop a {display:block; padding: 0.75rem 1.25rem; color: #ffffff;} .kk-content label {text-align: left;} .shopping-cart-info {text-align: left; white-space: normal;} .shopping-cart-info br {display: none;} } @media (min-width: 992px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {text-align: left;} a.category-title h3 small {float: right;} .kk-nav{ display: block; height: 100% !important; top: 0; left: 0; right: 0; padding: 2rem; background-color: #fff; position: fixed; z-index: 980; overflow-y: scroll; } .kk-brand {margin: 0.8rem 0 2rem;} img.kklogo {width: 100%; max-width:13rem; margin-left: 0;} .kk-collapse {margin-top: 2rem;} .kk-mainmenu {width: 100%; max-width: 20rem;margin: auto; padding: 0; } .kk-topmenu {max-width: 20rem; padding: 0; } ul.kk-static-links-main, ul.kk-static-links-sub {width: 100%;} ul.kk-static-links-sub {border-bottom: 1px solid #a9a9a9;} .kk-content {margin-top: 0; padding: 0rem 5rem 4rem;} .kk-colorbar {margin: 0;} .TopMenuHeading {margin: 0 15px 0 15px;} ul.accordionlist li {border-left: 1px solid #a9a9a9;} ul.accordionlist li:first-child {border-left: 1px solid #a9a9a9;} ul.accordionlist li:last-child {border-right: 1px solid #a9a9a9;} ul.accordionlist li button span {font-size: 90%;} .popupmenu span {font-size: 90%;} #TopMenu {padding-bottom: 2rem;} #PopUpMenu {padding: 0rem 5rem 0rem 9rem;} h1.h3.products_name {font-size: 1.75rem; margin-bottom: 1.2rem; } footer.checkout {position: fixed; bottom: 0; width: 75%; margin-left: 25%; z-index: 949;} } @media (min-width: 1200px) { ul.accordionlist li button span {font-size: 100%;} } .lds-ellipsis { margin-left: 1rem; display: inline-block; position: relative; width: 64px; height: 6px; } .lds-ellipsis div { position: absolute; top: 0; width: 6px; height: 6px; border-radius: 50%; background: #e4051f; animation-timing-function: cubic-bezier(0, 1, 1, 0); -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0); -moz-animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; -webkit-animation: lds-ellipsis1 0.6s infinite; -moz-animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; -webkit-animation: lds-ellipsis2 0.6s infinite; -moz-animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; -webkit-animation: lds-ellipsis2 0.6s infinite; -moz-animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; -webkit-animation: lds-ellipsis3 0.6s infinite; -moz-animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% {transform: scale(0);} 100% {transform: scale(1);} } @keyframes lds-ellipsis3 { 0% {transform: scale(1);} 100% {transform: scale(0);} } @keyframes lds-ellipsis2 { 0% {transform: translate(0, 0);} 100% {transform: translate(19px, 0);} } @-webkit-keyframes lds-ellipsis1 { 0% {-webkit-transform: scale(0);} 100% {-webkit-transform: scale(1);} } @-webkit-keyframes lds-ellipsis3 { 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0);} } @-webkit-keyframes lds-ellipsis2 { 0% {-webkit-transform: translate(0, 0);} 100% {-webkit-transform: translate(19px, 0);} } .popup-container {position: fixed; width: 100vw; height: 100vh; z-index: 999;} .popup-overlay {position: absolute; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.75;} .popup-box, .popup-basket {display: block; position: absolute; background-color: #ffffff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75); } .popup-close {border: none; background: transparent; color: #000000; padding: 0; margin: 0; position: absolute; top: 0.9rem; right: 1rem;} .popup-close:hover, .basket-popup-close:hover {color: #e4051f; cursor: pointer;} .basket-popup-close {border: none; background: transparent; color: #000000; padding: 0; margin: 0; position: absolute; top: 1.6rem; right: 3rem;} .popup-box, .popup-basket {width: 100%; height: 100%; padding: 1rem; overflow: auto;} .popup-box img.img-vert {width: 100%; height: auto; display:block;} .popup-box img.img-hor {width: 100%; height: auto; display: none;} .popup-button-accept {display: inline-block; padding: 1rem 1.5rem; color: #ffffff; font-weight: bold; background-color: #009640; text-decoration: none; font-size: 1rem; margin-bottom: 1rem;} .popup-button-accept:hover {cursor: pointer; color: #000000;} .popup-button-dismiss {color: #000000; text-decoration: underline; border: none; background: transparent; font-size: 0.85rem;} .popup-button-dismiss:hover {cursor: pointer; color: #000000; text-decoration: none;} .popup-button-share {color: #ffffff; text-decoration: none; border: none; background-color: #1778f2; font-size: 0.85rem; padding: 0.25rem 0.5rem;} .popup-button-share:hover {cursor: pointer; color: #000000;} ul.basket_popup_list {margin: 0; padding: 0; list-style-type: none;} ul.basket_popup_list li {line-height: 100%; margin-bottom: 1rem; padding-left: 2.4rem; text-indent: -0.7rem;} ul.basket_popup_list li label {font-weight: bold; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } @media (max-width: 575px) { .popup-box { top: 0; left: 0;} } @media (min-width: 576px) { .popup-basket {height: auto; padding: 1.5rem;} .popup-box {width: 500px; height: auto; padding: 1.5rem;} .popup-box img.img-vert {display:none;} .popup-box img.img-hor {display: block;} .popup-button-accept {padding: 0.5rem 1rem; margin-bottom: 0.5rem; font-size: 1.25rem; } } @media (min-width: 768px) { .popup-basket {max-height: 90vh;} .popup-box {width: 600px; height: auto; padding: 1.5rem;} .popup-close {top: 1.4em; right: 1.5rem;} .basket-popup-close {top: 2em; right: 3rem;} .popup-button-accept {font-size: 1.5rem; } } @media (min-width: 992px) { .popup-box {width: 800px; padding: 2rem;} .popup-button-accept {font-size: 1.75rem; } } @media (min-width: 1200px) { .popup-box {width: 1000px; padding: 2.5rem;} .popup-button-accept {font-size: 2rem; } } @media (min-width: 1400px) { .popup-box {width: 1200px; padding: 3rem;} } a.mainpage-banner {display: block; margin-bottom: 1rem;} a.mainpage-banner img {width: 100%;} .banner-desk {display: none;} .banner-mob {display: block;} @media (min-width: 460px) { .banner-desk {display: block;} .banner-mob {display: none;} } .kk-topmenu-button { background-color: #f6f6f6; position: relative; width: 50%; padding-top: 4.75rem; border: 0; margin-top: 2px; max-height: 5.3rem; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; } .kk-topmenu-button.first-button { width: 100%; } .kk-topmenu-button span { position: absolute; left: 0; bottom: 0.5rem; right: 0; text-align: center; font-size: 0.85rem; text-transform: uppercase; font-weight: bold; } .kk-topmenu-button span i { margin: 0 0.25rem 0.25rem; } .kk-topmenu-button.active, .kk-topmenu-button:hover { cursor: pointer; background-color: #757575; } .kk-topmenu-button:nth-child(1) span { color: #fec104; } .kk-topmenu-button:nth-child(2) span { color: #009640; } .kk-topmenu-button:nth-child(3) span { color: #3f7aca; } .kk-topmenu-button:nth-child(4) span { color: #af00b3; } .kk-topmenu-button:nth-child(1).active, .kk-topmenu-button:nth-child(1):hover { background-color: #fec104; } .kk-topmenu-button:nth-child(2).active, .kk-topmenu-button:nth-child(2):hover { background-color: #009640; } .kk-topmenu-button:nth-child(3).active, .kk-topmenu-button:nth-child(3):hover { background-color: #3f7aca; } .kk-topmenu-button:nth-child(4).active, .kk-topmenu-button:nth-child(4):hover { background-color: #af00b3; } .kk-topmenu-button.active span, .kk-topmenu-button:hover span { color: #ffffff; } @media (min-width: 460px) and (max-width: 991px) { .kk-topmenu-button, .kk-topmenu-button.first-button { width: auto; padding: 1.25rem 1.25rem 0; margin-right: 0.25rem; } .kk-topmenu-button span { position: relative; } } @media (min-width: 992px) and (max-width: 1199px) { .kk-topmenu-button { width: 100%; padding-top: 2.75rem; } br { display: none; } .kk-topmenu-button span i { font-size: 125%; } } main { transition: all ease-in-out .5s; } .categoryChange { opacity: .5; transition: opacity ease-in-out .5s; }