/* common styles */ * { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-overflow-scrolling:touch; } /* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ *:focus { outline:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } .clearfix:after { content:""; display:table; clear:both; } html { overflow-x:hidden; } body { font-size:14px; font-family:'Oxygen', Arial, sans-serif; color:#5a5a5a; } strong { font-weight:bold; } ol { list-style-type:decimal; } p { margin:10px 0; } a { color:#393939; text-decoration:none; } a:hover { color:#00b51a; text-decoration:underline; } a:active { color:#009916; } h3 { color:#00b51a; font-weight:700; font-size:24px; position:relative; } h3:after { width:30px; height:3px; position:absolute; left:0; bottom:-13px; content:''; background-color:#bbbbbb; } /* forms */ input, button, .btn { padding:10px 15px; border:1px solid #00b51a; background-color:transparent; font-size:12px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .btn.disabled {border-color: #B50000; } input[type="submit"], .btn { display:inline-block; color:#00b51a; font-weight:700; cursor:pointer; line-height:12px; } input[type="submit"]:hover, .btn:hover { background-color:#00b51a; color:white; text-decoration:none; } input[type="submit"]:active, .btn:active { background-color:#009916; } input[type="checkbox"], input[type="radio"] { opacity:0; width:10px; height:10px; } .checkbox-wrapper, .radio-wrapper { display:inline-block; width:10px; height:10px; margin:4px -14px 0 0; vertical-align:top; background:url('../images/sprites-common.png') no-repeat; } .checkbox-wrapper { background-position:0 0; } .checkbox-wrapper.checked { background-position:-10px 0; } .radio-wrapper { background-position:0 -10px; } .radio-wrapper.checked { background-position:-10px -10px; } .checkbox-wrapper + label, .radio-wrapper + label { display:inline-block; width:auto; padding-left:17px; padding-right:0; text-align:inherit; font-size:inherit; } .radio-wrapper.checked + label, .checkbox-wrapper.checked + label, .checkbox-wrapper.checked + label a { color:#00b51a !important; } .select2-container { width:100%; background-color:white; } .select2-container .select2-choice { height:auto; padding:5px 10px; background:transparent; border-color:#b3b3b3; border-radius:0; font-size:12px; filter:none; font-weight:300; } .select2-container .select2-choice .select2-arrow { width:30px; border:none; background:url('../images/search-tip.png') no-repeat center right 10px; filter:none; } .select2-container .select2-choice .select2-arrow b { display:none; } .select2-drop-active { border-color:#b3b3b3; border-radius:0; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background-color:transparent; } .select2-results .select2-highlighted { background-color:transparent; color:#00b51a; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { box-shadow:none; } .select2-search input { padding:4px 10px !important; } .select2-drop.select2-drop-above.select2-drop-active { border-color:#b3b3b3; border-radius:0; } .select2-container.select2-drop-above .select2-choice { border-radius:0; border-color:#b3b3b3; } .select2-drop { color:#bbbbbb; } span.sublabel {display: block; font-size: 12px;} form input.input-down-arrow { background: #fff url('../images/search-tip.png') no-repeat top 18px right 8px; padding-right: 34px; } /* common classes */ .fixed-width { min-width:280px; max-width:1170px; margin:0 auto; } /* corner ad */ .corner-ad { position:fixed; bottom:0; right:0; z-index: 900; } /*.corner-ad > a { display:block; width:178px; height:177px; background:url('../images/corner-ad.png') no-repeat center center; }*/ .corner-ad > a { display:block; width:89px; height:89px; background:url('../images/corner-ad-small.png') no-repeat right bottom; } /* account reminder */ .reminder { padding:10px 0; background-color:#000000; color:#00b51a; font-size:11px; line-height:34px;} .reminder > .fixed-width {} .reminder span {} .reminder .buttons { float:right; position: relative; margin-right: 10px; } .reminder .buttons > a { margin:0 5px; } .reminder .location {display: inline-block; position: relative; float: right;} .reminder .location > p {font-size: 12px; position: relative; padding-left: 16px; padding-right: 10px; display: inline-block; margin: 0;} .reminder .location > a {font-size: 12px; color: #00b51a; position: relative; padding-left: 10px; padding-right: 30px; display: inline-block; border: 1px solid #00b51a; line-height: 34px; vertical-align: middle;} .reminder .location > a > b {display: block; width: 165px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal;} .reminder .location > a:hover {text-decoration: none; color: #fff; background-color: #00b51a;} .reminder .location > p::before { content: ''; display: block; width: 12px; height: 15px; position: absolute; left: 0px; top: 10px; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPCAYAAAGn5h7fAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV5JREFUeNpiZNgqyAAEyUxAQgiI5wIEEANQZBeI5wYQQIxA1mQgIxekgBGq8DkQrwQIIBjnLRALg9SCgC0QTwNxooD4GhDHgjjLgFgUiHkBAgim5xgQW0G1gCRaQKoWQQXZgHgvEL8G4i/IVkpCdXQBcQcLlAMS5AHiCUCcAhIACCCYjmSoyrMgb4AEQHbMBOJNIAdDBY/BJP5CLdSCGgtyyGSQxHeowGSoy0CAH2THZ5CHGBAA5OMdIB3yUIthoBeI34Ek3kGNEEX2D8wfBUA8B4hVYdoAAgzmD5DnNgKxLhB3Q/0DAsZAXArEl4HYHxZUNkDGdiA2BOI7DNiBChCfB2JPkJuqgbgGSTHIbT+hWBQqdgeqpg6kYT0Q5wAxM1QSFGjsUPwaKsYMVbMGpGEWVNNDqF/QAQ9UDqRmFiwdlUFD5AMQOyEpdoKKFUDVwJMkA5LVe6HxCeM7I/EZAF8ISJh9gOmDAAAAAElFTkSuQmCC'); } .reminder .location > a::after { content: ''; display: block; width: 10px; height: 6px; position: absolute; right: 10px; top: 14px; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAGN9z9QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNpiZNgq9ZCBgWE3QAAxABkMAAHECCKA4D8QMwIEEIjDDGT8ZQISZkD8ASCAQCIgxkkgZgHiFUDsChBAIME5QEYKAwSAtNwDyYYAMT8QRwPxTyA2BwkKgMyBClgB8SmAAANp/wBVuQaII0A2Ihm1AmrSR5hukAN2AfEfqAYGmAKoicdZoIKnoBosgXg7VAysAMpmAACdZx/pptnJLwAAAABJRU5ErkJggg=='); } .reminder .location > a:hover:after { content: ''; display: block; width: 10px; height: 6px; position: absolute; right: 10px; top: 14px; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAGN9z9QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHdJREFUeNpi/P///0MGBobdAAHEAGQwAAQQI4gAAhDBCBBAIBFmkAATkGcGxB8AAggkYvYfAkAyq4H4A0AAgQTngJRBMTPYRJAMVAUbVIcZTMUHqIAliA8QYMgCq2E2Ihm1Gir3ASZohqYBrgDZRGRsCZWEK4BhAPW/vqXWaX/PAAAAAElFTkSuQmCC'); } .reminder .location input.input-down-arrow { padding: 8px 10px; min-width: 200px; background-position: top 12px right 8px; background-color: #000; color: #00b51a; } .location-dropdown {display: none; position: absolute; right: 0; z-index: 100; background: #fff; border: 1px solid #bbb; width: 207px; max-height: 280px; overflow: auto;} .location-dropdown li {padding: 2px 10px;} .location-dropdown p {margin: 0;} .location-dropdown p a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; text-align: center; width: auto;} .reminder .location > a.active + .location-dropdown {display: block;} #locationDialog p a {color: #00b51a;} #locationDialog .location-info {padding-bottom: 25px;} #locationDialog .location-form {padding-bottom: 50px;} #locationDialog .location-form input {font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 20px; width: 325px;} #locationDialog .location-form input[type="submit"] {padding: 16px; background: #00b51a; color: #fff; width: auto; margin-left: 6px;} #locationDialog .location-error {font-size: 18px;} .location-changer {} .location-changer header {margin-bottom: 2rem;} .location-changer ul li {padding: .5rem 0;} .location-changer ul li a > strong {display: block; margin-bottom: .5rem;} .location-changer ul > li > a > strong {position: relative; display: block; width: 100%; padding-right: 1rem;} .location-changer ul > li > a > strong:after { content: ''; display: block; width: 10px; height: 6px; position: absolute; right: 10px; top: 4px; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAGN9z9QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNpiZNgq9ZCBgWE3QAAxABkMAAHECCKA4D8QMwIEEIjDDGT8ZQISZkD8ASCAQCIgxkkgZgHiFUDsChBAIME5QEYKAwSAtNwDyYYAMT8QRwPxTyA2BwkKgMyBClgB8SmAAANp/wBVuQaII0A2Ihm1AmrSR5hukAN2AfEfqAYGmAKoicdZoIKnoBosgXg7VAysAMpmAACdZx/pptnJLwAAAABJRU5ErkJggg=='); -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transition-duration: .2s; transition-duration: .2s; } .location-changer ul li ul {margin-left: 2rem;} .location-changer ul > li > a + ul {display: none;} .location-changer ul > li.active > a + ul, .location-changer ul > li > a:focus + ul, .location-changer ul > li > a:active + ul {display: block;} .location-changer ul > li.active > a > strong:after, .location-changer ul > li > a:active > strong:after {-webkit-transform: rotateX(180deg); transform: rotateX(180deg);} #locationDialog .popup-holder {margin-top: 10%;} /* main header */ .main-header { padding:10px 0; font-weight:700; text-align:left; } .main-header > .fixed-width {} .main-header > .fixed-width > * { display:inline-block; vertical-align:middle; } .main-header header {width: 100% !important; display: table !important;} .main-header > .fixed-width header > ul > li:last-child a {margin-right: 5px;} .main-header header > * { display: table-cell; vertical-align:middle;} .main-header .logo { width:225px; height:75px; } .main-header .logo img {width: 100%; margin-top: 5px;} .menu-active { margin-left:-200px; margin-right:200px; } .menu-active .main-header ul { display:block; width:200px; top:0; right:0; bottom:0; position:fixed; z-index:5; box-shadow:0 0 50px 0 gray; } .menu-active .main-header ul > li { display:block; margin:0; } .menu-active .main-header ul > li > a { margin:0; padding:10px 15px; } .main-header ul {padding-top: 2px; text-align: center;} .main-header ul > li { display:inline-block; vertical-align: middle; line-height: 26px;} .main-header ul a { display:block; padding:25px 0; margin:0 15px; font-size:15px; } .main-header ul a.home { padding-left:10px; background:url('../images/home-icon.png') no-repeat center left; } .main-header ul a.home span { font-size: 0;} .main-header ul li.active a.home {background:url('../images/home-icon-active.png') no-repeat center left;} .main-header ul li.active a, .main-header ul a:hover { color:#00b51a; text-decoration:none; } .main-header .hamburger { display:none; width:30px; height:18px; margin-top:28px; background:url('../images/hamburger.png') no-repeat center center; } .reminder .basket, .main-header .basket { min-width:70px; min-height:70px; padding:10px 20px 10px 60px; background:url('../images/basket-icon.png') no-repeat 15px center; border:1px solid #00b51a; text-align:center; color:#00b51a; font-size:12px; font-weight:400; } .main-header .basket > div {} .main-header .basket strong { font-size:20px; font-weight:700; } .reminder .fixed-width {position: relative;} .reminder .basket {/*position: absolute; top: 1px; right: 250px;*/ float: right; margin-right: 20px; border: none; min-height: 0; padding: 0 0 0 60px;} .user-menu-holder a > span.user-name { display: inline-block; max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } /* search bar */ .search-bar { background-color:#00b51a; color:#FFFFFF; border-spacing:20px 0; } .search-bar > .fixed-width { display:table; width:100%; padding:10px 0; } .search-bar > .fixed-width > div { display:table-cell; vertical-align:middle; width: 70%; } .search-bar .fixed-width > .label { /*width:100px;*/ text-align:right; font-weight:700; width: 15%; } .search-bar .fixed-width > .text {position: relative;} .search-bar input[type="text"] { width:100%; padding-right:40px; border:none; background: #fff url('../images/icon-magnifier.png') no-repeat center right 10px; } .search-bar div.text input[type="text"] {background-color: #fff !important; padding-right: 230px; } .search-bar .fixed-width > .select {} .search-bar .fixed-width > .submit-cell { /*width:50px;*/ width: 15%; } .search-bar input[type="submit"] { /*width:100%;*/ border-color:#FFFFFF; color:#FFFFFF; } .search-bar input[type="submit"]:hover { background-color:#FFFFFF; color:#00b51a; } .search-bar .fixed-width > .text .search-double-input { position: absolute; right: 0; top: 0; width: 50px; height: 36px; opacity: 0; } .search-bar .fixed-width .search-drop-down {position: absolute; z-index: 100; width: 185px; right: 40px; top: 0; background: #fff; color: #000; font-size: 12px;} .search-bar .fixed-width .search-drop-down {border: 1px solid #eaeaea; border-top: 0; border-bottom: 0;} .search-bar .fixed-width .search-drop-down ul { max-height: 250px; overflow: auto;} .search-bar .fixed-width .search-drop-down.active {border-bottom: 1px solid #eaeaea; box-shadow: 0 3px 6px rgba(0,0,0,.2);} .search-bar .fixed-width .search-drop-down p, .search-bar .fixed-width .search-drop-down li {padding: 5px 10px; text-align: left !important} .search-bar .fixed-width .search-drop-down p {margin: 5px 0; cursor: pointer;} .search-bar .fixed-width + .fixed-width {margin-top: 0; padding-top: 0;} .search-bar > .fixed-width > .search-bar-filter {width: 70%; font-size: 12px;} .search-bar > .fixed-width > .search-bar-filter label a {color: #fff !important; text-decoration: underline;} .search-bar > .fixed-width > .search-bar-filter label {color: #fff !important;} .search-bar .fixed-width > .label-space { width: 15%; } .search-bar .fixed-width > .submit-cell-space { width: 15%; } .search-drop-down p:after { content: ''; display: block; width: 17px; height: 10px; position: absolute; right: 10px; top: 13px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAYAAABSfLWiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJZJREFUeNpi3L179zQGBoY0IG4F4noG4kEjEFcD8SwWIJEJFawDYh4gLibCgF4gLoKyM5mAxGIkySKoAmINAIHFIENSgHgNkQahGwDSlwIy5BcQRxNhEDYDQPp+MUEFCBmE0wAQhwVJAmYQCIQgGeQExAa4DAABJjQnY3MRXgOwGYLLIJwG4DIE2aBZUPYsXAaAAECAAQDIXi2pUUKl/QAAAABJRU5ErkJggg=='); -webkit-transition-duration: .1s; transition-duration: .1s; } .search-drop-down.active p:after { -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } /* content */ .content { padding:10px 0; overflow:hidden; } .content > .fixed-width {} /* menu */ .expand-menu { margin-bottom:10px; display:none; } .filter-active .product-gallery, .filter-active .product-menu { display:block; } .filter-active .main-content { margin-left:200px; } .product-menu { width:175px; float:left; } .product-menu > * { margin-bottom:25px; } .product-menu > *:last-child { margin-bottom:0; } .menu-section { font-size:12px; } .menu-section:last-child { margin-bottom:0; } .menu-section > h3 {} .menu-section > div { margin:25px 0; } .menu-section header { margin:25px 0 20px 0; color:#00b51a; font-weight:700; font-size:12px; } .menu-section input[type="text"] { width:80px; margin-right:10px; } .menu-section input[type="text"]:last-child { margin-right:0; } .menu-section select {} .menu-section ul {} .menu-section ul > li { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; line-height: 19px;} .menu-section > div > ul { padding-left: 5px } .product-menu > .submit {} .product-menu input[type="submit"] { width:100%; } .product-menu > .menu-showcase { text-align:center; } .product-menu > .menu-showcase > img {} .product-menu header:after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAJAQMAAAGgRtSCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNDhiZTNkYi0zNjA2LTQwODctYThmZC1hYjBjNjJjYjA3ODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkJGNTg0NUI1RkE0MTFFNDgzRjZERjUzRkVGRDU1MTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkJGNTg0NUE1RkE0MTFFNDgzRjZERjUzRkVGRDU1MTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MmRjNmU4NWUtMDk5NC00NzQxLWEzOTEtMjk1MzI2OGU2MmRjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0OGJlM2RiLTM2MDYtNDA4Ny1hOGZkLWFiMGM2MmNiMDc4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgi+QIQAAAAGUExURf///wC1GjEScPkAAAABdFJOUwBA5thmAAAAMElEQVQI12NoYHAAQgaGAoYJDA+ArOcMNgxNDMcYchgsGAQYHvAxWFgw8D1gYG4AALn9CQ+syjpMAAAAAElFTkSuQmCC"); } .product-menu .toggleView {-webkit-transition-duration: .2s; transition-duration: .2s;} .product-menu .toggleView.activated {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);} .product-menu ul > li {padding-right: 0;} .product-menu ul > li > a:first-child {display: inline-block; padding-right: 10px;} .product-menu ul > li > ul {margin-left: 1.5rem;} .product-menu ul > li a + ul {margin-top: 10px;} .product-menu ul > li > ul li:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .product-menu ul > li a.toggleView + ul {display: none;} .product-menu ul > li a.toggleView:active + ul, .product-menu ul > li a.toggleView:focus + ul, .product-menu ul > li a.activated.toggleView + ul {display: block;} .product-menu a.toggleView {background: url('../images/arrow-green-down.png') no-repeat 0 -3px !important} /* search results' header */ .search-header { margin:10px 0; } .search-header > h1 { font-size:30px; } .search-header > h1 > span { font-size:12px; } /* breadcrumbs */ .breadcrumbs { margin:10px 0 20px 0; padding-bottom:20px; font-size:12px; /*border-bottom:1px solid #f1f2f2;*/ } .breadcrumbs > li { display:inline-block; margin-right:10px; position:relative; } .breadcrumbs > li:not(:last-child):after { position:absolute; top:0; right:-10px; content:'>'; } .breadcrumbs > li > a { color:#00b51a; } .main-content { margin-left:200px; min-width:270px; } /* top & bottom showcases */ .top-showcases {margin-bottom: 40px;} .top-showcases > .showcase {width: 33%;} .top-showcases .caption {} .top-showcases .caption > div {} .top-showcases .caption > div:first-child {} .top-showcases .caption > div:last-child {} .bottom-showcases-headers { width:100%; margin:30px 0; display:table; border-spacing: 25px 0; } .bottom-showcases-headers > div { display:table-cell; text-align:left; width: 50%; } .bottom-showcases-headers h3 { display:inline-block; } .bottom-showcases { clear:both; } .bottom-showcases > .showcase {width: 50%;} .bottom-showcases .caption {} .bottom-showcases .caption > div {} .bottom-showcases .caption > div:first-child {} .bottom-showcases .caption > div:last-child {} .showcases { display:table; width:100%; height:250px; border-spacing:25px 0; } .showcase { display:table-cell; vertical-align:bottom; background-size:cover; background-position:center center; } .showcase > .caption { padding:10px; width:100%; display:table; border-spacing:0; background: rgba(255, 255, 255, 0.85); } .showcase > .caption > div { padding:5px; display:table-cell; vertical-align:middle; } .showcase > .caption > div:first-child {} .showcase > .caption > div:last-child { width:100px; text-align:right; } /* content */ .main-content > * {} .slider-content > h3, .main-content > section > h3 { margin-bottom:25px; } /* home */ .product-list { margin-bottom:25px; /*text-align:center;*/ } .promo-product { width:175px; height:300px; padding:10px; display:inline-table; vertical-align:middle; border:1px solid #00b51a; margin: 25px;} .promo-product:hover { background-color:#00b51a; } .promo-product > div { display:table-cell; vertical-align:middle; } .promo-product h4 { font-weight:700; color:#00b51a; font-size:24px; letter-spacing:5px; margin-bottom:25px; } .promo-product:hover h4 { color:white; text-decoration:none; } .promo-product span {} .promo-product:hover span { border-color:white; color:white; } .product-list > .listed-product, .product-list > .promo-product {text-align: center;} .listed-product { width:175px; margin:25px; display:inline-block; vertical-align:middle; } .listed-product > .thumbnail {} .listed-product > .thumbnail > img { width:100px; } .listed-product > .caption { margin:10px 0; font-size:12px; } .listed-product > .price { margin:10px 0; background-color:#f1f2f2; } .listed-product > .price > div { display:inline-block; vertical-align:middle; } .listed-product > .price > div:first-child { font-size:10px; text-decoration:line-through; } .listed-product > .price > div:last-child { height:24px; padding:2px 15px; position:relative; color:white; font-weight:700; background-color:#00b51a; } .listed-product > .price > div:last-child:before { content:''; position:absolute; top:0; left:0; border-right:12px solid #00b51a; border-top:12px solid #f1f2f2; } .listed-product > .price > div:last-child:before { content:''; position:absolute; bottom:0; left:0; border-right:12px solid #00b51a; border-bottom:12px solid #f1f2f2; } .listed-product > .price > div:last-child:after { content:''; position:absolute; top:0; right:0; border-right:12px solid #f1f2f2; border-top:12px solid #00b51a; } .listed-product > .price > div:last-child:after { content:''; position:absolute; bottom:0; right:0; border-right:12px solid #f1f2f2; border-bottom:12px solid #00b51a; } .listed-product.new > .price { background-color:transparent; } .listed-product.new > .price > div:last-child:before { border-top-color:white; } .listed-product.new > .price > div:last-child:before { border-bottom-color:white; } .listed-product.new > .price > div:last-child:after { border-right-color:white; } .listed-product.new > .price > div:last-child:after { border-right-color:white; } .listed-product.new > .price > div { text-decoration:none; font-size:14px; } .listed-product > .basket-add {} .listed-product > .basket-add > input[type="number"], .listed-product > .basket-add > input[type="text"] { width:55px; height:38px; margin-right:-4px; border-right:none; vertical-align:middle; } .listed-product:not(.new) > .basket-add > a { display:inline-block; width:38px; height:38px; border:none; vertical-align:middle; background:url('../images/basket-icon-small.png') no-repeat center center #00b51a; } .listed-product:not(.new) > .basket-add > a:hover { background-color:#00be1b; } .listed-product:not(.new) > .basket-add > a:active { background-color:#00a718; } /* listing */ .sort-by {} .sort-by > span { color:#00b51a; font-size:12px; font-weight:700; } .sort-by > .select2-container { width:175px; margin-left:25px; } .product-listing {} .listing-product { width:100%; margin:7px 0; padding:7px 0; border-bottom:1px solid #f1f2f2; display:table; min-height: 180px; } .listing-product > * { display:table-cell; vertical-align:middle; } .listing-product > .thumbnail { width:150px; text-align:center; overflow: hidden; } .listing-product > .thumbnail > img {} .listing-product > .data { text-align:right; } .listing-product > .data > .caption { font-size:20px; } .listing-product > .data > .caption > a { } .listing-product > .data > .price { display:inline-block; height:32px; padding:5px 25px; margin:10px 0; position:relative; background-color:#00b51a; color:white; font-size:18px; font-weight:700; } .listing-product > .data > .price:before { content:''; position:absolute; top:0; left:0; border-right:16px solid #00b51a; border-top:16px solid white; } .listing-product > .data > .price:before { content:''; position:absolute; bottom:0; left:0; border-right:16px solid #00b51a; border-bottom:16px solid white; } .listing-product > .data > .price:after { content:''; position:absolute; top:0; right:0; border-right:16px solid white; border-top:16px solid #00b51a; } .listing-product > .data > .price:after { content:''; position:absolute; bottom:0; right:0; border-right:16px solid white; border-bottom:16px solid #00b51a; } .listing-product > .data > .availability { color:#00b51a; font-size:12px; } .listing-product > .basket-add { width:200px; text-align:right; } .listing-product > .basket-add > a {} .listing-product > .basket-add > a > img {} p.oldprice {text-decoration: line-through; font-size: 12px; color: #888 !important; margin-top: 4px; } /* basket */ .basket .main-content { margin-left:0; margin-right:300px; } .basket h1 { margin-bottom:20px; font-size:30px; } .basket h1 > a { text-decoration:underline; } .basket section > header { padding:10px 20px; background-color:#f1f2f2; font-size:16px; } .basket section > header > .tooltip { margin-left:10px; } .basket section > p {} .basket aside { width:275px; padding-left:25px; float:right; border-left:1px solid #bbbbbb; position: relative } .basket aside > div.fixed {position: fixed; top: 281px; width: 249px;} .basket aside section { text-align:right; font-size:16px; } .basket aside section > p {} .basket aside section > header { font-weight:700; } .basket aside > .total {} .basket aside .total > p { color:#00b51a; } .basket aside .total strong { font-size:28px; } .basket aside > .submit {} .basket aside > .submit > p {} .basket aside .submit strong {} .basket aside .submit .btn { width:100%; padding:25px; text-align:center; font-size:14px; color:white; background:#00b51a url('../images/tip-right-white.png') no-repeat center right 50px; background-color: #00b510; } .basket aside .submit .btn:hover { background-color:#00c01c; } .basket aside .submit .btn:active { background-color:#00a718; } .basket aside .submit .btn-secondary { display:block; padding:3px 0 3px 20px; text-align:left; font-size:11px; font-weight:700; background:url('../images/tip-left.png') no-repeat center left; } .basket .main-content table { width:100%; } .basket .main-content table th { padding:10px 0; color:#bbbbbb; font-size:14px; font-weight:700; border-bottom:1px solid #f1f2f2; } .basket .main-content table td { padding:5px; border-bottom:1px solid #f1f2f2; } .basket .main-content table tr:last-child td { border-color:#bbbbbb; } .basket .main-content table .summary > td { color:#00b51a; font-size:18px; font-weight:700; } .basket .main-content table .thumbnail {} .basket .main-content table .thumbnail > img {} .basket .main-content table .description { text-align:left; font-size:11px; color:#686868; } .basket .main-content table .description > div > a { color:#393939; font-size:12px; text-decoration:underline; } .basket .main-content table .description > div > a:hover { text-decoration:none; } .basket .main-content table .quantity {} .basket .main-content table .quantity > input { width:75px; /*height:30px;*/ border-color:#bbbbbb; text-align:center; } input[type="number"] {padding-left: 5px !important; padding-right: 5px !important; text-align: center;} .basket .main-content table .taxes {} .basket .main-content table .value { font-size:11px !important; } .basket .main-content table .value > strong { font-size:18px !important; } .basket .main-content table .remove {} .basket .description.delivery label strong {color: #00b51a;} span.warning {color: #F44336; margin-right: 10px; font-size: 12px;} span.discountInfo {color: #3db65b; margin-right: 10px; font-size: 12px;} .summary { text-align:right; } .summary > div { padding:10px; display:inline-block; vertical-align:middle; } .summary p {} .summary .quantity {} .summary .value {} .summary .value > strong { font-size:18px; } .summary .tooltip {} /* pagination */ .pagination { margin:10px 0; text-align:right; } .pagination > ul { margin-bottom:10px; } .pagination > ul > li { display:inline-block; vertical-align:middle; } .pagination > ul > li > a { color:#bbbbbb; margin:0 5px; font-size:18px; font-weight:700; } .pagination > ul > .active > a { padding:2px 10px; color:#00b51a; border:1px solid #00b51a; } .pagination img { vertical-align:middle; } .pagination > .captions { color:#bbbbbb; font-size:12px; } .pagination > .captions > a { color:#393939; } .pagination > .captions > a.active { color:#00b51a; } /* newsletter */ .newsletter { border-top:1px solid #00b51a; border-bottom:1px solid #00b51a; color:#393939; } .newsletter > .fixed-width { padding-top:25px; padding-bottom:25px; text-align:center; background:url('../images/newsletter-envelope.png') no-repeat 260px bottom; padding-left: 260px; } .newsletter h3 { display:inline-block; margin-bottom:10px; font-size:24px; color:#00b51a; } .newsletter p { font-size:18px; } .newsletter p:last-child { margin-bottom:0; } .newsletter input[type="text"] { width:375px; padding-right:50px; text-align:right; background:url('../images/newsletter-envelope-small.png') no-repeat center right 15px #FFFFFF; } .newsletter .checkbox-wrapper { margin-top:1px; vertical-align:middle; } .newsletter label { font-size:11px; } .newsletter input[type="submit"] {} /* main footer */ .main-footer { margin-top:50px; padding:50px 0; background-color:#f1f2f2; } .main-footer ul { width:20%; padding-right:25px; margin-right:-4px; display:inline-block; vertical-align:top; } /*.main-footer ul:last-child { width:25%; }*/ .main-footer ul:first-child { margin-left: 16%; } .main-footer ul > li { font-size:12px; } .main-footer ul > li:first-child { padding-bottom:10px; font-weight:700; } .main-footer ul a {} .main-footer ul img { margin:5px 0; } /* copyright notice */ .copyright-notice { margin:10px 0; font-size:10px; } .copyright-notice > .fixed-width {text-align: center} .copyright-notice span { margin:0 10px; vertical-align: middle;} /*.copyright-notice span:first-child { margin-left:0; }*/ /* cookies' policy notice */ .cookies-notice { padding:20px 0; text-align:center; font-size:12px; background-color:#f1f2f2; } .cookies-notice > .fixed-width {} .cookies-notice a { text-decoration:underline; } .cookies-notice .close { margin-left:15px; color:#00b51a; text-decoration:none; } .tooltip { width:28px; height:28px; display:inline-block; vertical-align:middle; background:url('../images/tooltip-icons.png') no-repeat 0 0; cursor:pointer; } .tooltip.white { background-position:-56px 0; } .tooltip.red { background-position:-28px 0; } .tooltip.small { width:14px; height:14px; display:inline; vertical-align:middle; background:url('../images/tooltip-icons-small.png') no-repeat 0 0; cursor:pointer; } /* tooltips */ .qtip-default { border-color:#f9f9f9; background-color:#f9f9f9; box-shadow:0 0 5px 0 #999999; font-size:12px; } .qtip-default a { color:#00b51a; text-decoration:underline; } .qtip-default a:hover { text-decoration:none; } /* responsive tables */ .stacktable { width: 100%; } .stacktable input { border-color:#bbbbbb; } .st-head-row { padding-top: 3em !important; text-align:center; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 15px !important; } .st-key { width: 24%; text-align: right; padding-right: 1%; } .st-val { width: 74%; padding-left: 1%; } /*.stacktable.large-only { display: table; } .stacktable.small-only { display: none; }*/ /* @media (max-width: 650px) { .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } }*/ /*z vizita*/ /*---[ common ]-----------------------------------------------------------------------*/ i.icn { width:30px; height:30px; display:inline-block; vertical-align:middle; background:url('../images/sprites.png') no-repeat 0 0; } i.icn-toggle { background-position:0px 0px; cursor:pointer; } /* common classes */ .grid-2 { display:table; border-spacing:10px; border-collapse: separate; } .grid-2.full-width { width:100%; } .grid-2 > * { display:table-cell; vertical-align:top; } .grid-2.even > * { width:50%; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { i.icn { background-image:url('../images/sprites@x2.png'); background-size:208px 100px; } } /* *** COMMON HELPERS *** */ .dnone {display: none;} .overh {overflow: hidden;} .clear {clear: both;} .fixed {position: fixed;} .tcenter, .tcenter.all > * {text-align: center;} .tright, .tright.all > * {text-align: right;} .tleft, .tleft.all > * {text-align: left !important;} .m-show {display: none !important;} /* *** DECOR HELPERS *** */ .noborders {border: none;} h3.nodecor:after {display: none;} .triangle-left { width: 49px; height: 159px; background: url('../images/basket-companies-arrow-left.png') no-repeat 0 0; position: absolute; top: -1px; left: -48px; } /* *** TEXT HELPERS *** */ .text-container {margin-bottom: 55px;} .text-container h4 {margin-bottom: 10px; font-size: 14px; color: #00b51a; text-transform: uppercase; font-weight: bold;} .text-container table.default h4 {margin-bottom: 0;} .text-container h3 {margin-bottom: 10px; font-size: 18px; color: #5a5a5a; font-weight: normal; border-bottom: 1px solid #f1f2f2; } .text-container h3:after {display: none;} .value em {font-size: 24px;} /* *** TABLES HELPERS *** */ table.default tr th, table.default tr td {border-bottom: 1px solid #f1f2f2; margin-bottom: 3px; padding: 3px 0;} table.default tr td:first-child {width: 55%;} table.default tr:last-child td {border-bottom: none;} .table-holder * {vertical-align: top;} .table-holder > div {width: 200px; display: inline-block;} .table-holder > div + div {display: inline-block; width: calc(100% - 205px);} .table-holder table {width: 100%;} .table-holder > div > h4 {margin-top: 5px;} #basket header.main-header ul {visibility: hidden;} .product-gallery + .main-content {margin-left: 500px; position: relative;} .product-gallery + .main-content.collapsed:after { content: ''; display: block; width: 100%; height: 80px; bottom: 0; position: absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+70 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .product-gallery + .main-content.collapsed { max-height: 850px; overflow: hidden; } a.uncollapse { position: absolute; bottom: -10px; left: 0; z-index: 10; text-transform: uppercase; font-weight: 600; font-size: 12px; color: #00b51a; border-top: 1px solid #dadada; padding: 7px 12px; background: #fff; width: 100%; text-align: center; } a.uncollapse:after { content: '▼'; margin-left: 5px; } a.uncollapse:hover {text-decoration: none; color: #555;} .product-gallery {width: 470px; float: left;} .product-gallery h3:after {display: none;} .product-gallery ul {overflow: hidden;} .product-gallery ul li {float: left; border: 1px solid #f1f2f2; width: 47%; margin-bottom: 30px; position: relative; max-height: 473px; overflow: hidden;} .product-gallery ul li:first-child {width: 100%;} .product-gallery ul li:first-child span.icon-zoom{ opacity: .7; position: absolute; z-index: 10; bottom: 20px; right: 15px; display: block; width: 21px; height: 19px; background: url('../images/icon-magnifier.png') no-repeat 0 0;} .product-gallery ul li:first-child a:hover span.icon-zoom {opacity: 1;} .thumbnail {overflow: hidden;} .thumbnail > img, .thumbnail a > img, .product-gallery ul li a > img { /*position: absolute;*/ -webkit-transform: scale(1, 1); -webkit-transition-duration: 300ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1, 1); -moz-transition-duration: 300ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1, 1); -ms-transition-duration: 300ms; -ms-transition-timing-function: ease-out; } .thumbnail:hover > img, /* .thumbnail a:hover > img, */ .product-gallery ul li a:hover > img { -webkit-transform: scale(1.2, 1.2); -webkit-transition-duration: 300ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1.2, 1.2); -moz-transition-duration: 300ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1.20, 1.20); -ms-transition-duration: 300ms; -ms-transition-timing-function: ease-out; } .product-gallery ul li:nth-child(2n+2) {margin-right: 28px;} .product-gallery ul li * {display: inline-block; width: 100%;} .companies .value {color: #00b51a;} .companies > * {margin-bottom: 30px;} .companies td:first-child {width: 65%;} .companies td {margin-bottom: 5px; padding: 5px 0; border-bottom: 1px solid rgb(241, 242, 242); vertical-align: middle;} .companies tr:last-child td {border: none;} .companies td.value {width: 25%;} .companies td.quantity {width: 10%; text-align: right;} .companies td.quantity input {width: 70px; text-align: center; color: #bbb;} .companies td.quantity input:focus {border-color: #00b51a; color: #000;} .companies .company * {display: block;} .companies .company span {font-size: 11px; color: #bbb;} .companies .company span.minorder { display: inline; font-weight: normal } .companies .company span.minorder a { display: inline; font-weight: normal; font-size: 11px; color: #bbb; } .companies-basket {display: table; width: 95%; height: 160px; margin-left: 5%; border: 1px solid #00B51A; position: relative;} .companies-basket > * {display: table-cell; vertical-align: middle; padding: 5px 20px;} .companies-basket > *:last-child {width: 200px; padding-left: 30px;} .companies-basket > .companies > *:last-child {margin-bottom: 0;} .slider-holder {height: 350px; overflow: hidden; position: relative;} .slider-holder > a.prev, .slider-holder > a.next {position: absolute; width: 21px; height: 350px; background: red;} .slider-holder > a.prev {left: 0px; background: url('../images/slider-prev.png') no-repeat center center;} .slider-holder > a.next {right: 0px; background: url('../images/slider-next.png') no-repeat center center;} .slider-holder > ul > li .thumbnail > img {height: 178px;} .slider-content ul > li {display: inline-block;} .slider-pagination ul > li {margin-right: 17px;} .slider-pagination ul > li:last-child {margin-right: 0px;} .slider-pagination ul > li a {display: inline-block; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #bdbdbd; vertical-align: middle;} .slider-pagination ul > li a:hover {border-color: #00B51A;} .slider-pagination ul > li.active a {width: 14px; height: 14px; border-radius: 7px; border: 2px solid #00b51a;} .notification-holder {margin: 10% 0;} .notification {background: #f1f2f2; width: 75%; margin: 0 auto; text-align: center;} .notification > * {padding: 50px 0;} .notification header {border-bottom: 1px solid #fff; font-size: 30px;} .notification header + * > * {font-size: 16px;} .notification header + * > *:first-child {font-size: 18px;} .notification + .actions {width: 75%; margin: 30px auto; text-align: center;} .notification + .actions .btn {padding: 25px 75px; text-align: center; font-size: 12px; color: #00BE1A; text-transform: uppercase;} .notification + .actions .btn.back { color: #fff; background: #00b51a url('../images/tip-left-white.png') no-repeat center left 50px;} .notification + .actions .btn.back:hover {color: #fff; background-color: #00C01C;} .notification + .actions .btn:hover {color: #fff;} .actions .btn:first-child {margin-right: 30px;} .overlay-holder, .overlay {background: #000; opacity: .55; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999;} .overlay-holder {background: transparent; opacity: 1; width: 100%; height: 100%;} .overlay-holder > div:first-child > div {background: #fff; z-index: 1000; position: relative; width: 75%; margin: 20% auto 0 auto;} .overlay-holder .popup {width: 100%; background: #fff; text-align: center;} .overlay-holder .popup header > a:first-child {position: absolute; top: 20px; right: 20px;} .overlay-holder .popup header + div {display: table; width: 100%; padding-bottom: 50px;} .overlay-holder .popup header + div > div {display: table-cell; padding: 0 40px;} .overlay-holder .popup header + div > div p {font-size: 18px; margin-bottom: 20px;} .overlay-holder .popup header + div > div:first-child {border-right: 1px solid #f1f2f2;} .overlay-holder .popup h3:after {display: none;} .overlay-holder .popup header {border-bottom: 1px solid #f1f2f2; padding: 30px 0; margin-bottom: 30px; position: relative;} .btn.btnsubmit {background: #00b51a; color: #fff; text-transform: uppercase; text-align: center;} .btn.btnsubmit:hover {background: #00C01C;} .btn.btnsubmit.disabled {background: #B50000; color: #fff; text-transform: uppercase; text-align: center;} .btn.btnsubmit.disabled:hover {background: #C00A00;} .btn.icon {padding: 20px 10px;} .btn.icon span.basket-icon {display: inline-block; width: 35px; height: 32px; background: url('../images/basket-icon-sprite.png') no-repeat 0 0;} .btn.icon:hover span.basket-icon {background-position: 0 -32px;} .btn.icon > * {display: inline-block; vertical-align: middle;} .btn.icon > *:first-child {margin-right: 10px;} .btn.warning {background: #F44336 !important; border-color: #D32F2F; line-height: 21px; padding: 15px 25px !important;} .nav-fixed + * {padding-top: 69px;} .nav-fixed {height: 54px; width: 100%; z-index: 995;} .nav-fixed > div > div {float:left; margin-right: 30px;} .nav-fixed > div > div:first-child {margin-right: 0px;} .nav-fixed > div > div.basket {float: right;} .nav-fixed .select2-container .select2-choice {border-color: #00b51a; background-color: #000;} .nav-fixed .select2-container .select2-choice span { color: #fff; font-weight: bold;} .nav-fixed .text.nav {text-transform: uppercase; color: #a8a8a8; font-size: 14px; font-weight: bold;} .split-half {display: table; width: 100%; /*margin: 90px 0;*/} form .split-half {margin: 0;} .split-half > div {display: table-cell; width: 50%; vertical-align: top;} .contact .split-half .left {width: 65%;} .contact .left .image-holder {width: 90%;} .image-holder * {width: 100%;} form.blocks > div textarea, form.blocks > div input[type="text"] {display: block; width: 100%;border-color: #bbb;} form.blocks > div textarea {padding: 10px;} form.blocks > div { margin-bottom: 20px; } .right.form-control h3 {margin-bottom: 40px;} td.thumbnail {width: 10%;} td.description {width: 30%;} td.quantity {width: 15%;} td.price {width: 10%;} td.taxes {width: 5%;} td.value {width: 20%;} td.remove {width: 5%; text-align: right;} .cart-delivery-table td {vertical-align: top;} td.time {width: 20%; font-size: 11px; } td.delivery-value {font-size: 13px;} td.delivery-value > span {visibility: hidden;} ul.options {font-size: 13px;} ul.options li {margin-bottom: 3px; color: #5a5a5a;} span.desc {display: block; margin: 10px 0; font-size: 11px; color: #bbb; min-height: 30px;} .summary-table h3 {font-size: 18px;} .summary-table h3:after {display: none;} .summary-table td.value h3 p:first-child {font-size: 18px;} .summary-table td.value h3 p:last-child {font-size: 12px;} ul.media li * {vertical-align: top;} ul.media li img {margin-right: 10px; margin-top: 4px;} ul.media li img.radio-image {margin-top: -5px;} /* .faq-content, .campaign {margin-top: 50px; margin-left: 50px;} */ .campaign-header h1 {font-size: 60px; margin-top: -10px;} .campaign-header > * {display: inline-block;} .campaign-header .showcase {width: 50%; border: 1px solid #00BE1B; float: right; padding: 30px 50px; display: table;} .campaign-header .showcase > * {display: table-cell; width: 50%; vertical-align: middle;} .campaign-header .showcase > *:first-child {text-align: left; color: #00BE1B; font-size: 18px;} .campaign-header .showcase > *:last-child {text-align: right;} .campaign .listing-product > .media-decor, .campaign .listing-product > .media {vertical-align: bottom;} .campaign .listing-product > .media ul li {margin-top: 15px;} .campaign .listing-product > .media-decor {width: 40px; padding: 0 30px; } .campaign .listing-product > .campaign-showcase { position: relative; } /* apla hover effect */ .showcases > .showcase:hover .caption, .campaign .listing-product > .campaign-showcase:hover .caption { opacity: 1;} .showcases > .showcase .caption, .campaign .listing-product > .campaign-showcase .caption {opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out;} /* apla hover effect */ .campaign .listing-product > .campaign-showcase a.campaign-cover {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent;} .campaign .listing-product > .campaign-showcase .campaign-limiter {max-width: 750px;} .campaign .listing-product > .campaign-showcase .caption + img {width: 100%;} .campaign .listing-product > .campaign-showcase .caption { position: absolute; bottom: 0; width: 100%;} .campaign .listing-product > .campaign-showcase .desc {position: relative; z-index: 10; color: #00BE1B; padding: 20px 15%; font-size: 16px; font-weight: bold; display: none; text-align: center;} .campaign .listing-product > .campaign-showcase:hover .desc { display: table} .campaign .listing-product > .campaign-showcase .desc > * {display: table-cell; width: 40%; vertical-align: middle; text-align: left;} .campaign .listing-product > .campaign-showcase .desc > *:last-child {text-align: center;} .campaign .listing-product > .campaign-showcase .caption .bground { background: #fff; opacity: .85; position: absolute; bottom: 0; width: 100%; height: 100%; z-index: 9;} .reminder .buttons > a.btn {min-width: 130px; text-align: center;} .reminder .buttons > a.btn.active {background: #f1f2f2; border-color: #f1f2f2; color: #000;} #login-holder { padding: 20px; background: #f1f2f2; position: absolute; top: 29px; width: calc(100% - 10px); margin: 5px; display: none;} #login-holder > div > div {margin-bottom: 15px;} #login-holder > div > div:last-child {margin-bottom: 0px;} #login-holder .login-helpers > * {margin: 0; line-height: 18px; font-size: 12px;} #login-holder .login-helpers a {color: #00BE1B; display: inline-block; vertical-align: top;} #login-holder .login-helpers label {color: #808080;} #login-holder input[type="text"], #login-holder input[type="password"] {background: #fff; border-color: #bbb; color: #bbb; width: 100%;} #login-holder input[type="text"]:focus, #login-holder input[type="password"]:focus {border-color: #00BE1B; color: #000;} #login-holder input[type="submit"] {width: 100%; text-align: center;} .user-menu-holder {border: 1px solid #00BE1B; background: #000; } .user-menu-holder a {padding: 3px 10px; line-height: 27px; display: block; width: 100%; color: #fff; font-size: 13px; font-weight: bold;} .user-menu-holder > a > img {margin-left: 30px;} .user-menu-holder a:hover {text-decoration: underline;} .user-menu-holder ul#user-menu {background: #00BE1B; display: none;} .user-menu-holder ul li a {text-transform: uppercase;} form.form-decor {width: 75%; margin: 0 auto;} form.form-decor.full {width: 100%; margin: 0 auto;} form.form-decor > div {margin-bottom: 40px;} form.form-decor h5 {border-left: 10px solid #00b51a; padding: 10px 30px; margin-bottom: 25px; color: #00b51a; background: #f1f2f2; font-weight: bold; text-transform: uppercase; font-size: 24px;} form.form-decor div.table-row {display: table; width: 100%;} form.form-decor div.table-row > div {display: table-cell; padding: 10px 20px;} form.form-decor div.table-row > div:first-child {text-align: right; width: 30%;} form.form-decor div.table-row > div:last-child {width: 70%;} form.form-decor div.table-row > div:last-child input[type="password"], form.form-decor div.table-row > div:last-child input[type="text"] {border-color: #bbb; width: 60%;} form.blocks input[type="text"], form.blocks textarea, form.blocks .select2-container .select2-choice > .select2-chosen-1, form.blocks .select2-container .select2-choice > .select2-chosen-2, form.form-decor .select2-container .select2-choice > .select2-chosen, form.form-decor input[type="text"], form.form-decor input[type="password"] {font-size: 17px;} form.form-decor div.table-row > div:last-child input:focus {border-color: #00b51a;} form.form-decor sup {color: #ee2b33; font-weight: bold;} form.form-decor .row-2-input input[type="text"] {width: 29% !important;} form.form-decor .row-2-input em {width: 2% !important; text-align: center; display: inline-block;} form.form-decor .row-2-input.postal input[type="text"] {width: 60px !important; text-align: center;} form.form-decor .row-2-input.postal input[type="text"]:last-child {width: 120px !important;} form.form-decor div.table-row .single {padding-left: 40px;} form.form-decor div.table-row span.input-info {display: block; padding-left: 16px; margin-top: 10px; font-size: 11px; } form.form-decor input[type="submit"] {background: #00b51a; color: #fff; padding: 20px 40px;} form.form-decor input[type="submit"]:hover { background: #00C01C;; color: #fff; padding: 20px 40px;} form.form-decor .header-choice > div:first-child {display: table; width: 100%; margin-top: 50px;} form.form-decor .header-choice > div > div {display: table-cell; width: 50%; text-align: center; } form.form-decor .header-choice > div > div span {display: inline-block; width: 26px; height: 26px; border: 1px solid #00b51a; border-radius: 13px; vertical-align: middle; margin-right: 10px; position: relative;} form.form-decor .header-choice > div > div a:hover {text-decoration: none;} form.form-decor .header-choice > div > div a.active span:after {content: " "; background: #00b51a; display: block; width: 8px; height: 8px; border-radius: 4px; position: absolute; top: 8px; left: 8px;} form.form-decor .header-choice > div > div strong {color: #00b51a; vertical-align: middle; font-weight: bold;} div.error-message {color: #e51c23;} div.error-message > * { font-size: 13px !important; } form.form-decor .table-row + div.error-message p {color: #e51c23; margin-top: -10px;} div.error-message p:empty {display: none;} form label a {color: #00b51a !important;} .top-decor {border-top: 1px solid #f1f2f2; margin-top: 20px; padding-top: 20px;} form.form-decor.full fieldset{margin-bottom: 20px;} input.error {border-color: #e51c23 !important;} .text-content .campaign-header {overflow: hidden;} .text-content {margin-bottom: 70px;} .text-content .campaign-header > ul.breadcrumbs {display: block; margin: 0; padding: 0; border: none;} .text-content .campaign-header {margin-bottom: 20px;} .text-content > .text h1, .text-content header {text-transform: uppercase; font-size: 18px; padding: 13px 30px; margin: 30px 0 20px 0; background: #f1f2f2;} .text-content > .text ul li {margin-left: 30px;} .text-content > .text ul.toggle {list-style-type: none;} .text-content > .text ul.toggle > li > a .text-content > .text ul.toggle li {margin-left: 30px; border-bottom: 1px solid #f1f2f2; position: relative; padding-bottom: 20px;} .text-content > .text ul.toggle li:last-child {border-bottom: none;} .text-content > .text h3:after {display: none;} .text-content > .text h2, .text-content > .text h3, .text-content > .text ul li h6 {font-weight: 700; font-size: 18px; color: #00b51a; display: inline-block; padding: 6px 0; margin: 6px 0;} .text-content > .text ul li a {word-wrap: break-word} .text-content > .text h2 {font-size: 22px;} .text-content > .text ul li div {font-size: 14px; color: #5a5a5a; margin: 20px 0;} .text-content > .text ul li h6 + div {margin-top: 0px;} .text-content > .text a {color: #00b51a;} .text-content > .text table {border: none; border-collapse: collapse; table-layout: fixed;} .text-content > .text table td {border: none; border-bottom: 1px solid #eaeaea; padding: 5px 10px; vertical-align: top;} .text-content > .text table th {border: none; border-bottom: 1px solid #eaeaea; font-weight: bold; color: #00b51a; padding: 10px;} .text-content > .text ul {list-style-type: disc;} .text-content > .text ul li, .text-content > .text ol li {margin-left: 30px; margin-bottom: 20px; } .text-content > .text ol li > ol li {margin-left: 20px; } .text-content > .text ul li > span {display: block; width: 15px; height: 9px; background: url('../images/arrow-green-down.png') no-repeat 0 0; position: absolute; top: 6px; left: -30px;} .text-content > .text ul li.active > span {background: url('../images/arrow-green-up.png') no-repeat 0 0;} ul.toggle li {position: relative;} .text-content > .text table {width: 100%; border: none;} .text-content > .text .text-container table.default tr td:first-child {width: 35%;} .text-content > .text .text-container {padding: 0 30px;} .text-content > .text h1, .text-content > .text h2, .text-content > .text h3, .text-content > .text h4, .text-content > .text h5, .text-content > .text h6 { display: block; } .text-content > .text h4 { font-weight: bold; font-size: 18px; color: #00b51a; margin-bottom: 10px; } .text-content > .text h5 { font-weight: bold; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; } .text-content > .text h6 { font-weight: bold; font-size: 14px; margin-bottom: 10px; } .menu-section header, .product-menu li {position: relative; padding-right: 15px;} .product-menu li.active a {color: #00b51a;} section.content a.toggleView { position: absolute; right: 0; top: 5px; display: inline-block; width: 15px; height: 6px; background: url('../images/arrow-green-down.png') no-repeat 0 -3px; text-indent: -9999px; vertical-align: middle; margin-left: 5px;} .product-menu li.active a.toggleView, section.content a.toggleView.hide {background: url('../images/arrow-green-up.png') no-repeat 0 0;} /* #login-buttons:hover #login-holder { display: block; } */ .product-gallery .newsletter h3 {} .product-gallery .newsletter h3:after { display: block; width:30px; height:3px; position:absolute; left:0; bottom:-13px; content:''; background-color:#bbbbbb; } /* dostawcy */ .supplier {border: 1px solid #f1f2f2; max-width: 45%; margin-bottom: 70px; float:right;} .supplier-holder {overflow: hidden;} .supplier-holder .supplier:nth-child(2n) {float: left;} .supplier .header {/*height:*/ 132px; height: 100px; background: #d5e8f9; background-size: 80% !important; background-position: center center !important;} .supplier .header {border-bottom: 1px solid #f1f2f2; position: relative;} .supplier .name, .supplier .about {padding: 10px 20px;} .supplier .name {min-height: 90px; font-size: 24px; display: table; padding-bottom: 0;} .product-menu + section.main-content .supplier .name {display: block;} .supplier .name * {vertical-align: middle; font-weight: 200; display: table-cell; line-height: 24px;} .supplier .name h4 sup {display: block; font-size: 13px; line-height: 16px; margin-top: 6px;} .supplier > .about {display: table; table-layout: fixed; width: 100%; padding-top: 0; font-size: 11px;} .supplier > .about.info {height: 150px;} .supplier > .about > div {display: table-cell; padding-right: 10px; position: relative;} .supplier > .about > div > p:first-child {text-transform: uppercase; color: #00b51a; } .supplier .table-button a {display: block; padding: 12px 0; width: 100%; background: #00b51a; color: #fff; text-align: center; -webkit-transition-duration: .2s; transition-duration: .2s;} .supplier .table-button a:hover {background: #00C01C; color: #fff; text-decoration: none;} .supplier ul {list-style-type: none !important;} .supplier ul li {margin-left: 0 !important; margin-bottom: 5px !important;} .supplier ul li b {display: block; color: #00b51a;} .supplier ul li ul {margin-left: 10px;} .supplier > .about.address ul {max-width: 60%;} .supplier > .about.address > div { display: block; min-height: 45px; } /*.envelope-button {position: absolute; right: 0px; top: 25px;}*/ /*.supplier-button {position: absolute; right: 0px; bottom: 5px;}*/ .envelope-button {float: left; line-height: 2rem; vertical-align: middle;} .supplier-button {float: right;} span.icon.envelope { background:url('../images/ico-envelope.png') no-repeat 0 0; width: 16px; height: 10px; display: inline-block; vertical-align: middle;} a.envelope:hover span.icon.envelope { background-position: 0 -10px; } a.envelope:hover {text-decoration: none;} /* .supplier > .about > div a.envelope {position: absolute; right: 0; bottom: 5px;}*/ .listing-product > .basket-add > a > img {display: none;} .listing-product > .basket-add > a {display: inline-block; width: 170px; height: 160px; background: url('../images/add-to-basket-sprite.png') no-repeat 0 0;} /*.listing-product > .basket-add > a:hover {background-position: 0 -160px;}*/ .listing-product.not-empty > .basket-add > a {background-position: 0 -320px;} .overlay-form .table-row {margin-bottom: 10px; width: 100%;} .overlay-form .table-row input[type="text"], .overlay-form .table-row input[type="password"] {width: 100%;} .overlay-form .table-row.submit-row > * {float: right;} .overlay-form .table-row.submit-row > input[type="submit"] {background: #00b51a; color: #fff; text-transform: uppercase; padding: 10px 30px;} .overlay-form .table-row.submit-row > input[type="submit"]:hover {background: #00C01C;} /*naprawia selecta gabaryty w menu*/ .product-menu .menu-section #s2id_autogen1.select2-container { width: 172px; margin-top: 15px; } .fix-gap-select {margin-top: 0 !important; width: 100% !important;} .product-menu .menu-section h3 {margin-bottom: 40px; position: relative;} .product-menu .menu-section h3 a.clear-filters {position: absolute; right: 0; bottom: -20px; font-size: 12px; color: #00b51a;} .listed-product > .caption { position: relative; height: 43px; margin: 0 auto; font-size: 12px; line-height: 14px; overflow: hidden; } .listed-product > .caption:after { pointer-events: none; content: " "; display: block; width: 50px; height: 16px; background: lime; position: absolute; bottom: 0; right: 0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ } body > section.content {margin-top: 30px;} .scroller { display: block; width: 43px; height: 83px; position: fixed; bottom: 120px; right: 25px; } .scroller > div {background: transparent url('../images/scroller.png') no-repeat 0 0; position: absolute; width: 43px; height: 83px; overflow: hidden; text-indent: -9999px;} .scroller > div.totop {height: 54px; top: 0; left: 0; background-position: 0 0;} .scroller > div.tobottom {height: 54px; top: 29px; left: 0; background-position: 0 -29px;} .scroller > div.totop > a:last-child, .scroller > div.tobottom > a:first-child {display: none;} .scroller > div > a {position: absolute; top: 0; left: 0; width: 100%; height: 26px; background: transparent; text-indent: -9999px;} .scroller > div > a:last-child {bottom: 0px; top: auto;} .grid-2-even {width: 100%; display: table;} .grid-2-even > div {width: 50%; display: table-cell;} .align-center {text-align: center;} .align-left {text-align: left;} .align-right {text-align: right;} .inlblk {display: inline-block;} .cover {background-size: cover; background-position: center; background-repeat: no-repeat;} .benefits {margin-bottom: 30px; width: 100%;} .benefits .left > div, .benefits .right > div {min-height: 431px; padding: 80px 40px 0 40px;} .benefits .left > div {border-right: 2px solid #fff;} .benefits .right > div {border-left: 2px solid #fff;} div.transp-header p {background: #fff; opacity: .8; color: #000; display: inline-block; font-size: 24px; padding: 2px 10px; margin: 0 0 2px 0;} .transp-header em {font-style: normal; color: #00b51a; font-weight: bold;} .benefits .cover .btn.btnsubmit {margin-top: 40px; padding: 15px 50px; } .benefits .main div.transp-header p {font-size: 36px;} .benefits .main > div {display: table !important; width: 100% !important;} /*.benefits .slide {display: table-row;}*/ .benefits .slide > div {display: table-cell; vertical-align: middle; height: 575px; position: relative; width: 100%;} .benefits .slide h5 {font-size: 36px; margin-bottom: 50px;} .benefits .slide p {font-size: 18px;} .benefits .slide p + p {margin-top: 30px;} .benefits .slide p a {color: #00b51a;} .benefits .slide ol { list-style-type: disc; margin: 0px 40px 0 60px; font-size: 17px; text-align: left; color: #000; } .benefits-switch { width: 430px; height: 155px; position: absolute; top: 0; right: 40px; overflow: hidden; } .slide-0 .align-left > div.benefits-switch {padding: 0;} .benefits-switch p {display: table-cell; vertical-align: top;} .benefits-switch p.align-right {background: #fff; opacity: .8; color: #000; font-size: 13px; padding: 10px;} .benefits-switch p.align-right em {color: #00b51a;} .benefits .benefits-switch .btn.btnsubmit {color: #fff; margin-top: 15px; padding: 10px 20px;} .slide-11 .benefits-switch {border: 1px solid #f1f2f2; top: 20px;} /*.slide > div {padding: 20px 60px;}*/ .benefits .main .transp-header, .slide > div > h5, .slide > div > p {padding: 0 40px;} .slide h5, .slide p {color: #222;} .sellers .slide-2 p, .sellers .slide-4 *, .sellers .slide-6 *, .sellers .slide-8 * {color: #fff;} .buyers .slide-2 *, .buyers .slide-3 *, .buyers .slide-5 *, .buyers .slide-6 * {color: #fff;} .slide-0 {display: table; width: 100%;} .slide-0 > div {height: 380px !important;} .sellers .slide-1 > div {height: 401px !important;} .sellers .slide-5 > div {height: 451px !important;} .slide-11 > div {display: block !important; height: 250px !important; /*border-top: 1px solid #f1f2f2;*/ margin-top: -60px; padding-top: 20px;} .buyers .slide-1 > div {height: 401px !important;} .buyers .slide-7 > div {height: 401px !important;} .slide-11 h3 {text-align: right; margin-right: 40px; border-top: 1px solid #f1f2f2; padding-top: 30px;} .slide-11 .benefits-switch {top: 90px;} .slide-0 .align-left > div {padding-right: 40%;} .align-left > div {padding-right: 60%;} .align-right > div {padding-left: 60%;} .align-left > div.transp-header {padding-right: 0;} .align-right > div.transp-header {padding-left: 0;} .buttons-switcher {text-align: center; margin-top: 40px;} .buttons-switcher > a {display: inline-block; font-size: 18px; font-weight: 600; border: 1px solid #00b51a; background: #fff; color: #00b51a; margin: 0; padding: 10px 40px;} /* .buttons-switcher > a:last-child {margin-left: -4px;}*/ .buttons-switcher > a.active {background-color: #00b51a; color: #fff;} .buttons-switcher + .image-holder {margin-top: 70px;} .howitworks {margin: 0 0 50px 0;} .howitworks.howtosell { background: url('../images/jak_sprzedaz_path.png') no-repeat center 25px ;} .howitworks.howtobuy { background: url('../images/jak_kupno_path.png') no-repeat center 25px ;} .howitworks h5 {font-size: 20px; font-weight: 600; text-transform: uppercase;} .howitworks h5, .howitworks p {color: #5f5f5f;} .howitworks > div.row {display: table; width: 100%;} .howitworks > div > div {display: table-cell; vertical-align: middle; height: 260px;} .howitworks > div > div > div {max-width: 470px; margin: 0 auto; position: relative;} .howitworks > div > div > div a {margin-top: 15px;} .howitworks .out-left > img {position: absolute; left: -350px; top: -15px; width: 260px; height: 200px;} .howitworks .out-right > img {position: absolute; right: -350px; top: -15px; width: 260px; height: 200px;} .howitworks + div {margin-bottom: 50px;} .howitworks + div p a {margin-left: 30px;} .about-us { background: #161326; color: #fff; position: relative; width: 100%; left: 0;} .about-us > a.hide {position: absolute; top: 40px; right: 40px;} .about-us > div {background: url(../images/about-us-background.jpg) no-repeat top right; background-size: cover;} .about-us .fixed-width > div {padding: 80px 40% 80px 0;} .about-us .fixed-width > div header {font-size: 36px; margin-bottom: 36px;} .about-us .fixed-width > div p {margin-bottom: 25px; line-height: 22px;} .about-us .fixed-width > div a {color: #00b51a;} .about-us .fixed-width .grid-2-even p {display: table-cell; vertical-align: middle;} .about-us .fixed-width .grid-2-even p b, .about-us .fixed-width .grid-2-even p span {display: block; font-weight: normal;} .about-us .fixed-width .grid-2-even p span {color: #878787;} .about-us .fixed-width .grid-2-even p > a.linkedin {margin-left: 20px;} /* KKN fixes */ section.fix .index-search {border-bottom: 1px solid;} section.fix .index-search > p {font-size: 12px; margin-bottom: 10px;} section.fix .index-search > p:last-child {margin-bottom: 0;} section.fix .index-search > div {margin: 0 -10px 0 -10px;} section.fix .index-search > div.colector {padding: inherit 10px; } section.fix .index-search > div.colector > * {vertical-align: middle;} section.error-404 {min-height: 550px; padding: 80px 0; background: url('../images/bg-404.jpg') no-repeat center right; background-size: cover;} section.error-404 > div {display: table; width: 100%; padding: 0 90px;} section.error-404 > div > div {display: table-cell; vertical-align: top;} section.error-404 header {font-size: 60px; color: #5f5f5f; font-weight: 500;} section.error-404 p.info-404 {margin: 20px 0 40px 0;} section.error-404 p .btn {min-width: 150px; text-align: center; border-width: 2px; background-color: rgba(255, 255, 255, .6);} section.error-404 p .btn:hover {background-color: #00b51a;} .rating-holder {min-height: 24px;} .rating {display: block;} .rating { display: block; background: transparent; text-align: right; padding: 3px 3px 0 0; } .rating .star {display: inline-block; width: 16px; height: 16px; background: url('../images/stars-sprite.png') no-repeat 0 0;} .rating .star.full {background-position: 0 0;} .rating .star.empty {background-position: -22px 0;} .rating .star.half {background-position: -45px 0;} tr.pCartForm .rating {text-align: left; display: inline-block; margin-left: 10px; line-height: 20px; vertical-align: middle;} tr.pCartForm td {vertical-align: top;} .companies tr.pCartForm .company > a {display: inline-block !important; } .companies tr.pCartForm .company span.hint {display: block !important; } .supplier .header .rating {background: transparent; padding: 2px 4px 0 4px; position: absolute; width: 100%; bottom: 0; text-align: right;} .supplier-desc-info .decoration {border: 1px solid #e3e6e6; margin-bottom: 20px;} .supplier-desc-info .logo-holder {border-bottom: 1px solid #e3e6e6; min-height: 208px; text-align: center;} .supplier-desc-info .collector {overflow: hidden; background-color: #f1f2f2;} .supplier-desc-info .collector > div {float: left; width: 49.9999%; height: 208px; overflow: hidden;} .supplier-desc-info .collector > div:first-child {border-right: 1px solid #e3e6e6; width: calc(49.9999% - 1px); } .supplier-desc-info .collector > div.data-holder {padding: 20px; font-size: 12px; } .supplier-desc-info .collector > div.data-holder h5 {font-weight: bold; margin-bottom: 5px; } .supplier-desc-info .collector > div.data-holder p {margin: 0; } .supplier-desc-info .collector > div.data-holder div + div {margin-top: 15px; } .supplier-desc-info .collector > div.data-holder div + div p {margin-bottom: 10px; } .supplier-desc-info .collector > div.map-holder {background-color: #fff;} .supplier-desc-info .information {display: table; table-layout: fixed; width: 100%; padding: 10px 5px; padding-bottom: 15px;} .supplier-desc-info .information > div {display: table-cell; width: 50%; padding-left: 5px; padding-right: 5px; } .supplier-desc-info .information > div:last-child {padding-left: 20px; } .supplier-desc-info .information h5 {font-weight: bold; margin-bottom: 5px; } .supplier-desc-info .information ul li {display: block; float: none; width: 100%; margin: 0; border: none; margin-bottom: 5px;} .supplier-desc-info .information ul li * {display: inline;} .supplier-desc-info .information ul li b {font-weight: bold; color: #00b51a;} .supplier-desc-info .description {padding: 10px; padding-top: 30px; border-top: 1px solid #e3e6e6;} .supplier-desc-info .description h5 {font-weight: bold; margin-bottom: 5px;} .supplier-desc-info .description p:first-child {margin-top: 0;} .supplier-desc .rating {text-align: left;} .supplier-desc .name {margin: 10px 0 50px 0;} .supplier-desc .name * {display: block;} .supplier-desc .name h4 {font-size: 32px;} .supplier-desc .name span {font-size: 14px;} .supplier-desc .categories, .supplier-desc .pricing {margin-bottom: 50px;} .supplier-desc .categories h4 {font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px;} .supplier-desc .categories ul li {border-bottom: 1px solid #e3e6e6; padding: 16px 0;} .supplier-desc .categories ul li:first-child {border-top: 1px solid #e3e6e6;} .supplier-desc .categories ul li a {-webkit-transition-duration: .2s; transition-duration: .2s;} .supplier-desc .categories ul li a:hover {text-decoration: none;} .supplier-desc .categories ul li a:after {content: ''; display: inline-block; opacity: 0; margin-left: 5px; width: 5px; height: 8px; background: url('../images/arrow-green-link-small.png') no-repeat 0 0; -webkit-transition-duration: .2s; transition-duration: .2s;} .supplier-desc .categories ul li a:hover:after {opacity: 1; margin-left: 10px;} .supplier-desc .pricing h4 {font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px;} .supplier-desc .pricing > div { margin-bottom: 20px;} .supplier-desc .pricing table {width: 100%;} .supplier-desc .pricing table th, .supplier-desc .pricing table td {padding: 15px 10px;} .supplier-desc .pricing table th {font-size: 12px; font-weight: bold;} .supplier-desc .pricing table tr td.counter {width: 5%; font-weight: bold;} .supplier-desc .pricing table tr td.counter + td {width: 65%;} .supplier-desc .pricing table tr td.counter + td + td {width: 30%;} .supplier-desc .pricing table * {border-color: #e3e6e6;} .supplier-desc .pricing table tr:last-child td {border-bottom: 1px solid #e3e6e6 !important;} .supplier-desc .pricing table tr:nth-child(even) td {background-color: #f1f2f2;} section.brand {background-color: lightgoldenrodyellow; background-size: cover; background-repeat: no-repeat; background-position: center center;} body > section.brand {margin-top: 0; margin-bottom: 0; padding-bottom: 0;} .brand-zone {margin-top: 160px; padding: 40px; background-color: #fff;} .brand-card header .logo {width: 200px; height: 200px; background-color: #fff; border: 1px solid #e3e6e6; float: left; margin-top: -140px;} .brand-card header .logo + div {float: left; margin-left: 42px;} .brand-card header .logo + div h3 {font-size: 32px; color: #5f5f5f;} .brand-card header .logo + div h3:after {display: none;} .brand-card header .logo + div p {font-size: 14px; color: #5f5f5f; margin-top: 0;} .brand-card header + * {margin-top: 30px;} .brand-card > div {margin-bottom: 60px;} .brand-card .heading, .brand-card .action {text-align: center;} .brand-card .heading h4 {text-transform: uppercase; font-size: 20px; font-weight: bold;} .brand-card .action .btn {text-transform: uppercase; font-size: 16px; font-weight: normal; padding: 15px 35px;} /*.brand-card .table {display: table; width: 100%; table-layout: fixed}*/ .brand-card .table {overflow: hidden; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;} .brand-card .table .cell {width: 48.555555%; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; transition-duration: .3s;} /*.brand-card .table .cell {display: table-cell; vertical-align: top;}*/ .brand-card .table .cell.left {float: left;} .brand-card .table .cell.right {float: right;} /*.brand-card .table .cell.left, .brand-card .table .cell.right {width: 50%;}*/ .brand-card .brand-gallery, .brand-card .brand-referals, .brand-card .brand-media, .brand-card .brand-contact {border-top: 1px solid #e3e6e6; padding-top: 40px;} .brand-card .brand-media .heading {margin-bottom: 20px;} .brand-card .brand-media .table .cell.left {width: 56%} .brand-card .brand-media .table .cell.right {width: 42%; text-align: right;} .brand-card .brand-media .table .cell.right ul li {float: left; margin-bottom: 15px; width: 46.7777777777%;} .brand-card .brand-media .table .cell.right ul li.square {margin-right: 20px;} .brand-card .brand-media .table .cell.right ul li.square:nth-child(2n) {margin-right: 0px; float: right;} .brand-card .brand-media .table .cell.right ul li:last-child {margin-bottom: 0; width: 100%;} .brand-card .brand-media .table .cell.right ul li * {width: 100%;} .brand-card .brand-referals {margin-bottom: 20px;} .brand-card .brand-referals .table .cell.left {width: 40%} .brand-card .brand-referals .table .cell.right {width: 58%; text-align: right;} /*.brand-card .brand-referals .table .cell.right ul li:nth-child(4n+4) {margin-right: 10px;}*/ .brand-card .brand-referals .table .cell.left p:first-child {margin-top: 15px;} .brand-card .brand-referals .table { overflow: visible; clear: both; } .brand-card .brand-contact {clear: both;} .brand-card .gallery {margin: 20px 10px;} .brand-card .gallery .item {display: inline-block; margin: 0px 20px 20px 0px; } /*.brand-card .gallery .item:nth-child(5n+5) {margin-right: 0px;}*/ /*.brand-card .gallery .item > a {display: block; width: 197px; height: 182px; object-fit: contain;}*/ .brand-card .gallery .item > a {display: block; width: 100%; height: auto; object-fit: contain;} .brand-card .gallery.referals .item > a {width: 123px; height: 196px; object-fit: contain; background-color: #ededed;} .brand-card .gallery .item img {width: 100% !important; height: 100% !important;} .brand-card .gallery.referals .item img {width: 100% !important; height: 100% !important;} /*.brand-card .gallery .item {display: inline-block; width: 18%;}*/ /*.brand-card .gallery .item * {display: block; width: 100%; object-fit: contain;}*/ .brand-card .gallery .item > a:hover {box-shadow: 0 0 6px rgba(0,0,0,.2);} .brand-card .gallery .item > a {border: 1px solid #e3e6e6; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s;} /* BC slick plugin fix */ .brand-card .brand-gallery ul.gallery.slick {padding-left: 8px;} /*.brand-card .brand-gallery ul.gallery.slick li .brand-over-info {width: calc(100% + 4px);}*/ /* BC slick plugin fix */ .brand-card .brand-contact .heading {margin-bottom: 20px;} .brand-card .brand-contact label {margin-bottom: 23px; display: block; text-align: right;} .brand-card .brand-contact label > span {display: inline-block; width: 30%; padding-right: 30px;} .brand-card .brand-contact label > input {display: inline-block; width: 65%; border-color: #bbbbbb;} .brand-card .brand-contact label > span sup {color: #ed1c24;} .brand-card .brand-contact textarea {width: 75%; border-color: #bbbbbb; padding: 10px;} .brand-card .brand-contact .right.cell label > span {width: 20%; padding-top: 10px;} .brand-card .brand-contact .right.cell label {vertical-align: top;} .brand-card .brand-contact .right.cell label > span {vertical-align: top;} .brand-card .brand-contact .btnsubmit {text-transform: uppercase; font-size: 16px; font-weight: normal; padding: 15px 35px; float: right;} .brand-card .brand-contact label + div.error-message {margin-top: -20px;} .brand-card .brand-contact label + div.error-message p {width: 65%; margin-left: calc(30% + 30px);} .brand-card .brand-contact .right.cell label + div.error-message p {width: 75%; margin-left: calc(20% + 30px);} .col-half {width: 49.1111%; float: left;} .col-half + .col-half {float: right;} .brand-gate {margin-bottom: 75px;} .brand-gate .row {margin-bottom: 20px;} .brand-tile { min-height: 170px !important; max-height: 429px !important; position: relative; -webkit-transition-duration: .1s; transition-duration: .1s;} .brand-tile-cover {display: table; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 11; -webkit-transition-duration: .3s; transition-duration: .3s;} .brand-tile-cover:hover {background-color: rgba(0,0,0,.8);} .brand-tile-cover > div {display: table-cell; vertical-align: middle; text-align: center; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s;} .brand-tile-cover > div p {color: #fff; font-weight: bold; font-size: 20px;} .brand-tile-cover > div a.btn {text-transform: none !important; padding: 10px 30px;} .brand-tile-cover:hover > div {opacity: 1;} .brand-tile-image {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background-size: cover; background-position: center center;} .video-container * {max-width: 100%;} .brand-card .gallery .item, .brand-card li.square, .brand-card .video-container {position: relative;} .brand-card .gallery .item:hover .brand-over-info, .brand-card li.square:hover .brand-over-info, .brand-card .video-container:hover .brand-over-info {opacity: 1; -webkit-transition-duration: .2s; transition-duration: .2s;} .brand-over-info {text-align: left !important; position: absolute; z-index: 1; padding: 5px; width: 100%; bottom: 5px; left: 0; background-color: rgba(255,255,255,.95); opacity: 0; -webkit-transition-duration: .2s; transition-duration: .2s;} .brand-over-info > a { color: #00b51a; font-size: 11px; display: block; height: auto; } .brand-card .gallery .item .brand-over-info {bottom: 0px; border-left: 1px solid #e3e6e6; border-bottom: 1px solid #e3e6e6; border-right: 1px solid #e3e6e6;} /*.brand-card .gallery .item .brand-over-info {bottom: 1px; left: 1px; right: 1px;}*/ .right .contact-info-law {font-size: 12px; border-top: 1px solid #eaeaea; margin-top: 40px; padding-top: 20px;} .overlay-submit-buttons {padding: 0 20px 40px 20px;} .overlay-submit-buttons > div {display: table; width: 100%; table-layout: fixed;} .overlay-submit-buttons > div > div {display: table-cell; vertical-align: middle;} .overlay-submit-buttons a:hover {text-decoration: none;} .btnxl {font-size: 15px; padding: 20px 36px !important; transition-duration: .2s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;} .btncancel {text-transform: uppercase;} .btncancel:hover {background-color: #fafafa;} .logo-rotator {} .logo-rotator .collector {margin: 30px 0; min-height: 100px;} .logo-rotator .fixed-width div.image-wrapper {width: 25%; float: left; text-align: center; padding: 0 20px; vertical-align: middle;} .logo-rotator .fixed-width div.image-wrapper > div {width: 90%; min-height: 100px; margin: 0 auto; position: relative;} .logo-rotator .fixed-width div.image-wrapper img { width: 100%; position: absolute; top: 0; left: 0; -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url('../images/gray.svg#grayscale'); filter: gray; -webkit-transition-duration: .4s; transition-duration: .4s; } .logo-rotator .fixed-width div.image-wrapper a:hover img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0); filter: url('../img/gray.svg#grayscale'); filter: none; } .dnone { display: none; } .tcenter {text-align: center !important;} #fixedSearchBar.fixedPos { position: fixed; top: 52px; width: 100%; z-index: 200 } #fixedCartSummary .fixed.fixedPos { position: relative; } .content.basket {min-height: 400px;} .notify {padding: 40px 0;} .notify a.btn {margin-left: 20px;} .basket .notify {text-align: center; margin-top: 100px;} .hint.error { color: red !important; } .basket section > .error { padding: 10px 20px; background-color: red; font-size: 16px; color: #eee; } .anhor { position: relative; top: -180px; } ::-webkit-input-placeholder { color: #dadada; } :-moz-placeholder { color: #dadada; } ::-moz-placeholder { color: #dadada; } :-ms-input-placeholder { color: #dadada; } /* autocomplete */ .ac_results { border: 1px solid #bdc3c7; background-color: #fff; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; font-size: 12px; min-width: 25px; max-height: 310px; overflow-y: auto; -webkit-box-shadow: 0px 6px 3px -3px rgba(128, 128, 128, .3); box-shadow: 0px 6px 3px -3px rgba(128, 128, 128, .3); } .ac_results li { padding: 7px 5px; white-space: nowrap; color: #2c3e50; text-align: left; border-bottom: 1px dotted #ededed; } .ac_results li:last-child { border-bottom: none; } li.ac_over { cursor: pointer; background-color: #87C8F5; background-color: #ecf0f1; } .ac_results li img { border: 1px solid #f1f1f1; border-radius: 2px; } li.ac_over .cbd { color: #444; } .ac_match { font-weight: bold; } .cpointer { cursor: pointer; } /* suggest */ .ac_results { border: 1px solid #bdc3c7; background-color: #fff; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; font-size: 12px; min-width: 325px; -webkit-box-shadow: 0px 6px 3px -3px rgba(128, 128, 128, .3); box-shadow: 0px 6px 3px -3px rgba(128, 128, 128, .3); } .ac_results li { padding: 7px 5px; white-space: nowrap; color: #2c3e50; text-align: left; border-bottom: 1px dotted #ededed; } .ac_results li:last-child { border-bottom: none; } li.ac_over { cursor: pointer; background-color: #87C8F5; background-color: #ecf0f1; } .ac_results li img { border: 1px solid #f1f1f1; border-radius: 2px; } li.ac_over .cbd { color: #444; } .ac_match { font-weight: bold; } .cpointer { cursor: pointer; } /* /suggest */ .discount { font-size: 9px; color: #666; display: block; } /* reCaptcha fix */ .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th { line-height: 0 !important; } #recaptcha_area input { height: auto; display: inline; background: #fff; } .forcedActiveCategory { color: #00b51a !important;}