* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { height: 100%; } body { font-size: 100%; line-height: 1.4; font-family: 'Open Sans', sans-serif; color: #000; background: #ffffff; } .top-news-bg { background: none !important; } .popup-news { position: relative; background: none; max-width: 700px; width: 90%; margin: 0 auto; background: #ca1d16; color: #ffffff; box-shadow: 0px 0px 200px #000000; padding: 50px; } .popup-news p { text-align: center; font-size: 1.123em; line-height: 1.5; margin: 0 auto 1em; } .popup-news img { display: block; width: 100%; } .popup-news .button.mfp-close { position: absolute; top: 0; right: 0; } .mfp-close-btn-in .mfp-close { font-size: 30px; color: #ffffff !important; } a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; } a:link { color: #0E3888; } a:visited { color: #0E3888; } a:hover, a:active { color: #BFC8D4; } img { border: 0; width: auto; max-width: 100%; height: auto; } object, video, embed { max-width: 100%; height: auto; } .iso-cert { text-align: center; padding: 1rem 0; } .iso-cert .icons { display: inline-block; margin: 0 1rem; width: 100px; } #headerWrapper { width: 100%; background-color: #ffffff; } header { position: relative; padding-bottom: 0.2em; } #topNavWrapper { background: #BEC8D4; position: relative; } .container, header { width: 90%; max-width: 80em; margin: 0 auto; } .bxsliderWrapper { } .bx-wrapper { width: 100% !important; margin: 0 auto !important; } #contentWrapper { width: 100%; } #content {} #content .section.inset { padding: 0; } .top-header, footer { background: #2B2E35; } header h1, header div.logo { width: 280px; float: left; margin: 1.5em 0; padding: 0; } header h1 img, header div.logo img { width: 100%; display: block; } ul.infos { list-style: none; padding: 0.5em 0; } ul.infos li { font-size: 0.85em; color: #a3a3a3; display: inline-block; } ul.infos li i { color: #b4b4b4; margin-right: 0.5em; } ul.infos li:last-child i { margin: 0 0.8em; } header .userArea { font-size: 0.875em; position: absolute; top: 8px; right: 0; list-style: none; display: none; } header .userArea li { display: inline; } header .userArea li a { display: inline-block; color: #FFFFFF; } header .userArea li:after { content: '|'; padding: 0 0.25em 0 0.75em; color: #3a3a3a; font-weight: bold; } .vendor-ie-8 header .userArea li:after { display: inline-block; } header .userArea li.last:after { content: ''; padding: 0; } .vendor-ie-7 header .userArea li { padding-left: 0.5em; } header a.basket { font-size: 0.875em; display: none; position: absolute; top: 37px; right: 0; color: #FFFFFF !important; padding: 0.5em 1em 0.5em 75px; border-radius: 6px; background: url(http://www.legolim.hr/layout/basket-icon.png?v-637974622290381290) no-repeat 0 center; border: solid 2px #000000; } header a.basket span { display: block; } header a.basket em { font-style: normal; font-weight: bold; color: #FDC400; } header #languageSelector { list-style: none; font-size: 0.75em; margin-top: 0.5em; } header #languageSelector li { display: inline; } header #languageSelector li a { display: inline-block; padding: 1px 1px 1px 21px; border-radius: 6px; margin: 0 5px 5px 0; background: url(http://www.legolim.hr/layout/flags.png?v-637974622290381290) no-repeat 0 -16px; } header #languageSelector li.selected a, header #languageSelector li a:hover { background-color: #3a3a3a; } header #languageSelector li a.HR { background-position: 2px 4px; } header #languageSelector li a.EN { background-position: 2px -27px; } header #languageSelector li a.DE { background-position: 2px -58px; } header #languageSelector li a.IT { background-position: 2px -89px; } header #languageSelector li a.SL { background-position: 2px -120px; } header #languageSelector li a.TR { background-position: 2px -151px; } .highlight { padding: 2em 0 0 !important; margin: 0 auto !important; } .highlight h1 { font-size: 2em; text-transform: uppercase; text-align: center; } .highlight .buttons { display: none !important; } .highlight .wysiwyg { text-align: center; padding: 1em 0; font-weight: 300; } #indexContentBlock .contentBlock, .contentBlock { margin: 0 auto; padding: 2em 0; } #indexContentBlock article, .contentBlock article { float: left; width: 49%; margin-left: 2%; margin-bottom: 2em; position: relative; } #indexContentBlock article:nth-child(2n+1), .contentBlock article:nth-child(2n+1) { margin-left: 0; } #indexContentBlock article .photoFrame, #indexContentBlock article .photoFrame a, #indexContentBlock article .photoFrame a img, .contentBlock article .photoFrame, .contentBlock article .photoFrame a, .contentBlock article .photoFrame a img { display: block; width: 100%; } #indexContentBlock article .wysiwyg, .contentBlock article .wysiwyg { width: 85%; margin: -6.5em auto 0; background: #ffffff; position: relative; z-index: 1; padding: 2em; } #indexContentBlock article h2, .contentBlock article h2 { font-size: 1.8em; font-weight: 800; line-height: 1; text-transform: uppercase; margin-bottom: 0.5em; min-height: 2.5em; } #indexContentBlock article h2 a, .contentBlock article h2 a { color: #2B2E35; } #indexContentBlock article h2 a:hover, .contentBlock article h2 a:hover { color: #CA1D16; } #indexContentBlock article p, .contentBlock article p { font-size: 1em; font-weight: 300; } #indexContentBlock article .buttons, .contentBlock article .buttons { } #indexContentBlock article .button.gray, .contentBlock article .button.gray { background: #2B2E35; color: #ffffff; padding: 1em 1.5em; font-weight: 800; text-transform: uppercase; } #indexContentBlock article .button.gray:hover, .contentBlock article .button.gray:hover { background: #CA1D16; } .contentBlockDetails { margin: 2em auto; } .contentBlockDetails h1 { font-size: 2em; font-weight: 800; text-transform: uppercase; margin: 0 auto 0.5em; } .contentBlockDetails .big-text { font-size: 1.2em !important; font-weight: 300; } .contentBlockDetails .wysiwyg p { margin: 0.5em auto; line-height: 1.5; font-size: 1em; font-weight: 300; } .contentBlockDetails .wysiwyg ul li { line-height: 1.5; font-size: 1em; font-weight: 300; } .contentBlockDetails .photoFrame.floatLeft { float: right; width: 35%; margin-left: 1em; } .contentBlockDetails .photoFrame.floatLeft a, .contentBlockDetails .photoFrame.floatLeft a img { display: block; } .slidingBoxes { margin: 35px auto; } .slidingBoxes .slidingBox.special { width: 100%; position: relative; margin-right: -10%; margin-bottom: 35px; padding: 0 -20%; } .slidingBoxes .slidingBox.special .front, .slidingBoxes .slidingBox.special .back { float: right; } .slidingBoxes .slidingBox.special .front { width: 50%; background: #CA1D16; padding: 30px; z-index: 2; position: absolute; height: 80%; top: 10%; bottom: 10%; left: 0; } .slidingBoxes .slidingBox.special .front h2 { font-size: 32px; font-weight: 800; text-transform: uppercase; line-height: 1; margin-bottom: 25px; min-height: auto; } .slidingBoxes .slidingBox.special .front h2 span { display: block; font-weight: 600; } .slidingBoxes .slidingBox.special .front h2 a { color: #ffffff; } .slidingBoxes .slidingBox.special .front p { color: #ffffff; font-weight: 300; font-size: 18px; line-height: 1.5; margin-bottom: 25px; } .slidingBoxes .slidingBox.special .back { width: 60%; min-height: 500px; position: inherit !important; position: absolute; top: 0; left: 0; height: 100%; z-index: 1; overflow: hidden; } .slidingBoxes .slidingBox { width: 32%; float:left; margin-right: 2%; margin-bottom: 2em; } .slidingBoxes .slidingBox:nth-child(3n+1) { margin-right: 0; } .slidingBoxes .slidingBox { position: relative; } .slidingBoxes .slidingBox .front { position: relative; z-index: 2; padding: 40px; background: rgba(17, 17, 17, 0.40); } .slidingBoxes .slidingBox .front h2 { font-size: 25px; line-height: 1.2; text-transform: uppercase; margin-bottom: 25px; min-height: 2.5em; } .slidingBoxes .slidingBox .front h2 a { color: #ffffff; } .slidingBoxes .slidingBox .front p { color: #ffffff; margin-bottom: 1em; } .slidingBoxes .slidingBox .front .button.red { background-color: #2B2E35; color: #ffffff; padding: 1em 1.5em; font-weight: bold; } .slidingBoxes .slidingBox .back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .slidingBoxes .slidingBox.special .back img, .slidingBoxes .slidingBox .back img { object-fit: cover; object-position: 50% 50%; display: block; margin: 0; height: 100%; width: 100%; max-width: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; } .smallBanners { margin: 2em auto; display: block; } .smallBanners .smallBanner, .smallBanners img { display: block; } .smallBanners .smallBanner { width: 24.25%; margin-left: 1%; margin-bottom: 1%; float: left; } .smallBanners .smallBanner:nth-child(4n+1) { margin-left: 0; } .index-product { padding: 35px 0; margin: 35px auto; background-color: #BEC8D3; } .productList .productBox { float: left; margin: 1em 1% 0 0; padding: 1%; position: relative; width: 24.25%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .productList .productBox:nth-child(4n+4) { margin-right: 0; } .vendor-ie-7 .productList .productBox:nth-child(3n+1), .vendor-ie-8 .productList .productBox:nth-child(3n+1) { margin-left: 0; } .vendor-ie-7 .productList .productBox { border: none; width: 30.50%; } .ua-desktop .productList .productBox:hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .vendor-ie-7 .productList .productBox { background-color: #e6e6e6; } .vendor-ie-7 .productList .productBox:hover { background-color: #e6e6e6; } .productList .product-image-wrapper { width: 200px; height: 200px; border-radius: 100%; overflow: hidden; margin: 0 auto 25px; position: relative; background: #ffffff; display: block; } .productList .product-image-wrapper a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; } .productList .product-image-wrapper a img { object-fit: cover; object-position: 50% 50%; display: block; margin: 0; height: 100%; width: 100%; max-width: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; padding: 12% 10% 0; } .productList .product-image-wrapper .productTags { position: absolute; bottom: -0.5em; left: 0; list-style: none; font-size: 12px; line-height: 1; display: none; } .productList .product-image-wrapper .productTags li { display: inline; } .productList .product-image-wrapper .productTags span { display: block; font-weight: bold; text-align: center; padding: 0.5em; float: right; margin-bottom: 0.5em; margin-right: 0.5em; color: #FFFFFF; } .productList .product-image-wrapper .productTags span.action { background: rgba(0, 0, 0, 0.8); color: #FFFFFF; display: none; } .vendor-ie-7 .productList .product-image-wrapper .productTags span.action, .vendor-ie-8 .productList .product-image-wrapper .productTags span.action, .vendor-ie-9 .productList .product-image-wrapper .productTags span.action { background: transparent; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#C8000000, endColorstr=#C8000000); zoom: 1; } .productList .product-image-wrapper .productTags span.new { background: #e40000; } .vendor-ie-7 .productList .product-image-wrapper .productTags span.new, .vendor-ie-8 .productList .product-image-wrapper .productTags span.new, .vendor-ie-9 .productList .product-image-wrapper .productTags span.new { background: transparent; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#C8000000, endColorstr=#C8000000); zoom: 1; } .productList .product-image-wrapper .productTags span.quantityDiscount { background: rgba(0, 0, 0, 0.8); display: none; } .vendor-ie-7 .productList .product-image-wrapper .productTags span.quantityDiscount, .vendor-ie-8 .productList .product-image-wrapper .productTags span.quantityDiscount, .vendor-ie-9 .productList .product-image-wrapper .productTags span.quantityDiscount { background: transparent; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#C8000000, endColorstr=#C8000000); zoom: 1; } .productList .productBox h2 { margin-bottom: 0.5em; text-align: center; font-size: 1.125em; font-weight: 800; text-transform: uppercase; } .productList .productBox h2 a { color: #2B2E35; } .productList .productBox h2 a:hover { color: #CA1D16; } .productList .productBox .prices { list-style: none; clear: both; font-size: 0.875em; margin-bottom: 0.5em; display: none; } .productList .productBox em, .productList .productBox i { font-style: normal; } .productList .productBox .prices span { display: block; font-size: 0.785em; } .productList .productBox .prices.listPrices span { display: inline-block; margin-left: 5px; color: #666666; } .productList .productBox .prices.regular li { width: 100%; } .productList .productBox .prices.discounted li { width: 50%; } .vendor-ie-7 .productList .productBox .prices.discounted li { width: 49.9%; } .vendor-ie-7 .productList .productBox .prices.discounted { padding-bottom: 3px; } .productList .productBox .prices li.before { float: left; color: #757575; text-decoration: line-through; } .productList .productBox .prices li.after { float: right; text-align: right; color: #C00; } .productList .productBox p { font-size: 0.875em; font-weight: 300; margin-bottom: 3.5em; height: 4em; overflow: hidden; color: #111; text-align: center; } .productList .productBox .button.addToBasket, .productList .productBox .button.sendInquiry, .productList .productBox .button.red { float: right; cursor: pointer; display: none; } .vendor-ie-7 .productList .productBox .button.gray { float: left; } .productList .productBox .quantityPop { position: absolute; left: 0; bottom: 3.5em; width: 94%; padding: 3%; background-color: #FFFFFF; border-top: solid 1px #3a3a3a; border-bottom: solid 1px #3a3a3a; display: none; } .ua-desktop .productList .productBox .quantityPop { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); } .productList .productBox .quantityPop:before, .productList .productBox .quantityPop:after { content: ""; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; top: 100%; left: 91%; margin-left: -7px; } .productList .productBox .quantityPop:before { border-top: 7px solid #3a3a3a; margin-top: 1px; } .productList .productBox .quantityPop:after { border-top: 7px solid #FFFFFF; z-index: 1; } .productList .productBox .quantityPop label { display: block; font-size: 0.875em; } .productList .productBox input.txtBox { padding: 6px 6px 7px; width: 3em; text-align: right; border: 1px solid #3a3a3a; border-radius: 6px; } .productList .productBox .quantityPop select { margin-bottom: 0.5em; width: 100%; font-size: 0.875em; } .vendor-ie-7 .productList .productBox input.txtBox { float: left; } .productList .productBox input.txtBox:focus { outline: 0; border-color: #bf0101; } .productBox .buttons { text-align: center; position: absolute; bottom: 0em; left: 0; width: 100%; display: none !important; } .productBox .buttons a.button.gray { display: block; } .productList-2 .productBox { margin-bottom: 0.5em; padding: 1%; border: 1px solid #BFC8D4; background: #FFFFFF; display: block; float: none; clear: both; } .ua-desktop .productList-2 .productBox:hover { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .productList-2 .product-image-wrapper { width: 20%; border-radius: 6px; margin-bottom: 0.5em; float: left; } .productList-2 .product-desc-wrapper { width: 78%; float: right; } .productList-2 h2 { margin-bottom: 0.5em; } .productList-2 .productTags { list-style: none; font-size: 0.875em; display: none; } .productList-2 .productTags li { display: inline; } .productList-2 .productTags span { display: inline-block; margin: 0 0.5em 0.5em 0; color: #FFFFFF; border-radius: 6px; padding: 0.4em 0.4em 0.3em; } .productList-2 .productTags span.action { background-color: #AB2330; } .productList-2 .productTags span.new { background-color: #50B948; } .productList-2 .productTags span.quantityDiscount { background-color: #2CA8D2; } .productList-2 .productBox .prices { list-style: none; clear: both; font-size: 0.875em; margin-bottom: 0.5em; display: none; } .productList-2 .productBox .prices li { padding-right: 1em; display: inline; float: left; } .productList-2 .productBox .prices.listPrices li { padding-right: 0; display: block; float: none; } .productList-2 .productBox em, .productList .productBox i { font-style: normal; } .productList-2 .productBox .prices span { display: block; font-size: 0.785em; } .productList-2 .productBox .prices.listPrices span { display: inline-block; margin-left: 5px; color: #666666; } .productList-2 .productBox .prices li.before { color: #757575; text-decoration: line-through; } .productList-2 .productBox .prices li.after { color: #C00; } .productList-2 .productBox p { font-size: 0.875em; margin-bottom: 0.5em; color: #666; } .productList-2 .productBox .buttons { text-align: right; clear: both; position: static; padding-bottom: 0.5em; } .productList-2 .productBox .buttons a.button.gray { width: auto !important; display: inline; } .productList-2 .productBox .buttons .button.gray { margin-right: 0.5em; } .productList-2 .productBox .quantityPop { background-color: #FFFFFF; border-top: solid 1px #3a3a3a; border-bottom: solid 1px #3a3a3a; clear: both; margin-bottom: 0.5em; padding: 0.5em; text-align: right; display: none; } .vendor-ie-7 .productList-2 .productBox .quantityPop { position: relative; zoom: 1; } .productList-2 .productBox .quantityPop label { font-size: 0.875em; } .productList-2 .productBox input.txtBox { padding: 6px 6px 7px; width: 3em; text-align: right; border: 1px solid #3a3a3a; border-radius: 6px; margin-right: 1em; } .productList-2 .productBox .quantityPop select { margin-right: 1em; width: 10em; font-size: 0.875em; } .productList-2 .productBox input.txtBox:focus { outline: 0; border-color: #bf0101; } .productDetails h1 span.productCode { font-size: 0.6em; display: block; text-align: right; display: none; } .productDetails .productTags { list-style: none; font-size: 0.875em; display: none; } .productDetails .productTags li { display: inline; } .productDetails .productTags span { display: inline-block; color: #FFFFFF; margin: 0 0.3em 0.3em 0; white-space: nowrap; color: #FFFFFF; border-radius: 6px; padding: 0 3px; text-shadow: 1px 1px 0 #000000; } .productDetails .productTags span:last-child { margin-right: 0; } .productDetails .productTags span.action { background-color: #3a3a3a; border: solid 1px #E2001A; } .productDetails .productTags span.new { background-color: #3a3a3a; border: solid 1px #33C3C3; } .productDetails .productTags span.quantityDiscount { background-color: #3a3a3a; border: solid 1px #FDC400; } .productDetails .prices { list-style: none; clear: both; margin-bottom: 0.5em; font-size: 0.875em; display: none; } .productDetails .prices.listPrices { margin: 0.5em 0; } .productDetails em, .productDetails i { font-style: normal; } .productDetails .prices span { display: none; font-size: 0.785em; } .productDetails .prices.listPrices span { display: inline-block; margin-left: 5px; color: #666666; } .productDetails .prices.regular li { width: 100%; text-align: left; } .productDetails .prices.discounted li { width: 50%; } .productDetails .prices.listPrices li { } .vendor-ie-7 .productDetails .prices.discounted li { width: 49.9%; } .vendor-ie-7 .productDetails .prices.discounted { padding-bottom: 3px; } .productDetails .prices li.before { float: left; color: #757575; text-decoration: line-through; display: none; } .productDetails .prices li.after { text-align: left; color: #C00; } .productDetails .quantityPop { background-color: #e6e6e6; padding: 0.5em; margin-bottom: 0.5em; border-radius: 6px; display: none; } .productDetails p.shortDesc { font-size: 1.1em; margin-bottom: 0.5em; color: #7f858d; padding-bottom: 0.5em; font-style: italic; } .productDetails p.getInTouch { text-align: center; margin-bottom: 1em; } .productDetails p.notAvailable { text-align: center; margin-bottom: 1em; border: 1px solid #3a3a3a; border-radius: 6px; background-color: #3a3a3a; padding: 0.5em; font-style: italic; color: #FDC400; display: none; } .productDetails h1.sectionTitle { margin-bottom: 0.5em; } .productDetails input.txtBox { padding: 6px 6px 7px; width: 3em; text-align: right; border: 1px solid #3a3a3a; border-radius: 6px; } .productDetails input.txtBox:focus { outline: 0; border-color: #bf0101; } .vendor-ie-7 .productDetails input.txtBox { float: left; } .vendor-ie-10 input::-ms-clear { display: none; } .productDetails .quantityPop select { margin-bottom: 0.5em; width: 100%; font-size: 0.875em; } .productDetails .quantityPop label { display: block; font-size: 0.875em; } .productDetails .button.red { float: right; cursor: pointer; } .rearranger { border: solid 1px #3a3a3a; padding: 0.5em; margin-bottom: 0.5em; border-radius: 6px; font-size: 0.875em; display: none; } .rearranger ul.chooseListType, .rearranger .sorter ul { list-style: none; } .rearranger ul.chooseListType { float: left; } .rearranger ul.chooseListType li, .rearranger .sorter ul li { display: inline; } .rearranger ul.chooseListType li a { display: inline-block; text-indent: -999em; width: 32px; height: 32px; background: url(http://www.legolim.hr/layout/productListType.png?v-637974622290381290) no-repeat; margin-right: 0.5em; } .vendor-ie-7 .rearranger ul.chooseListType li a { display: block; float: left; } .rearranger ul.chooseListType li.columns a { background-position: 0 0; } .rearranger ul.chooseListType li.rows a { background-position: -32px 0; } .rearranger .sorter { float: right; line-height: 2.285714285714286; } .rearranger .sorter ul { line-height: 2.285714285714286; display: inline; margin-left: 0.5em; } .rearranger .sorter ul a { display: inline-block; margin-right: 1em; background: url(http://www.legolim.hr/layout/sorting.png?v-637974622290381290) no-repeat right 3px; padding-right: 20px; text-decoration: underline; } .rearranger .sorter ul a.ascending { background-position: right -47px; } .rearranger .sorter ul a.descending { background-position: right -97px; } .narrow { display: none; } table.narrow th, table.narrow td.ac { text-align: center !important; } table.narrow td { text-align: left !important; } .general-gray-zebra { border-collapse: separate; width: 100%; font-size: 0.875em; border-spacing: 0; margin-bottom: 1em; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; } .vendor-ie-7 .general-gray-zebra { border-collapse: collapse; } .general-gray-zebra tr:nth-of-type(2n+1) { background-color: #FFFFFF; } .general-gray-zebra tr { background-color: #e6e6e6; } .general-gray-zebra tr:hover { background-color: #e6e6e6; } .general-gray-zebra th { background-color: #3a3a3a; border-top: 1px solid #3a3a3a; border-bottom: 2px solid #3a3a3a; border-left: 1px solid #3a3a3a; color: #FFFFFF; } .general-gray-zebra td, .general-gray-zebra th { padding: 0.3em 0.5em; vertical-align: middle; text-align: center; } .general-gray-zebra td { border-top: 1px solid #FFFFFF; border-left: 1px solid #3a3a3a; } .general-gray-zebra td span { font-size: 0.785em; display: block; } .general-gray-zebra td:last-child { border-right: 1px solid #3a3a3a; } .general-gray-zebra th:last-child { border-right: 1px solid #3a3a3a; } .vendor-ie-7 .general-gray-zebra td, .vendor-ie-7 .general-gray-zebra th { border: 1px solid #3a3a3a; } .vendor-ie-7 .general-gray-zebra td { background-color: #EEEEEE; } .general-compact { border-collapse: collapse; width: 100%; font-size: 0.75em; border-spacing: 0; margin-bottom: 1em; display: none; } .general-compact tr:hover { background-color: #e6e6e6; } .general-compact th { background-color: #3a3a3a; border: 1px solid #FFFFFF; color: #FFFFFF; } .general-compact td, .general-compact th { padding: 0.2em; vertical-align: middle; text-align: center; } .general-compact td span { font-size: 0.83333em; display: inline-block; white-space: nowrap; padding: 0 1em; } .general-plain { border-collapse: collapse; width: 100%; font-size: 0.875em; border-spacing: 0; margin-bottom: 1em; table-layout: fixed; border-bottom: solid 2px #3a3a3a; } .general-plain.narrow { border-top: solid 2px #3a3a3a; } .general-plain tr:nth-of-type(2n+1) { background-color: #FFFFFF; } .general-plain tr { background-color: #e6e6e6; } .general-plain tr:hover { background-color: #e6e6e6; } .general-plain th { background-color: #3a3a3a; color: #FFFFFF; border: solid 1px #FFFFFF; } .general-plain td, .general-plain th { padding: 0.3em 0.5em; vertical-align: middle; text-align: center; } .general-plain td { border: solid 1px #FFFFFF; } .vendor-ie-7 .general-plain td { background-color: #e6e6e6; } .general-plain .photo div { position: relative; } .vendor-ie-7 .general-plain .photo div { zoom: 1; } .general-plain span { display: block; } .general-plain .details { text-align: left; } .general-plain .details span { margin-bottom: 0.5em; } .general-plain .details span, .general-plain span > span { font-size: 0.8571em; } .general-plain .details label { display: block; margin-bottom: 0.5em; } .general-plain .details label select.small { max-width: 70px; } .general-plain .photo .button { position: absolute; left: -0.5em; top: 50%; margin-top: -14px; font-size: 0.7142em; font-weight: bold; } .general-plain .priceBefore { color: #757575; text-decoration: line-through; } .general-plain .priceAfter { color: #C00; } .general-plain .productTags { list-style: none; } .general-plain .productTags span { display: inline-block; margin: 0 0.5em 0.5em 0; color: #FFFFFF; border-radius: 6px; padding: 0 3px; text-shadow: 1px 1px 0 #000000; } .general-plain .productTags span.action { background-color: #3a3a3a; border: solid 1px #E2001A; } .general-plain .productTags span.new { background-color: #3a3a3a; border: solid 1px #33C3C3; } .general-plain .productTags span.quantityDiscount { background-color: #3a3a3a; border: solid 1px #FDC400; } .general-plain input.txtBox { padding: 6px 6px 7px; width: 3em; text-align: right; border: 1px solid #3a3a3a; border-radius: 6px; } .general-plain input.txtBox:focus { outline: 0; border-color: #bf0101; } .orderSummary { border: dotted 2px #3a3a3a; font-size: 0.875em; padding: 0.5em; margin-bottom: 1em; background-color: #ededed; } .orderSummary table caption { border-top: dotted 1px #3a3a3a; border-bottom: dotted 1px #3a3a3a; background-color: #FFFFFF; padding: 0.5em 0; margin-bottom: 0.5em; text-align: center; text-transform: uppercase; color: #2d5783; font-weight: bold; } .orderSummary table { border-collapse: collapse; width: 100%; border-spacing: 0; table-layout: fixed; margin-bottom: 0.5em; } .orderSummary table.wide th { border-bottom: solid 1px #FFFFFF; } .orderSummary table.narrow th { border-right: solid 1px #FFFFFF; } .orderSummary table td, .orderSummary table th { padding: 0.3em 0.5em; vertical-align: middle; text-align: center; } .orderSummary table.wide td, .orderSummary table.wide th { border-left: solid 6px #ededed; border-right: solid 6px #ededed; } .orderSummary table.narrow td, .orderSummary table.narrow th { border-top: solid 6px #ededed; border-bottom: solid 6px #ededed; } .orderSummary table td.total { background-color: #FFFFFF; font-weight: bold; color: #2d5783; } .orderSummary table span { font-size: 0.8571em; display: block; } .orderSummary table td.orderNote { text-align: left; vertical-align: top; } .orderSummary table td.statusPaid, .general-gray-zebra td.statusPaid { font-weight: bold; color: #349744; } .orderSummary table td.statusOrdered, .general-gray-zebra td.statusOrdered { font-weight: bold; color: #2d5783; } .progressMeter { overflow: auto; } .progressMeter ol { min-height: 3em; } .progressMeter li { float: left; width: 6em; min-height: 3em; margin: 0 0.5em 0.5em; padding-left: 2.2em; color: #3a3a3a; background: url(http://www.legolim.hr/layout/progressMeterNumbers.png?v-637974622290381290) 4px 4px no-repeat; list-style-type: none; font-size: 0.875em; border-radius: 4px; } .progressMeter li.two { background-position: -138px 4px; } .progressMeter li.three { background-position: -268px 4px; } .progressMeter li.four { background-position: -416px 4px; } .progressMeter li.five { background-position: -565px 4px; } .progressMeter li.current { background-position: 4px -468px; color: #FFFFFF; background-color: #3a3a3a; } .progressMeter li.current.two { background-position: -138px -468px; } .progressMeter li.current.three { background-position: -268px -468px; } .progressMeter li.current.four { background-position: -416px -468px; } .progressMeter li.current.five { background-position: -565px -468px; } .zoomGallery { background-color: #FFFFFF; padding: 1px; margin-bottom: 0.5em; display: none; } .zoomGallery img { width: 100%; } .productGallery .bx-wrapper { margin-bottom: 0.5em !important; border-radius: 6px; border: 2px solid #efefef; overflow: hidden; } #zoomGalleryThumbs { list-style: none; margin-bottom: 0.5em; } .zoomGallery img, #zoomGalleryThumbs img { display: block; border-radius: 6px; } #zoomGalleryThumbs a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } .vendor-ie-7 #zoomGalleryThumbs a { border-top: none; border-right: none; border-left: none; } .stepByStep { position: relative; text-align: center; margin-bottom: 0.5em; border-radius: 6px; border: solid 1px #3a3a3a; display: none; } .stepByStep a { display: block; padding: 36% 0 0.5em 0; } .stepByStep span, .stepByStep i { z-index: 2; position: relative; padding: 0 1%; display: block; } .stepByStep span { font-weight: bold; font-size: 1em; } .stepByStep img { position: absolute; left: 0; top: 0; z-index: 1; border-radius: 6px; } .categoryFilter { font-size: 0.875em; margin-bottom: 0.5em; background: #BFC8D4; border: 5px solid #DDE1E7; padding: 3px; } .categoryFilter div { padding: 7px; display: none; } .categoryFilter h1 { font-weight: normal; text-transform: uppercase; color: #FFFFFF; } .categoryFilter h1 a { padding: 0.5em; color: #FFFFFF; cursor: pointer; display: block; position: relative; } .categoryFilter h1 a span { position: absolute; top: 50%; right: 1.908396946564885%; width: 11px; margin-top: -4px; height: 8px; background: url(http://www.legolim.hr/layout/sprites.png?v-637974622290381290) no-repeat 0 -8px; display: none; } .categoryFilter h2 { padding-bottom: 0.2em; color: #0E3888; } .categoryFilter ul, .categoryFilter ol { list-style: none; margin-bottom: 1em; border: 1px solid #DDE1E7; padding: 5px; } .categoryFilter ol li label { display: block; padding-left: 20px; padding-top: 3px; padding-bottom: 3px; } .categoryFilter ol li label input[type="checkbox"] { margin-left: -20px; } .categoryFilter ul li { padding-left: 1em; background: url(http://www.legolim.hr/layout/blackArrow.png?v-637974622290381290) no-repeat 5px 7px; } .categoryFilter ul li.hidden { display: none; } .categoryFilter .buttons { text-align: center; display: block; } .categoryFilter .buttons input { display: block; width: 100%; } .tinynav { display: none; width: 100%; } .vendor-ie-7 .categoryFilter div, .vendor-ie-8 .categoryFilter div { display: block !important; } .footerBanners { margin: 1em 0 0; display: none; clear: both; } .contentFooter { padding: 1em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contentFooter a:link { color: #FFFFFF; } .contentFooter a:visited { color: #CCCCCC; } .contentFooter a:hover, .contentFooter a:active { color: #FDC400; } .contentFooter.inset { padding: 0 0.5em; } .contentFooter ol { list-style: none; font-size: 0.8125em; margin: 0.3em auto 0.3em; padding-top: 0.2em; text-align: center; } .contentFooter ol li { display: inline; border-right: 1px solid #ffffff; padding-right: 10px; padding-left: 7px; } .contentFooter ol li:first-child { padding-left: 0; } .contentFooter ol li:last-child { border-right: none; } .contentFooter ol li a { display: inline-block; white-space: nowrap; margin: 0; color: #ffffff !important; } .contentFooter ol li a:hover { text-decoration: underline; color: #0E3888 !important; } ul.socialIcons { list-style: none; text-align: right; } ul.socialIcons li { display: inline; } ul.socialIcons li a { display: inline-block; width: 34px; height: 34px; text-align: left; text-indent: -9999em; background: url(http://www.legolim.hr/layout/social-icons.png?v-637974622290381290) no-repeat 0 -68px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } ul.socialIcons li a#facebook { background-position: 0 0; } ul.socialIcons li a#twitter { background-position: -34px 0; } ul.socialIcons li a#googlePlus { background-position: -68px 0; } ul.socialIcons li a#linkedIN { background-position: -102px 0; } ul.socialIcons li a#skype { background-position: -136px 0; } ul.socialIcons li a#youTube { background-position: -170px 0; } ul.socialIcons li a:hover, ul.socialIcons li a:focus { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } ul.socialIcons li a#facebook:hover, ul.socialIcons li a#facebook:focus { background-position: 0 -34px; } ul.socialIcons li a#twitter:hover, ul.socialIcons li a#twitter:focus { background-position: -34px -34px; } ul.socialIcons li a#googlePlus:hover, ul.socialIcons li a#googlePlus:focus { background-position: -68px -34px; } ul.socialIcons li a#linkedIN:hover, ul.socialIcons li a#linkedIN:focus { background-position: -102px -34px; } ul.socialIcons li a#skype:hover, ul.socialIcons li a#skype:focus { background-position: -136px -34px; } ul.socialIcons li a#youTube:hover, ul.socialIcons li a#youTube:focus { background-position: -170px -34px; } p#footerSig { font-size: 0.875em; color: #a3a3a3; } p#footerSig strong { font-weight: 400; } p#footerSig span { font-size: 1.05em; } p#footerSig i { font-style: italic; display: block; padding-left: 1em; font-size: 0.875em; } p#author { width: 81px; height: 24px; float: right; margin-top: 0.5em; } p#author a { background: url(http://www.legolim.hr/layout/sprites.png?v-637974622290381290) no-repeat -19px -126px; display: block; width: 81px; height: 24px; text-indent: -999em; } footer .wsPay { text-align: center; margin-top: 1em; vertical-align: top; } footer .wsPay a { display: inline-block; margin: 0 0.2em 0.5em; background-color: #FFFFFF; border-radius: 4px; padding: 2px; min-height: 50px; } footer .wsPay .trustwaveBadge { display: inline-block; vertical-align: top; margin: 0 0.2em 0.5em; } footer .wsPay a img { display: block; } .searchBox { position: relative; float: right; margin: 1.75em 0 0; background: #ffffff; border: 1px solid #dddddd; border-radius: 6px; padding: 0.5em; width: 250px; } .searchBox input.txtBox { background: none; border: none; padding: 0 5px; font-size: 0.75em; color: #2B2E35; width: 80%; } .searchBox input.btn { opacity: 0; position: absolute; z-index: 2; top: 0; right: 0; width: 35px; height: 100%; cursor: pointer; } .searchBox:after { content: '\f002'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #8396AB; background: rgba(190, 200, 212, 0.33); position: absolute; z-index: 1; top: 0; right: 0; width: 35px; height: 100%; text-align: center; line-height: 2.5; } .newsletterBox { position: relative; border: solid 1px #BFC8D4; padding: 3px; height: 24px; max-height: 24px; background-color: #DDE1E7; margin:0 0.5em 0.07em; } .newsletterBox input.txtBox { font-size: 0.8125em; width: 100%; height: 1.625em; border: 0; color: #6f7680; background-color: #DDE1E7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 40px; } .newsletterBox input.btn { background: url(http://www.legolim.hr/layout/sprites.png?v-637974622290381290) no-repeat; position: absolute; border: none; font-size: 0.1px; line-height: 0; text-indent: -999em; color: #BFC8D4; cursor: pointer; } .newsletterBox input.btn { background-position: -38px -18px; width: 21px; height: 15px; top: 8px; right: 5px; } .button { display: inline-block; font-family: Arial, Helvetica, sans-serif; padding: 0.8em 0.8em 0.7em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; outline: none; vertical-align: middle; line-height: 1; text-transform: uppercase; border-spacing: 0; font-size: 0.8375em; border: none; } .button.small { font-size: 0.775em !important; text-transform: uppercase; padding: 0.5em !important; } .button.addToBasket { font-size: 0; line-height: 0; padding: 5px; display: none; } .button.addToBasket span { display: inline-block; width: 20px; height: 19px; text-indent: 9999em; direction: rtl; overflow: hidden; background: url(http://www.legolim.hr/layout/basket-icon-small.png?v-637974622290381290) no-repeat center center; } .vendor-ie-7 .button.addToBasket span { text-indent: 0; direction: ltr; color: #C00; overflow: visible; } .button i { display: inline-block; width: 15px; height: 13px; vertical-align: middle; } .button.facebook { background-color: #3B5998; border: 1px solid #3B5998; color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .button.facebook:hover, .button.facebook:active { background-color: #294784; } .button.facebook i { background: url(http://www.legolim.hr/layout/white_facebook.png?v-637974622290381290) no-repeat 0 0; margin-right: 5px; border-right: solid 1px #5e81cb; } .button.twitter { background-color: #55ACEE; border: 1px solid #55ACEE; color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .button.twitter:hover, .button.twitter:active { background-color: #3995D6; } .button.twitter i { background: url(http://www.legolim.hr/layout/white_twitter_bird.png?v-637974622290381290) no-repeat 0 0; margin-right: 5px; border-right: solid 1px #84CCFF; } input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { border: 0; padding: 0; margin: -1px 0; } .vendor-opera input.button { padding: 4px 5px; } .button.gray { background-color: #BFC8D4; color: #FFFFFF; border: none; } .button.gray:hover, .button.gray:active { background-color: #0E3888; color: #FFFFFF; } .button.green { background-color: #0eb100; border: none; color: #FFF; } .button.green:hover, .button.green:active { background-color: #000000; color: #FFFFFF; } .button.blue { background-color: #2CA8D2; color: #FFFFFF; border: none; } .button.blue:hover, .button.blue:active { background-color: #000000; color: #FFFFFF; } .button.red { background-color: #AB2330; color: #FFFFFF; } .button.red:hover, .button.red:active { background-color: #000000; color: #FFFFFF; } .button.light-blue { background-color: #2CA8D2; color: #FFFFFF; } .button.light-blue:hover { background-color: #2288aa; color: #FFFFFF; } .button.light-blue:active { background-color: #75a5e1; box-shadow: 0 0 1px 1px #89baf6 inset; color: #feffad; } .breadcrumbs { font-size: 0.75em; margin: 1em auto 0; } .breadcrumbs ul { padding: 0.7em 0.6em; text-align: center; } .breadcrumbs ul li { display: inline; } .breadcrumbs ul li a { display: inline-block; color: #8396AB; } .breadcrumbs ul li a:hover { text-decoration: underline; } .breadcrumbs ul li:after { content: '/'; padding: 0 0.25em 0 0.5em; color: #FFFFFF; } .breadcrumbs ul li.last:after, .breadcrumbs ul li:last-child:after { content: '' !important; } .vendor-ie-7 .breadcrumbs ul li { padding: 0 0.25em; } .pagination { margin: 1em 0; font-size: 0.875em; } .pagination ul { display: inline-block; } .vendor-ie-7 .pagination ul { display: inline; zoom: 1; } .pagination li { display: inline-block; margin-bottom: 0.5em; } .pagination li span { display: inline-block; width: 32px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .pagination a { display: block; line-height: 32px; border-radius: 4px; } .pagination a:hover { background-color: #e6e6e6; color: #990000; } .pagination .active a { background-color: #e6e6e6; color: #000000; cursor: default; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { color: #999999; background-color: transparent; cursor: default; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } input, select, textarea { font-family: Arial, Helvetica, sans-serif; } select { padding: 5px; border: solid 1px #3a3a3a; border-radius: 6px; } .contentForm { padding: 0.5em; max-width: 45em; margin: 0 auto 2em; display: block; } .contentForm * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contentForm legend { font-weight: 800; text-transform: uppercase; text-align: center; color: #3a3a3a; border-bottom: 2px solid #ebebeb; width: 100%; padding: 0.5em; margin-bottom: 1em; } .contentForm legend span { display: block; font-size: 0.75em; font-weight: normal; font-style: italic; } .contentForm > div { font-size: 0.875em; clear: both; overflow: hidden; padding: 1px; margin: 0 0 0.5em 0; } .contentForm .inset { padding-left: 20%; } .contentForm .inset.wspay a, .cms.wspay a { display: inline-block; margin: 0.5em 0.5em 0.5em 0; } .cms.wspay { text-align: center; } .contentForm > div p { margin: 0 0.5em 1em; } .contentForm .editable { padding-top: 5px; } .contentForm .hidden { display: none; } .vendor-ie-8 .contentForm .hidden { padding-top: 7px; } .contentForm .fieldLabel { display: block; float: left; width: 25%; text-align: right; } .contentForm .fieldLabel span { display: inline-block; padding-right: 10px; } .contentForm .formField span.selectionDesc { display: block; padding-left: 1.4em; margin-bottom: 0.5em; font-style: italic; } .contentForm label.fieldLabel span { padding-top: 4px; } .contentForm .formField { width: 75%; float: right; } .contentForm .formField div { float: left; margin-right: 0.5em; } .contentForm .formField div:last-child { margin-right: 0; } .contentForm .formField.breakLine div { float: none; margin: 0 0 0.3em 0; } .contentForm .inset .formField { float: left; width: 100%; } .contentForm .inset p { margin: 0 0 1em; } .contentForm .grayed { color: #999999; } .contentForm input.txtBox { width: 100%; padding: 5px; border: solid 1px #BFC8D4; } .contentForm .txtArea { font-size: 0.875em; width: 100%; min-width: 100%; max-width: 100%; min-height: 100px; max-height: 100px; padding: 5px; border: solid 1px #BFC8D4; } input[type="checkbox"], input[type="radio"] { padding: 0; margin-left: 0; vertical-align: top; } .vendor-ie-7 input[type="checkbox"], .vendor-ie-7 input[type="radio"] { margin-top: -2px; vertical-align: middle; } .vendor-ie-8 input[type="checkbox"], .vendor-ie-8 input[type="radio"] { margin-top: -3px; vertical-align: middle; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, .txtArea:focus { outline: 0; border-color: #BFC8D4; } .contentForm em { color: #bf0101; font-weight: bold; padding-right: 3px; font-style: normal; } .contentForm .button { font-size: 1em; } fieldset.buttons { text-align: center; margin-bottom: 1em; } fieldset.buttons label { display: inline-block; margin: 0 0.25em 0.5em; } .contentForm.terms label { display: block; position: relative; font-size: 0.875em; margin: 0 0.5em 0.5em; } .contentForm.terms label input[type='checkbox'] { position: absolute; top: 0; left: 0; } .contentForm.terms label span { display: block; padding-left: 1.5em; } .contentForm.terms label a { text-decoration: underline; } .messageBox { margin-bottom: 0.5em; font-size: 0.875em; padding: 1em 1em 1em 75px; position: relative; min-height: 40px; } .alert { background: #FCDB7D url(http://www.legolim.hr/layout/bg-boxAlert.png?v-637974622290381290) no-repeat 6px 6px; color: #111111; } .info { background: #97C99F url(http://www.legolim.hr/layout/bg-boxInfo.png?v-637974622290381290) no-repeat 6px 6px; color: #111111; } .error { background: #E37D7D url(http://www.legolim.hr/layout/bg-boxError.png?v-637974622290381290) no-repeat 6px 6px; color: #111111; } .messageBox ul li { list-style: none; } .resp-tabs-list { margin-left: 0px; display: inline-block; width: 100%; background: #BFC8D4; background: rgba(191, 200, 212, 0.5); } .resp-tabs-list li { display: inline-block; padding: 0.5em 0.8em; list-style: none; cursor: pointer; float: left; text-align: center; font-size: 0.875em; } .resp-tabs-container { clear: left; font-size: 0.875em; margin-bottom: 1em; } h2.resp-accordion { cursor: pointer; padding: 0.5em; display: none; border-top: none; padding: 0.5em; } .resp-tab-content { display: none; padding-top: 0.5em; } .resp-tab-active { color: #FFFFFF; background-color: #0E3888 !important; } .vendor-ie .resp-tab-active, .vendor-opera .resp-tab-active { padding-bottom: 0.6em !important; position: relative; } .resp-content-active, .resp-accordion-active { display: block; } h2.resp-tab-active { border-bottom: none !important; margin-bottom: 0 !important; padding: 0.5em !important; } .resp-arrow { width: 0; height: 0; float: right; margin-top: 0.5em; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #3a3a3a; } h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #3a3a3a; } h2.resp-tab-active { background: #2CA7D1 !important; } .resp-easy-accordion h2.resp-accordion { display: block; } .resp-easy-accordion .resp-tab-content { } .resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #3a3a3a !important; } .resp-jfit { width: 100%; } .resp-tab-content-active { display: block; } h2.resp-accordion:first-child { border-top: 1px solid #3a3a3a !important; } .resp-tabs-container .relatedProducts.productList .productBox { width: 32.3333%; } .resp-tabs-container .relatedProducts.productList .productBox:nth-child(3n+1) { margin-left: 0; } .productGallery .resp-tabs-container .relatedProducts.productList .productBox { width: 49%; } .productGallery .resp-tabs-container .relatedProducts.productList .productBox:nth-child(2n+1) { margin-left: 0; } .documents ol { list-style: none; } .documents a { display: block; padding: 0.5em 0 0.5em 40px; } .documents a:hover { background-color: #DDE1E7 !important; color: #0E3888; } .documents ol li { border-bottom: solid 1px #BFC8D4; } .documents ol li:last-child { margin-bottom: 0; border-bottom: none; } .documents ol li.pdf a { background: url(http://www.legolim.hr/layout/icon-file-pdf.png?v-637974622290381290) no-repeat 0 0.5em; } .documents ol li.doc a, .documents ol li.docx a { background: url(http://www.legolim.hr/layout/icon-file-doc.png?v-637974622290381290) no-repeat 0 0.5em; } .documents ol li.rar a { background: url(http://www.legolim.hr/layout/icon-file-rar.png?v-637974622290381290) no-repeat 0 0.5em; } .documents ol li.xls a { background: url(http://www.legolim.hr/layout/icon-file-xls.png?v-637974622290381290) no-repeat 0 0.5em; } .documents ol li.xlsx a { background: url(http://www.legolim.hr/layout/icon-file-xlsx.png?v-637974622290381290) no-repeat 0 0.5em; } .documents ol li.ppt a { background: url(http://www.legolim.hr/layout/icon-file-ppt.png?v-637974622290381290) no-repeat 0 0.5em; } .documents ol li.file a { background: url(http://www.legolim.hr/layout/icon-file-blank.png?v-637974622290381290) no-repeat 0 0.5em; } .documents ol li span { display: block; font-style: italic; color: #BFC8D4; } .videoGallery .videoContainer { width: 100%; margin-bottom: 0.5em; border-bottom: dotted 1px #CCCCCC; } .videoGallery .videoContainer:last-child { margin-bottom: 0; border-bottom: none; } .videoContainer div { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .videoContainer div iframe, .videoContainer div object, .videoContainer div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoContainer h2 { margin: 0.5em 0; } .videoContainer p { margin-bottom: 0.5em; } .iFrameContainer { width: 100%; margin-bottom: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.5em; background-color: #E6E6E6; border-radius: 6px; } .iFrameContainer div { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .iFrameContainer div iframe, .iFrameContainer div object, .iFrameContainer div embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .photoGallery .imageContainer { width: 24.25%; height: 160px; margin-left: 1%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #FFF; padding: 1px; border-radius: 6px; border: solid 2px #e6e6e6; } .photoGallery .imageContainer:hover { border: solid 2px #FFFFFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-box-shadow: 0px 0px 4px 0px #3a3a3a; box-shadow: 0px 0px 4px 0px #3a3a3a; } .vendor-ie-7 .photoGallery .imageContainer:hover, .vendor-ie-8 .photoGallery .imageContainer:hover { border: solid 2px #3a3a3a; } .photoGallery .imageContainer img { display: block; height: 100%; } .photoGallery .imageContainer:nth-child(4n+1) { margin-left: 0; } .photoGallery .row { margin-bottom: 0.5em; } .singleContact { margin-bottom: 0.5em; border: 1px solid #BFC8D4; padding: 0.5em; background: #FFFFFF; } .singleContact:last-child { border-bottom: none; } .singleContact .contactPhoto { width: 25%; float: left; } .singleContact .skypeContainer { display: inline-block; height: 28px; overflow: hidden; } .vendor-ie-7 .singleContact .skypeContainer { float: left; } .singleContact .skypeContainer img { margin: 0 !important; vertical-align: 0 !important; } .singleContact h2, .singleContact ul { float: right; width: 72%; } .singleContact h2 { background-color: #e6e6e6; margin-bottom: 0.5em; padding: 1%; border-radius: 6px; color: #000000; } .singleContact h2 span.jobTitle { display: block; font-weight: normal; font-size: 0.857em; color: #000; } .singleContact ul { list-style: none; padding: 0 1%; position: relative; } .singleContact ul li { margin-bottom: 0.5em; } .singleContact ul li.social { clear: both; border-top: dotted 1px #3a3a3a; border-bottom: dotted 1px #3a3a3a; padding: 0.3em 0; } .singleContact ul li.social a { margin-right: 0.5em; } .singleContact .getInTouch { clear: both; text-align: right; font-size: 1.1428em; } .wysiwyg.longDesc { font-size: 0.875em; } .wysiwyg p { margin-bottom: 1em; } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-weight: 600; margin-bottom: 0.5em; color: #0E3888; } .wysiwyg h1 { font-size: 1.4285em; } .wysiwyg h2 { font-size: 1.2857em; } .wysiwyg h3 { font-size: 1.1428em; } .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-size: 1em; } .wysiwyg ul, .wysiwyg ol, .wysiwyg dl { margin: 1em 1em 1em 2em; } .wysiwyg ol li { list-style: decimal outside; line-height: 1.5; } .wysiwyg ul li { list-style: disc outside; line-height: 1.5; } .notification { background: #BFC8D4; background: rgba(191, 200, 212, 0.9); border-top: solid 3px #e6e6e6; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0.5em 1%; text-align: center; z-index: 99999999; color: #3a3a3a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .notification .wysiwyg { font-size: 0.875em; margin: 0 auto; max-width: 70em; } .notification .wysiwyg ul, .notification .wysiwyg ul li { list-style: none; } .notification .buttons, .extraButtons { text-align: center; } .notification.hide { display: none; } .responsiveTable { border: none; border-collapse: collapse; margin: 1em auto; width: 100%; } .responsiveTable td, .responsiveTable th { border:1px solid #ddd; padding: 0.5em; }