/* default * ============================================ */ * {margin: 0; padding: 0; outline: 0 none;} blockquote {margin-left: 20px;} table {border-color: #beb9b9; margin-bottom: 20px} table td {border-color: #beb9b9; padding-left: 5px;} p {padding: 0 0 20px 0; -moz-hyphens: auto;} p img {vertical-align: middle} a {color: inherit; text-decoration: underline; -webkit-transition: color 0.4s;-moz-transition: color 0.4s;-ms-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;} a:hover {text-decoration: none;} hr {border-top: 1px solid #939393; border-width:1px 0 0 0; height: 0; margin: 0 0 20px 0;} h1,h2,h3,h4,h5,h6 {color: inherit; font: normal 50px/1.3 'Open Sans',sans-serif; margin: 10px 0;} h2 {margin-bottom: 25px; line-height: 1.1} h3 {font-size: 25px;} h4 {font-size: 26px;} h4,h5,h6 {margin-bottom: 15px; font-size: 22px; font-weight: bold;} #wrapper {font: normal 14px/1.5 'Open Sans',Helvetica,Arial,sans-serif; color: #302f2e; text-align: left; min-height: 100%; overflow: hidden} #body {overflow: hidden; position: relative;} /* content default * ============================================ */ .content ul, .content ol {margin-left: 20px; margin-bottom: 10px;} .content ul > li {list-style: outside disc;} .content ol > li {list-style: outside decimal;} .content img {max-width: 100%; height: auto !important;} .content img.left {margin-bottom: 10px; margin-right: 20px; float: left} .content img.right {margin-bottom: 10px; margin-left: 20px; float: right} .content iframe {border: 1px solid #beb9b9; max-width: 100%;} ::selection {background: #d1d2d3; color: #fff} ::-moz-selection {background: #d1d2d3; color: #fff} /* dafault form * ============================================ */ form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;} form input[type=text], form select, form textarea {background:#f0f0f0; padding-left:10px; border:1px solid #d2d2d2; margin-bottom:7px; font-family: inherit; color: #5D5757;} form input[type=text]:focus, form select:focus, form textarea:focus {border-color: #adaa9f} form select {padding: 4px 3px 3px 10px;} form select option {padding: 2px 10px;} form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;} form label {line-height: 28px !important;} form input[type=submit] {background: #403C3D; border: 0 none; color: #fff; height: 32px; line-height: 32px; display: block; cursor: pointer; margin-top: 7px; float: right; padding: 0 20px; border-radius: 3px} form input[type=submit]:hover {background: #6e6b6b} form input[type=submit]:active {background: #525050} .form-wrap {width: 100%;} form .one-half:nth-child(2n) {margin-right: 0} form .captcha-wrap {float: left;} form .captcha, form #captcha {float: left; margin-right: 10px; margin-top: 7px} form input[name=kod], form input[name=kod2] {width: 110px; float: left; margin-right: 0; margin-top: 7px} /* dafault sidebar * ============================================ */ .sidebar {margin: 0;} .sidebar .box {list-style: none outside none; margin-bottom: 15px} .sidebar .box:last-child {margin-bottom: 0;} .sidebar h3.box-title {margin-bottom: 25px; font-size: 28px;} .sidebar .button {float: right} /* class * ============================================ */ .content01 {float: left; width: 45%;} .content02 {float: left; width: 45%; margin-left: 10%;} .content03 {float: left; width: 100%; clear: both} .wrongVal {background: #ee8282 !important; border-color: #d83939 !important} .msg {clear: both; padding: 10px 0 15px;} .strong {font-weight: bold} .wrap {width: 980px; margin: 0 auto;} .clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;} .clearfix {display: block;} .button,.listing-category .link {background: #da251e; color: #fff;position: relative; padding: 10px 20px ; display: inline-block; font-size: 15px; text-decoration: none; text-transform: uppercase;} .button:hover, .listing-category .link:hover {text-decoration: none; opacity: 0.9;} .button:after, .listing-category .link:after {background: url("../images/arrow_btn_more.png") no-repeat center #da251e; position: absolute; left: 101%; top:0; display: block; content: ""; height: 100%; width: 40px;} .button:hover:after, .listing-category .link:hover:after {background-position: center right;} .button.more {margin-top: 20px;} .special-container {background: #ebebec; padding: 30px 100px 10px; color: #fff; font-size: 18px; line-height: 1.3} .opacity0 {opacity: 0;} .opacity1 {opacity: 1;} .one-half {width: 49%; float: left; margin-right: 2%} .one-third {width: 32%; float: left; margin-right: 2%; margin-bottom: 50px} .one-fourth {width: 24%; float: left; margin-right: 1%} .one-half.last-item, .one-third.last-item, .one-fourth.last-item {margin-right: 0} /* common * ============================================ */ .form-wrap, form textarea, form input[type=text], #main, .content img, #logo, .desc-wrap, .special-container, .one-third {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #nav a, #header a, #nav:not(.active), .button,.button:after,.news-more, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, #slider-content-23 .flex-prev,#slider-content-23 .flex-next,#slider-content-23 .desc-wrap,#footer-up form input[type="submit"], #news-flexslider .flex-direction-nav,#news-flexslider .flex-direction-nav .flex-next, #news-flexslider .flex-direction-nav .flex-prev, #footer-up form input[type="text"],#footer-up form select,#footer-up form textarea, #menu-footer .menu li,.flexslider-carusel .layer-mask,.box-content,#tabs-wrap-24 .tabs-title,#tabs-wrap-24 form input[type="submit"], .flexslider-carusel .flex-direction-nav a,#tabs-wrap-24 form input[type="text"],#tabs-wrap-24 form select,#tabs-wrap-24 form textarea, .container-content ul > li, .container-content li span,.container-content .contact-i,#nav3 a, .catalog-listing .thumbwrap img,.listing-category .link, .listing-category .link:after,#nav .menu .catalog ul li, #nav3,#slide-box-finn, .tabs-ico,.menu-footer .menu a, #footer-box .menu a,#slider-content-23 .flex-control-paging li a {-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;} .box-content {-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-ms-transition: all 0.4s ease-in-out 0s;-o-transition: all 0.4s ease-in-out 0s} .catalog-listing .thumbwrap img, .catalog-listing .listing-category .item,.opacity0, .opacity1 {-webkit-transition: all 0.6s; -moz-transition: all 0.6s;-ms-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s;} /* header * ============================================ */ #header {margin: auto; position: relative} #header a {text-decoration: none} #header a:hover {opacity: 0.8} #top {height: 170px} #top .top-right {float: right; text-align: right; color: #00486f; padding-top: 60px; font: normal 32px/1.2em "franklin_gothic_medium_condRg","Arial Narrow",sans-serif} #logo {margin: 0; padding: 2px 0 4px; line-height: 110px; display: block; float: left; margin-left: -35px;} #logo img {max-width: 100%; max-height: 100%; vertical-align: middle;} .links {float: right; padding-top: 25px; padding-right: 10px; font-size: 13px} .links li {display: inline-block; margin-left: 20px} #lang { position: absolute; right: 0; top: 0; padding: 30px 20px; line-height: 0.8; z-index: 1;} #langs {background: #f2f2f2;position: absolute; right: 0; top: 0; padding: 4px 10px 3px; line-height: 0.8} #langs li, #langs li span, #langs li a {display: inline-block} #langs li {margin: 4px 5px} #langs li span, #langs li a {background: url('../images/langs_v3.png') no-repeat; background-size: cover; width: 30px; height: 19px; text-indent: -20px; overflow: hidden;} #langs li.active {opacity: 0.5} #langs li.lang-pl span, #langs li.lang-pl a {background-position: left top} #langs li.lang-en span, #langs li.lang-en a {background-position: left -31px} #langs li.lang-no span, #langs li.lang-no a {background-position: left -66px} #langs li.lang-se span, #langs li.lang-se a {background-position: left -100px} /*.langs {*/ /*border: 1px solid #d9dadb;*/ /*border-radius: 16px;*/ /*height: 25px;*/ /*min-height: 20px;*/ /*overflow: hidden;*/ /*padding: 0 2px 1px 1px;*/ /*position: relative;*/ /*right: 10px;*/ /*top: 32px;*/ /*width: 50px;*/ /*z-index: 5;*/ /*}*/ /*.langs li {*/ /*list-style: outside none none;*/ /*opacity: 0.6;*/ /*width: 100%;*/ /*}*/ /*.langs li a {*/ /*background: rgba(0, 0, 0, 0) url("../images/langs.png") no-repeat scroll right 0;*/ /*color: #000;*/ /*display: block;*/ /*font: 14px/24px Tahoma,Arial,Helvetica,sans-serif;*/ /*height: 30px;*/ /*letter-spacing: 0;*/ /*padding-left: 4px;*/ /*text-decoration: none;*/ /*width: 48px;*/ /*}*/ /*.langs li:first-child a {*/ /*color: #fff;*/ /*opacity: 1;*/ /*}*/ /*.langs:hover li:first-child a {*/ /*color: #eff0f1;*/ /*}*/ /*.langs .arrow {*/ /*border-color: #9ea0a1 transparent transparent;*/ /*border-style: solid dashed dashed;*/ /*border-width: 3em 2.5em 2.5em;*/ /*content: " ";*/ /*float: right;*/ /*font-size: 2px;*/ /*height: 0;*/ /*left: 6px;*/ /*position: absolute;*/ /*top: 10px;*/ /*width: 0;*/ /*}*/ /*.langs li:hover, .langs li:first-child {*/ /*opacity: 1;*/ /*}*/ /*.langs li.lang-pl a {*/ /*background-position: right -2px;*/ /*}*/ /*.langs li.lang-en a {*/ /*background-position: right -32px;*/ /*}*/ /*.langs li.lang-de a {*/ /*background-position: right -62px;*/ /*}*/ /*.langs li.lang-fr a {*/ /*background-position: right -92px;*/ /*}*/ /*.langs li.lang-es a {*/ /*background-position: right -122px;*/ /*}*/ /*.langs:hover {*/ /*background: #eff0f1 none repeat scroll 0 0;*/ /*border: 1px solid #e0e3d7;*/ /*height: auto;*/ /*}*/ /*.langs:hover .arrow {*/ /*border-top-color: #cccccc;*/ /*}*/ /*.langs a:hover {*/ /*color: #24317c;*/ /*}*/ /*#langs-main {*/ /*display: none;*/ /*}*/ /* main * ============================================ */ #main {position: relative; padding: 60px 0 100px;} .home #main {background-color: #f0f1f1; } .page-template-ext #main {padding: 0} .page-template-ext #main {width: 100%} .box-text {margin-bottom: 15px} .page-sidebar-column #content {width: 650px; float: left} #sidebar-column {float: left; width: 310px; margin-left: 20px} .sidebar-column-left.page-sidebar-column #content {float: right} .sidebar-column-left #sidebar-column {margin-left: 0} /* nav (horizontal) * ============================================ */ #nav {float: right; margin-right: 58px} #nav .menu {padding: 0;} #nav .menu li {list-style: none outside none; position: relative;} #nav .menu > li {/*display: inline-block;*/ border-right: 1px solid #e6e6e6; height: 117px;float: left; } #nav a {text-decoration: none; font: bold 14px/1em 'Open Sans',sans-serif; color: #303030; text-align: center; display: block; padding: 0 14px;} #nav .menu > li > a {line-height: 117px; text-transform: uppercase;} #nav .menu > li:hover > a, #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {color: #da251e; opacity: 1} #nav .menu > li.parent:hover > a {border-radius: 4px 4px 0 0} #nav .menu > li:last-child {margin-right: 0; border-right: 0} /* submenu */ #nav .menu ul {background: #fff; position: absolute; left: 0; top: 115px; display: none; padding: 0 0 0; z-index: 196; min-width: 115%; visibility: hidden;} .lang-se #nav .menu ul {left: -56px;} #nav .menu ul li {border-bottom: 1px dotted #fff; white-space: nowrap;} #nav .menu li:last-child ul {left: auto; right: 0;} #nav .menu li:hover > ul {display: block; visibility: visible} #nav .menu ul li a {padding: 10px 30px 10px; font-size: 15px; text-transform: none; padding-left: 15px; float: none !important; margin: 0; -webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-ms-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: color 0.4s;} /*#nav .menu ul li a:before {content: "→"; float: left; font: normal 13px/1.4 'Open Sans', Arial, Helvetica, sans-serif; text-indent: -9px; overflow: hidden; margin-right: 15px; display: inline-block; height: auto; width: auto}*/ #nav .menu ul li:last-child {border: none;} #nav .menu ul a:hover {color: #da251e;opacity: 1} #nav .menu ul ul {left: 100%; top: -15px;} /* level 3 */ #nav .menu li.catalog ul ul {display: none !important; visibility: hidden;} #nav .menu .catalog .level-2 {display: none; visibility: hidden;} #nav .menu .catalog .level-1 {float: left;} #nav .menu .catalog ul {background: none; width: 380%;} .lang-se #nav .menu .catalog ul {background: none;width: 490%;} #nav .menu .catalog ul li {background: rgba(250,250,250,0.8); margin-right: 1px; opacity: 0.9;} #nav .menu .catalog ul li:hover {opacity: 1;} #nav .menu .catalog .thumb a {padding: 0; } #button-mobile-menu {display: none; overflow: hidden} #button-mobile-menu a {background: url('../images/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; opacity: 0.55} #button-mobile-menu a:hover {opacity: 1} /* slider - Home * ============================================ */ #slider-content-23 img {display: none !important} .flexslider .slides {list-style: none outside none} #slider-content-23 .slides > li, #header-image {background-position: center center; background-size: cover; float: left; display: block; height: 728px;} /*#header-image {float: none}*/ #slider-content-23 .desc-wrap-own {width: 980px; margin: 0 auto;} #slider-content-23 .desc-wrap {position: absolute; top: 39.7%;} #slider-content-23 .desc-wrap h3 {background: rgba(218,37,30,0.9); height: 76px; line-height: 76px; color: #fff; font-weight: bold; font-size: 65px; text-transform: uppercase; padding: 0 16px 0 16px; display: block; margin-top: 0;} #slider-content-23 .desc-wrap h3:last-child {float: left;} /*#slider-content-23 .item:nth-child(3) .desc-wrap {top: auto; bottom: 5%;}*/ #slider-content-23 .flex-direction-nav a {width: 75px; height: 75px; margin-top: -75px;} #slider-content-23 .flex-prev {background-color: #da251e;} #slider-content-23 .flex-next {background-color: #4c4747} #slider-content-23 .flex-control-nav {z-index: 10;} #slider-content-23 .flex-control-paging li a:hover {background: rgba(218,37,30,0.9);} /* footer * ============================================ */ .footer {background: #251f1f; color: #fff; display: block;} .footer .wrap {min-height: 55px; position: relative; font: normal 14px/1 'Open Sans',Helvetica,Arial,sans-serif} #footer-box {margin-bottom: 30px;} #copy {float: left; margin: 18px 0 0 20px; color: inherit;} #design-by {float: right; margin: 18px 20px 0 0; text-align: right; color: inherit;} #design-by strong {font-weight: normal} #design-by a {text-decoration: none; color: inherit;} /* gallery * ============================================ */ .gallery-wrap {margin: 26px 0; width: 100%; clear: both} .gallery-wrap .item {background-color: #F2F2EF; display: block; float: left; text-align: center; vertical-align: middle; margin: 0 10px 10px 0; position: relative; overflow: hidden;} .gallery-wrap .item > a {display: block; text-align: center; vertical-align: middle;} .gallery-wrap .item:hover {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;} .gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;} .gallery-wrap .item img {vertical-align: middle; margin: auto;} .galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;} .fleft {float:left;} .fright {float:right;} /* form * ============================================ */ #form-contact textarea {height: 332px} /* cookies * ============================================ */ #cookies {bbackground: #dc231d; background: rgba(220,35,28,0.95); padding: 20px 0 10px 0; position: fixed; bottom: 0; color: #fff; border-top: 1px solid #DDDDDD; z-index: 10; display: none;} #cookies .container-fluid {width: 96%; padding-right: 2%; padding-left: 2%; max-height: 180px; overflow: auto; } #cookies .closecookies {float: right; max-width: 200px; font-size: 12px; white-space: normal; padding: .5rem 0.5rem; margin-left: 1rem; margin-bottom: 0.4rem; border: 1px solid} #cookies p {font-size: 12px; line-height: 16px; } #cookies .button {position: static;text-align: center} #cookies .button:hover {color: #000; } /*#cookies {background: #dc231d; background: rgba(220,35,28,0.95); width: 600px; color: #fff; border-top: 1px solid #DDDDDD; font: 13px Arial, Helvetica, sans-serif; display:none; padding: 10px 0; position: fixed; bottom: 40px; right: 60px; z-index: 20; border-radius: 10px}*/ /*#cookies p {padding: 5px 20px; padding-right: 50px}*/ /*#cookies a {background: url('../images/close-button.png') no-repeat; display: block; width: 23px; height: 23px; text-indent: -100px; overflow: hidden; position: absolute; right: 10px; top: 10px;}*/ /*#cookies a:hover {opacity: 0.7; color:#000;}*/ /* facebook * ============================================ */ #slide-box-fblike {cursor: pointer; position: fixed; right: -326px; top: 126px; z-index: 15;} .no-touch #slide-box-fblike {transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0.4s;} .no-touch #slide-box-fblike:hover {/*right: 0;*/ transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0s; z-index: 15;} #slide-box-fblike .inside {background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #39579B; height: 250px; padding: 10px; position: relative; width: 302px; z-index: 2;} #slide-box-fblike .belt {background: url("../images/bt_social.png") repeat scroll 0 0 #3B5999; border-radius: 3px 0 0 3px; color: #FFFFFF; font-family: Verdana; font-size: 1px; font-weight: bold; height: 49px; left: -47px; position: absolute; top: 0; width: 47px; z-index: 0;} #slide-box-fblike:hover .belt {background-position: 0 -49px;} #slide-box-fblike .fb-link {width: 100%; height: 100%; position: absolute;} /* default (news, catalog) * ============================================ */ .listing h3.title, .listing h3.title a {margin-top: 0; text-transform: none; padding-top: 0; padding-left: 0; font-size: 24px; font-weight: bold; text-transform: uppercase;} .listing h3.title a {text-decoration: none; padding: 5px 0; display: block;} .listing .item {padding: 0 0; width: 100%;} .listing .item:last-child {border: 0 none;} .single h3.title {font-size: 30px; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 10px 0;} .single .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px} .single .thumbwrap img {display: block; margin: 0; width: 100%} .single .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0} /* news * ============================================ */ #section-news {background: url("../images/bg_home_news_v2.jpg") #DA251E no-repeat center top; padding: 60px 0 80px;} #section-news .titlewrap h2 {color: #fff;} .news-listing .item {background: #fff;} .news-listing .item .thumbwrap {float: left;} .wrap-content-news {width: 54%; padding: 20px 4%; float: right; } .news-date {border-top: 1px solid #b4b3b3; border-bottom: 1px solid #b4b3b3; padding: 10px 0; margin-bottom: 20px;} .news-more {background: #da251e; color: #fff;position: relative; padding: 10px 20px ; display: inline-block; font-size: 15px; text-decoration: none; text-transform: uppercase;margin-top: 20px;} .news-more:hover {text-decoration: none; opacity: 0.9;} .news-more:after {background: url("../images/arrow_btn_more.png") no-repeat center #da251e; position: absolute; left: 101%; top:0; display: block; content: ""; height: 100%; width: 40px;} .news-more:hover:after {background-position: center right;} #news-flexslider .flex-direction-nav a {background: url("../images/arrow_news_slider.png"); width: 75px; height: 75px; opacity: 0.6;} #news-flexslider .flex-direction-nav .flex-prev {left: -70px;} #news-flexslider .flex-direction-nav .flex-next {background-position: center right; right: -70px;} #news-flexslider.flexslider:hover .flex-prev {opacity: 0.8; left: -75px;} #news-flexslider.flexslider:hover .flex-next {opacity: 0.8; right: -75px;} .wrap-img-news .thumbwrap {overflow:hidden; width:370px; height:366px;float: left;} .wrap-img-news .thumbwrap:hover img {-webkit-transform:scale(1.2); transform:scale(1.2);} .wrap-img-news .thumbwrap img {-webkit-transform:scale(1.0); transform:scale(1.0); -webkit-transition: all 1.2s ease; transition: all 1.2s ease;} /* default paging * ============================================ */ .paging {text-align: center; border-top: 1px solid #D4D1D1; padding-top: 5px; margin-top: 10px} .paging a, .paging span {margin: 0 2px; font-size: 15px;} .paging a.prev, .paging a.next, .paging span.prev, .paging span.next {font-size: 14px; padding: 4px 2px; float: left;} .paging span.prev, .paging span.next {filter:alpha(opacity: 20); -moz-opacity: 20%; opacity: 0.2;} .paging a.next, .paging span.next {float: right} .paging a.number, .paging span.number {padding: 4px 1px; display: inline-block;} /* catalog */ #breadcrumb {margin: 10px 0 30px 0; padding: 10px 0; font-size: 14px; font-family: 'Open Sans', Georgia; color: #302f2e; border-top: 1px solid #c1bfbf; border-bottom: 1px solid #c1bfbf; text-transform: uppercase; } #breadcrumb a {display:inline; line-height:22px; height:22px;; text-decoration: none; } #breadcrumb a:hover {color: #78787b} .catalog-listing .item {display: inline-block; width: 31%; max-width: 250px; float: left; margin-right: 2%; } .catalog-listing .item:nth(4n) {margin-right: 0} .catalog-listing .thumbwrap img {margin: 0; display: block; width: 100%} /*.catalog-listing .thumbwrap:hover img {opacity: 0.7}*/ .catalog-listing span.noimage {display: block; text-align: center; line-height: 66px;} .catalog-listing .listing-category .item {background: #fbfaf8; width: 18%; margin-right: 1.5%;} .catalog-listing .listing-category .item:nth-child(3n) {margin-right: 1.5%;} .catalog-listing .listing-category .item:nth-child(3n+3) {margin-right: 0;} .catalog-listing .listing-category .item .thumbwrap {padding: 10px} .catalog-single .thumbwrap {width: 40%; position: relative; margin-right: 0} /* catalog - istrail */ .catalog .titlewrap h2 {margin: 0 0 10px 0;} .catalog-listing .listing-category {width: 70%;float: left;} .catalog-listing .listing-produkt {width: 70%;float: left;} .catalog .fixed {opacity: 1; position: fixed; top: 20px;} #nav3 {display: block;} #nav3 ul {margin: 0;} #nav3 a {background: #f6f6f6; display: block; font-size: 14px; padding: 10px 0 10px 16px; margin-bottom: 4px; text-decoration: none;} #nav3 .level-1 a {font-weight: bold;} #nav3 li a.current-link,#nav3 li a:hover {background: #da251e; color: #fff; } #nav3 li {list-style: none outside none; } #nav3 li.level-1-prod a {padding-left: 35px; padding-bottom: 7px; padding-top: 7px;} #nav3 ul ul a {padding-left: 32px; } #nav3 .thumb {display: none; visibility: visible;} #wrap-nav3 {width: 28%;float: left;padding-right: 2%;} .catalog-listing .listing-category .item,.catalog-listing .item {background: #f6f6f6; margin-bottom: 20px;} .listing h3.title, .listing h3.title a {font-weight: 500; font-size: 26px; text-align: center; text-transform: none;} .listing .item:hover h3.title, .listing .item:hover h3.title a {color: #DA251E;} .listing-category h3.title,.listing-category h3.title a {text-align: left;} /*.catalog-listing .item:hover .thumbwrap img {-webkit-transform:scale(1.05); transform:scale(1.05);}*/ .catalog-listing .listing-category .item:hover {background-color: #eeeeee;} .catalog-listing .listing-category .item .thumbwrap { float: left;} .catalog-listing .listing-produkt .item {background: none; width: 44%; max-width: 44%; padding: 2%; margin-right: 2%;} .catalog-listing .listing-produkt .item .thumbwrap {padding: 5%;} .catalog-listing .listing-produkt .item:nth-child(2n+2) {margin-right: 0;} #catalog-wrap-single {width: 70%;float: left;} #catalog-wrap-single .catalog-single {background: #f6f6f6; padding: 2%;} .catalog-single .thumbwrap {width: 100%; position: relative; margin-right: 0; float: none;} .single .thumbwrap img {background: #fff; display: block; margin: 0; width: 100%; padding: 2%;} .catalog-single .right-product {width: 100%; margin: 0;} .fdesc p {padding-bottom: 10px;} .fdesc hr {margin-bottom: 10px;} .listing-desc {width: 70%; float: left;} /*.catalog-listing .thumbwrap img {max-width: 250px;}*/ /* catalog - kategorie - istraill */ .listing .listing-category h3.title {font-size: 26px; font-weight: 500; color: #302f2e;border-bottom: 1px solid #c1bfbf; } .listing .listing-category .item {width: 96%; max-width: 96%; padding: 2%;} .listing .listing-category .item .thumbwrap {width: 36%; padding: 0 !important; margin-right: 2%;} .listing .listing-category .item .item-inner {float: left;width: 62%;} .listing-category .link {padding: 6px 20px; } .listing-produkt .item .thumbwrap img {-webkit-transform:scale(0.9,0.9); transform:scale(0.9,0.9); -backface-visibility: hidden; -webkit-transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out; } .listing-produkt .item .thumbwrap:hover img {-webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } /* centrwanie miniatury w pionie * ======================================================== .catalog-listing .thumbwrap {background: #feffd2; width: 200px; height: 200px; line-height: 200px; text-align: center; vertical-align: middle; float: left; border:1px solid #eff2be; margin: 0 25px 0 0;} .catalog-listing .thumbwrap a {width: 100%; height: 100%; line-height: 200px; display: block; text-align: center; vertical-align: middle;} .catalog-listing .thumbwrap img {vertical-align: middle; margin: auto;} .catalog-listing span.noimage {display: block; text-align: center; line-height: 200px;} */ .right-product {float: left; width: 58%; margin-left: 2%} .fdesc {padding-top: 20px} .price {font-size: 18px; text-transform: none;} .catalog-listing .price {text-align: center; font-size: 15px; padding: 0} .pnavlist, .ppnavlist {float:right;} #photos {/*width: 23%; float: right;*/ margin-top: 20px;} #photos .item {background: #fff;min-height: 100px; display: block; float: left; /*width: 94%;*//* margin: 0 0 3% 0;padding: 1.6%;*/ position: relative; overflow: hidden;} /*#photos .item:nth-child(3n) {margin-right: 0;}*/ /*#photos .item a {}*/ #photos .item img {margin: auto; cursor: pointer; max-width: 100%} #photos .item.active a {cursor: default} #photos .item.active img {opacity: 0.7} /*// tab catalog */ .tabs {margin-top: -1px;min-height: 100px;padding: 10px 0;width: 680px;overflow: hidden;behavior: url('PIE/PIE.htc');} .tabs-item {background: #ffffff;} .tabs-item li {margin-bottom: 8px;} .tabs {overflow: hidden; position: relative; z-index: 2; padding-top: 15px;} .tabs .tabs-listing {padding: 15px 0 0 0; margin: 0; position: relative; z-index: 99; overflow: hidden; margin-bottom: -1px;} .tabs .tabs-listing li {position: relative; top: 1px; float: left; border: 1px solid #e5e5e5; list-style: none outside none; margin: 0 2px 0 0; margin-bottom: -1px; z-index: 101; position: relative; margin-right: 8px;} .tabs .tabs-listing a {text-decoration: none; padding: 8px 15px 8px; margin: 0; border: 0; display: block; color: #595959; font: bold 12px/16px Arial, Helvetica, sans-serif;} .tabs .tabs-listing li.ui-tabs-active {background: #fff; color: #000; border-bottom: 0 none; border-top: 2px solid #ae9c93} .tabs .tabs-listing li.ui-tabs-active a {color: #876657} .tabs .ui-tabs .ui-tabs-panel { padding: 10px 0; display: block; border-width: 0; background: none; } .tabs .ui-tabs .ui-tabs-hide { display: none !important;} /* page - home * ============================================ */ .container-content-outer {background: #fff; clear: both;} .container-img-zoom {overflow:hidden; width:370px; height:366px;float: left;} .container-img-zoom:hover .img-zoom {-webkit-transform:scale(1); transform:scale(1);} .img-zoom {-webkit-transform:scale(1.4); transform:scale(1.4); -webkit-transition: all 1.4s ease; transition: all 1.4s ease;} .parallex {/*background-attachment: fixed;*/ background-position: 0 80px; background-repeat: no-repeat;/* background-size: cover;*/ /*height: 54vh;*/ max-height: 1200px; min-height: 200px;} .home .parallax {background-image: url(../images/bg_home_main_v3.jpg); background-repeat: no-repeat;} .titlewrap {margin-bottom: 40px;} .titlewrap h2 {font-weight: bold;color: #4c4747; font-size: 65px; text-align: center; text-transform: uppercase;} .container-content {width: 54%; padding: 20px 4%; float: right; position: relative;} /* slider - fotter * ============================================ */ #slider-fotter {background: #f0f1f1; padding: 60px 0; } .flexslider-carusel {background: none !important; /*width: 84%;*/ margin: 0 auto;} .flexslider-carusel .item {position: relative; margin: 0 20px 0 0; } /*#slider-content-23 .item img {padding: 0 30px;}*/ .flexslider-carusel .item a {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; z-index: 10;} .flexslider-carusel h4 {text-align: center;} .flexslider.flexslider-carusel .flex-next {background-position: 100% 0;right: -70px;} .flexslider.flexslider-carusel .flex-prev {left: -70px;} .flexslider.flexslider-carusel .flex-next:hover {right: -75px;} .flexslider.flexslider-carusel .flex-prev:hover {left: -75px;} .flexslider-carusel .flex-direction-nav a {background: url("../images/arrow_carusel_slider.png") no-repeat; width: 75px; height: 75px; margin-top: -36px;} .flexslider-carusel:hover .flex-direction-nav a {opacity: 1;} .flexslider-carusel .flex-control-nav {display: none;} .flexslider-carusel .layer-mask {background: rgba(212, 36, 29, 0.6) url("../images/icolink.png ") no-repeat scroll center bottom; bottom: 0; height: 100%; left: 0; opacity: 0; position: absolute; right: 0; top: 0; width: 100%;} .flexslider-carusel .item:hover .layer-mask {background-position: center center; opacity: 0.9;} /* footer-up - fotter * ============================================ */ #footer-up {background: #4a4645; background: -moz-linear-gradient(top, #4a4645 0%, #363030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4645), color-stop(100%,#363030)); background: -webkit-linear-gradient(top, #4a4645 0%,#363030 100%);background: -o-linear-gradient(top, #4a4645 0%,#363030 100%); background: -ms-linear-gradient(top, #4a4645 0%,#363030 100%);background: linear-gradient(to bottom, #4a4645 0%,#363030 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4645', endColorstr='#363030',GradientType=0 ); padding: 20px 0 40px; } #footer-up .box {width: 18%; padding: 0 3%; float: left;} #footer-up .box .box-title {color: #fff; margin-bottom: 20px; text-transform: uppercase;} #footer-up .box.first-box {width: 28%; padding-left: 0; z-index: 10} #footer-up #footer-box .box:last-child {padding-right: 0;} #footer-up form input[type="text"],#footer-up form select,#footer-up form textarea {background: #565050;color: #d3d3d3; font-size: 14px; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.6); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.6); border: none; border-radius: 4px;} #footer-up form input[type="text"]:focus,#footer-up form input[type="text"]:focus:not(.code), #footer-up form select:focus,#footer-up form textarea:focus { background: #FBFBFB; color: #000; width: 120%; max-width: 120%;position: relative; z-index: 50;-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.9); -moz-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.9); box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.9); } #footer-up form textarea:focus {width: 150%; max-width: 150%;-webkit-transition: all 0.4s; -moz-transition: all 0.6s;-ms-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s; } #footer-up form #code, #footer-up form #code:focus {width: 60%; max-width: 60%;} #footer-up form #captcha {width: 36%; margin-right: 4%; border-radius: 4px;} #footer-up form input[type="submit"] {background: #da251e; padding: 0 30px} #footer-up form input[type="submit"]:hover {opacity: 0.8;} /* footer-up - fotter */ .menu-footer .menu li, #footer-box .menu li {list-style: none outside none;color: #a6a8a7; } .menu-footer .menu ul, #footer-box .menu ul {display: none; visibility: hidden;} .menu-footer .menu li, #footer-box .menu li {border-bottom: 1px dotted #a6a8a7;} .menu-footer .menu li:last-child,#footer-box .menu li:last-child {border-bottom: none;} .menu-footer .menu li:hover, #menu-footer .menu li.current,#footer-box .menu li:hover,#footer-box .menu li.current {background: #474141;} .menu-footer .menu a,#footer-box .menu a {background: url('../images/nav_fotter_a_arrow.png') no-repeat 15px 15px; display: block;font-size: 13px; padding: 8px 10px 8px 30px; text-decoration: none} /* page * ============================================ */ .page .titlewrap {text-align: center; overflow: hidden;} .page .titlewrap h2 {max-width: 80%; font-size: 48px;position: relative; display: inline-block;padding: 0 20px;} .page .titlewrap h2:before {width: 36%; position: absolute; left: -40%; top: 50%; border-top: 3px solid #4c4747; display: block; content: "";} .page .titlewrap h2:after {width: 36%; position: absolute; right: -40%; top: 50%; border-top: 3px solid #4c4747; display: block; content: "";} .page #top {background: url("../images/bg_page_firma.jpg") #da251e no-repeat center top; height: 170px;} .page .container-content-outer {background: #fff; clear: both;} .page .container-img-zoom {overflow:hidden; width:365px; height:350px;float: left;} .page .container-img-zoom:hover .img-zoom {-webkit-transform:scale(1.1); transform:scale(1.1);} .page .img-zoom {-webkit-transform:scale(1.0); transform:scale(1.0); -webkit-transition: all 1.4s ease; transition: all 1.4s ease;} .page .container-content {padding-bottom: 0;} /* page - serwis * ============================================ */ .page-id-5 #top {background: url("../images/bg_page_serwis.jpg") #da251e no-repeat center top;} .page-id-5 .container-content-outer {background: #f4f4f4; margin-top: 20px;} .container-content li span {background: url("../images/ico_serwices.png") #4c4747 no-repeat 0 0; width: 46px; height: 46px; text-indent: -999px; display: block; float: left; margin-right: 10px; position: relative;} .container-content li:hover span {background-color: #da251e;} .container-content ul {margin: 0;} .container-content ul > li {height: 46px; list-style: none outside none;margin: 10px 0; line-height: 46px; font-size: 18px;} .container-content ul > li:hover {background-color: #fff;} .container-content li:nth-child(2) span {background-position: 0 -50px;} .container-content li:nth-child(3) span {background-position: 0 -100px;} .container-content .contact-i {background: url("../images/bg_ico_contact-i.png") no-repeat center top; height: 75px; width: 68px; display: inline-block; vertical-align: middle; text-align: center;padding: 20px 20px; font-size: 14px; line-height: 16px; position: absolute; right: -10px; top: 43%; text-transform: uppercase;color: #fff;text-transform: uppercase; text-decoration: none; } .container-content .contact-i:hover {opacity: 0.9;} /* page - serwis * ============================================ */ #gallery-wrap-id-6 .desc {padding: 10px 0;} #gallery-wrap-id-6 .item {background-color: transparent; margin: 0 12px 10px 0} /* page - kontakt * ============================================ */ #tabs-wrap-24 .tabs-content {display: none; font-size: 14px} #tabs-wrap-24 .tabs-title {background: url("../images/ico_tabs_contact.png") #f4f4f4 no-repeat 40px 20px; cursor: pointer; margin-bottom: 5px; padding: 20px 40px 20px 120px; border-radius: 5px;position: relative; font-size: 18px;} #tabs-wrap-24 .tabs-title:hover {background-color: #f0f0f0; background-position: 40px 25px; } #tabs-wrap-24 .tabs-item {margin-bottom: 20px; } #tabs-wrap-24 .tabs-inner {width: 40%; padding: 4% calc(5% - 1px) 3% calc(5% - 1px); border: 1px solid #d7d8d8; float: left;} #tabs-wrap-24 .form-right {width: 40%; padding: 4% calc(5% - 2px) 3% 5%; border: 1px solid #d7d8d8; border-left: none; float: left;} #tabs-wrap-24 form input[type="text"],#tabs-wrap-24 form select,#tabs-wrap-24 form textarea {background: #fff;height: 42px; line-height: 42px; padding: 4px 0 4px 10px; border: 1px solid #d7d8d8;} #tabs-wrap-24 form input[type="text"]:hover, #tabs-wrap-24 form textarea:hover {border-color: #000;} #tabs-wrap-24 form textarea {height: 100px;} #tabs-wrap-24 form input[type="submit"] {background: #d9241d; height: 42px; padding: 6px 40px; } #tabs-wrap-24 form input[type="submit"]:hover {background: #ad130c;} #tabs-wrap-24 form input[name="kod"],#tabs-wrap-24 form input[name="kod2"] {width: 140px;} #tabs-wrap-24 form .captcha,#tabs-wrap-24 form #captcha {margin-top: 10px;} .map { margin-top: -50px;} #wpgmza_map {height: 350px; margin-bottom: 50px;} .map h4 {text-align: center; font-weight: normal; } .tabs-ico {background: url("../images/kontakt-tabs-arrow.png") no-repeat center; width: 37px; height: 37px; position: absolute; right: 40px; top: 26px; border-radius: 4px; border: 1px solid #a8a4a4;} .tabs-item.active .tabs-ico,.tabs-ico:hover {transform:rotate(180deg);} /* page - o firmie * ============================================ */ .box-content {width: 33%; padding: 10px 2% 0; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 1.5em; -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2);} /*.box-content:first-child {padding-left: 0;}*/ /*.box-content:last-child {padding-right: 0;}*/ .box-content:hover {/*padding: 1% 3%; position: absolute; z-index: 20;*/ margin-top: -5px; -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.7); box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.7);} /* page - secend hand * ============================================ */ .page-id-7 .container-content-outer {background: #f4f4f4; margin-top: 20px;} .page-id-9 .container-content-outer {background: #f4f4f4; margin-top: 20px;} #slide-box-finn { background: url("../images/wwwFINN.png") #ffffff no-repeat center ; background-size: cover; border-radius: 3px 0 0 3px; cursor: pointer; height: 47px; position: fixed; right: 0; top: 190px; width: 47px; z-index: 10; box-shadow: 0px 2px 5px 0px rgba(150, 150, 150, 0.54);} #slide-box-finn a {display: block; height: 47px;width: 47px;} #slide-box-finn:hover {-webkit-box-shadow: 0px 2px 5px 0px rgba(150, 150, 150, 0.74); -moz-box-shadow: 0px 2px 5px 0px rgba(150, 150, 150, 0.74); box-shadow: 0px 2px 5px 0px rgba(150, 150, 150, 0.74) } .img-eu {position: absolute; left: 100%; height: 80px; margin-top: 20px;} /* mobile * ============================================ */ @media only screen and (min-width: 767px){ #nav {position: static !important; top: 0 !important} #nav .menu {display: block !important;} } @media only screen and (max-width: 999px){ .wrap, .desc-wrap {width: 768px;} #main iframe {max-width: 100%;} #main img {max-width: 100%; height: auto !important;} #nav a {padding-left: 6%; padding-right: 8%;} #nav .menu > li {margin: 0 2px} #logo {margin-left: 0;} #logo img {max-width: 95%} .page-sidebar-column #content {width: 530px;} #sidebar-column {width: 220px; margin-left: 18px} .one-third .box-text {height: auto !important} #slider-content-23 .slides > li, #header-image {height: 572px;} #lang {position: static;} #nav {margin-right: 0;} .container-content {width: 50%; padding-right: 3%; padding-left: 3%;} .container-content p {padding: 0;} .container-img-zoom {width: 44%; height: auto;} .container-content {width: 94%; padding: 3%;} .page .container-img-zoom {width: 100%; } .img-eu {right: 0; top: 32px; left: auto; height: 80px; margin-top: 0;} } @media only screen and (max-width: 767px){ .wrap, .desc-wrap {width: 98%; padding: 0 1%;} .one-third, .one-half, .one-fourth, #text-97ab, #text-de65, #text-062b, #text-0415 {float: none; margin: 0; width: auto; position: static;} #text-97ab, #text-de65, #text-062b, #text-0415 {height: auto; padding: 20px 0; margin: 0 0 20px} #text-97ab h3, #text-de65 h3, #text-062b h3, #text-0415 h3 {padding: 0 0 0 20px;} #sidebar-column {padding-bottom: 0} .section-wrap {padding-left: 20px; padding-right: 20px} .page-sidebar-column #content, #sidebar-column {width: auto; margin: 0; float: none} #text-bf4d {padding-top: 0} #main {padding: 50px 15px 15px 15px; margin: 0} #slider-content-23 .slides > li, #header-image {height: 364px;} #nav {background: transparent; top: 10px; right: 20px; position: fixed; margin: 0; width: 50px; z-index: 50} #nav .menu {background: #ffffff; display: none; width: 300px; position: absolute; z-index: 60; padding: 10px 0; margin: 0; top: 55px; right: 5px} #nav li {width: 100% !important} #nav .menu li a, #nav .menu ul > li > a {text-align: center; color: #00486F; float: none; padding: 8px 0; height: auto; border-radius: 0} #nav .menu > li > a {line-height: normal;} #nav .menu > li .catalog .thumb {display: none;} #nav .menu > li.catalog ul li {display: none;} #nav .menu li {margin: 0; float: none; border: 0 none !important;} #nav .menu > li {height: auto;} #nav .menu > li:last-child {border: 0 none} #nav .menu ul {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0} #nav .menu ul a {background: #e8e8e8; color: #fff !important} #nav .menu ul ul a {background: #d9d9d9; } #nav .menu ul a:hover {background: #b9bbbd !important;} #nav .menu > li a:before {display: none; visibility: hidden} #nav .menu > li:hover > a, #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {color: #DA251E !important} #logo {margin-left: 20px} #button-mobile-menu {display: block;} #langs {top: 20px; right: 75px} #footer-box {padding: 30px 30px 10px} #cookies {width: 90%; margin: 0 5%; right: 0; bottom: 30px;} #slider-content-wrap-23 img {width: 90% !important; padding-top: 100px} .flex-direction-nav a {top: 70% !important0} #footer-box {padding: 30px 0 10px;} #footer-up .box.first-box {width: 94%;padding-left: 3%} #footer-up .box {width: 94%; padding: 0 3%;margin-top: 20px;} .box-content {width: 96%; margin-top: 20px;} .box-content:hover {margin-top: 10px;} .gallery-wrap {text-align: center} .gallery-wrap .item {display: inline-table; float: none;} #tabs-wrap-24 .tabs-inner {width: 92%; padding: 20px 4%;} #tabs-wrap-24 .form-right {width: 92%; padding: 20px 4%; border: none;} .map { margin-top: 0px;} #wrap-nav3 {width: 100%; padding: 0;} .catalog-listing .listing-produkt {width: 100%; padding: 0;} #catalog-wrap-single {width: 100%;} #slider-content-wrap-24 {width: 80%; margin: 0 auto;} #photos .item {min-height: 80px;} .img-eu {top: 58px; right: 20px; z-index: 0; height: 60px;} } @media only screen and (max-width: 480px){ #logo {width: 90%; float: none; padding: 0; margin: 0 auto; display: block; text-align: center} #logo img {padding-left: 0; display: block; padding: 20px 0; display: inline-block; margin-top: 40px;} .content img.left, .content img.right {float: none; display: block; margin-left: 0; margin-right: 0} table {width: 100% !important} .slider-content-nav {right: 5px} .slider-content-nav .slider-prev, .slider-content-nav .slider-next {margin-top: 20px;} #main {margin-bottom: 0} .slider-content-wrap > .desc-wrap, .slider-content-paging-wrap {display: none !important} .slider-content-wrap {border-bottom: 15px solid #d5d2d2} .container-img-zoom {width: auto;} #lang {padding: 0 ;} #langs {top: 0; right: auto; left: 0} #top .top-right {display: none} #footer-box, #footer {margin: 0} #footer .wrap {padding-top: 20px} #footer-foo {padding-bottom: 10px} #copy, #design-by {float: none; text-align: center; margin: 0 auto 5px; padding: 0; display: block;} #design-by strong {display: inline-block} .catalog-listing .listing-produkt .item {width: 96%; max-width: 96%;} .img-eu {display: none;} }