/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * 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; touch-action: manipulation; -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; 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; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .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 { -ms-touch-action: pan-y; touch-action: pan-y; -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 { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .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("https://www.degriz.net/skin/frontend/degriz2/default/css/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 v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} .location-container { position: fixed; z-index:9999; text-align: center; color: #000; font-size: 18px; max-width: 100%; width: 360px; bottom: 15px; left: 50%; transform: translateX(-50%); background: #fff; padding: 25px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .location-container .wrap { position: relative; } .location-container .close { position: absolute; cursor: pointer; top: -35px; right: -35px; width: 28px; height: 28px; background: #000; background-repeat: no-repeat; background-size: 40% 40%; background-position: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 384.1 384.2' style='enable-background:new 0 0 384.1 384.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M373.6,322.7L243,192.1L373.6,61.5c14.1-14.1,14.1-36.8,0-50.9s-36.8-14.1-50.9,0L192.1,141.2L61.5,10.6 c-14.1-14.1-36.8-14.1-50.9,0s-14.1,36.8,0,50.9l130.6,130.6L10.6,322.7c-14.1,14.1-14.1,36.8,0,50.9s36.8,14.1,50.9,0L192.1,243 l130.6,130.6c14.1,14.1,36.8,14.1,50.9,0C387.6,359.5,387.6,336.7,373.6,322.7z'/%3E%3C/svg%3E%0A"); } .location-container .close span { display: none; } .location-container .location-options { margin: 15px 0; } .location-container .location-options li { display: inline; } .location-container .location-options a { border: 1px solid #999; color: #000; padding: 0 20px; font-size: 16px; margin: 5px 0; display: inline-block; text-decoration: none; font-size: 16px; line-height: 38px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .location-container .location-options li:last-child a { border-color: #000; background-color: #000; color: #fff; } .location-container .store-label { font-size: 14px; line-height: 1.5em; color: #999; margin-top: 20px; padding: 10px 0 5px 0; border-top: 1px dashed #ccc; } .location-container select#store-view { background: #f9f9f9; width: 100%; margin-top: 5px; font-size: 16px; line-height: 40px; height: 40px; padding: 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /** * @category design * @package Degriz * @copyright Copyright (c) 2022 Degriz d.o.o. (https://www.degriz.net) * @license commercial */ @font-face { font-family: Icons; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAArEAAsAAAAAEYwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQAAAAFYqSTkcY21hcAAAAYQAAACNAAACNOGAJl9nbHlmAAACFAAABmgAAAqAht3DQmhlYWQAAAh8AAAAMwAAADYYa0RtaGhlYQAACLAAAAAeAAAAJAJMAgNobXR4AAAI0AAAAC8AAABAB8f/+mxvY2EAAAkAAAAAIgAAACIQag5KbWF4cAAACSQAAAAfAAAAIAE1AU5uYW1lAAAJRAAAASkAAAIWm5e+CnBvc3QAAApwAAAAUQAAAHfh51nmeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGSoYZzAwMrAwGjL4MbAwMAHpQ0YWBgkGRiYGFiZGbCCgDTXFAaHBwwP+BhSgFxOhjSgYqAxIDkAE50GxHic7ZHbDcIwEAQnxIRXSBpJDRTEF0VSyHYS9pwtA0tz0p0fsnaAMzCazTQYPgzUens69PnIvc8br36m1VzLvrtS1X3r9eSzzS9OXLhy870HM08WVm9P/Nfc6zfdWgke9EyDc0Sh3ChUygrlTcF5o+DkUbADFGwDhfKpYEMo1O8UbA0F+7PvA9Yf708kxQAAAHicdVbNb+RIFa9Xn3bZbXcn7nZPoiQTe9eeTEMm3f5iCEkUwa7msIjDahfECBAii7hx3BM3BJdFAokzdw6cuPIXcOPCnRv8ExN+z92T2Syi0imXX71X79X7+D0LEhj0b3ErIiHePy1stmhON31b0T/ffNd57+ivLopuferxY1bmFz8VPxGHQgxl11aFPaKS5S5pni02/RU1LP+jZ1LJZ6QUbRdSdpXEqPD2HG/0HIu3531PfCamOM/ZompvqK7afnNCi+yjlTRGVZUyRq7U11dSW1lV0mq5klZA/P5e3EF2IUpI19fUtedUJJQdsxFDDnPaur2mzTFlCRXn9LOlMVGWZ1G8HweJXcKQH/tZNvV+ms28WdokiLNo5DCGdzs/8zsGoaBNiE+hLxMr8UtobNbQ0nZVXa2ocNZl82OqL15SO/SXtFnM1wuX0IoV1zmT66ouqxf0nGyG6+XHdEQLiNkCG+0Vtf3QD2s4ryhBLbExX4+Mi83Q31D/nEIvKTSWrAlJemu1IeOJKADJSbokBYIzJImsdQoP4+InsTNS+ZBA5k2jIKFdcpI4TXQee6sTo5RJtPXxU6+lC5UJQ+dNZ5WVpBXCpTQhFqQRNcU/RYiJtHAR74DPKVLgkHjAS3r01Q/hq2diLb4pvsPe4uSouxoBWjQ5kiW32RihZvtkJ1ZXuG7GadBv3i3qkjcgYg867T6c8v1oYjTZ0NIS9lprNrBpqvgearV9qE6pW104k8e4PIy90paUw1A8h0ijQOZyZFXbx4FSxz5TSsj7N/dvxM/xF4sz2H5OiTyW17JCsF7Q4zwdYGGWUr7IPgkPDvad2x/nJ6QpSVEBMk1JYp3AQUz5xL9lwXxOlKZQTmkC5/IMD4JVf7k2ZrAA+h70sA3VXD2qjo2Sj+rjrfwdTuDaemysLb5STctHh+1ke+hecZ3vivyIdmWO7N4WOpIWYevafktpq3YSTSbE4SGa4W68TJVG8tHdJIqJpkRnTDwbl16rkWmEoTFnPt/ptGU/WHfOaufZHBWEJMmLekybskaBY15srumK+s+dC6QLlDc+SQ5DZY01UcABjYPJzM6en8zcD2CDllonEfw7ie0kgs+DBIkUhBFF2elMGWg39xiw4DOxL2rRiivxIWzZcKVmu1LGLa+pyRlqVgw2Rww3uP411Q84A46cM5pxcdjmcGY/CNIAv2r7+Jb1tsL/7nHmIueihCdnvY+9P4VtqLy7dyL8+OBLMtZvdiKYzlgm9s9YRo3+lGMMf4cMWIr3xxwe7XX2wWLJEUslF1fbM+D+VqeT2yR1gI/p9DaewGXrI5xn5JF6bbQJnYmXyTTQQRIv48kZEludQF0q4bzDUd8foS/DukfNvxIfi++L1+IX4lfi1+IP4k/iz+Iv4m/i7+If4l/iPyhjSzkc+IJauoWFhSvnw2bXTzbDet4MrSvaS8rssGm6spgzHGYruli7BcC3a1EH2O7KoXRZcwNB/Lsmv6jXYJ+vu7wuu6YGKQWTawaciDmHIvd/FOVFtyJ3RCd0Q53LVrK+ouESr+VF9xKHzBscusahhVsPfGTftMPFenD1GO3NDbGOAiGH0Q81sy0Od7FGsQz5gCwpi9qW21TBTfK+QfLM3SIf6ravOOcbHOU4NMNm7oYWDsiBndygR3rbgxnLIqUHM2qgHNBaIdGB0wGhtiaA7hGlFULFi0gyouMV3t8LZDwQd2OiZk/OX2qLHURbq1dMNIzuwHdNDgAmT0fc3U67AUQDIwMy+LAm7kaGZUAIQZX7X3Db/wI4GI0Cfs8nUZSOfdWnUZSA8G02G3ZqNBFC90IjoQM+UxvFGzDjkIDAo6EaPQ57L2EVjrOgRWaiSYVAd+wjGy2zwQUpqHSsvzbWkaRKqzjOUoxMfVVYPr7W7m7YTpWaeW56UGq5X9L+1Cqjv6HoNX/dYHoF4tzvRRh78z2PsRctoWEOuMGVRlVsEyKBy7kQXRR9Wi9w6Ry08XiuHPdQP6nIxVPxHr7KPkIFif9JowZAzt8UgEEgeuOacmiAjUOzGL+9GOqbTb7NSBRMQk2F7C/5qyRH98o61/z+ISy/mcIcFYf7oQlIhtF06W0U8VXRCpBHYRgYDic+JwDj4Xs0UT4lHQQJiMHdOz8cq5nzsnqKSOjDuq7RXXEz0rGjcEwyhaVSttT1E/6kwBfnfwEjst+6eJxjYGRgYADiKUuyU+L5bb4ycDOkAEUYbm9mDoHR///9/8f4giENyOVgYAKJAgBcbA01AHicY2BkYGBIAWIGxi////3/x/iCASSCDAQAjzgGTwAAeJxjYGBgYPwCJFKAOBlKh/3/zxADxCn//4H5IGwBxGVgsf8MPUD2FAgGAPJUELoAAAAAAAAYAEAAXgCWASwBjAHOAe4CDAJGAogC7gMmBMYFQAAAeJxjYGRgYBBgdGKQZgABJiDmAkIGhv9gPgMAEvMBhQB4nGWQPW7CQBSEx2BIAlKCFCkps1UKIpmfkgNAT0GXwpi1MbK91npBossJcoQcIaeIcoIcKGPzaGAtP38zb97uygAG+IWHenm4bWq9WrihOnGb9CDsk5+FO+jjRbhLfyjcwxumwn084p07eP4dnQFK4Rbu8SHcpv8p7JO/hDt4wrdwl/6PcA8r/An38eoN08gUsSncUif7LLRnef6utK1SU6hJMD5bC11oGzq9Ueujqg7J1LlYxdbkas6uzjKjSmt2OnLB1rlyNhrF4geRyZEigkGBuKkOS2gk2CNDCHvVvdQrpi0q+rVWmCDA+Cq1YKpokiGVxobJNY6sFQ48bUrXMa34Ws7kpLnMat4kIyv+77q3oxPRD7BtpkrMMOITX+SD5g75Pz0RXqgAAAB4nG3DyQ2DQBREwf8asxnMkgkD2EBInX8CHokrJVUobsSzCVHwoqSipqHlTUfPh4GRiTnkRU7yKm/yLn/ln3zIp3wVTkue8jXf8j3iD0oxCwIAAAA=) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-light.eot"); src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-light.eot?#iefix") format("embedded-opentype"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-light.woff2") format("woff2"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-light.woff") format("woff"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-regular.eot"); src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-regular.eot?#iefix") format("embedded-opentype"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-regular.woff2") format("woff2"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-regular.woff") format("woff"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-medium.eot"); src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-medium.eot?#iefix") format("embedded-opentype"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-medium.woff2") format("woff2"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-medium.woff") format("woff"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Lato'; src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-semibold.eot"); src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-semibold.eot?#iefix") format("embedded-opentype"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-semibold.woff2") format("woff2"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-semibold.woff") format("woff"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap;} @font-face { font-family: 'Lato'; src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-bold.eot"); src: url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-bold.eot?#iefix") format("embedded-opentype"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-bold.woff2") format("woff2"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-bold.woff") format("woff"), url("https://www.degriz.net/skin/frontend/degriz2/default/fonts/lato-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap;} /* latin-ext */ @font-face { font-family: 'DM Serif Text'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://www.degriz.net/skin/frontend/degriz2/default/fonts/rnCu-xZa_krGokauCeNq1wWyWfqFXUIJ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'DM Serif Text'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://www.degriz.net/skin/frontend/degriz2/default/fonts/rnCu-xZa_krGokauCeNq1wWyWfSFXQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Reset ================================================================================= */ * { margin:0; padding:0; box-sizing: border-box; font-family: 'Lato', sans-serif; } body { font-size: 16px; line-height: 1.4em; letter-spacing: 0.02em; color:#000; text-align: left; font-weight: 400; } /* body:before { content: ''; height: 800px; width: 100%; top: 0; position: absolute; z-index: -1; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f8f8f8",GradientType=1); } */ img { border:0; vertical-align:top; max-width: 100%; } a { color:#000; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } .clear { clear: both; } /* Headings */ h1 { font-size:24px; font-weight:normal; line-height:1.15; } h2 { font-size:21px; font-weight:normal; line-height:1.25; } h3 { font-size:19px; font-weight:600; line-height:1.25; } h4 { font-size:16px; font-weight:600; } h5 { font-size:15px; font-weight:600; } h6 { font-size:14px; font-weight:600; } h1, h2 { letter-spacing: 0.02em; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { margin-top: 20px; } .page, .container { position: relative; max-width: 1640px; width: 100%; padding: 0 30px; margin: 0 auto; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; text-align:left; } .page-popup { padding:20px; text-align:left; } .main-container {} .main { } /* Base Columns */ .col-left { flex: 1; width: 25%; padding: 0 20px 0 0; max-width: 400px; } .col-main { flex: 4; padding: 0 20px; } .catalog-product-view .col-main { padding: 0; } .col-right { flex: 1; width: 25%; padding: 0 0 0 20px ; max-width: 400px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; padding: 0; } /* 2 Columns Layout */ .col2-left-layout .main { display: flex; } .col2-left-layout .col-main { float:right; min-width: 0; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { } .col3-layout .col-wrapper { float:left; width:80%; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { vertical-align:middle; font-size: 13px; color: #000; letter-spacing: 0.02em; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } input.input-text { padding-left: 10px; line-height: 32px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } button.button { overflow: hidden; font-weight: 400; font-size: 16px; width:auto; border:0; padding: 0 15px; margin:0; height: 42px; line-height: 42px; cursor:pointer; background: #555; } button.button span { text-align:center; white-space:nowrap; color:#fff; } button.disabled {} button.disabled span {} button.btn-cart, button.btn-checkout { background: #000; } button.btn-checkout { font-size: 16px; line-height: 34px; height: 34px; padding: 0px 20px; } button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; font-weight:600; position:relative; z-index:0; } .form-list label.required {} .form-list label.required span.required, .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:5em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin: 0px; padding: 10px 0; } .buttons-set .back-link { float:left; line-height: 40px; margin-right: 15px; } .buttons-set .back-link .back-link { margin-right: 0; } .buttons-set a.back-link, .buttons-set .back-link a { text-decoration: none; color: #171717; text-decoration: none; border: 1px solid #ddd; background: #f9f9f9; padding: 0 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .buttons-set button.button { float:left; margin-right: 10px; } .buttons-set p.required { margin:0 0 5px; } .buttons-set .f-left, .buttons-set .left { float: right !important; } .buttons-set .f-right, .buttons-set .right { float: left !important; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#f9f9f9; padding: 15px 15px 15px 15px; margin: 10px 0px 0px 0px; } .fieldset .legend { font-weight:600; font-size:18px; line-height: 18px; border-bottom:1px solid #ddd; background:#efefef; color:#171717; margin: -15px -15px 10px -15px; padding: 15px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:12px; line-height:14px; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:600; } .error { color:#f00; font-weight:600; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 20px; } .messages li li { margin:0; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:15px !important; font-weight:600 !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding: 0; margin: 20px 0; color: #666; font-size: 15px; font-weight: 300; } .categorytop .breadcrumbs { margin: 0 0 20px 0;} .breadcrumbs li { display:inline; } .breadcrumbs strong { font-weight: 300; } .breadcrumbs a { color: #666; text-decoration: none; font-weight: 300; } .breadcrumbs li > span { padding: 0 5px; display: inline-block; } /* Page Heading */ .page-title { padding: 0 ; margin:0 0 30px; } .page-title h1, .page-title h2 { font-size: 36px; color:#000; font-weight: bold; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* Toolbar */ .toolbar { margin-bottom: 20px; } .toolbar-bottom .toolbar { margin: 10px 0px 20px 0px;} /* Pager */ .toolbar .amount { float:left; line-height: 24px; font-size: 12px; margin: 0px 0px 0px 5px; color: #555; } .toolbar .limiter { float:right; } .toolbar .sort-by { float:right; } .toolbar .sort-by label { line-height: 40px; font-weight: 400; color: #444; margin-right: 10px; } .toolbar .sort-by select { position:relative; font-size: 16px; border: 1px solid #c7c7c7; height:40px; line-height: 40px; padding: 0 20px 0 10px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); } .pages { margin:0 10px 0 0; float:left; } .pages ol { display:inline} .pages li a { margin:0 2px; display:block; float:left; height:40px; line-height: 40px; padding:0px 10px; color:#5b5b5b; font-weight: 500; text-decoration:none} .pages li a.previous, .pages li a.next {text-decoration: none !important; border: 1px solid #c7c7c7; background: #fff; padding: 0; text-align: center; color: #171717; width: 40px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); } .pages li a.previous { margin-right: 10px; } .pages li a.next { margin-left: 10px; } .pages li a.previous:hover, .pages li a.next:hover { border-color: #171717; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); } .pages li a.previous.disabled, .pages li a.next.disabled { border-color: #dfdfdf; color: #bdbdbd; -webkit-box-shadow: unset;-moz-box-shadow: unset; box-shadow: unset; pointer-events: none; } .pages li a.next:before, .pages li a.previous:before { font-family: Icons; font-size: 11px; font-weight: 500; vertical-align: top; } .pages li a.previous:before { content: '\E007'; } .pages li a.next:before { content: '\E002'; } .pages li a.previous span, .pages li a.next span { display: none; } .pages li a.next img, .pages li a.previous img { margin-top:8px } .pages li { display:inline; } .pages li.current a { color:#171717; font-weight: 600; } .pages li a:hover { text-decoration: underline; } /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:600; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:600; background-color:#f6f6f6; } .data-table td.value {} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .cms-page-view .std { font-weight: 400; } .cms-page-view .std h2, .cms-page-view .std h3 { font-weight: 600; margin: 20px 0 10px 0; } .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:600; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 10px; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:600; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:600; color:#f00; } .link-wishlist { font-weight:600; } .link-reorder { font-weight:600; } .link-compare { font-weight:600; } .link-print { background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* Header ================================================================================ */ .top-container { position: relative; padding: 8px 0; color: #fff; background: rgb(43,43,43); -webkit-box-shadow: inset 0px -4px 13px 0px rgba(0,0,0,0.7); -moz-box-shadow: inset 0px -4px 13px 0px rgba(0,0,0,0.7); box-shadow: inset 0px -4px 13px 0px rgba(0,0,0,0.7);-moz-transition: transform 0.5s 0s ease-in, all 0.1s 0s ease-out; -o-transition: transform 0.5s 0s ease-in, all 0.1s 0s ease-out; transition: transform 0.5s 0s ease-in, all 0.1s 0s ease-out } .top-container .email, .top-container .phone { display: inline-block; text-decoration: none; color: #fff; margin: 0 20px 0 0px; line-height: 24px; } .top-container .email span, .top-container .phone span { display: inline-block; vertical-align: sub; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 8px 0 0; opacity: 0.7; } .top-container .email:hover span, .top-container .phone:hover span { opacity: 1; } .top-container .email span { background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/email.svg); } .top-container .phone span { background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/phone.svg); } .top-container .email strong, .top-container .phone strong { font-size: 15px; font-weight: normal; } .select-language { float: right; position: relative; margin: 0; } .select-language .selection { cursor: pointer; position: relative; padding: 0 30px 0 10px; font-size: 16px; line-height: 24px; font-weight: normal; } .select-language .selection:before { content: '\E008'; font-family: Icons; font-size: 9px; color: #666; font-weight: 300; vertical-align: top; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .select-language .selection span.code { display: none; } .select-language .options { z-index: 99999; display: none; position: absolute; top: 100%; right: 0; padding: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .select-language .options a { padding: 4px 10px; text-decoration: none; font-weight: 300; font-size: 16px; line-height: 1.5em; } .select-language .options a.selected { font-weight: 600; pointer-events: none; } .select-language .options a:hover { text-decoration: underline; } .header { background: #fff; padding: 0; position: relative; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .header.fixed {position: fixed; left: 0; right: 0; top: 0; z-index: 999999; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); } .header.fixed #nav .level-top > ul { top: 70px; } .header.fixed .logo img { width: 150px; } .header.fixed #nav li a.level-top { font-size: 20px; line-height: 70px; } .header.fixed #search_mini_form, .header.fixed .myacc, .header.fixed .block-cart { margin-top: 20px; } .header-container {text-align: left; } .header .logo { float:left; text-decoration:none !important; margin: 15px 50px 15px 0; position: relative; overflow: hidden; } .header .logo img { height: auto; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } #search_mini_form { float: right; margin: 27px 10px 0 0; display: inline-block; position: relative; height: 28px; } #search_mini_form .icon { cursor: pointer; width: 28px; height: 28px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/search.svg); } #search_mini_form .form-search { display: none; } #search_mini_form.show .form-search { z-index: 2; display: flex; width: 300px; position: absolute; top: -8px; right: 40px; } .form-search input { flex: 1; padding: 0px 0px 0px 15px; height: 45px; line-height: 45px; background: #fdfdfd; border: 1px solid #dbdbdb; border-right: 0; box-sizing: border-box; text-align: left; color: #333; margin: 0px; font-size: 17px; color: #666; font-weight: 300; } .form-search button.buttons { height: 45px; line-height: 45px; border: 0px; padding: 0 17px; margin: 0px; cursor: pointer; background: #000; } .form-search button.buttons span { display: none; } .form-search button.buttons:before { content: '\E003'; font-family: Icons; font-size: 21px; color: #fff; vertical-align: top; } .form-search .search-autocomplete { z-index:999; } .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .form-search .search-autocomplete li .amount { float:right; font-weight:600; } .form-search .search-autocomplete li.selected {} .header .myacc { text-decoration: none; float: right; margin: 27px 15px 0 0; } .header .myacc .icon:before { content: ''; width: 28px; height: 28px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/account.svg); } /* top cart */ .block-cart { float:right; margin: 27px 0 0 0; height: 28px; } .carteks { display: block; position: relative; text-decoration: none; /*border: 1px solid #e8e8e8; */ } .carteks .title { cursor: pointer; text-decoration: none; display: inline-block; text-align: left; } .carteks .title .icon:before { content: ''; width: 28px; height: 28px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/cartek.svg);} .carteks .title .amount { position: absolute; top: -3px; right: -7px; display: inline; background: #f00; width: 18px; height: 18px; overflow: hidden; line-height: 18px; text-align: center; font-size:11px; font-weight: normal; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .carteks .overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 998; } .carteks .overlay.show { display: block; } .carteks .roza { position:fixed; display: none; text-align: center; right: 0; top: 0; bottom:0; padding: 2px 0px 0px 0px; width: 320px; margin: 0px; background: #fff; color: #333; z-index: 999; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);} .carteks .roza.show { display: block; } .carteks .roza:before { content: ''; display: block; position: absolute; top: -8px; right: 40px; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #e8e8e8 transparent; z-index: 998; } .carteks .roza .summary { text-align: center; padding: 15px 0px 5px 0px; font-size: 19px; border-top: 1px solid #ebebeb; } .carteks .roza .summary.nul { padding: 15px 0px 15px 0px;} .carteks .roza .summary .napolni { font-weight: normal; color: #555; font-size: 13px; line-height: 16px; margin: 5px 0px 0px 0px;} .carteks .roza .summary .price { font-weight: 900; } .carteks .roza .btnz { padding: 0 10px; } .carteks .roza .btnz button.button { margin: 5px 0; font-size: 18px; width: 100%; text-transform: uppercase; } .carteks .roza .btnz button.button span { font-weight: 500; } .carteks .roza .btnz button.button.close { font-size: 16px; color: #171717; background: #f9f9f9; border: 1px solid #ccc; text-transform: none; } .carteks .roza .btnz button.button.close span { font-weight: 400; color: #171717; } .carteks .roza .ctitle { text-align: left; padding: 15px 40px 15px 15px; border-bottom: 1px solid #ebebeb; position: relative; font-size: 16px; } .carteks .roza .ctitle strong { font-weight: 600; margin-right: 7px; } .carteks .roza .ctitle .close { position: absolute; top: 50%; right: 10px; height: 19px; width: 19px; transform: translateY(-50%); cursor: pointer; } .carteks .roza .cart-products { overflow-y: auto; overflow-x: hidden; position: relative; } .carteks .roza .cart-products #cart-sidebar { max-height: 50%; overflow-y: auto; overflow-x: hidden; position: relative; } .carteks .roza .cart-products #cart-sidebar li { padding: 7px; text-align: left; position: relative; border-bottom: 1px dashed #ebebeb; } .carteks .roza .cart-products #cart-sidebar li:after { content: ''; clear: both; display: block; } .carteks .roza .cart-products #cart-sidebar li:last-child { border-bottom: 0px; } .carteks .roza .cart-products #cart-sidebar li:nth-child(2n) { background: #f9f9f9;} .carteks .roza .cart-products #cart-sidebar li .product-image { margin-right: 10px; width: 80px; height: 80px; float: left; display: block; border: 1px solid #ebebeb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.02); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.02); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.02);} .carteks .roza .cart-products #cart-sidebar li .product-details { width: 200px; float: left; line-height: 1.2em;} .carteks .roza .cart-products #cart-sidebar li .product-name { margin: 0px; } .carteks .roza .cart-products #cart-sidebar li .product-name a { text-decoration: none; color: #171717; font-size: 14px; line-height: 1.3em; font-weight: 500; display: inline-block; } .carteks .roza .cart-products #cart-sidebar li .item-options { font-size: 12px; } .carteks .roza .cart-products #cart-sidebar li .item-options dt { display: inline; font-weight: 500; font-style: normal; } .carteks .roza .cart-products #cart-sidebar li .item-options dt:after { content: ':'; } .carteks .roza .cart-products #cart-sidebar li .item-options dd { display: inline; font-weight: 300; padding-left: 3px; margin: 0; } .carteks .roza .cart-products #cart-sidebar .moreadd { font-size: 11px; line-height: 1.4em; padding: 7px; background-color: #f7f5f2; border: 1px dashed #a89c80; margin: 5px 0; } .carteks .roza .cart-products #cart-sidebar li .remove, .carteks .roza .cart-products #cart-sidebar li .edit { color: #666; font-size: 10px; line-height: 16px; text-decoration: none; font-weight: 300;} .carteks .roza .cart-products #cart-sidebar li .remove:hover, .carteks .roza .cart-products #cart-sidebar li .edit:hover { color: #333 !important; } .carteks .roza .cart-products #cart-sidebar li .price { font-size: 12px; line-height: 1em; font-weight: 500; color: #171717; } .carteks .roza .cart-products #cart-sidebar li .qty { font-size: 12px; line-height: 1em; } .carteks .roza .dostava { background: #ebebeb; margin: 10px; padding: 10px 10px; color: #333; font-size: 13px; line-height: 1.2em; text-align: left; } .carteks .roza .dostava .price, .carteks .roza .dostava strong { color: #111; } .carteks .roza .dostava:before { content: '\f0d1'; font-family: FontAwesome; font-size: 32px; line-height: 32px; color: rgba(0,0,0,0.7); display: block; margin: 0px 15px 0px 0px; float:left; } .carteks .crosssell .title { line-height: 1.3em; text-align: center; margin: 20px 0; } .carteks .crosssell .products-grid li.item { width: 100%; margin-right: 0; } .carteks .crosssell .products-grid .action form .quantity { height: 42px; } .carteks .roza .wrap { position: relative; height: 100%; } .carteks .roza .wrap .bottom { position: absolute; padding-bottom: 10px; bottom: 0; left: 0; right: 0; background: #fff; -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.1); } /********** Navigation */ .nav-container { float: left; } #nav { } .nav-container .maton { display: none; } /* All Levels */ #nav li { text-align:left; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a:hover { text-decoration:none; } #nav li a span { cursor:pointer; } #nav li ul a span { } /* 1st Level */ #nav li { float:left; } #nav li a.level-top { display:block; text-decoration:none; float:left; padding: 0 20px; font-weight:bold; color:#000; font-size: 19px; line-height: 83px; position: relative; } #nav li.nav-4 > a.level-top:before { z-index:2; } #nav li.nav-4 > a.level-top span:after { content: 'beta'; position: absolute; bottom: 5px; font-size: 11px; letter-spacing: 0.05em; font-weight: 500; left: 50%; transform: translateX(-50%); text-transform: uppercase; background: #ebebeb; line-height: 1.2em; padding: 3px 7px; border-radius: 4px; z-index: 0; } #nav li.over a.level-top, #nav li.active a.level-top { } #nav li:hover a.level-top:before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #000000 transparent;} /* 2nd Level */ #nav .level-top > ul { position:absolute; width: 100%; top:83px; left:-10000px; padding: 40px 20px; z-index: 9999999; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); background: rgb(43,43,43); background: -moz-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: -webkit-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b",endColorstr="#161616",GradientType=1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #nav div ul { position:static; width:auto; border:none; } #nav ul.level0 > li { float: left; width: 33.33%; padding: 0 20px 20px 20px; } #nav ul.level0 > li:nth-child(3n+1) { clear: both; } #nav ul.level0 > li > a { font-weight: bold; font-size: 21px; line-height: 1.4em; margin-bottom: 15px; color: #fff; } #nav ul.level0 ul.level1 { margin: 10px 0 0 0; max-height: 115px; overflow-y: auto; } #nav ul.level0 ul.level1 a { font-size: 17px; line-height: 1.4em; margin-bottom: 5px; } #nav .nav-1.level-top > ul { max-width: 520px; } #nav .nav-1 ul.level0 > li { float: none; width: 100%; } #nav ul li { float:none; padding: 0px; } #nav ul li.last { border-bottom:0; } #nav ul li a { display: block; font-weight:normal; text-decoration: none; font-size: 16px; color: #ebebeb; padding: 1px 10px; } #nav ul li a:hover { text-decoration: underline; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } /* bottom container */ .bottom-container { line-height: 1.4em; font-size: 16px; color: #fff; padding: 10px 0 10px 0; text-align: center;background: rgb(249,99,34); background: -moz-radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); background: -webkit-radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); background: radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f96322",endColorstr="#cf460b",GradientType=1); } .bottom-container .container { padding-right: 40px; position: relative; } .bottom-container p { margin: 0; padding: 0; } .bottom-container a { text-decoration: underline; color: #fff; } .bottom-container .close { cursor: pointer; height: 14px; width: 14px; overflow: hidden; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background-repeat: no-repeat; background-size: contain; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/close.svg); } /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:10px 0px; } .block .block-title strong { font-size:16px; font-weight:600; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:600; } .block .block-content { padding: 10px 0px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { } /* block-blog */ .block-blog .block-content li.item { padding: 7px 0; } .block-blog a { font-weight: 500; text-decoration: none; color: #171717; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:600; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account {} .block-account a { color: #171717; font-weight: 300; text-decoration: none; } .block-account strong { color: #171717; font-weight: 600; } .block-account .block-content li { margin-bottom: 5px; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav .block-title { display: none; } .block-layered-nav .block-content { padding: 0px; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:left; margin:3px 3px 0 0; } .block-layered-nav dt { cursor: pointer; position: relative; margin: 0 0 15px 0; font-weight: 600; font-size: 19px; color: #171717; line-height: 1.4em; border-bottom: 1px solid #ccc; padding: 10px 0; } .block-layered-nav dt:before { content: '\E008'; font-family: Icons; font-size: 12px; color: #666; font-weight: 300; vertical-align: top; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .block-layered-nav dt.open:before { -moz-transform: scaleY(-1) translateY(50%); -o-transform: scaleY(-1) translateY(50%); -webkit-transform: scaleY(-1) translateY(50%); transform: scaleY(-1) translateY(50%); filter: FlipV; -ms-filter: "FlipV"; } .block-layered-nav dd { margin: 15px 0 20px 0; overflow-y: auto; max-height: 224px; } .block-layered-nav dd li { margin: 2px 0; overflow: hidden; padding: 0 40px 0 25px; position: relative; } .block-layered-nav dd a { color: #191919; display: inline-block; font-weight: 400; font-size: 16px; line-height: 1.3em; text-decoration: none; } .block-layered-nav dd a:before { position: absolute; top: 3px; left: 0; width: 16px; height: 16px; content: ""; background-image: url('https://www.degriz.net/skin/frontend/degriz2/default/images/sprite.png'); background-repeat: no-repeat; background-position: 0 0; } .block-layered-nav dd a:hover:before { background-position: -16px 0; } .block-layered-nav dd span.number { color: #999; font-weight: 300; font-size: 16px; position: absolute; top: 0; right: 5px; } .block-layered-nav a.remove:before { background-position: -32px 0; } .block-layered-nav .izbor { padding: 3px 5px; margin:0 0 10px; background: #f2eada; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #4e422c; font-size: 12px; } .block-layered-nav .izbor a { color: #3a311f;} .block-layered-nav .izbor .block-subtitl { font-weight: 600; margin-bottom: 2px; color: #222; } .block-layered-nav ol.cats li { border-top: 1px dashed #e4d8b9; padding: 4px 0px 4px 0px; line-height: 14px; } .block-layered-nav ol.cats li.first { border-top: 0px;} .block-layered-nav ol.cats li a { line-height: 14px; font-size: 12px; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:600; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:600; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ @-webkit-keyframes scale { 0% { } 100% { -webkit-transform: scale(1.2); } } /* Category Page ========================================================================= */ .categorytop { } .subcategories ul { overflow: hidden; display: flex; margin-bottom: 30px; } .subcategories li { margin-right: 2%; flex:1; } .subcategories li:nth-child(4n) { margin-right: 0; } .subcategories li a { box-sizing: border-box; overflow: hidden; display: block; position: relative; height: 120px; } .subcategories li a:before { content: ''; position: absolute; z-index: 2; display: block; border: 1px solid #fff; top: 10px; right: 10px; bottom: 10px; left: 10px; } .subcategories li a:after { content: ''; position: absolute; z-index: 1; display: block; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);} .subcategories li .image { position:absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; } .subcategories li .image img {max-width: 100%; width: 100%; height: auto; } .subcategories li:hover .image img { -webkit-animation: scale 1s ease-out forwards; } .subcategories li a { text-decoration: none; } .subcategories li h2 { z-index: 2; position: absolute; left: 10px; right: 10px; top: 50%; transform: translateY(-50%); text-align: center; font-size: 19px; text-transform: uppercase; color: #fff; width: 100%; margin: 0; display: block; line-height: 1.2em; font-weight: 600; } .category-title { padding: 10px 0px 10px 0px; border: 0px; margin: 0px; } .category-title h1 { font-size: 36px; line-height: 1.3em; padding: 0px; font-weight: 600; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } .category-products {} /* View Type: Grid */ .attributesplash-page-view .products-grid, .catalog-category-view .products-grid, .catalogsearch-result-index .products-grid { margin: 0px; } .products-grid { position:relative; margin: 0px 10px; } .products-grid.top { position:relative; border-top: 0px; margin:0; } .products-grid li.item { float:left; width: 23.5%; box-sizing: border-box; margin-right: 2%; margin-bottom: 20px; background: #fff; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 5px 12px 0 rgb(0 0 0 / 7%), 0 10px 30px 0 rgb(0 0 0 / 9%) } .products-grid li.item:nth-child(4n) { margin-right:0; } .products-grid li.item:hover { box-shadow: 0 5px 12px 0 rgb(0 0 0 / 17%), 0 10px 30px 0 rgb(0 0 0 / 19%) } .products-grid.owl-carousel li.item { float: none; max-width: 100%; } .products-grid li.item .okvir { position: relative; } .products-grid li.item .okvir a.link-cart { z-index: 2; opacity: 0.3; position: absolute; top: 15px; right: 15px; width: 21px; height: 21px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("https://www.degriz.net/skin/frontend/degriz2/default/images/link-cart.svg"); } .products-grid li.item .okvir a.link-cart:hover, .products-grid li.item .okvir a.link-cart.active { opacity: 1; } .products-grid li.item .okvir a.link-cart span { display: none; } .products-grid .product-image { display:block; position: relative; overflow: hidden; } .products-grid .product-image:after{ content:""; position:absolute; z-index:2; bottom:0; width:160%; height:24px; left:-30%; right:-30%; background:-webkit-radial-gradient(ellipse at 50% 100%, rgba(00, 00, 00, 0.05), rgba(97, 97, 97, 0.0) 40%); background:radial-gradient(ellipse at 50% 100%, rgba(00, 00, 00, 0.05), rgba(97, 97, 97, 0.0) 40%); } .products-grid .product-image a { display:block; position: relative; } .products-grid .product-image img { max-width: 100%; width: 100% !important; height: auto; } .products-grid .product-image img.platform { width: unset !important; position: absolute; top: 10px; left: 10px; z-index: 2; pointer-events:none; } .products-grid .item:hover .product-image img.imghover { display: block; } .products-grid .content { padding: 30px; } .products-grid a.product-name { margin-bottom: 15px; overflow: hidden; height: 72px; display:block; overflow: hidden; text-decoration: none; } .products-grid a.product-name h2 { font-size: 19px; text-transform: none; color: #171717; } .products-grid a.product-name h2 .manu { font-size: 15px; color: #666; } .products-grid a.product-name h2 strong { font-weight: bold; } .products-grid .price-box p { display: inline-block; font-weight: 500; } .products-grid .price-box .configurable-price-from-label, .products-grid .price-box .price-label { display: none; } .products-grid .price-box .old-price { margin-right: 5px; } .products-grid .price-box .old-price.hide { display: none; } .products-grid .availability { line-height: 21px; } .products-grid .lowestprice { font-size: 13px; color: #666; font-weight: 300; margin-top: 10px; } .products-grid .swatch-category-container { position: absolute; margin: 0px 0px 96px 0px; bottom: 0px; width:172px;} .products-grid .swatch-category-container img { width: 20px; height: 20px; } .products-grid .swatchLabel-category { display: none; } .products-grid .swatch-category { overflow: hidden; background: #fff; } .products-grid .floate { z-index: 3; display: block; position: absolute; bottom: 0; left: 0; } .products-grid .ceneje, .products-grid .novo { float: left; height: 40px; line-height: 40px; text-transform: uppercase; padding: 0 15px; color: #fff; font-size: 15px; font-weight: bold; } .products-grid .ceneje { background: #f26322; } .products-grid .novo { background-color: #000; margin-right: 5px; } .products-grid .minimal-price-link { display: none; } .products-grid li.item.categoryad { background: #444; overflow: hidden; position: relative; } .products-grid li.item.categoryad:before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; z-index: 1; border: 1px solid #fff; } .products-grid li.item.categoryad .content { position: absolute; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); z-index: 2; text-align: center; color: #fff; font-size: 16px } .products-grid li.item.categoryad .content a { color: #fff; text-decoration: none; } .products-grid li.item.categoryad .content h2 { font-weight: 400; font-size: 32px; line-height: 1.2em; margin-bottom: 10px; } .products-grid li.item.categoryad .content h2 strong { font-weight: bold; } .spinner { position: absolute; margin: auto; overflow: hidden; left:0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; } .containr { left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; animation: loading 20s linear infinite; } .wave { width: 600px; height: 600px; background: #000; border-radius: 45%; transform-style: preserve-3d; transform-origin: center; animation: rotate 2.5s linear infinite; margin-top: 25px; margin-left: -50%; position: absolute; } .wave:nth-of-type(1) { margin-top: 30px; animation-duration: 3.1s; animation-direction: reverse; z-index:1; } .wave:nth-of-type(2) { animation-duration: 3.5s; border-radius: 41%; animation-direction: normal; background: #222; } @keyframes rotate { 0% { transform: rotate(0) translate(0,0); } 45% { transform: rotate(90deg) translate(15px, 15px); } 100% { transform: rotate(180deg) translate(0, 0); } } @keyframes loading { 0% { transform: translate(0, 120%); } 50% { transform: translate(0, 0); } 100% { transform: translate(0, 120%); } } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { margin:7px 0; overflow: hidden; } .product-view .ratings { margin: -10px 0 20px 0;} .ratings .rating-links { display: inline-block; vertical-align: text-top; font-size:14px; line-height: 13px; margin:0 0 0 5px; color: #999; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:600; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:600; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** Product Prices */ .price-label.price-from { display: none; } .products-grid .price-label.price-from { display: block; font-size: 12px; color: #666; float: left; margin-right: 5px; } .price { white-space:nowrap !important; } .price-box {} .price-box .price {} /* Regular price */ .regular-price {} .regular-price .price { } .regular-price .od { display: none; } .catalog-category-view .regular-price .od { display: inline-block; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { text-decoration:line-through; color: #999; } /* Special price */ .special-price {} .special-price .price-label { white-space:nowrap; } .special-price .price {} /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:600; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:600; white-space:nowrap; } .configured-price .price { font-weight:600; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:600; } /* Price range */ .price-from {} .price-from .price-label { font-weight:600; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:600; white-space:nowrap; } .configurable-price-from-label { display: none; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:600; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:600; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:600; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .quantity { position: relative; overflow: hidden; float: left; border: 1px solid #c7c7c7; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .quantity input { width: 64px; height: 40px; line-height: 40px; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border:0; font-size: 14px; } .quantity input:focus { outline: 0; } .quantity-nav { float: left; position: relative; height: 40px; } .quantity-button { position: relative; background: #ebebeb; cursor: pointer; border-left: 1px solid rgba(0,0,0,0.05); width: 20px; text-align: center; color: #333; font-size: 14px; line-height: 1.5; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid rgba(0,0,0,0.05); } .quantity-button.quantity-down { position: absolute; bottom: 0; height: 50%; } /* PRODUCT VIEW */ .hide.old-price, .hide.was-old-price { display: none; } .product-view { max-width: 1600px; } /* Product Images */ .product-view .product-img-box { float:left; width:35%; box-sizing: border-box; position: relative; } .product-view .product-img-box .product-image { z-index: 3; position: relative; } .product-view .product-img-box .product-image:before { content: ''; pointer-events: none; opacity: 0.5; top: 15px; right: 15px; z-index: 2; position: absolute; cursor: pointer; width: 30px; height: 30px; background-color: rgba(0,0,0,0.4); display: block; background-size: 80%; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/moreimage.svg); } .product-view .product-img-box .product-image img { max-width: 100%; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .product-view .product-img-box .more-views ul { } .product-view .product-img-box .more-views li { float:left; margin: 10px 10px 0 0; padding: 5px; background: #fff; overflow: hidden; } .product-view .product-img-box .brandlogo { position: absolute; left: 20px; top: 20px; z-index: 6; } .product-img-box .product-image img { max-width: 100%; max-height: 750px; margin: 0px auto; } @media only screen and (max-width: 479px) { .product-img-box .product-image img { max-height: 450px; } } .product-image-gallery { position: relative; } .product-image-gallery .gallery-image { display: none; } .product-image-gallery .gallery-image.visible { display: block; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("https://www.degriz.net/skin/frontend/degriz2/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-image-thumbs li { display: inline-block; } .product-image-thumbs li:first-child { margin-left: -1px; } .product-image-thumbs a { display: inline-block; border: 1px solid transparent; } .products-grid .product-image { position: relative; } .products-grid li.item .configurable-swatch-list { position: absolute; bottom: 10px; left: 15px; max-height: 28px; overflow: hidden; z-index: 4; } /* Product shop*/ .product-view .product-shop .wrap { padding-right: 50%; position: relative;} .product-view .addblock { position: absolute; top: 0; right: 0; width: 48%; background: #fff; padding: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .product-view .addblock p.availability, .product-view .addblock p.sku { margin: 0 0 15px 0; font-weight: 300; color: #666; line-height: 1.4em; } .product-view .addblock p.availability span, .product-view .addblock p.sku strong { font-weight: 600; } .product-view .addblock .add-to-cart { clear: both; display: flex; margin: 0; width: 100%; } .product-view .addblock .add-to-cart button { flex: 1; } .product-view .addblock .ask { margin: 15px 0 0 0; font-size: 16px; line-height: 1.3em; padding: 15px 10px 15px 15px; background: #f9f9f9; border: 1px solid #ccc; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #171717; font-weight: 500; text-decoration: none; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); } .product-view .addblock .oznake { display: flex; width: 100%; margin: 0 0 30px 0 } .product-view .addblock .oznake li { flex: 1; margin-right: 10px; } .product-view .addblock .oznake li:last-child { margin-right: 0; } .product-view .addblock .oznake a, .product-view .addblock .oznake div { text-align: center; display: block; font-size: 16px; font-weight: 500; text-transform: none; color: #666; padding: 8px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; border: 2px solid #ebebeb; } .product-view .addblock .oznake .samonaspletu { border-color: #8abd21; background: #fefefe; color: #8abd21; } .product-view .addblock .oznake .superponudba { border-color: #2c78dd; background: #fefefe; color: #2c78dd; } .product-view .addblock .oznake a.samonaspletu:hover { background: #8abd21; color: #fff; } .product-view .addblock .oznake a.superponudba:hover { background: #2c78dd; color: #fff; } .product-view .addblock .floate { } .product-view .addblock .ceneje, .product-view .addblock .novo { float: left; height: 40px; line-height: 40px; text-transform: uppercase; padding: 0 12px; color: #fff; font-size: 17px; font-weight: 500; margin-right: 5px; margin-bottom: 15px; } .product-view .addblock .ceneje { background-color: #b02b72; display: none !important; } .product-view .addblock .novo { background-color: #4b7643; } .product-view .product-essential { margin: 20px 0 40px 0; } .product-view .product-essential .product-shop { float:right; width: 63%; } .product-view .product-essential .product-name h1 { font-size: 38px; line-height: 1.1em; font-weight: bold; margin: 0 0 20px 0; color: #171717;} .product-view .product-essential .product-name h1 strong { font-weight: bold; } .product-view .product-essential .product-name h1 span.manu { font-size: 24px; line-height: 16px; font-weight: 300; color: #666; } .product-view .product-essential .short-description { margin: 10px 0px 10px 0px; font-size: 18px; } .product-shop ul.accordion .inner { font-size: 18px;} .product-view .product-essential .price-box { margin: 10px 0px 20px 0px; font-size: 36px; font-weight: 600;} .product-view .product-essential .price-box .price-label { display: none; } .product-view .product-essential .price-box .old-price { float: left; margin: 0px 10px 0px 0px; } .product-view .product-essential .sku, .product-view .product-essential .availability { margin: 0px 0px 10px 0px; } .product-view .product-essential .izbira { width: 50px; float: left; } .product-view .product-essential .izbira label { font-size: 11px; } .product-view .product-essential button.button.btn-cart { line-height: 56px; height: 56px; padding: 0px 20px; font-size: 21px; font-weight: 500; text-transform: uppercase; position: relative; overflow: hidden; background: #f96322; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .product-view .product-essential .quantity-nav { height: 54px; } .product-view .product-essential .quantity input { height: 54px; line-height: 54px; font-size: 17px; font-weight: 600; } .product-view .product-essential .quantity-button { font-size: 16px; line-height: 1.8; } .product-view .product-essential .effect { display: block; position: absolute; top: -75%; left: -1580%;width: 3000%;height: 150%;opacity: 0;background: rgba(255, 255, 255, 0.2);background: -moz-linear-gradient(left,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 75%,rgba(255, 255, 255, 0.5) 90%,rgba(255, 255, 255, 0.0) 100%);background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 75%,rgba(255, 255, 255, 0.5) 90%,rgba(255, 255, 255, 0.0) 100%);background: -webkit-gradient(linear, left top, right top,color-stop(0%,rgba(255, 255, 255, 0.2)),color-stop(75% ,rgba(255, 255, 255, 0.2)),color-stop(90% ,rgba(255, 255, 255, 0.8)),color-stop(100%,rgba(255, 255, 255, 0.0)));background: -o-linear-gradient(top,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 75%,rgba(255, 255, 255, 0.5) 90%,rgba(255, 255, 255, 0.0) 100%);background: -ms-linear-gradient(top,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 75%,rgba(255, 255, 255, 0.5) 90%,6rgba(255, 255, 255, 0.0) 100%);background: linear-gradient(top,rgba(255, 255, 255, 0.1) 0%,rgba(255, 255, 255, 0.1) 75%,rgba(255, 255, 255, 0.5) 90%,rgba(255, 255, 255, 0.0) 100%);-webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);-ms-transform: rotate(30deg);-o-transform: rotate(30deg);transform: rotate(30deg);-webkit-transition-property: left, top, opacity;-moz-transition-property: left, top, opacity;-ms-transition-property: left, top, opacity;-o-transition-property: left, top, opacity;transition-property: left, top, opacity;-webkit-transition-duration: 0.5s, 0.5s, 0.1s;-moz-transition-duration: 0.5s, 0.5s, 0.1s;-ms-transition-duration: 0.5s, 0.5s, 0.1s;-o-transition-duration: 0.5s, 0.5s, 0.1s;transition-duration: 0.5s, 0.5s, 0.1s;-webkit-transition-timing-function: ease;-moz-transition-timing-function: ease;-ms-transition-timing-function: ease;-o-transition-timing-function: ease;transition-timing-function: ease} .product-view .product-essential button.shine .effect { opacity: 1; top: -30%; left: 0%; } .product-view .product-essential .effect:active { opacity: 0; } /* accordion */ ul.accordion { list-style: none; padding: 0; margin: 20px 0; } ul.accordion .inner { overflow: hidden; display: none; border-bottom: 1px solid #999; padding: 20px 0; } ul.accordion li .toggle { cursor: pointer; position: relative; font-weight: 600; font-size: 19px; color: #171717; line-height: 1.4em; border-bottom: 1px solid #999; padding: 10px 0; } ul.accordion li .toggle.show { border-bottom-color: #333; } ul.accordion li .toggle:before { content: '\E008'; font-family: Icons; font-size: 9px; color: #333; font-weight: 300; vertical-align: top; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } ul.accordion li .toggle.show:before { color: #666; -moz-transform: scaleY(-1) translateY(50%); -o-transform: scaleY(-1) translateY(50%); -webkit-transform: scaleY(-1) translateY(50%); transform: scaleY(-1) translateY(50%); filter: FlipV; -ms-filter: "FlipV"; } /* more from */ .morefrom .title { font-size: 16px; font-weight: 600; color: #171717; margin: 0 0 10px 0; overflow: hidden; } .morefrom li { list-style: none; color: #999; margin-left: 0; font-weight: 300; } .morefrom a { color: #171717; text-decoration: none; } .morefrom a.act { color: #333; text-decoration: underline;} .morefrom a:hover { text-decoration: underline; } /* brand */ .product-view .product-essential .znamka .title { font-size: 16px; font-weight: 600; color: #171717; margin: 0 0 10px 0; } .product-view .product-essential .znamka .slika { float: right; margin: 0 0 0 15px; clear: right; } .product-view .product-essential .znamka a.vec { margin: 15px 0 0 0; background: #f2f2f2; border: 1px solid #ebebeb; font-size: 14px; clear: both; line-height: 14px; color: #222; padding: 7px 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; } /* review */ .reviw h3.title { font-weight: 500; font-size: 18px; color: #20283d; } .reviw .addreviw { cursor: pointer; display: inline-block; margin: 10px 0; background: #f2f2f2; border: 1px solid #ebebeb; font-size: 15px; clear: both; line-height: 21px; color: #222; padding: 4px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; } .reviw .add-review { display: none; } .reviw .content { border-top: 1px dashed #eee; } .reviw #review-form { border-bottom: 1px solid #eee; padding-bottom: 20px; display: block; } .reviw .buttons-set { padding: 0; border: 0; background: transparent; } .reviw .buttons-set button.button { float: none; margin-left: 0; } .product-view .form-add { margin-top: 10px; } #product-customer-reviews li{ display:none; } #product-customer-reviews .revbtn { margin-top: 20px; } #product-customer-reviews #loadMore, #product-customer-reviews #showLess { color: #20283d; line-height: 20px; cursor:pointer; font-size: 14px; margin-bottom: 4px; } #product-customer-reviews #loadMore:before, #product-customer-reviews #showLess:before { float:left; margin-right: 5px; width: 20px; height: 20px; line-height: 20px; background: #ebebeb; text-align: center; font-weight: 600; color: #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #product-customer-reviews #loadMore:before { content: '+'; } #product-customer-reviews #showLess:before { content: '-'; } #srka-product-review-list { margin-bottom:10px; } #srka-product-review-list .srka-rating-code { padding: 3px 0; } #srka-product-review-list .srka-rating-code .label { min-width: 100px; display: block; float: left; color: #333; } #srka-product-review-list .srka-rating-code .options {} #srka-product-review-list .srka-rating-code .options li { display: block; float: left; margin-top: 2px; } #srka-product-review-list .srka-rating-code .options li .option { display: block; width: 14px; height: 13px; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/bkg_rating.gif) center top no-repeat; text-indent: -9999em; } #srka-product-review-list .srka-rating-code .options li .option.selected { background-position: center bottom; } .review-area .ratings-list .label { display: none; } .review-area { line-height: 1.3em; margin-left: 0; } .review-area p { margin: 10px 0; font-size: 16px; } .product-view #product-customer-reviews li { padding: 10px 0 15px; } .reviw #review-form { border-bottom: 0; padding-bottom: 0; } .reviw .review-by { color: #999; } .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:600; margin:0 0 10px; } .product-review h3.tres { border-top: 1px dashed #e8e3d6; padding-top: 10px;} .product-review .ratings-table { margin:0 0 10px; } .product-review dl { border-top: 1px dashed #e8e3d6; padding: 10px 0px 10px 0px; } .product-review dt { font-weight:600; } .product-review dd { font-size:14px; line-height: 18px; } .product-review .buttons-set { border-top: 1px solid #e8e3d6; margin: 10px 0px; } .product-review .date { font-size: 11px; color: #666; margin-bottom: 5px; } .product-view #customer-reviews h3.ocen { font-size: 21px; line-height: 21px; margin: 0px 0px 15px 0px; color: #111; } .product-view .form-add { background: #f9f9f9; border: 1px solid #ccc; padding: 20px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .product-view .form-add .desno { float: right; width: 600px; margin-right: 15px; } .product-view .form-add .desno textarea { width: 600px; height: 120px; margin-top: 5px; } .product-view #customer-reviews input {width: 280px; height: 24px; line-height: 24px; margin-top: 5px; } .product-view #customer-reviews button.button { margin-top: 20px;} #srka-product-review-list { width: 280px; overflow: hidden; } #srka-product-review-list .srka-rating-code { padding: 3px 0; } #srka-product-review-list .srka-rating-code .label { min-width: 100px; display: block; float: left; color: #111; font-weight: 600; font-size: 14px; } #srka-product-review-list .srka-rating-code .options {} #srka-product-review-list .srka-rating-code .options li { display: block; float: left; margin-top: 2px; } #srka-product-review-list .srka-rating-code .options li .option { display: block; width: 14px; height: 13px; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/bkg_rating.gif) center top no-repeat; text-indent: -9999em; } #srka-product-review-list .srka-rating-code .options li .option.selected, #srka-product-review-list .srka-rating-code .options li .option:hover, #srka-product-review-list .srka-rating-code .options li .option:hover ~ .option { background-position: center bottom; } #customer-reviews h3 { font-size: 21px; line-height: 21px; margin: 25px 0px 15px 0px; color: #666; font-weight: normal; } #customer-reviews h3 strong { color: #111; font-weight: normal; } #customer-reviews ol.seznam { border: 1px solid #ebebeb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } #customer-reviews .seznam li { padding: 15px; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/nav.jpg) repeat-x bottom; border-top: 1px solid #ebebeb; border-bottom: 1px solid #fff; } #customer-reviews .seznam li.prvi { border-top: 0px; } #customer-reviews .seznam li p { color: #000; font-size: 14px; line-height: 16px; margin: 0px 0px 10px 0px; } #customer-reviews .seznam li .detajli { color: #222; margin: 0px 0px 10px 0px; } #customer-reviews table.ratings-list { float: right;} #customer-reviews table.ratings-list .rating-box { margin: 3px 0px 0px 5px; } /* relatedblog */ .relatedblog { margin: 0; position: relative; overflow: hidden; } .relatedblog .item img { max-width: 100%; height: auto; width: 100%; } .relatedblog .item:hover img { -webkit-animation: scale 1s ease-out forwards; } .relatedblog .item .content { padding: 20px; font-weight: 300; } .relatedblog .item .content h4 { text-transform: none; color: #171717; font-size: 19px; margin: 0 0 10px 0; } .relatedblog .item .content a { color: #171717; font-weight: 500; } .relatedblog .item .floater { position: absolute; bottom: 15%; left: 10px; right: 10px; text-align: center; } .relatedblog .item .floater .content { display: inline-block; margin: 0 auto; background: #fff; padding: 6px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); } .relatedblog .item .floater .content h4 { padding: 11px 30px 7px 30px; margin: 0; text-decoration: none; display: inline-block; color: #000; font-size: 18px; line-height: 1.3em; font-weight: 600; } .relatedblog .owl-theme .owl-nav { margin-top: 0; } /* more related */ .owl-carousel .owl-item img { width: unset; } .related .title h2, .priporocamo .title h2 { font-size: 21px; font-weight: 400; margin: 20px 0; } .related .title h2 strong, .priporocamo .title h2 strong { font-weight: 600; } .product-collateral .box-collateral { margin:0 0 15px; } .product-collateral .box-collateral h2 { margin:10px 0 10px 0px; color: #666; } .ideje { } .ideje h2.naslov { text-align: center; margin: 0px 0px 10px 0px; color: #403423; font-size: 18px; line-height: 18px; } .ideje .box-related-posts li { padding: 10px; width: 24%; box-sizing: border-box; float: left; margin: 0px 1% 9px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.2); background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/ideje.jpg) center; } .ideje .box-related-posts li:nth-child(4n) { margin-right: 0px; } .ideje .box-related-posts li:nth-child(5n) { display: none; } .ideje .box-related-posts li a.prdkt { display: block; overflow: hidden; border: 2px solid #fff; -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2)} .ideje .box-related-posts li img { width: 100%; max-width: 100%; ; } .ideje .box-related-posts h3 { font-size: 14px; line-height: 17px; height: 34px; overflow: hidden; font-weight: normal; text-align:center; margin: 8px 0px 0px 0px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .ideje .box-related-posts h3 a { color: #fff; text-decoration: none;} /* degriz outofstock */ body .degriz_outofstock { padding: 15px; margin: 20px 0 0 0; } body .degriz_outofstock .title { margin: 0 0 15px 0; line-height: 1.3em; } body .degriz_outofstock .wrap { display: flex; width: 100%; padding: 0 !important; } body .degriz_outofstock .wrap .inpt { flex: 3; padding-right: 5px; } body .degriz_outofstock .wrap button { flex: 1; } body .degriz_outofstock .wrap .inpt input { width: 100%; line-height: 42px; height: 42px; padding: 0 0 0 10px; font-size: 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } body .degriz_outofstock .stockwrap { display: flex; } body .degriz_outofstock .stockwrap input.input-text { flex: 1; line-height: 38px; } /* Bought together */ .boughttogether { background: #f9f9f9; border: 1px solid #ccc; margin: 0 0 20px 0; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .boughttogether ul { display: flex; width:100%; justify-content: center; align-items: center; } .boughttogether li { float: left; flex:3; } .boughttogether li.plusli { flex:1; position: relative; } .boughttogether li.plusli .plus { color: #333; font-size: 34px; font-weight: bold; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block; overflow: hidden;} .boughttogether .box { overflow: hidden; position: relative; } .boughttogether .img { text-align: center; display: block; clear: both; width: 100%; max-width: 100%; padding: 10px; margin: 0 0 15px 0; background: #fff; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; border: 1px solid #ddd; } .boughttogether button.btn-cart { margin: 20px 0 0 0; } .boughttogether #bt_totalPriceTD .jee { color: #333; font-size: 34px; font-weight: bold; text-align: center; margin: 0px 0px 10px 0px; } .boughttogether #bt_totalPriceTD { text-align: center; } .boughttogether #bt_totalCurPrice, .boughttogether #bt_totalPrice { font-weight: 600; font-size: 26px; } .boughttogether .ship { margin-top: 10px; font-size: 15px; } .boughttogether ol { overflow: hidden; clear: both; margin: 10px 0px 0px 0px; padding: 0px;} .boughttogether ol li { display: inline; } .boughttogether a { color: #171717; text-decoration: none; display:block; overflow: hidden; } .boughttogether input[type=checkbox] { display: none; position: absolute; left: 15px; top: 15px; -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); transform: scale(2); padding: 10px; cursor: pointer; } .boughttogether h4.name { text-align: center; font-size: 16px; font-weight: 600; padding: 0 10px; line-height: 1.2em; } /* oznake */ .product-image .oznake { position: absolute; bottom: 0px; left: 0px; list-style: none; margin: 0; z-index: 9; } .oznake li { margin-bottom: 1px; } .oznake li:last-child { margin-bottom: 0; } .oznake a, .oznake div { display: inline-block; color: #fff; text-decoration: none; font-size: 11px; line-height: 1.2em; padding: 4px 8px; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); } .oznake .samonaspletu { background: #8abd21; } .oznake .superponudba { background: #2c78dd; } /* Product Options */ .product-options { margin:10px 0 0; } .product-options em {display: none;} .product-options .validation-advice { margin-top: 0px; margin-bottom: 3px; } .product-options dt label { font-weight:600; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { display: none; } .product-options-bottom { padding-top:10px; } .product-options-bottom .price-box { padding: 10px 10px 0px 0px; float: left; display: none; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } .uporaba .wordpress-post-view .uporaba .naslov { margin-bottom: 0; } .upsell .products-grid li.item { float: none; width: 100%; height: auto; position: relative; padding: 15px 0; box-sizing: border-box; overflow: hidden; border-bottom: 1px dashed #dedede; } .upsell .products-grid li.item:after { content: ''; clear: both; } .upsell .products-grid .product-image { float: left; margin-right: 20px; margin-bottom: 0; } .upsell .products-grid .product-image img { max-height: 100px; } .upsell .products-grid .price-box { text-align: left; float: none; width: auto; } .upsell .products-grid .action { width: auto; } a#productlink { display: inline-block; background: #000; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0px 20px; margin: 0; height: 32px; line-height: 32px; text-decoration: none; color: #fff; text-transform: uppercase; margin: 0 0 10px 0; font-size: 16px; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .cms-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:600; } .page-sitemap .sitemap li.level-0 a {} /* RSS */ .rss-title h1 { background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:600; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:600; } .cart .totals table tfoot th {} /* Options Tool Tip */ .item-options dt { font-weight:600; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:600; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:600; } .sp-methods .price { font-weight:600; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:600; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:600; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:600; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://www.degriz.net/skin/frontend/degriz2/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /* Dashboard */ .dashboard {} .dashboard .welcome-msg {} .dashboard .box-account { background: #fefefe; padding: 20px; border: 1px solid #ddd; margin: 20px 0px 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .dashboard .box-account h2 { padding: 0px 0px 20px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #ddd; font-weight: 600; } .dashboard .box-account h3 { margin: 10px 0px 0px 0px; color: #171717;} .dashboard .box-account .box-content { margin: 10px 0px 20px 0px;} .dashboard .box-account a { color: #171717; } /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:600; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:600; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /* Dashboard */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:600; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:600; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:600; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:600; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* Footer ================================================================================ */ .fnewsletter { background: #d2d2d2; margin: 20px 0 0 0; position: relative; overflow: hidden; } .fnewsletter .background { } .fnewsletter .wrap { display: flex; justify-content: center; align-items: center; } .fnewsletter .wrap .image { flex: 1; } .fnewsletter .wrap .image img { max-width: 100%; height: unset; } .fnewsletter .wrap .content { flex: 1; } .fnewsletter .wrap .content .inner { max-width: 600px; float: right; text-align: center; } .fnewsletter .wrap .content h4 { font-family: 'DM Serif Text', cursive; font-weight: normal; line-height: 1.1em; letter-spacing: 0.02em; font-size: 55px; line-height: 1.1em; margin: 0 0 20px 0; } .fnewsletter .wrap .content h4 strong { font-family: 'DM Serif Text', cursive; display: block; font-weight: normal; } .fnewsletter .wrap .content h4 .color { font-family: 'DM Serif Text', cursive; font-weight: normal; color: #b70000; } .fnewsletter .wrap .content p { font-size: 19px; line-height: 1.4em; font-weight: normal; margin: 0 0 20px 0; } .fnewsletter .wrap form { display: flex; } .fnewsletter .wrap form .input { flex: 3; margin-left:20px; } .fnewsletter .wrap form button { flex: 1; margin-right: 20px; } .fnewsletter .wrap form button.button { -webkit-border-top-right-radius: 60px; -webkit-border-bottom-right-radius: 60px; -moz-border-radius-topright: 60px; -moz-border-radius-bottomright: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; line-height: 55px; height: 55px; font-size: 18px; box-shadow: 0 5px 12px 0 rgb(0 0 0 / 17%), 0 10px 30px 0 rgb(0 0 0 / 19%); background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#2d2d2d",GradientType=1); } .fnewsletter .wrap form input#newsletter { width: 100%; height: 55px; line-height: 55px; padding: 0 0 0 10px; text-align: center; margin-bottom: 10px; font-size: 18px; color: #333; font-weight: 400; border: 0; -webkit-border-top-left-radius: 60px; -webkit-border-bottom-left-radius: 60px; -moz-border-radius-topleft: 60px; -moz-border-radius-bottomleft: 60px; border-top-left-radius: 60px; border-bottom-left-radius: 60px; box-shadow: 0 5px 12px 0 rgb(0 0 0 / 17%), 0 10px 30px 0 rgb(0 0 0 / 19%); } .fnewsletter .wrap form .degriz_gdprnewsletter { font-size: 16px; line-height: 1.3em; } .fnewsletter .wrap form .degriz_gdprnewsletter > a { color: #171717; } .fnewsletter .wrap form .degriz_gdprnewsletter > label > input { vertical-align: top; margin-right: 5px; } .fnewsletter .wrap form .degriz_gdprnewsletter .gdprpopup_inner { font-size: 16px; line-height: 1.4em; } .noga { padding: 60px 0px 20px 0px;color: #fff; background: rgb(43,43,43); background: -moz-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: -webkit-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b",endColorstr="#161616",GradientType=1); } .noga a { color: #fff; text-decoration: none; } .noga .wrap { } .noga .wrap .povezave { display: flex; } .noga .wrap .povezave .blok { flex: 2; padding: 0 30px 0 0; } .noga .wrap .povezave .blok.aboutus { flex: 3; padding-right: 60px; } .noga .wrap .povezave .link li { margin-bottom: 3px; } .noga .wrap .povezave .social li { line-height: 30px; margin-bottom: 5px; font-weight: bold; } .noga .wrap .povezave .social li a:before { vertical-align: bottom; font-family: Icons; margin-right: 10px; display: inline-block; width: 30px; height:30px; line-height: 30px; text-align: center; font-size: 17px; background-color: #333; background-size: 16px 16px; background-repeat: no-repeat; background-position: center; color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .noga .wrap .povezave .social li.facebook a:before { content: '\E009'; } .noga .wrap .povezave .social li.instagram a:before { content: '\E00B'; } .noga .wrap .povezave .social li.email a:before { content: ''; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/email.svg); } .noga .wrap .povezave .social li.phone a:before { content: ''; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/phone.svg); } .noga .wrap .povezave .social img { margin-bottom: 15px; } .noga .wrap .povezave .blok.aboutus a { font-weight: 500; text-decoration: underline; } .noga .wrap .povezave .social small { font-size: 12px; font-weight: 300; } .noga .wrap .povezave .social ul { margin-top: 15px; } .noga .wrap .povezave .blok h2.title { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; pointer-events: none; } .noga .wrap .povezave .blok li { margin-bottom: 8px; } .noga .wrap .povezave .blok p { margin-bottom: 10px;font-weight: 300; } .noga .copy { margin-top: 20px; padding: 20px 30px; text-align: left; color: #999; font-size: 14px; line-height: 1.5em; font-weight: 300; } .noga .copy address { display: inline-block; } .noga .copy a.degriz { color: #666; text-decoration: none; display: inline-block; } .noga .copy .cards { float: right; margin-left: 20px; } .noga .copy .cards:before { color: #666; content: '\E00D \E00E'; display: block; font-family: Icons; font-weight: 400; font-size: 26px; line-height: 1em; margin-top: -5px; } .noga .razpis { display: flex; gap: 20px; justify-content: center; align-items: center; border: 0; font-size: 14px; margin-top: 10px; margin-bottom: 30px; } .noga .razpis p { flex: 1; line-height: 1.2em; margin: 0; } .noga .razpis img { max-width: 100%; width: unset; height: unset; } /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /* cms */ .cms-page-view .main, .customer-account-login .main, .customer-account-create .main, .checkout-cart-index .main, .checkout-onepage-success .main { background: #fff; padding: 30px; margin: 0px 0px 15px 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .customer-account-login .buttons-set { border-top: 1px solid #ebebeb; padding-bottom: 0; padding-top: 15px; } .customer-account-login .content h2 { font-weight: 600; margin: 0px 0px 10px 0px; } .checkout-cart-index .buttons-set { background: none transparent !important; border: 0px;} .cms-page-view .col-main, .customer-account-login .col-main, .customer-account-create .col-main, .checkout-cart-index .col-main, .checkout-onepage-success .col-main { padding: 0; } /* swatch */ .swatchesContainerPadded:after, .swatchesContainer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } #ul-moreviews li img{ cursor: pointer; } /* Swatch Product View Styles */ .swatchesContainerPadded { padding-top:15px; } .swatchLabel { font-weight:normal!important; } .swatch { padding: 1px; background: #fff; height: 65px; width: 65px; text-align: center; line-height: 16px; font-size: 13px; display:inline; cursor:pointer; float:left; margin-bottom:4px; margin-right:4px; border: 1px solid #ccc; opacity: 1; filter:alpha(opacity=100); transition:opacity .5s linear; -moz-transition:opacity .5s linear; -webkit-transition:opacity .5s linear; -o-transition-transition:opacity .5s linear; } .swatchSelected { border:1px solid #000 !important; background: #000; color: #fff; } .disabledSwatch { cursor:default !important; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; } .swatchSelect { display:none; } .swatchContainer { display:inline; } /* Swatch Category View Styles */ .float-clearer { clear:both; } .swatchesContainer-category { padding-top:8px; padding-bottom:20px; display: block; } .swatchLabel-category { font-weight:normal!important; font-size:9px; float:left; display:block; padding-top:2px; vertical-align:bottom; line-height:9px; } .moznosti { background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/paleta.jpg) no-repeat 4px 2px #fffaee; margin: 0px 0px 3px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 2px 0px 2px 27px; width: 90px; color: #443827; font-size: 12px; line-height: 16px; height: 16px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);} .swatchContainer-category { display:block !important; height:auto; } .firstswatch-category { padding:2px; float:left; display:inline; cursor:pointer; margin-bottom:8px; margin-top:4px; margin-left:0px; border:1px solid #e1e1e1; } .swatch-category { float:left; display:inline; cursor:pointer; margin-bottom:0px; margin-right: 1px; border: 1px solid #ccc; } .swatch-category.swatchSelected { padding: 0px; border:1px solid #000 !important; } .swatch-shopby { padding:2px; display:inline; cursor:pointer; float:left; margin-top:5px; margin-bottom:4px; margin-left:5px; border:1px solid #e1e1e1; } .swatch-shopby-text { padding:2px; display:inline; cursor:pointer; float:left; margin-top:5px; margin-bottom:4px; margin-left:5px; } .swatch-category-container { margin-bottom:15px; overflow:auto !important; height:auto !important; position:relative; } .product-image-popup .buttons-set a.button { color: #837256; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/btn_remove.gif) no-repeat 0px 4px; padding: 0px 0px 0px 15px; display: block; } .product-image-popup .nav a { color: #837256; font-weight: 600; } .znak { line-height: 22px; color: #666; } /* update */ .customer-address-index address { margin: 10px 0px; } .customer-address-index li.item h3 { margin: 10px 0px 0px 0px; } /* General Swatch Styling */ .swatch-attr { overflow: hidden; } .swatch-link, .swatch-label { display: block; font-size: 16px; text-align: center; color: #000; font-weight: 500; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #cccccc; margin: 0 0 3px; position: relative; } .swatch-link img { border-radius: 2px; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; padding: 0 10px; } .configurable-swatch-list { margin-left: -3px; zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.3; filter: alpha(opacity=30); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #3399cc; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 3px; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 3px; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) { clear: left; } } .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #000; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: 600; color: #fff !important; float: left; display: block; border-radius: 3px; } /* banner */ .banner-wrap { margin: 20px 0; width: 100%; overflow: hidden; } .banner-wrap .bleft { float: left; width: 70%; } .banner-wrap .bright { float: right; width: 30%; } .banner {} .banner li { position: relative; } .banner li a { text-decoration: none; color: #111; overflow: hidden; display:block; } .banner .owl-carousel .owl-item img { display: block; height: auto; width: 100%;} .banner .floater { position: absolute; bottom: 40px; left: 40px; text-align: left; } .banner .content { max-width: 350px; width: 100%; font-size: 28px; margin-bottom: 15px; line-height: 1.2em; } .banner .content h2 { font-size: 38px; font-weight: normal; margin-bottom: 4px; } .banner .content h3 { font-size: 32px; font-weight: normal; margin-bottom: 4px; } .banner .content p { font-size: 17px; font-weight: normal; } .banner .label { margin-top: 20px; display: inline-block; color: #000; overflow: hidden; font-weight: 400; font-size: 17px; width:auto; border:0; padding: 0 20px; margin:0; height: 42px; line-height: 42px; cursor:pointer; border: 1px solid #000; } .banner .owl-theme .owl-dots { margin: 0; position: absolute; right: 20px; bottom: 20px; } .banner .owl-theme .owl-dots .owl-dot span { width: 32px; height: 6px; margin: 0 7px; background: #fff; } .banner .owl-theme .owl-dots .owl-dot.active span, .banner .owl-theme .owl-dots .owl-dot:hover span { background: #000; } /* smallbanner */ .rightbanner { } .rightbanner ul li { width: 100%; overflow: hidden; position: relative; } .rightbanner ul li .wrap { position: relative; display: block; text-decoration: none; } .rightbanner ul li img { max-width: 100%; height: auto; width: 100%; } .rightbanner ul li:hover img { -webkit-animation: scale 1s ease-out forwards; } .rightbanner ul li .floater { position: absolute; bottom: 15%; left: 10px; right: 10px; text-align: center; } .rightbanner ul li .floater .wrap { display: inline-block; margin: 0 auto; background: #fff; padding: 6px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); } .rightbanner ul li .content { padding: 11px 30px 7px 30px; text-decoration: none; display: inline-block; color: #000; font-size: 18px; line-height: 1.3em; font-weight: 600; text-transform: uppercase; border: 1px solid #000; } /* section */ .section { margin: 30px 0; position:relative; } .section .products-grid { margin: 0; } .section .desc { width: 24%; float: left; padding: 0 40px 0 0; font-size: 17px; } .section .prod { width: 76%; float: right; position: relative; } .section .desc h2 { font-size: 34px; margin: 50px 0 30px 0; font-weight: 600; } .section .desc a.more { position: absolute; bottom: 25px; left: 0; text-transform: uppercase; font-weight: bold; font-size: 17px; line-height: 32px; color: #000; text-decoration: none; } .section .desc a.more:after { content: ''; display: block; float: right; margin-left: 5px; height: 32px; width: 15px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/moresimage.svg); } .section .desc a.more:hover { text-decoration: none; } .section .desc a.more:hover:after { margin-left: 10px; } .section .products-grid li.item { margin-bottom: 0; } .section .owl-theme .owl-nav { margin-top: 0; } .section .products-grid.owl-carousel li.item { margin: 10px 0; } /* brands */ .brands { background: #fff; margin: 60px 0; max-with: 100%; overflow: hidden; } .brands a { padding: 0 20px; vertical-align: middle; display: block; box-sizing: border-box; } .brands .owl-carousel .owl-item img { max-height: 90px; width: auto; margin: 0 auto; max-width: 100%; height: auto; } /* blog */ .post-list ul li { float: left; width:49%; margin-right: 2%; height: 450px; box-sizing: border-box; position: relative; height: unset !important; } .post-list ul li:nth-child(2n) { margin-right: 0; } .post-list ul li a { max-height: 423px; overflow: hidden; position: relative; display: block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .post-list ul li a img { width: unset; min-width: 100%; height: unset; } .post-list ul li a:after { content: ''; display: block; overflow: hidden; position: absolute; z-index: 1; display: block; top: 20%; right: 0; bottom: 0; left: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: rgb(255,255,255); background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);} .post-list ul li .floater { position: absolute; bottom: 30px; left: 30px; right: 30px; text-align: left; z-index:2; } .post-list ul li .floater h2 { margin-bottom: 0; font-weight: bold; color: #fff; width: 100%; font-size: 28px; line-height: 1.3em; } .post-list .pager .amount { display: none; } .post-list .top .pager { margin: -10px 0 20px 0; } .post-view .post-meta { font-style: normal; } .post-view .post-skips a { text-decoration: none; display: inline-block; border: 1px solid #ccc; background-color: #f9f9f9; color: #171717; padding: 0 20px; line-height: 38px; height: 38px; cursor: pointer; } .post-view .post-skips a:hover { background-color: #171717; border-color: #171717; color: #fff; } .post-view .post-skips a:before {font-family: Icons; float: left; font-size: 10px; content: '\E007'; font-weight: 300; vertical-align: top; margin: 0 5px 0 -5px; } .post-view .post-skips a.post-skip-next:before { content: '\E002'; float: right; margin: 0 -5px 0 5px; } .wrelated .title h2 { font-size: 24px; font-weight: 300; margin: 0 0 20px 0; } .wrelated .products-grid { margin: 0; } .post-view .post-meta .post-info { background: #f9f9f9; padding: 10px 15px; display: block; font-size: 15px; color: #444; } .post-view .post-meta .post-info a { color: #333; } /* OWL carousel */ .products-grid.owl-carousel li.item { float: none; width: 100%; border-bottom: 0; } .owl-carousel .owl-nav { margin-top: 0; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; border-radius: 0; margin: 0; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { cursor: pointer; display:block; width: 52px; height: 52px; text-align: center; line-height: 33px; font-size: 52px; font-weight: normal; box-shadow: 0 5px 12px 0 rgb(0 0 0 / 17%), 0 10px 30px 0 rgb(0 0 0 / 19%); -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; background: rgb(255,255,255); background: -moz-radial-gradient(circle, rgba(255,255,255,1) 41%, rgba(238,238,238,1) 100%); background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 41%, rgba(238,238,238,1) 100%); background: radial-gradient(circle, rgba(255,255,255,1) 41%, rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=1); border: 1px solid #fff; } .owl-carousel .owl-nav [class*="owl-"]:hover { box-shadow: 0 5px 12px 0 rgb(0 0 0 / 67%), 0 10px 30px 0 rgb(0 0 0 / 79%); background: rgb(247,247,247); background: -moz-linear-gradient(180deg, rgba(247,247,247,1) 41%, rgba(226,226,226,1) 100%); background: -webkit-linear-gradient(180deg, rgba(247,247,247,1) 41%, rgba(226,226,226,1) 100%); background: linear-gradient(180deg, rgba(247,247,247,1) 41%, rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7",endColorstr="#e2e2e2",GradientType=1); } .owl-carousel .owl-nav button.owl-prev > span:before, .owl-carousel .owl-nav button.owl-next > span:before { text-indent: 0; content: ''; display: block; margin: 0 auto; width: 32px; height: 48px; background-size: 38px 28px; background-repeat: no-repeat; background-position: center; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/prev.svg);} .owl-carousel .owl-nav button.owl-prev > span:before { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .owl-carousel .owl-nav button.owl-prev span span, .owl-carousel .owl-nav button.owl-next span span { display: block; text-indent: -9999999px; overflow: hidden; } .owl-carousel .owl-nav button.owl-prev { right: 15px; } .owl-carousel .owl-nav button.owl-next { left: 15px; } .block-blog-search .blog-search { display: flex; padding: 0; margin: 10px 0; } .block-blog-search .blog-search .input-text { line-height: 36px; margin-bottom: 0; flex: 1; } .wordpress-post-view .post-view { background: #fff; padding: 20px 30px; margin-bottom: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .wordpress-post-view .post-view .featured-image { width: 100%; height: unset; border: 0; margin: 0 0 20px 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .wordpress-post-view .post-view .featured-image img { width: 100%; } .wordpress-post-view .post-view .post-meta { margin-bottom: 0; } .post-entry { font-size: 17px; line-height: 1.4em; } .post-entry h2 { font-size: 36px; margin: 20px 0; font-weight: bold; } .post-entry h3 { font-size: 32px; margin: 20px 0; font-weight: bold; } .post-entry h4 { font-size: 28px; margin: 20px 0; font-weight: bold; } .post-entry h5 { font-size: 24px; margin: 20px 0; font-weight: bold; } /* subscribecsm */ .subscribecsm { overflow: hidden; clear: both; margin-bottom: 10px; } .subscribecsm #newsletter-validate-detail .degriz_gdprnewsletter { position: relative; margin-top: 5px; margin-bottom: 10px; color: #333; } .subscribecsm #newsletter-validate-detail .degriz_gdprnewsletter label { color: #333; } .subscribecsm #newsletter-validate-detail .degriz_gdprnewsletter a.gdprnewsletter_box_open { color: #333; } .subscribecsm input { height: 26px; line-height: 26px; padding: 0 0 0 10px; } /* cookie alert */ body .cookiealert { padding: 10px 0; font-size: 15px; color: #171717; background: #f9f9f9; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } body .cookiealert .message span.cookie-title { color: #171717; font-size: 16px; } body .cookiealert .message p { line-height: 1.3em; margin-bottom: 5px; } body .cookiealert .message a { color: #171717; } /* product question */ .pquest .wrap { display: flex; justify-content: center; align-items: center; } .pquest .wrap .content { flex: 1; } .pquest .wrap .image { flex: 1; text-align: center; } .pquest .wrap .content .title h1 { font-weight: bold; margin: 10px 0 10px 0; font-size: 24px; line-height: 1.2me; } .pquest .wrap .content a.back { text-decoration: none; display: inline-block; margin-bottom: 20px; border: 1px solid #ccc; background-color: #f9f9f9; font-size: 14px; color: #171717; padding: 0 15px 0 10px; line-height: 36px; height: 38px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pquest .wrap .content a.back:hover { background-color: #171717; border-color: #171717; color: #fff; } .pquest .wrap .content a.back:before { font-family: Icons; font-size: 11px; font-weight: 300; vertical-align: top; content: '\E007'; line-height: 38px; float: left; margin-right: 10px; } .pquest .wrap .content fieldset { max-width: 520px; } .pquest .wrap .content .input-box { margin-bottom: 10px; } .pquest .wrap .content .input-box input { width: 100%; line-height: 32px; padding: 0 0 0 10px; } .pquest .wrap .content textarea { width: 100%; min-height: 100px; } .pquest .wrap .content label { font-weight: 600; margin-bottom: 5px; clear: both; display: block; } .pquest .wrap .content em { font-weight: 300; color: #999; } /* firecheckout */ #firecheckout-form { font-size: 15px; } #firecheckout-form .form-list label { font-weight: 400; } #firecheckout-form input.input-text { min-width: auto; } body.firecheckout-index-index .page-title { border-bottom: 0; margin-bottom: 0; } .firecheckout-index-index .checkout-title a { color: #171717; } body .firecheckout-set button.btn-checkout:hover, body .firecheckout-set button.btn-checkout:focus, body .firecheckout-set button.btn-primary:hover, body .firecheckout-set button.btn-primary:focus, body .firecheckout-window button.button:hover, body .firecheckout-window button.button:focus, body .firecheckout-set button.btn-checkout, body .firecheckout-set button.btn-primary, body .firecheckout-window button.button { background-color: #d51e25; } #checkout-review .block-subtitle { display: none; } body .firecheckout-set .checkout-agreements { border-bottom: 0; padding-bottom: 0; } body .firecheckout-set .data-table thead th { background: #efefef; } body .firecheckout-set .data-table tfoot { border-bottom: 0; } body .firecheckout-set #checkout-review #checkout-additional{ border-bottom: 0; } body .firecheckout-set #checkout-review #checkout-review-table { border:0; } body .firecheckout-set #checkout-payment-method-load input.radio { vertical-align: top; } body .firecheckout-set #review-buttons-container { text-align: left; } body .checkout-subtitle { text-align: left; } body .firecheckout-set .discount-block.form-list .control { display: block; } body .firecheckout-set .discount-block.form-list .control label { vertical-align: bottom; } /* categories */ .kategorijas { position: relative; margin-bottom: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden; box-shadow: rgba(60, 64, 67, 0.2) 0px 1px 2px 0px, rgba(60, 64, 67, 0.1) 0px 2px 3px 2px; } .kategorijas img { max-width: 100%; width: 100%; height: unset; display: block; } .kategorijas .okvir { position: absolute; left: 0; padding: 0 40px; width: 40%; top: 50%; transform: translateY(-50%); font-size: 21px; line-height: 1.5em; } .kategorijas .okvir h1 { font-family: 'DM Serif Text', cursive; letter-spacing: 0.01em; font-size: 62px; margin: 0 0 30px 0; line-height: 1em; } .kategorijas .okvir p { margin-bottom: 10px; } .category-description { font-size: 19px; line-height: 1.5em; max-width: 1200px; margin: 0 auto; margin-bottom: 40px; } .col2-left-layout .category-description { max-width: 100%; margin-bottom: 10px; } .category-description .row { display: flex; justify-content: center; align-items: center; } .category-description .row > div { flex: 1; padding: 40px; } .category-description .row.margin-top-40 { margin-top: 40px; } .category-description .center { margin: 0 auto; display: block; } .category-description h2 { font-size: 38px; margin: 0 0 20px 0; line-height: 1.2em; } .category-description h2 strong { font-weight: bold; } .category-products.kategorije { margin-bottom: 40px; } .category-products.kategorije ul.grid { list-stlye: none; } .category-products.kategorije ul.grid li.item { float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; } .category-products.kategorije ul.grid li.item:nth-child(3n) { margin-right: 0; } .category-products.kategorije ul.grid li.item:nth-child(3n+1) { clear:both; } .category-products.kategorije ul.grid li.item .okvir { overflow: hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; transform: scale(1); transition: 0.15s all ease; border: 1px solid #dfe1e5; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .category-products.kategorije ul.grid li.item:hover .okvir { transform: scale(1.05); box-shadow: 0 5px 12px 0 rgb(89 94 103 / 17%), 0 10px 30px 0 rgb(89 94 103 / 19%); } .category-products.kategorije ul.grid .image { display: block; position: relative; overflow: hidden; -webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.05); } .category-products.kategorije ul.grid .image img { max-width: 100%; width: 100%; display: block; height: unset; } .category-products.kategorije ul.grid .content { padding: 40px 40px 40px 40px; font-size: 19px; line-height: 1.5em; } .category-products.kategorije ul.grid .content h2 { position: relative; font-size: 28px; font-weight: bold; line-height: 1.3em; margin-bottom: 15px; } .category-products.kategorije ul.grid .content p { margin-bottom: 10px; } .category-products.kategorije ul.grid .content a.readmore { display: inline-block; margin: 20px 0; font-size: 17px; height: 42px; line-height: 42px; text-decoration: none; font-weight: bold; padding: 0 30px; background: #333; color: #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .category-products.kategorije ul.grid .content .sub { margin: 30px -10px -20px -10px; } .category-products.kategorije ul.grid .content .sub ul { list-style: none; max-height: 199px; overflow-y: auto; } .category-products.kategorije ul.grid .content .sub ul li { border-top: 1px solid #dfe1e5; } .category-products.kategorije ul.grid .content .sub ul li a { text-decoration: none; padding: 10px 10px; display: block; font-size: 17px; } .category-products.kategorije ul.grid .content .sub ul li a:before { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 6px; margin-right: 10px; background: #666; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .category-products.kategorije ul.grid .content .sub ul li a:hover { font-weight: bold; backgorund: #fefefe; } .category-products.kategorije.reference ul.grid .content h2 { } .category-products.kategorije.reference ul.grid .content { font-size: 16px; } .category-products.kategorije.reference ul.grid .content a.readmore { margin-bottom: 0; font-size: 15px; } .category-products.kategorije.reference ul.grid .content p { height: 72px; overflow: hidden; } .category-products.kategorije.reference .title2 { font-family: 'DM Serif Text', cursive; font-weight: normal; letter-spacing: 0.01em; font-size: 24px; line-height: 24px; top: -10px; position: absolute; color: #ebebeb; font-weight: normal; z-index: -1; } .category-products.kategorije.reference .item.arhiv img { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } .category-products.kategorije.reference .item.arhiv:hover img { -webkit-filter: grayscale(0); filter: none; } .category-products.kategorije.reference .item.arhiv .archive { position: absolute; z-index: 2; top: 15px; right: 15px; background: red; color: #fff; padding: 0 10px; line-height: 24px; font-size: 14px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.1);} /* reference */ .oprojektih { padding-top: 80px; padding-bottom: 100px; text-align: center; font-size: 21px; line-height: 1.4em; font-weight: normal; } .oprojektih .content { max-width: 800px; margin: 0 auto; } .oprojektih h3, .oprojektih h4 { font-family: 'DM Serif Text', cursive; font-weight: normal; letter-spacing: 0.02em; font-size: 45px; line-height: 1.1em; color: rgba(242,99,34,1); margin-bottom: 40px; } .oprojektih h3 *, .oprojektih h4 * { font-family: 'DM Serif Text', cursive; } .oprojektih a.btn { margin-top: 30px; display: inline-block; padding: 0 30px; background: rgb(219,85,24); background: -moz-linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); background: -webkit-linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); background: linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db5518",endColorstr="#f26322",GradientType=1); color: #fff; font-weight: bold; font-size: 19px; line-height: 55px; text-decoration: none; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .reference .owl-carousel .owl-stage-outer { overflow: unset; overflow-x: clip; } .reference .owl-item img { max-width: 100%; width: 100%; height: unset; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); } .reference .owl-item.center img, .reference .owl-item:hover img { -webkit-filter: grayscale(0); filter: none; } .reference .owl-carousel .item-inner-wrapper { position: relative; } .reference .owl-item { position: relative; overflow: hidden; transform: scale(1); transition:.4s ease all; z-index: -1; } .reference .owl-item.center, .reference .owl-item:hover { z-index: 1; transform: scale(1.2); box-shadow: 0 5px 12px 0 rgb(0 0 0 / 27%), 0 10px 30px 0 rgb(0 0 0 / 39%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .reference .owl-item:hover { z-index: 2; } .reference .owl-item:before { content: ''; position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.5); pointer-events: none; z-index: 4; } .reference .owl-item.center:before, .reference .owl-item:hover:before { display: none; } .cms-index-index .reference { margin-bottom: 30px; } .cms-index-index .reference .owl-item:before { background: rgba(0,0,0,0.1); } .cms-index-index .reference .owl-item.center, .cms-index-index .reference .owl-item:hover { box-shadow: 0 5px 12px 0 rgb(0 0 0 / 17%), 0 10px 30px 0 rgb(0 0 0 / 19%); } /* video */ .video { display: flex; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .video .content { flex: 1; padding: 40px; text-align: center; font-size: 21px; line-height: 1.4em; font-weight: 300; color: #fff; background: rgb(43,43,43); background: -moz-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: -webkit-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b",endColorstr="#161616",GradientType=1);display: flex; justify-content: center; align-items: center; } .video .content h2 { font-family: 'DM Serif Text', cursive; font-weight: normal; letter-spacing: 0.02em; font-size: 45px; margin: 0 0 20px 0; text-shadow: 1px 1px 3px #000; } .video .content p { margin-bottom: 20px; text-shadow: 1px 1px 3px #000; } .video .content p.small { margin-bottom: 0; margin-top: 20px; color: #ccc; font-size: 14px; line-height: 1.4em; text-shadow: 1px 1px 3px #000; } .video .content a.btn { margin-top: 30px; display: inline-block; padding: 0 30px; background: rgb(219,85,24); background: -moz-linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); background: -webkit-linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); background: linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db5518",endColorstr="#f26322",GradientType=1); color: #fff; font-weight: bold; font-size: 19px; line-height: 55px; text-decoration: none; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; box-shadow: 0 5px 12px 0 rgb(0 0 0 / 27%), 0 10px 30px 0 rgb(0 0 0 / 29%); } #hero { flex: 2; background: #1c1c1c; color: #fff; text-align: center; position: relative; text-transform: uppercase; background-position: center; background-repeat: no-repeat; background-size: cover; height: 650px; max-width: 100%; box-sizing: border-box; overflow: hidden; } #hero .image, #hero video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: 100%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: cover; z-index: 1; display: none; } #hero .image { display: block; } /* about */ .about { display: flex; justify-content: center; align-items: center; padding-top: 40px; padding-bottom: 40px; } .about .image { flex: 2; } .about .image .canvas { position: relative; } .about .image .canvas img { max-width:100%; height: unset; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .about .image .canvas:before { content: ''; display: block; position: absolute; bottom: 30px; left: 30px; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/middle_solution_specialist.png) no-repeat center; width: 64px; height: 114px; } .about .content { flex: 3; } .about .content .wrapper { padding: 40px 60px; font-size: 21px; line-height: 1.4em; font-weight: normal; } .about .content .wrapper h4 { font-family: 'DM Serif Text', cursive; font-weight: normal; line-height: 1em; letter-spacing: 0.02em; font-size: 45px; color: rgba(242,99,34,1); margin-bottom: 40px; } .about .content .wrapper h4 * { font-family: 'DM Serif Text', cursive; } .about .content .wrapper h5 { margin-bottom: 30px; font-size: 15px; font-weight: 300; } .about .content p { margin-bottom: 20px; } .about .image .canvas:before { animation: updown 20s infinite linear; } @keyframes updown { 0% { transform: translateY(0); filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 0.3)); } 25% { transform: translateY(30px); filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 0.2)); } 50% { transform: translateY(60px); filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 0.1)); } 75% { transform: translateY(30px); filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 0.2)); } 100% { transform: translateY(0); filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 0.3)); } } .advantages li { float: left; width: 49%; margin-right: 2%; } .advantages li:nth-child(2n) { margin-right: 0; } .advantages li .wrap { display: flex; justify-content: center; align-items: center; text-decoration: none; } .advantages li .image { flex: 1; padding: 20px; } .advantages li .image img { max-width: 100%; height: unset; } .advantages li .content { flex: 2; } .advantages li .content .wrapper {padding: 20px 20px; font-size: 18px; line-height: 1.4em; font-weight: normal; } .advantages li .content .wrapper h4 { font-family: 'DM Serif Text', cursive; font-weight: normal; line-height: 1.1em; letter-spacing: 0.02em; font-size: 38px; color: rgba(242,99,34,1); margin-bottom: 20px; } .advantages li .content .wrapper h4 * { font-family: 'DM Serif Text', cursive; } .advantages li .content .wrapper p { margin-bottom: 20px; } /* home blocks */ .bblocks { } .bblocks li { float: left; width: 24.25%; margin-right: 1%; margin-top: 13px; } .bblocks li:nth-child(4n) { margin-right: 0; } .bblocks li .wrap { text-decoration: none; position: relative; display: block; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .bblocks li .wrap .content { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 35px 30px 35px; color: #fff; font-weight: 300; background: #000; background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 75%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 75%, rgba(0,0,0,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 75%, rgba(0,0,0,0) 100%); } .bblocks li .wrap .content h2 { color: #f26322; font-size: 33px; font-weight: bold; line-height: 1.1em; margin: 0 0 5px 0; } .bblocks li .wrap .content h2 strong { color: #fff; } .bblocks li .wrap .image img { display: block; height: unset; width: 100%; } /* home blog */ .novo-posts { padding: 80px 0; background: rgb(249,99,34); background: -moz-radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); background: -webkit-radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); background: radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f96322",endColorstr="#cf460b",GradientType=1); } .novo-posts .title { text-align: center; margin-bottom: 30px; } .novo-posts .title h4 { font-family: 'DM Serif Text', cursive; font-weight: normal; line-height: 1.1em; letter-spacing: 0.02em; font-size: 55px; color: #fff; text-shadow: 1px 1px 1px rgb(0 0 0 / 10%); } .novo-posts .title h4 * { font-family: 'DM Serif Text', cursive; } .novo-posts .bottom { text-align: center; margin-top: 30px; } .novo-posts .bottom a.btn { display: inline-block; padding: 0 40px; color: #fff; text-shadow: 1px 1px 1px rgb(0 0 0 / 10%); font-weight: bold; font-size: 19px; line-height: 55px; text-decoration: none; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; box-shadow: 0 5px 7px 0 rgb(0 0 0 / 7%), 0 10px 15px 0 rgb(0 0 0 / 9%); background: rgb(227,81,17); background: -moz-linear-gradient(0deg, rgba(227,81,17,1) 0%, rgba(249,99,34,1) 100%); background: -webkit-linear-gradient(0deg, rgba(227,81,17,1) 0%, rgba(249,99,34,1) 100%); background: linear-gradient(0deg, rgba(227,81,17,1) 0%, rgba(249,99,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e35111",endColorstr="#f96322",GradientType=1); } .novo-posts .item { display: block; text-decoration: none; margin: 30px 0; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #fff; transform: scale(1); transition: 0.15s all ease; box-shadow: 0 5px 7px 0 rgb(89 94 103 / 17%), 0 10px 20px 0 rgb(89 94 103 / 19%); } .novo-posts .item:hover .okvir { transform: scale(1.05); box-shadow: 0 5px 12px 0 rgb(89 94 103 / 37%), 0 10px 30px 0 rgb(89 94 103 / 39%); } .novo-posts .image { display: block; position: relative; overflow: hidden; -webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.05); } .novo-posts .image img { max-width: 100%; height: unset; width: 100%; display: block; transform: scale(1); transition: 0.5s all ease; } .novo-posts .item:hover .image img { transform: scale(1.05); } .novo-posts .item .content { padding: 40px; font-size: 17px; line-height: 1.5em; text-align: center; } .novo-posts .item .content h4 { position: relative; font-size: 24px; font-weight: bold; line-height: 1.3em; margin-bottom: 15px; height: 63px; overflow: hidden; } .novo-posts .item .content p { margin-bottom: 10px; } .novo-posts .item .content a.readmore { margin-top: 10px; display: inline-block; padding: 0 30px; color: #fff; font-weight: bold; font-size: 19px; line-height: 48px; text-decoration: none; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; box-shadow: 0 5px 7px 0 rgb(0 0 0 / 7%), 0 10px 15px 0 rgb(0 0 0 / 9%); background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#2d2d2d",GradientType=1); } .is-blog .pager { clear: both; } .is-blog img[class*="align"], .is-blog img[class*="wp-image-"], .is-blog .gallery .gallery-icon img { border: 0; } /* portfoli */ .gallery-view-album .bcta { margin-top: 0; margin-bottom: 0; padding-top: 60px; padding-bottom: 60px; } .gallery-view-album .fnewsletter { margin-top: 0; } .gallery-view-album .reference .owl-item:before { background: rgba(0,0,0,0.1); } .gallery-view-album .portfol a.btn { margin-top: 30px; display: inline-block; padding: 0 30px; background: rgb(219,85,24); background: -moz-linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); background: -webkit-linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); background: linear-gradient(0deg, rgba(219,85,24,1) 0%, rgba(242,99,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db5518",endColorstr="#f26322",GradientType=1); color: #fff; font-weight: bold; font-size: 18px; line-height: 52px; text-decoration: none; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); } .gallery-view-album .portfol a.btn.prime { margin-right: 10px; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,45,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#2d2d2d",GradientType=1); } .gallery-view-album .portfol { display: flex; gap: 40px; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 60px; } .gallery-view-album .portfol .content { flex: 1; font-size: 19px; line-height: 1.4em; } .gallery-view-album .portfol .content .title { padding-top: 10px; margin-bottom: 20px; } .gallery-view-album .portfol .content .title .title2 { font-family: 'DM Serif Text', cursive; font-weight: normal; letter-spacing: 0.01em; font-size: 142px; line-height: 142px; bottom: -25px; position: absolute; color: #ebebeb; font-weight: normal; z-index: -1; } .gallery-view-album .portfol .content .title h1 { font-size: 24px; line-height: 1.2em; color: #444; font-weight: 300; } .gallery-view-album .portfol .content .title h1 strong { font-size: 52px; line-height: 1.2em; display: block; color: #000; } .gallery-view-album .portfol .image { flex: 2; } .gallery-view-album .portfol .image img { max-width: 100%; height: unset; overflow: hidden; border: 1px solid #dfe1e5; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* form */ .form_style { position: relative; padding: 30px; max-width: 610px; color: #fff; margin: 0 auto; margin-bottom: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); background: rgb(249,99,34); background: -moz-radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); background: -webkit-radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); background: radial-gradient(circle, rgba(249,99,34,1) 0%, rgba(207,70,11,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f96322",endColorstr="#cf460b",GradientType=1); } .form_style .fieldset { border: 0; background: transparent; padding: 0; margin: 0 0 20px 0; } .form_style .top_content { color: rgba(255,255,255,0.9); font-size: 19px; } .form_style .top_content h2 { color: #fff; font-size: 32px; line-height: 1.4em; } .form_style button.button {width: 100%; display: inline-block; padding: 0 30px; color: #fff; font-weight: bold; font-size: 18px; line-height: 52px; height: 52px; text-decoration: none; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; box-shadow: 0 5px 12px 0 rgb(89 94 103 / 7%), 0 10px 30px 0 rgb(89 94 103 / 9%); background: rgb(43,43,43); background: -moz-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: -webkit-radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); background: radial-gradient(circle, rgba(43,43,43,1) 0%, rgba(22,22,22,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2b2b2b",endColorstr="#161616",GradientType=1); } .form_style .form-list label { color: #fff; font-size: 16px; margin: 20px 0 10px 0; } .form_style input.input-text, .form_style select, .form_style textarea { border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .form_style select { line-height: 32px; min-height: 32px; font-size: 16px; padding: 5px; } .form_style select option { font-size: 16px; padding: 5px; } /* update */ body.firecheckout-index-index:before { display: none; } body .firecheckout-logo img { max-width: 200px; } .post-entry iframe { max-width: 100%; } .gallery-view-album .portfol { overflow: hidden; } .category-description img { height: unset !important; } .catalog-category-view .col-main .std table { border-collapse: collapse; } .catalog-category-view .col-main .std table td { padding: 15px; } .catalog-category-view .col-main .std table thead td { background-color: #54585d; color: #ffffff; font-weight: bold; font-size: 13px; border: 1px solid #54585d; } .catalog-category-view .col-main .std table tbody td { color: #636363; border: 1px solid #dddfe1; } .catalog-category-view .col-main .std table tbody tr { background-color: #f9fafb; } .catalog-category-view .col-main .std table tbody tr:nth-child(odd) { background-color: #ffffff; } .catalog-category-view .col-main .std table p { margin: 0; } .wp-block-button a { display: inline-block; clear: both; padding: 10px 30px; line-height: 1.5em; background: #000; color: #fff; text-decoration: none; -webkit-border-radius: 54px; -moz-border-radius: 54px; border-radius: 54px; } /* faq */ .faq { border-top: 1px solid #f0f0ef; margin: 20px 0 0 0; padding: 75px 0; } .faq .wrap { max-width: 780px; margin: 0 auto; } .faq .title { margin: 0 0 55px 20px; text-align: left; font-size: 32px; font-weight: bold; padding: 0; color: #111; line-height: 1.3em; text-align: center; } .faq dt { cursor: pointer; padding: 15px 45px 15px 20px; border-bottom: 1px solid #d2d2d1; position: relative; } .faq dt h4 { font-size: 21px; font-weight: bold; color: #111; line-height: 1.4em; } .faq dt:before { content: '+'; font-weight: 300; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 18px; height: 18px; line-height: 18px; } .faq dt.active, .faq dt.last { border-bottom: 0; } .faq dt.active::before { content: '-'; } .faq dd { padding: 10px 20px 30px 20px; } /* bcta */ .bcta { margin: 20px 0 -20px 0; background: linear-gradient(-45deg, #ee7752, #dd3f0e, #ee7752, #dd3f0e); background-size: 400% 400%; animation: gradient 10s ease infinite; padding: 40px 0; text-align: center; color: #fff; font-size: 26px; font-weight: 300; line-height: 1.4em; } .bcta a { color: #fff; position: relative; text-decoration: none; z-index: 2; font-weight: 500; } .bcta a:before { content: ''; height: 3px; width: 100%; background: #bc2f03; position: absolute; bottom: -1px; left:0; right: 0; z-index: -1; } .bcta p { margin: 0; } .bcta strong { font-family: 'DM Serif Text', cursive; font-weight: normal; font-size: 28px; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* downloadable */ .product-shop .notice { background-color: #f26322; padding: 20px; color: #fff; margin: 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 100; letter-spacing: 0.01em; line-height: 1.4em; } .product-shop .notice:before { content: ''; display: block; float: right; height: 36px; width: 36px; margin: 2px 0 0 10px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/notice.svg);} .product-shop .links, .product-shop .url { color: #444; line-height: 1.3em; font-size: 16px; font-weight: 300; letter-spacing: 0.02em; margin: 10px 0; } .product-shop #downloadable-links-list .label { position: relative; margin-left:0; padding-left: 20px; } .product-shop #downloadable-links-list .label:before { position: absolute; left:0; top:0; pointer-event:none; content: ''; display: block; height: 19px; width: 17px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/downloadable.svg); } /* wordpress styling */ .is-blog .wp-block-buttons, .is-blog .wp-block-columns { display: flex; flex-wrap: wrap; gap: 30px; } .is-blog .wp-block-buttons .wp-block-button, .is-blog .wp-block-columns .wp-block-column { flex: 1; } .is-blog .wp-block-columns .wp-block-column { margin-bottom: 20px; min-width: 280px; } .is-blog .wp-block-separator { margin: 40px 0; } .is-blog .wp-element-button { text-align: center; font-size: 15px; border: 1px solid #000; } .is-blog .is-style-outline .wp-element-button { background: #fff; color: #000; border-color: #000; } /* custom category styling */ .category-description .paket { position: relative; padding: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; } .category-description .paket h2 { text-align: center; font-size: 29px; font-weight: 600; border-bottom: 1px solid #ebebeb; padding: 10px 0 25px 0; margin: 0 0 30px 0; } .category-description .paket .discount { animation: updown 20s infinite linear; display: block; position: absolute; top: -40px; right: -30px; font-size: 21px; font-weight: bold; height: 80px; line-height: 80px; width: 80px; background: red; color: #fff; text-align: center; box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; } .category-description .paket img { float: right; margin: 0 0 0 10px; max-width: 160px; } .category-description .paket .cena { border-top: 1px solid #ebebeb; padding: 20px 0 0 0; margin: 20px 0; text-align: center; display: flex; gap: 20px; font-size: 18px; } .category-description .paket .cena > * { flex: 1; } .category-description .paket .btn { display: inline-block; border: 1px solid #ccc; background: #f9f9f9; padding: 10px 30px; line-height: 1.4em; text-decoration: none; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .category-description .paket .btn.details { margin-right: 10px; } /* cookie */ body .cookiealert { max-width: 960px; left: 50%; transform: translateX(-50%); bottom: 20px; padding: 20px; font-size: 15px; color: #000; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(0,0,0,.07) 0px 1px 2px,rgba(0,0,0,.07) 0px 2px 4px,rgba(0,0,0,.07) 0px 4px 8px,rgba(0,0,0,.07) 0px 8px 16px,rgba(0,0,0,.07) 0px 16px 32px,rgba(0,0,0,.07) 0px 32px 64px; } body .cookiealert .message { width: 70%; } body .cookiealert .message span.cookie-title { color: #111; font-size: 16px; } body .cookiealert .message p { line-height: 1.3em; margin-bottom: 5px; } body .cookiealert .message a { color: #111; } body .cookiealert .buttons-set { display: flex; width: 30%; } body .cookiealert .buttons-set button.button { flex: 1; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } body .cookiealert .buttons-set .decline { opacity: 1; background-color: #ebebeb; color: #333; } body .cookiealert .buttons-set .decline span { color: #111; } @media (max-width: 960px) { body .cookiealert { bottom:0; padding: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .cookiealert .message,body .cookiealert .buttons-set { float: none; width: 100%; text-align: left; } } /* pagescore */ .pagescore h2 { text-align: center; font-weight: bold; margin: 20px auto; font-size: 26px; } .pagescore .moreinf { margin: 20px auto; max-width: 840px; text-align: center; } .pagescore .red { position: relative; } .pagescore .red:before { content: '!'; position: absolute; top: -10px; right: -10px; background: #000; color: #fff; height: 32px; font-weight: bold; line-height: 32px; width: 32px; text-align: center; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; animation: pulse 2s infinite alternate; } .pagescore #audit .wrap .content .score .red:before { top: -3px; right: -3px;} @keyframes pulse { from { transform: scale(0.85); } to { transform: scale(1.05); } } .pagescore #analyzeForm { padding: 10px; display: flex; align-items: center; margin: 0 0 15px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; background: #111; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .pagescore #analyzeForm label { color: #fff; font-weight:600; font-size: 18px; padding: 0 10px; } .pagescore #analyzeForm input { flex: 1; border: 0; height: 42px; line-height: 42px; font-size: 21px; color: #666; padding: 0 0 0 10px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pagescore #analyzeForm button.button { font-weight: 600; padding: 0 15px; color: #fff; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: rgb(249,99,34); } .pagescore #analyzeForm button.button span { color: #fff;} .pagescore .loader { position: relative; padding: 20px 15px 20px 85px; min-height: 60px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .pagescore .loader .notice { text-align: center; color: #111; } .pagescore .loader .animate { position: absolute; left: 10px; top: 10px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #f96322; width: 60px; height: 60px; animation: spin 2s linear infinite; margin: auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pagescore #result .pageanalysis { display: flex; align-items: center; gap: 30px; padding: 30px; background: #f9f9f9; margin: 0 0 40px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .pagescore #result .pageanalysis .image { flex: 1; text-align: center; position: relative; } .pagescore #result .pageanalysis .image img { max-width: 100%; width: 180px; height: unset; } .pagescore #result .pageanalysis .content { flex: 3; text-align: left; } .pagescore #result .pageanalysis .content .title { font-weight: bold; } .pagescore #result .pageanalysis .content .link { color: #f96322; } .pagescore #result .pageanalysis .content .keywords { color: #999999; } .pagescore #result .pageanalysis .image:before { content: ''; display: block; width: 100%; height: 3px; background-color: #f96322; opacity: 0.7; position: absolute; box-shadow: 0px 0px 8px 10px rgba(249, 99, 34, 0.49); top:50%; animation-name: scan; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; } @keyframes scan { 0% { box-shadow: 0px 0px 8px 10px rgba(249, 99, 34, 0.29); top: 50%; } 25% { box-shadow: 0px 6px 8px 10px rgba(249, 99, 34, 0.49); top: 5px; } 75% { box-shadow: 0px -6px 8px 10px rgba(249, 99, 34, 0.29); top: 98%; } } .pagescore #audit .introduction { margin: 20px auto; max-width: 840px; text-align: center; } .pagescore #audit .introduction h2 { } .pagescore #audit .introduction .date { color: #999;font-size: 13px; margin-top: 20px; } .pagescore #audit .wrap { display: flex; align-items: center; gap: 30px; padding: 30px; background: #f9f9f9; margin: 0 0 40px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } .pagescore #audit .wrap .content { flex: 1; text-align: center; } .pagescore #audit .wrap .content h3 { margin: 20px 0 40px 0; font-size: 28px; text-transform: uppercase; position: relative; } .pagescore #audit .wrap .content h3:after { content: ''; display: block; position: absolute; background: #ccc; top: 100%; margin-top: 5px; height: 3px; width: 60px; left: 50%; transform: translateX(-50%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .pagescore #audit .wrap .content .speed { clear: both; margin: 0 0 40px 0; clear: both; display: flex; align-items: center; justify-content: center; gap: 30px; } .pagescore #audit .wrap .content .speed .wraper { display: inline-block; background: #111; font-size: 24px; line-height: 1.5em; color: #fff; padding: 10px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pagescore #audit .wrap .content .speed .wraper .title { font-size: 14px; line-height: 14px; margin-top: 5px; } .pagescore #audit .wrap .content .speed .wraper .score { font-weight: bold; } .pagescore #audit .wrap .content .speed .wraper.red { background-color: red; } .pagescore #audit .wrap .content .speed .wraper.orange { background-color: orange; } .pagescore #audit .wrap .content .speed .wraper.green { background-color: green; } .pagescore #audit .wrap .content .score { float: left; width: 50%; text-align: center; padding: 10px; } .pagescore #audit .wrap .content .score .title { font-weight: bold; font-size: 17px; margin-bottom: 10px; } .pagescore #audit .wrap .content .score .description {font-size: 14px; color: #666; line-height: 1.3em; } .pagescore #audit .wrap .content .score .circle { width: 100px; height: 100px; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; color: white; margin: 20px auto; box-shadow: rgb(0, 0, 0, 0.2) 3px 3px 6px 0px inset, rgba(0, 0, 0, 0.05) -3px -3px 6px 1px inset; } .pagescore #audit .wrap .content .score .red { background-color: red; } .pagescore #audit .wrap .content .score .orange { background-color: orange; } .pagescore #audit .wrap .content .score .green { background-color: green; } .pagescore #audit .wrap .image { flex: 1; order: 2; text-align: center; } .pagescore #audit .wrap .image .mobile { display: inline-block; margin: 0 auto; position: relative; background-color: #ffffff; background: #fff; border: 8px solid #111; border-radius: 32px; position: relative; overflow: hidden; } .pagescore #audit .wrap .image .mobile:before { content: ""; width: 70%; height: 3%; background: #111; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; position: absolute; top: 0; left: 50%; transform: translatex(-50%); z-index: 2; } .pagescore #audit .wrap .image .mobile:after { content: ""; width: 50%; height: 3px; background: #111; border-radius: 2px; position: absolute; bottom: 6px; left: 50%; transform: translatex(-50%); z-index: 2; } .pagescore #audit .wrap .image.desktop .display { position: relative; width: 100%; margin: 0 auto; border: 6px solid #111; border-radius: 6px 6px 0 0; } .pagescore #audit .wrap .image.desktop .display img { width: 100%; } .pagescore #audit .wrap .image.desktop .bottom { position: relative; width: 100%; height: 25px; background: #cccccc; border-radius: 0 0 6px 6px; margin-bottom: 40px; } .pagescore #audit .wrap .image.desktop .bottom:before { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -10%; width: 20%; height: 35px; background: #bdbdbd; } .pagescore #audit .wrap .image.desktop .bottom:after { content: ''; position: absolute; top: 100%; margin-top: 35px; left: 50%; width: 42%; height: 4px; background: #8e8e8e; border-radius: 1em; transform: translateX(-50%); } .pagescore #audit .suggestions { display: flex; gap: 30px; margin: 0 0 40px 0; } .pagescore #audit .suggestions ul { flex: 2; margin: 0 0 20px 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; } .pagescore #audit .suggestions ul li { position: relative; padding: 0 0 0 35px; margin-bottom: 7px; font-size: 16px; } .pagescore #audit .suggestions ul li:before { content: ''; position: absolute; left: 0; top: 0; height: 21px; width: 21px; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/blank_check.svg); background-size: contain; } .pagescore #audit .suggestions .more { flex: 1; font-size: 18px; line-height: 1.4em; } .pagescore #audit .suggestions .more p { margin-bottom: 15px; } .pagescore #security { } .pagescore #security .content { clear: both; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .pagescore #security .content > div { padding: 20px; border: 2px solid #ebebeb; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pagescore #security .content .red { border-color: red; } .pagescore #security .content .orange { border-color: orange; } .pagescore #security .content .green { border-color: green; } /* membership */ .std.locked { position: relative; filter: blur(4px); opacity: .5; transition: all 0.25s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .std.locked:after { content:''; display: block; position: absolute; filter: blur(4px); opacity: .5; transition: all 0.25s; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; width:100%; height: 100%; } .cwrap { position: relative; } .cwrap .lnotice { display: block; text-decoration: none; position: absolute; z-index: 2; left: 50%; top: 40px; transform: translateX(-50%); max-width: 100%; width: 640px; text-align: center; font-size: 17px; line-height: 1.5em; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/premium.jpg) no-repeat bottom center #fff; border: 5px solid #111; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 40px 40px 105px 40px; box-shadow: rgba(0, 0, 0, 0.3) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 11px 10px; } .cwrap .lnotice p { margin-bottom: 10px; } .cwrap .lnotice .title { position: relative; font-family: 'DM Serif Text', cursive; letter-spacing: .01em; font-size: 34px; margin: 0 0 30px; line-height: 1em; font-weight: bold; } .cwrap .lnotice .title:before { content:''; z-index:1; display: block; height: 1px; width: 100%; background: #ccc; position: absolute; top: 50%; left: 0; right: 0; } .cwrap .lnotice .title span { z-index: 2; background: #fff; padding: 0 15px; position: relative; display: inline-block; } .cwrap .lnotice .more { margin-top: 140px; display: inline-block; padding: 10px 40px; background: #db5518; background: -moz-linear-gradient(0deg,rgba(219,85,24,1) 0%,rgba(242,99,34,1) 100%); background: -webkit-linear-gradient(0deg,rgba(219,85,24,1) 0%,rgba(242,99,34,1) 100%); background: linear-gradient(0deg,rgba(219,85,24,1) 0%,rgba(242,99,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db5518",endColorstr="#f26322",GradientType=1); color: #fff; font-weight: 700; font-size: 19px; line-height: 1.5em; text-decoration: none; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; box-shadow: 0 5px 12px 0 rgb(0 0 0/27%),0 10px 30px 0 rgb(0 0 0/29%); } .cwrap .lnotice:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 19px 38px, rgba(0, 0, 0, 0.42) 0px 15px 12px; } .cwrap .lnotice .more:hover { box-shadow: 0 5px 12px 0 rgb(0 0 0/47%),0 10px 30px 0 rgb(0 0 0/49%); } body .firecheckout-window a { color: unset; font-size: 16px; } .category-description .row.nopad { gap: 40px; text-align: left; margin-bottom: 30px;} .category-description .row.nopad>div { padding: 0;} .category-description h3 { font-size: 21px; margin-bottom: 15px; margin-top: 20px; } .premium { position: absolute; top: 10px; right: 10px; content: ''; display: block; height: 32px; width: 32px; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/premium.svg); background-size: contain; } .kategorijas .premium { height: 42px; width: 42px; } .category-products.kategorije ul.grid .content .sub ul li a { position: relative; padding-right: 32px; } .category-products.kategorije ul.grid .content .sub ul li a .premium { top: 50%; transform: translateY(-50%); right: 0; height: 28px; width: 28px; } /* PAID NAV */ .memnav { position: relative; max-width: 1200px; margin: 0 auto; padding: 12px 10px 10px 10px; border: 1px solid #000; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(0,0,0,1) 100%); color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: rgba(60, 64, 67, .2) 0px 1px 2px 0px, rgba(60, 64, 67, .1) 0px 2px 3px 2px; } .memnav .contain { position: relative; display: flex; align-items: center; flex-direction: row; justify-content: space-between; gap: 15px; padding-left: 45px; } .memnav .contain > * { flex: 0 1 auto; display: flex; gap: 10px;} .memnav .contain > .setup { margin-left: auto; } .memnav .contain .premium { top: 50%; transform: translateY(-50%); right: unset; left: 0; } .memnav label { font-size: 14px; font-weight: 600; color: #fff; line-height: 30px; } .memnav #rating-form label, .memnav #checked label { display: none; color: #333; } .memnav #todo label { color: #333; } .memnav #wrap { display: flex; gap: 5px; } .memnav #wrap > * { flex: 1; } .memnav.fixed { position: fixed; z-index: 3; bottom: 0; left: 0; right: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } /* view switch */ .status button { cursor: pointer; position:relative; width: 60px; height: 30px; border: 0px; background: #f7f7f7; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .status button:before { content: ''; display: block; position: absolute; z-index: 1; top: 8px; right: 8px; bottom: 8px; left: 8px; background: #8d8d8d; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px 0px inset, rgba(0, 0, 0, 0.05) -3px -3px 3px 1px inset; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .status button span { display: block; width: 50%; position: absolute; z-index: 2; top: 4px; bottom: 4px; left: 4px; background: rgb(236,236,236); background: linear-gradient(0deg, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 100%); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .status button span:before { content: ''; display: block; margin: 2px auto; height: 18px; width: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; } #checked-status.status button span:before { background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/eye-closed.svg); } .status button span span { display: none; } .status button.checked:before { background: #f96322; } .status button.checked span { left: unset; right: 4px; } #checked-status.status button.checked span:before { background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/eye.svg); } /* values */ .value.line > div { position:relative; width: 100%; height: 28px; line-height: 30px; padding: 0 15px 0 50px; color: #fff; background: #8d8d8d; font-size: 13px; border: 0px; background: #f7f7f7; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.1) -3px -3px 6px 1px inset; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .value.line > div:before { content: ''; font-weight: bold; color: #000; text-align: center; display: inline-block; line-height: 24px; width: 38px; position: absolute; z-index: 2; top: 4px; bottom: 4px; left: 4px; background: rgb(236,236,236); background: linear-gradient(0deg, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 100%); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } .value.line > div.data46:before, .value.line > div.data51:before { content: '1/5'; } .value.line > div.data47:before, .value.line > div.data52:before { content: '2/5'; } .value.line > div.data48:before, .value.line > div.data53:before { content: '3/5'; } .value.line > div.data49:before, .value.line > div.data54:before { content: '4/5'; } .value.line > div.data50:before, .value.line > div.data55:before { content: '5/5'; } .value.line > div.data46, .value.line > div.data51 { background: #fa6648; } .value.line > div.data47, .value.line > div.data52 { background: #ffae00; } .value.line > div.data48, .value.line > div.data53 { background: #c1c712; } .value.line > div.data49, .value.line > div.data54 { background: #8bb600; } .value.line > div.data50, .value.line > div.data55 { background: #359e00; } /* select */ body #rating { width: 130px; } body #rating-form .select2-container { font-size: 14px; } body #rating-form .select2-container--default .select2-results__option { color: #fff; } body .select2-container--default .select2-results__option--disabled { display: none; } body .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; } body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #fff transparent; } body .select2-results__option { padding: 0; font-size: 14px; } body #rating-form .select2-container--default .select2-selection--single { background-color: #fff; border: 0; border-radius: 30px; padding-left: 10px; line-height: 30px; box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.1) -3px -3px 6px 1px inset; } body #rating-form .select2-container--default.select2-container--open .select2-selection--single { border-radius: 0; padding-left: 5px; } body #rating-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 30px; } body .select2-dropdown { border: 0; } /* to do list */ .todolist .itm { display: flex; gap: 10px; align-items: center; text-decoration: none; text-align: left; } .todolist .itm > * { padding: 5px 10px; flex: 1; } .todolist .itm.odd { background: rgba(0,0,0,0.05); } .todolist .itm .name { flex: 7; order: 2; } .todolist .itm div.name { font-weight: bold; font-size: 17px; } .todolist .itm .value { flex: 1; } .todolist .itm .value.line { flex: 2; order: 3; } .todolist .itm .value label { display: none; } /* Mobile styles */ @media (max-width: 768px) { .todolist .itm { padding: 10px; gap: 5px 10px; } .todolist .itm.head { display: none; } .todolist .itm > * { padding: 0; } .todolist .itm .value label { display: inline-block; font-size: 14px; color: #999; flex: 1; } .todolist .itm { flex-wrap: wrap; gap: 0; } .todolist .itm .name { flex: 1 1 100%; order: 0; padding: 5px; } .todolist .itm .value { display: flex; gap: 10px; align-items: center; } .todolist .itm .value.line { flex: 1 1 65%;} .todolist .itm .value { flex: 1 1 35%; padding: 5px; } .todolist .itm .value.line.setup { order: 2; } .todolist .itm .value#todo { order: 3; } .value.line>div { flex: 2; } } @media (max-width: 520px) { .todolist .itm .value.line.setup { order: 3; } .todolist .itm .value#todo { order: 2; } .todolist .itm .value.line { flex: 1 1 100%;} .todolist .itm .value { flex: 1 1 50%; } } /* dashboard notice */ .accesnotice { background: linear-gradient(-45deg,#444,#000,#444,#000); background-size: 400% 400%; animation: gradient 10s ease infinite; padding: 40px; text-align: center; color: #fff; font-size: 21px; letter-spacing: 0.05em; font-weight: 300; line-height: 1.4em; margin: 40px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .accesnotice strong { font-weight: 800; } .accesnotice a { color: #fff; } .accesnotice p { margin-bottom: 20px; } /* sections */ .sections { padding: 0 0 0 0; margin: 50px 0; } .sections li { display: flex; gap: 40px; justify-content: center; align-items: center; margin-bottom: 50px; } .sections li .image, .sections li .content { flex: 1; } .sections li .image { flex: 1; position: relative; } .sections li:nth-child(2n+1) .image { order: 2; } .sections li .image img { height: unset; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: rgba(60,64,67,.2) 0px 1px 2px 0px,rgba(60,64,67,.1) 0px 2px 3px 2px; } .sections li .content { padding: 45px 65px; text-align: left; font-size: 18px; color: #333; line-height: 1.625em; } .sections li .content h2 { font-size: 32px; color: #111; line-height: 1.4em; margin: 0 0 25px 0; font-weight: bold; } /* grid */ .sections .grid { display: flex; align-items: center; gap:20px; font-size: 14px; line-height: 1.5em; margin-bottom: 20px; text-align: left; } .sections .grid h3 { font-size: 16px; line-height: 1.7em; margin-bottom: 5px; font-weight: bold;} .sections .grid p { margin: 0; } .sections .grid * { flex: 1; } .sections .grid img { max-width: 60px; } .sections .video {} .sections .video iframe { max-width: 100%; } .freee { position: relative; background: linear-gradient(-45deg,#444,#000,#444,#000); background-size: 400% 400%; animation: gradient 10s ease infinite; padding: 30px 30px 20px 30px; text-align: center; color: #fff; font-size: 16px; letter-spacing: 0.05em; font-weight: 300; line-height: 1.4em; margin: 40px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .freee:before { content: ''; display: block; position: absolute; right: -43px; top: -47px; height: 88px; width: 133px; background-size: contain; background-repeat: no-repeat; background-image: url(https://www.degriz.net/skin/frontend/degriz2/default/images/free.svg); } .freee a { color: #fff; font-weight: bold; } .freee p { margin-bottom: 10px; } .location-container { z-index: 999999999; } /** * OpenMage * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available at https://opensource.org/license/afl-3-0-php * * @category design * @package base_default * @copyright Copyright (c) 2006-2020 Magento, Inc. (https://www.magento.com) * @license https://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.degriz.net/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ @media (max-width:1640px) { .products-grid li.item { width: 23.5%; max-width: 100%; margin: 0 2% 20px 0; } .products-grid li.item:nth-child(4n) { margin-right: 0; } } @media (max-width:1620px) { .subcategories li { width: 23.5%; margin-right: 2%; margin-bottom: 15px; } .subcategories li:nth-child(4n) { margin-right: 0; } } @media (max-width:1420px) { .categorytop .container .subcategories { padding-left: 20px; flex: 2; } } @media (max-width:1320px) { .header .logo { margin-right: 20px; } #nav li a.level-top { font-size: 18px; padding-left: 10px; padding-right: 10px; } .kategorijas .okvir h1 { font-size: 46px; margin-bottom: 20px; } .kategorijas .okvir { font-size: 18px; } .bblocks li { width: 49.5%; } .bblocks li:nth-child(2n) { margin-right: 0; } } @media (max-width:1280px) { .header .logo { margin-right: 30px; } } @media (max-width:1240px) { .products-grid li.item { width: 32%; } .products-grid li.item:nth-child(4n) { margin-right: 2%; } .products-grid li.item:nth-child(3n) { margin-right: 0; } .products-grid li.item:nth-child(3n+1) { clear: both; } .products-grid li.item .categoryad .content h3 { font-size: 26px; } .product-view .product-shop .wrap { padding-right: 0; } .product-view .addblock { position: relative; top: unset; right: unset; width: 100%; margin-bottom: 20px; } .product-view .product-essential .product-shop, .product-view .product-img-box { width: 49%; } .product-view .product-img-box { margin-right: 2%; } .category-products.kategorije ul.grid li.item { width: 49%; } .category-products.kategorije ul.grid li.item:nth-child(3n+1) { clear: none;} .category-products.kategorije ul.grid li.item:nth-child(3n) { margin-right: 2%; } .category-products.kategorije ul.grid li.item:nth-child(2n) { margin-right: 0; } .category-products.kategorije ul.grid li.item:nth-child(2n+1) { clear: both; } } @media (max-width:1180px) { .fnewsletter .wrap .content h4 { font-size: 46px; } .video { display: block; } .video .wrapper { margin-top: 0;} .video .content h2 { font-size: 39px; } .video .content h2 br { display: none; } .video .content p { margin-bottom: 0; } .video .content p.small { display: none; } .header .logo img { width: 118px; } .block-cart, .header .myacc { margin-top: 15px; } /* menu */ .nav-container .container { padding: 0; } .meni-levo { background: none; } .nav-container .maton { margin-top: 15px; clear: both; display: block; text-transform: uppercase; height: 34px; line-height: 34px; padding: 0 0 0 0; text-align: left; font-size: 24px; font-weight: bold; cursor: pointer; } .nav-container .maton:before { content: ''; float: left; margin: 0 10px 0 0; width: 29px; height: 28px; background-size: contain; background: url(https://www.degriz.net/skin/frontend/degriz2/default/images/menu.svg) no-repeat center; } .nav-container .maton {vertical-align: top; } .nav-container .mobile ul#nav { display: none; width: 100%; background: #f9f9f9; position: absolute; left: 0; right: 0; top: 61px; z-index: 999; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); } .nav-container .mobile ul#nav li.level-top { float: none; display: block; border-bottom: 1px solid #ebebeb; } .nav-container .mobile li.home { display: none; } #nav li.recipes { float: none; } #nav li.recipes span { display: none; } #nav li.recipes a.level-top { padding-left: 15px; } #nav li.team { display: block; } #nav li { position: relative; } #nav li a.level-top { float:none; display: block; border: 0; height: 38px; line-height: 38px; padding: 0px 15px; text-align: left; } #nav li.parent a.level-top span:before, #nav li.parent.minus a.level-top span:before { font-family: Icons; float: right; margin: 8px 0 0 10px; font-size: 11px; color: #452710; width: 24px; height: 24px; line-height: 24px; text-align: center; } #nav li.parent a.level-top span:before { content: '\E008'; } #nav li.parent.minus a.level-top span:before { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } #nav ul, #nav div { left: 0; top: 0; width: 100%; position: relative; display: none; } #nav ul ul { display: block; } #nav ul.level0 { overflow: hidden; } #nav ul li { width: 50%; float: left; } #nav ul li a { height: auto; width: 100%; box-sizing: border-box; padding: 0; } #nav ul ul { display: block; } #nav ul ul li { width: 100%; float: none; } #nav .level-top > ul { position: relative; top: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } #nav li.over a.level-top:after, #nav li.active a.level-top:after { display: none; } .middlebanner ul li { width: 50%; } #nav li.nav-4>a.level-top span:after { position: relative; bottom: unset; left: unset; transform: unset; margin-left: 5px; vertical-align: middle; } } @media (max-width:1080px) { .kategorijas { backgorund: #fff; } .kategorijas .okvir { position: relative; left: 0; padding: 30px; width: 100%; top: unset; transform: unset; text-align: center; } .category-description .row { display: block; text-align: center; } .category-description .row > div { padding: 20px 0; } .header .email, .header .phone { margin-right: 20px; } .smallbanner ul li { width: 49%; margin-right: 2%; } .smallbanner ul li:nth-child(2n) { margin-right: 0; } .smallbanner ul li:nth-child(3n) { display: none; } .noga .wrap .povezave { display: block; } .noga .wrap .povezave .blok { width: 33.33%; float: left; } .noga .wrap .povezave .blok.informacije { clear: left; } .noga .wrap .povezave .blok.aboutus { width: 66.66%; } .noga .wrap .povezave .blok.social, .noga .wrap .povezave .blok.aboutus { margin-bottom: 20px; } .noga .copy { clear: both; } .noga .wrap .povezave .social li { display: inline; } .noga .wrap .povezave .social li a:before { margin-right: 5px; } .noga .wrap .povezave .social li span { display: none; } .section .prod, .section .desc { width: 100%; float: none; } .section .desc h2 { font-size: 26px; margin: 20px 0 10px 0; } .section .desc a.more { position: relative; bottom: unset; left: unset; font-size: 16px; display: inline-block; margin: 10px 0; } } @media (max-width:960px) { .header .email, .header .phone { display: none; } .advantages ul li { display: block; } .advantages ul li .icon { width: 60px; height: 60px; margin-right: 15px; } .noga .razpis { display: block; } .noga .razpis img { margin-bottom: 10px; } .about { display: block; text-align: center; padding-bottom: 20px; } .about .content .wrapper { padding: 40px 0 0 0; } .about .image { display: inline-block; } .advantages li { float: none; width: 100%; margin-right: 0; } .advantages li .image { padding-top: 0; padding-bottom: 20px; } .fnewsletter .wrap { display: block; text-align: center; } .fnewsletter .wrap .content .inner { float: none; margin: 0 auto; margin-top: 40px; } .sections li { display: block; margin-bottom: 0; } .sections li .content { padding: 45px 30px; } } @media (max-width:900px) { .product-view .product-essential .product-shop, .product-view .product-img-box { width: 100%; } .product-view .product-img-box { margin-right: 0; margin-bottom: 20px; } .subcategories li { width: 23.5%; margin-right: 2%; } .subcategories li:nth-child(5n) { margin-right: 2%; } .subcategories li:nth-child(4n) { margin-right: 0; } .col2-left-layout .main { display: block; } .col2-left-layout .col-main, .col-main, .col-right, .col-left { float: none; width: 100%; max-width: 100%; box-sizing: border-box; padding-left: 0; padding-right: 0; } .block-layered-nav { margin-bottom: 15px; } .block-layered-nav .block-title { display: block; font-size: 18px; padding: 10px 15px; border: 1px solid #c7c7c7; background-color: #fff; -webkit-box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 3px 0px rgb(0 0 0 / 10%); } .block-layered-nav .block-title:before { font-family: Icons; float: right; margin: 2px 0 0 0; font-size: 11px; color: #452710; width: 24px; height: 24px; line-height: 24px; text-align: center; content: '\E008'; } .block-layered-nav .block-title.minus:before { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .block-layered-nav #narrow-by-list { display: none; } .block-layered-nav dt { cursor: pointer; color: #333; font-size: 15px; line-height: 19px; } .block-layered-nav .block-content { padding-top: 0; } .product-view .addblock { top: unset !important; } } @media (max-width:870px) { .noga { padding: 20px 0px; } .noga .wrap { display: block; } .noga .wrap .content, .noga .wrap .contact { padding: 0; } .noga .wrap .content { border-right: 0; margin-bottom: 30px; } .noga .wrap .content h4 { font-size: 21px; margin: 0 0 10px 0; } .noga .copy { margin-top: 20px; } .noga .wrap .contact .maloprodaja { margin-bottom: 10px; } .noga .wrap .contact .icon { order: 2; } .noga .wrap .contact .cont { padding-left: 0; } .novo-posts ul li .vsebina h2 { font-size: 21px; } .homeblop { padding-top: 10px; padding-bottom: 10px; } .homeblop .novo-posts, .homeblop .socbanner { width: 100%; float: none; } .homeblop .novo-posts { margin-bottom: 30px; } .homeblop .text { padding: 30px 0; } .novo-posts ul li { height: unset; } .pagescore #audit .suggestions, .pagescore #audit .wrap { display: block; } .pagescore #audit .suggestions ul, .pagescore #audit .wrap .content { overflow: hidden;} .pagescore #audit .suggestions .more { margin-top: 20px; clear: both; } .pagescore #audit .wrap .image { margin-bottom: 20px; clear: both; overflow: hidden; } } @media (max-width:810px) { .reference .owl-carousel { overflow: hidden; } .reference .owl-item.center, .reference .owl-item:hover { transform: scale(1); box-shadow:unset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-list ul li { float: none; margin-right: 0; width: 100%; } } @media (max-width: 748px) { .bleft .banner { background: #fff; } .bleft .banner .floater { position: relative; bottom: unset; left: unset; text-align: left; padding: 20px 15px 15px 15px; } .bleft .banner .content { max-width: unset; font-size: 19px; } .bleft .banner .content h2 {font-size: 24px; } .bleft .banner .content h3 { font-size: 21px; } .bleft .banner .label { font-size: 15px; padding: 0 15px; height: 38px; line-height: 38px; } .subcategories li { width: 32%; } .subcategories li:nth-child(4n) { margin-right: 2%; } .subcategories li:nth-child(3n) { margin-right: 0; } .category-products.kategorije ul.grid li.item { width: 100%; margin-right: 0;} .category-products.kategorije ul.grid li.item:nth-child(3n) { margin-right: 0; } .pagescore #security .content { grid-template-columns: repeat(2, 1fr); } .pagescore .loader .notice br { display: none; } } @media (max-width: 680px) { .form-search input { padding: 0px 0px 0px 10px; height: 38px; line-height: 38px; font-size: 15px; } .form-search button.buttons { height: 38px; line-height: 38px; padding: 0px 11px; } .form-search button.buttons:before { font-size: 18px; } .advantages ul { display: block; } .advantages ul li { display: flex; margin-bottom: 20px; padding: 0; } .advantages ul li:last-child { margin-bottom: 0; } .advantages ul li .vsebina h3 { margin-bottom: 5px; } .products-grid li.item { width: 49%; } .products-grid li.item:nth-child(3n) { margin-right: 2%; } .products-grid li.item:nth-child(2n) { margin-right: 0; } .products-grid li.item:nth-child(3n+1) { clear: none; } .products-grid li.item:nth-child(2n+1) { clear: both; } #search_mini_form.show { clear: both; height: auto; width: 100%; clear: both; margin: 10px 0 -5px 0; } #search_mini_form.show .form-search { clear: both; width: 100%; position: relative; top: unset; right: unset;} #search_mini_form.show .icon { display: none; } .middlebanner ul li { width: 100%; float: none; } .noga .wrap .povezave .blok.aboutus, .noga .wrap .povezave .blok { float: none; width: 100%; padding-right: 0; } .noga .wrap .povezave .blok h2.title { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; cursor: pointer; position: relative; pointer-events: unset; } .noga .wrap .povezave .blok h2.title:before { content: '\E008'; font-family: Icons; font-size: 12px; color: #666; font-weight: 300; vertical-align: top; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .noga .wrap .povezave .blok h2.title.open:before { -moz-transform: scaleY(-1) translateY(50%); -o-transform: scaleY(-1) translateY(50%); -webkit-transform: scaleY(-1) translateY(50%); transform: scaleY(-1) translateY(50%); filter: FlipV; -ms-filter: "FlipV"; } .noga .wrap .content { display: none; } .noga .wrap .content.open { display: block; } .noga .copy .cards { float: none; margin-left: 0; margin-bottom: 10px; } .gallery-view-album .portfol { display: block; } .gallery-view-album .portfol .content { margin-bottom: 30px; } .gallery-view-album .portfol .content .title .title2 { font-size: 33px; line-height: 1em; bottom: unset; position: relative; color: #ebebeb; } .gallery-view-album .portfol .content .title h1 strong { font-size: 32px; } .bcta { font-size: 19px; } .bcta strong { font-size: 21px; } .bblocks li { width: 100%; margin-right: 0; } } @media (max-width: 560px) { .rightbanner ul li { width: 100%; float: none; } .gallery-view-album .fnewsletter .wrap .content .inner { margin-top: 80px; } .fnewsletter .wrap .content h4 { font-size: 40px; } .fnewsletter .wrap form { display: block; } .fnewsletter .wrap form .input { margin-left: 0; } .fnewsletter .wrap form input#newsletter { width: 100%; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;} .fnewsletter .wrap form button.button { margin-top: 10px; margin-bottom: 20px; width: 100%; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .fnewsletter .wrap form .degriz_gdprnewsletter { margin-top: 10px; margin-bottom: 10px; } #nav ul.level0 > li { width: 50%; } .smallbanner ul li { width: 100%; margin-right: 0; margin-bottom: 15px; } .smallbanner ul li:nth-child(2) { margin-bottom: 0; } .top-container .email strong, .top-container .phone strong { display: none; } .top-container .email { margin-left: 0; } .top-container .phone { margin-left: 10px; } .homeblop .text h3 { font-size: 26px; } .toolbar .sort-by { float: none; margin-bottom: 16px; } .firecheckout-header { padding: 0; float: none; } .firecheckout-index-index .page-title, .firecheckout-index-index .checkout-subtitle, .firecheckout-index-index .firecheckout-login-wrappers { text-align: center; } .advantages li .wrap { display: block; text-align: center; } .advantages li .image { padding: 0; } .pagescore #analyzeForm, .pagescore #result .pageanalysis { display: block; } .pagescore #result .pageanalysis .image { margin-bottom: 20px; } .pagescore #analyzeForm label { display: block; margin-bottom: 10px; } .pagescore #analyzeForm button.button, .pagescore #analyzeForm input { width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pagescore #analyzeForm input { text-align: center; padding: 0 10px; margin-bottom: 10px; } #hero { height: 286px; } .video .content { font-size: 17px; } .video .content h2 { font-size: 32px; } .video .wrapper { margin-bottom: -56px; z-index: 3; } .novo-posts .title h4, .about .content .wrapper h4, .oprojektih h4 { font-size: 36px; } .oprojektih, .about .content .wrapper { font-size: 17px; } .novo-posts { padding: 40px 0; } .novo-posts .title { margin-bottom: 5px; } .novo-posts .bottom { margin-top: -54px; z-index: 3; } .novo-posts .item .content { font-size: 15px; } .noga .wrap .povezave .blok.social { display: flex; gap: 25px; align-items: center; margin-bottom: 20px; } .noga .wrap .povezave .social img { height: unset; margin-bottom: 0; } .noga .wrap .povezave .blok.social p { margin-bottom: 0; line-height: 1.2em; } .cwrap .lnotice { font-size: 15px; } .cwrap .lnotice .title { font-size: 26px; margin: 0 0 20px; } } @media (max-width: 490px) { .advantages ul li .vsebina p { font-size: 15px; line-height: 1.3em; } .section .desc p { display: none; } .section .desc h2 { font-size: 26px; } #customNav button { padding: 0 13px; line-height: 25px; height: 36px; font-size: 25px; } .novo-posts ul li .content h2 { font-size: 26px; } .novo-posts ul li .content p { font-size: 15px; } .subcategories { display: none; } .subcategories li { width: 49%; } .subcategories li:nth-child(3n) { margin-right: 2%; } .subcategories li:nth-child(2n) { margin-right: 0; } .products-grid li.item { width: 100%; margin-right: 0; } .post-list ul li .floater h2 { font-size: 21px; } .select-language .selection span { display: none; } .select-language .selection span.code { display: inline-block; text-transform: uppercase; } .pagescore #security .content, .pagescore #audit .suggestions ul { grid-template-columns: repeat(1, 1fr); } } @media (max-width: 440px) { .header .logo { float: none; margin-top: 14px; margin-bottom: 6px; margin-right: 0; display: inline-block; } .nav-container .mobile ul#nav { top: 58px; } .nav-container .maton:before, .nav-container .maton { height: 28px; line-height: 28px; padding: 0; } .nav-container .maton span { display: none; } #nav ul li { width: 50%; } .noga .wrap .contact .icon:before { width: 64px; height: 64px; } #nav ul.level0 > li { width: 100%; } .homeblop .text h3 { font-size: 24px; } .video .content { padding: 30px; } .video .content a.btn { padding: 0 20px; font-size: 17px; } .video .content a.btn span { display: none; } } @media (max-width: 360px) { .nav-container .maton span { display: none; } #nav ul li { width: 100%; } #customNav { margin: 0; position: relative; } .page, .container { padding: 0 20px; } .bblocks { margin-bottom: 30px; } } body.modal_opened, html.modal_opened { overflow: hidden; } .degriz_gdprnewsletter { margin: 0; } .degriz_gdprnewsletter > label > input { display: inline-block; vertical-align: middle; margin-right: 10px; } .degriz_gdprnewsletter a.gdprnewsletter_box_open label { text-decoration: underline; } .gdprpopup_class { opacity:0; filter:alpha(opacity=0); visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: left; background: rgba(0,0,0, .9); -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 9999; } .gdprpopup_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gdprpopup-state { display: none !important; } .modal_opened .popup_opened.gdprpopup_class { opacity:1; filter:alpha(opacity=100); visibility: visible; } .modal_opened .popup_opened.gdprpopup_class .gdprpopup_inner { top: 50%; } .gdprpopup_inner { -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; position: absolute; top: 20%; left: 50%; background: #fff; overflow: auto; width: 800px; max-width: 90%; height: auto; max-height: 90%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gdprpopup_inner > div { margin: 3em; } .gdprpopup_close { position: absolute !important; right: 0.5em; top: 0.5em; width: 2.1em; height: 2.1em; cursor: pointer; } .gdprpopup_close:after, .gdprpopup_close:before { content: ''; position: absolute; left: 50%; top: 0; width: 2px; height: 2.5em; margin: -3px 0 0 -1px; background: #999; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .gdprpopup_close:hover:after, .gdprpopup_close:hover:before { background: #000; } .gdprpopup_close:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .gdprlabel_text, .gdprlabel_button { cursor: pointer; } .gdprpopup_class a { padding: 0; } .gdprpopup_class a label { padding: 10px 15px; } .gdprpopup_box_inner { margin-bottom: 2em; } .gdprpopup_box_subscribe { text-align: center; } .gdprpopup_box_subscribe a { margin: 5px;display: inline-block;padding: 10px 20px;} .gdpr_line { margin-top: 0; color: #777; font-size: 12px; } .gdpr_line a { color: #777; } .gdpr_line a label { vertical-align: unset; } .quickshop .gdpr_line { margin: -10px 0 10px 0; } .quickshop-agreement-p label {margin: 0; } /* location specific css */ .degriz_gdprnewsletter .button:hover label { color: #fff !important; } .lowestprice { display: block; color: #a3a3a3; line-height: 1.3em; font-size: 13px; clear: both; } .catalog-product-view .lowestprice { margin-bottom: 20px; } div.j2tajax-confirm div.j2tajax-checkout-img{ float:left; margin-right:5px; } div.j2tajax-confirm .success-msg { background:none; color:#222; padding: 8px !important; text-align:left; border:none !important; } div.j2tajax-confirm, div.j2tajax-progress{ z-index: 199; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px; text-align:center; -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.75); } div.j2tajax-progress{padding:5px; z-index: 199;} div.j2t-overlay{ width: 100%; height: 100%; background: #99bea3; position: fixed; top: 0; left: 0; z-index: 198; } div.j2tajax-confirm button.button { padding: 0px 15px; line-height: 36px; height: 36px; font-size: 15px; font-weight: bold; } .j2tajax-checkout-txt { text-align: center; font-size: 21px; line-height: 24px; font-weight: normal; } span.j2t-or{ display:none; } span.j2t-upsells-list-wrapper {display:block; text-align:left;} table.j2t-upsell-product-table {clear:both;} table td.j2t-upsells-list-item h5.j2t-product-lnk {} table td.j2t-upsells-list-item h5.j2t-product-lnk a {font-size: 11px; font-weight: normal;} h4.j2t-upsells-title {display:block; clear:both; padding-left:10px;padding-top:5px;} div.j2tajax-progress, div.j2tajax-confirm {background:#fff;} .cookiealert {background: #333; color: #fff; padding: 5px 0; font-size: 12px; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99999999; } .cookiealert .container { max-width: 960px; margin: 0 auto; box-sizing: border-box; padding: 5px 10px; } .cookiealert .message { text-align: left; overflow: hidden; padding-right: 15px; float: left; width: 80%; box-sizing: border-box; } .cookiealert .buttons-set { float: right; margin: 0; width: 20%; padding: 10px 0 0 0; box-sizing: border-box; clear: none; text-align: right; } .cookiealert .message span.cookie-title{display: block; color: #fff; font-size: 14px; font-weight: bold;} .cookiealert .message a{color: #f90; text-decoration: underline;} .cookiealert .message a:hover{text-decoration: none;} .cookiealert .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;} .cookiealert .message .close a:hover{text-decoration: underline;} .cookiealert .buttons-set .decline { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; } @media (max-width:960px) { .cookiealert .message, .cookiealert .buttons-set { float: none; width: 100%; text-align: left; } }