body{margin:0} #start-page,#cms-page{background:url(../img/layout/bg-top.jpg) 50% -2px no-repeat} html{color:#333} html,button,input,select,textarea{font-size:100%;font:normal 14px 'Open Sans',Arial,sans-serif} h1{font-size:1em;margin:0;font-size:100%;font:normal 18px 'Open Sans',Arial,sans-serif} h2{font-size:1em;margin:0} h4{font-size:1em;margin:0} a{text-decoration:none;color:#333;cursor:pointer} a:active,a:hover{text-decoration:underline;color:#37383a} p{margin-bottom:.5em;margin-top:0;line-height:1.5em} ul{list-style-type:square;list-style-position:outside;margin:0 0 0 1.5em;padding:0;line-height:1.5em} figure{margin:0} .hidden{display:none} .clearfix:before,.clearfix:after{content:" ";display:table} .clearfix:after{clear:both} .clearfix{*zoom:1} .clearer{clear:both} .center{text-align:center} .bold { font-weight: bold; } .req,.red,.error,.important{color:#D2071D} #cms_icons{margin-bottom:10px;display:inline-block;width:100%;padding-right:30px;} #cms_icons li{float:left;width:8.6666%;position:relative;padding-right:10px;} #cms_icons li img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);} #cms_icons li:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-o-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);} #cms_icons li > div{position:absolute;top:24px;display:none;width:140px;left:-60px;} #cms_icons li > div:before{content:url('https://web.archive.org/web/20161102215243im_/https://www.decorsystem.pl/img/ikony/trojkat-2.png');position:absolute;top:5px;left:60px;} #cms_icons li > div > div{border:1px solid #cd2328;padding:12px 0px;text-align:center;background:#fff;} #cms_icons li a{color:#cd2328;} #cms_icons li a:hover{text-decoration:underline;} #cms_icons li .b{font-style:normal;font-variant:normal;font-weight:normal;font-size:11px;color:#000;} #cms_icons li:hover > div{display:block;padding-top:19px;z-index:999;} img{max-width:100%; height: auto;} a img{border:0} input[type='number'], input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='tel'], textarea { padding: 5px 4px; color: #666; font-style: italic; border: 1px solid #CCCCCC; } select { padding: 5px 25px 5px 10px; background-color: #fff; color: #666; font-style: italic; background-image: url(../img/layout/arrow-select.svg); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CCCCCC;} select::-ms-expand { display: none;} /*video z youtube*/ .video-container {display:block;width:75%;margin:30px auto;} @media only screen and (max-width: 767px) { .video-container {width:95%;} } @media screen and (max-width: 600px) and (min-width: 200px) { .video-container {width:100%;margin:15px auto;} } .video-wrapper {position: relative;width: 100%;padding-bottom: 56.25%;} .video-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .hidden{display:none} .req-info{color:#999;font-size:12px} input[type=checkbox].checkbox{display:none} input[type=checkbox].checkbox + label.label-checkbox{padding-left:20px;min-height:15px;display:inline-block;line-height:15px;background-repeat:no-repeat;background-position:0 0;vertical-align:middle;cursor:pointer} input[type=checkbox].checkbox:checked + label.label-checkbox{background-position:0 -50px} label.label-checkbox{background-image:url(../img/layout/checkbox.png);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .btn{border:0;height:32px;min-width:100px;padding:0 20px;font-weight:600;cursor:pointer;text-transform:uppercase} .btn-small{border:0;height:22px;font-weight:600;cursor:pointer} .btn-large{border:0;height:40px;padding:0 20px;font-weight:700;cursor:pointer;text-transform:uppercase;} a.btn{display:inline-block;min-width:80px;text-align:center;line-height:36px;height:36px;padding:0 20px;text-decoration:none} a.btn-small, span.btn-small {display:inline-block;line-height:22px;height:22px;padding:5px 10px 5px 10px;text-decoration:none} a.btn-large{display:inline-block;line-height:40px;height:40px;text-decoration:none;text-transform:uppercase} .btn-arrowd{padding-right:40px;background:url(../img/layout/arrowd.png) right 50% no-repeat} .btn-arrowl{padding-left:30px;background:url(../img/layout/arrowl.png) 0 50% no-repeat} .btn-arrowr{padding-right:30px;background:url(../img/layout/arrowr.png) right 50% no-repeat} .btn-arrowr2{padding-right:45px;background:url(../img/layout/arrowr2.png) right 50% no-repeat} .btn-print{padding-left:45px;display:inline-block;background:url(../img/layout/btn-print.png) 0 50% no-repeat} .color1{background-color:#e71b2d;color:#fff;box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.3);} .color2{background-color:#F86300;color:#fff} .color3{background-color:#555;color:#fff} .color4{background-color:#EBEBEB;color:#333} .color5{background-color:#2676D7;color:#fff} a.print{color:#D2071D;background:url(../img/layout/print-icon.png) 0 50% no-repeat;padding-left:30px} .header-content{clear:both} .header-content h1,.header-content strong{font-size:18px;font-weight:400;min-height:40px;line-height:40px;min-width:200px;color:#fff;margin:0;padding:0 20px;background-color:#cd2328;display:inline-block} .header-content .more{text-align:right} .container-max{max-width:1480px;padding:0 20px;margin:0 auto;} .anchorId {color:#f85422;text-decoration:none;} .anchorId:hover {color:#b10005;text-decoration:none;} #main-page .container-max-header,#cart-page .container-max-header{background:url(../img/layout/bg-top.jpg) 50% 0 no-repeat} #header-main{margin-bottom:8px} #header-main #logo{float:left;width:20%;margin-bottom:20px} #header-main .header-top{margin-bottom:5px} #header-main .shops{float:right;width:74.1666667%;height:66px} .shops-wrapper{position:fixed;z-index:200;width:74.1666667%;max-width:890px} #header-main .shops ul{margin:0;list-style-type:none} #header-main .shops li{float:left;width:20%;height:66px;text-align:center} #header-main .shops ul a{font-size:12px;color:#fff;display:block;height:66px;margin-right:1px;position:relative} #header-main .shops span{position:absolute;bottom:0;padding:6px 5px;line-height:1.2em;width: calc(100% - 10px); background-color:#2E2E2E;display:block} #header-main .shops a:hover span{background-color:#d62827} #header-main .shops a#all-shops{float:left;font-size:13px;color:#fff;background-color:#2E2E2E;padding:0 20px;height:27px;line-height:27px;text-align:center;text-decoration:none;display:none} #header-main .shops a#all-shops:hover{background-color:#d62827} #header-main .shops .item1 a{background:url(../img/layout/shop-icon1.jpg) 50% 0 no-repeat} #header-main .shops .item2 a{background:url(../img/layout/shop-icon2.jpg) 50% 0 no-repeat} #header-main .shops .item3 a{background:url(../img/layout/shop-icon3.jpg) 50% 0 no-repeat} #header-main .shops .item4 a{background:url(../img/layout/shop-icon4.jpg) 50% 0 no-repeat} #header-main .shops .item5 a{background:url(../img/layout/shop-icon5.jpg) 50% 0 no-repeat} .fancybox-container #shops-box{margin:0;list-style-type:none;min-width:240px} .fancybox-container #shops-box li{padding-left:10px;margin-bottom:5px;background:url(../img/layout/arrow1.png) 0 50% no-repeat} #header-main .header-cont{float:right;width:80%;padding-top:1.5%;margin-bottom:25px} #header-main .header-cont-wrapper{margin-left:20px} #header-main .header-right{display:table;width:100%;padding:0;table-layout:fixed} #header-main .icon-box{display:table-cell;vertical-align:bottom;width:300px;text-align:right} #header-main .icon{width:47px;height:47px;display:block;margin:0 auto 5px;position:relative} #header-main .value{position:absolute;font-weight:700;right:-4px;top:-3px;background-color:#d2071d;width:20px;height:20px;line-height:20px;text-align:center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#e5e5e5;font-size:12px} #header-main .title{font-size:12px} #header-main .cart-header{text-decoration:none;color:#fff;display:inline-block;margin-left:25px} #header-main .cart-header .icon{background:url(../img/layout/cart-icon.png) 50% -47px no-repeat} #header-main .active .icon{background-position:50% 0} #header-main .cart-header .value{background-color:#2f2f2f} #header-main .safe-header{text-decoration:none;color:#fff;display:inline-block;margin-left:25px} #header-main .safe-header .icon{background:url(../img/layout/safe-icon.png) 50% 0 no-repeat} #header-main .v0 .value{display:none} #header-main .v0 .icon{background:url(../img/layout/safe-icon.png) 50% -47px no-repeat} #header-main .login-header{text-decoration:none;color:#fff;display:inline-block} #header-main .login-header .icon{background:url(../img/layout/account-icon.png) 50% 50% no-repeat} #header-main .header-bottom{clear:both;border-top:1px solid #CE1A1A;min-height:47px;position:relative} #header-main nav ul{padding:0;margin:0;list-style-type:none} #header-main nav > ul > li{margin:0;float:left;width:12.5%;text-align:center} #header-main nav > ul > li > a{display:block;height:47px;line-height:47px;color:#fff;text-transform:uppercase;overflow:hidden;text-decoration:none} #header-main nav > ul > li > a:hover,#header-main nav > ul > li:hover > a{background:url(../img/layout/top-menu-bg.png) 50% 0 no-repeat} #header-main nav > ul > li > ul{text-align:left;padding:10px 0;position:absolute;z-index:100;max-width:300px;min-width:200px;background-color:#282727;list-style-type:none;margin:0;webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;opacity:0;visibility:hidden} #header-main nav > ul > li:hover > ul{opacity:1;visibility:visible} #header-main nav > ul > li > ul li{padding:0 20px;margin-bottom:5px} #header-main nav > ul > li > ul a{color:#fff} #header-main a.top-menu-link{position:absolute;top:10px;height:30px;line-height:30px;width:100px;text-align:center;padding:0;color:#fff;background:#b90c1e url(../img/layout/menu-icon2.png) 50% 50% no-repeat;font-size:0;text-indent:-9999px;display:none} .fancybox-container #top-menu{min-width:240px} .fancybox-container #top-menu ul{margin:0;list-style-type:none} .fancybox-container #top-menu > ul > li{margin:0 0 5px} .fancybox-container #top-menu > ul > li > a{font-weight:700} .fancybox-container #top-menu > ul ul{font-size:12px;margin-top:5px} .fancybox-container #top-menu > ul ul li{padding-left:10px;margin-left:10px;margin-bottom:2px;background:url(../img/layout/arrow1.png) 0 50% no-repeat} #header-search{display:table-cell;vertical-align:top;position:relative;} #header-search p.name{display:block;text-align:left;margin:0 0 15px 40px} #header-search form{height:40px;line-height:40px;padding-left:40px;} #header-search fieldset{border:0;padding:0;padding-right:122px;position:relative;margin:0} #header-search legend{display:none} #header-search #query{padding:0 15px;height:40px;border:0;width:100%;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #header-search #buttons-search{position:absolute;right:0} #header-search #search-btn{float:left;margin-right:1px} #header-search a#header-search-adv{float:left;margin-left:1px;text-align:center;font-weight:bold;font-size:16px;width:38px;height:38px;line-height:38px;background-color:#b11b2c;border:1px solid #e91616;} .header-search-list{display:none;position:absolute;z-index:1000;background-color:#fff;left:40px; width: calc(100% - 40px);min-width:400px;} #search-results{background-color:#fff;border:1px solid #9A9A9A;line-height:normal;-moz-box-shadow:5px 5px rgba(0,0,0,0.3);-webkit-box-shadow:5px 5px rgba(0,0,0,0.3);box-shadow:0 5px 5px rgba(0,0,0,0.3);} #search-results .product-list{margin:0;} #search-results .product{clear:both;padding:10px 0;border-bottom:1px solid #F3F3F3;} #search-results .product-box{display:table;width:100%;padding:0;} #search-results .product-img{display:table-cell;vertical-align:top;width:80px;padding:0 10px;text-align:center;} #search-results .product h4{font-size:14px;margin:0;} #search-results .product p{margin:0;color:#999;font-size:12px;font-weight:300;} #search-results .description{display:table-cell;vertical-align:top;} #search-results .price{display:table-cell;width:80px;padding-right:10px;vertical-align:top;text-align:right;} #search-results .price strong{color:#CD2328;font-size:14px;} #search-results .pages{background-color:#F5F5F5;float:left;width:100%;padding:5px 0;} #search-results a.prev{float:left;margin-left:10px;} #search-results a.next{float:right;margin-right:10px;} #search-results .not-exists{padding:10px;} #search-results .not-exists h3{font-size:18px;font-weight:normal;margin:0 0 10px 0;} #lang-box{font-size:12px} #lang-box-wrapper{float:right;position:relative} #lang-box-bar{margin:0;padding:0 10px;list-style-type:none;display:inline-block;background-color:#f5f5f5} #lang-box-bar li{display:inline-block;padding:5px 0;margin-right:10px;white-space:nowrap} #lang-box-bar li span{color:#999} #lang-box-bar li:last-child{margin-right:0} #lang-box-bar .change{background:url(../img/layout/arrow3.png) right 50% no-repeat;padding-right:15px;cursor:pointer;color:#333} #lang-box-bar .act{background-image:url(../img/layout/arrow3b.png)} #lang-settings{display:none;position:absolute;min-width:100%;z-index:110;right:0} #lang-settings-wrapper{background-color:#fff;border:1px solid #E5E5E5;padding:10px} #lang-settings .item{float:left;width:100%;margin-bottom:10px} #lang-settings .col2{width:50%} #lang-settings .col3{width:33.33%} #lang-settings .title{font-weight:700} #lang-settings ul{margin:0;list-style-type:none} #lang-settings select{font-size:12px;max-width:100%} #lang-submit{clear:both;text-align:center} .container-side{float:left;width:19.5945946%;clear:left;} .container-main{float:right;width:80.4054054%;} .container-main-wrapper{margin-left:20px} .content-box{clear:both;border:1px solid #E5E5E5;background-color:#fff;margin-bottom:20px} .sbox{padding:20px} .side50{float:left;width:50%} .box-left{margin-bottom:20px} .box-left-content{padding:15px;border:0px solid #EDEDED} .box-left .box-left-header{font-size:1em;font-weight:400;margin:0;height:40px;line-height:40px;padding:0 5px 0 50px;color:#fff;background-color:#cd2328;background-image:url(../img/layout/box-left-header.png);text-align:center;background-position:0 center;background-repeat:no-repeat;overflow:hidden} .box-left .box-title{font-size:1em;margin:0 0 10px} #box-producer ul{margin:0 0 10px;list-style-type:none} #box-producer ul li{padding-left:10px;background:url(../img/layout/arrow1.png) 0 50% no-repeat} #box-producer .more{color:#D2071D} #box-client .box-left-header{background-image:url(../img/layout/clientmenu-icon.png)} #box-client ul{margin:0;list-style-type:none} #box-client li{padding-left:10px;background:url(../img/layout/arrow1.png) 0 50% no-repeat;margin-bottom:5px} #box-client #logout a{color:#D2071D} #last-viewed{border-bottom:2px solid #cd2328} #last-viewed .box-left-content{background-color:#f5f5f5;border:0} #last-viewed ul{margin:0;list-style-type:none} #last-viewed li{margin-bottom:20px;text-align:center} #last-viewed li:last-child{margin-bottom:0} #last-viewed .product-img{margin-bottom:5px} #last-viewed h4{margin-bottom:5px;font-weight:600} #last-viewed h4 a{color:#D2071D} #last-viewed del{color:#999} #last-viewed .price strong{font-weight:400} #tags{background:#fff;border-bottom:2px solid #CD2328} #tags ul{margin:0;padding:10px 0;list-style-type:none;border:1px solid #EDEDED} #tags li{margin:0} #tags span{font-weight:400;margin:0;font-size:1em;display:block} #tags li a{padding:5px 15px;display:block} #tags li a:hover{background-color:#f5f5f5} #tags .tag9{font-size:2.7em;line-height:1em} #tags .tag8{font-size:2.5em;line-height:1em} #tags .tag7{font-size:2.3em;line-height:1em} #tags .tag6{font-size:2.1em;line-height:1em} #tags .tag5{font-size:1.9em;line-height:1em} #tags .tag4{font-size:1.7em;line-height:1em} #tags .tag3{font-size:1.5em;line-height:1em} #tags .tag2{font-size:1.3em;line-height:1em} #tags .tag1{font-size:1.1em;line-height:1em} #select-menu{overflow:hidden} #select-menu a{float:left;text-align:center;height:40px;line-height:40px;background:#333;color:#fff;text-decoration:none;outline:0;text-transform:uppercase;font-weight:700;font-size:12px} #select-menu a.active{background:#cd2328} #select-menu #mitem1{width:100%} #select-menu #mitem2{width:55%} #menu-cont{clear:both} #menu-cont .mitem2{display:none} #start-menu{overflow:hidden;background-color:#920011;color:#fff} #start-menu .box-left-header{background-image:url(../img/layout/menu-icon.png);text-transform:uppercase;font-weight:700;font-size:18px} #start-menu .categories{margin:0;list-style-type:none} #start-menu .categories > li{min-height:50px;border-top:1px solid #b10005;position:relative} #start-menu .categories > li img{display:block} #start-menu a{color:#fff;display:block;outline:0;font-size:18px} #start-menu a img{-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-ms-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out} #start-menu a:hover{background-color:#000} #start-menu a:hover img{opacity:.3;filter:alpha(opacity=30)} #start-menu .categories em{font-style:normal;position:absolute;bottom:8px;left:10px;margin-right:10px;display:inline-block;max-width:70%} #start-page #start-menu .box-left-header,#cms-page #start-menu .box-left-header{display:none} #main-menu{overflow:hidden;background-color:#fff;border-bottom:2px solid #cd2328} #main-menu .box-left-header{background-image:url(../img/layout/menu-icon.png);text-transform:uppercase;font-weight:700;font-size:18px} #main-menu .box-left-content{padding:10px 0} #main-menu ul{margin:0;list-style-type:none} #main-menu .categories > li{margin:0;padding:5px 15px} #main-menu .categories ul{margin-left:10px} #main-menu .categories ul li{padding:3px 0} #main-menu .categories ul li a{background:url(../img/layout/arrow1.png) 0 50% no-repeat;padding-left:10px} #main-menu .categories .activeSubcategory,#main-menu .categories .active{background-color:#F2F2F2} #main-menu .categories li img{display:block;margin-bottom:5px} #main-menu .categories li span{color:#999} #box-left-best a{font-weight:700} .slicknav_btn{position:relative;display:block;vertical-align:middle;cursor:pointer;margin:0;color:#fff;text-decoration:none;background:#CD2328 url(../img/layout/menu-icon.png) 0 0 no-repeat;height:40px;line-height:40px;padding:0 5px 0 50px;font-weight:700;font-size:18px} #clientMenu .slicknav_btn{background:#EAE9E9 url(../img/layout/clientmenu-icon.png) right 0 no-repeat;color:#D2071D} .slicknav_menu .slicknav_menutxt{display:block;float:left;text-transform:uppercase} .slicknav_menu .slicknav_no-text{margin:0} .slicknav_nav{clear:both;margin:0;padding:0;background-color:#f5f5f5} .slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden} .slicknav_nav ul,.slicknav_nav li{display:block} .slicknav_nav > li{border-bottom:1px dotted #ccc} .slicknav_nav ul{margin:0} .slicknav_nav .slicknav_arrow{font-size:.8em;font-weight:400;margin:0 0 0 .4em;width:20px;text-align:center;display:inline-block;color:#fff;background-color:#999;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .slicknav_nav .slicknav_item{cursor:pointer} .slicknav_nav .slicknav_row{display:block;padding:6px 15px;margin:0} .slicknav_nav a{ display:block;padding:6px 15px;margin:0;text-decoration:none} .slicknav_nav ul a{padding-left:30px} .slicknav_nav ul ul a{padding-left:45px} .slicknav_nav ul ul ul a{padding-left:60px} .slicknav_nav ul ul ul ul a{padding-left:75px} .slicknav_nav ul .slicknav_row{padding-left:30px} .slicknav_nav ul ul .slicknav_row{padding-left:45px} .slicknav_nav ul ul ul .slicknav_row{padding-left:60px} .slicknav_nav ul ul ul ul .slicknav_row{padding-left:75px} .slicknav_nav .active > a,.slicknav_nav .active > span > a,.slicknav_nav .activeSubcategory > span > a{font-weight:700} .slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{display:inline;padding:0;margin:0} .slicknav_nav .slicknav_row:hover{background:#4D4D4D} .slicknav_nav .slicknav_item:hover a{color:#fff} .slicknav_nav a:hover{background:#4D4D4D;color:#fff} .slicknav_nav a span{ } .slicknav_nav .slicknav_txtnode{margin-left:15px} .slicknav_menu:before,.slicknav_menu:after{content:" ";display:table} .slicknav_menu:after{clear:both} .slicknav_menu em{font-style:normal} .slicknav_nav img{display:none} .slicknav_menu{display:none} .slicknav_nav .lp { display: none; } #hits{margin-bottom:60px} #hits .title{background:#fc0 url(../img/layout/hit-icon.png) right 0 no-repeat;width:210px;height:40px;line-height:40px;padding:0 15px;color:#2e2d2d;text-transform:uppercase;font-weight:700} #hits-content{border-color:#fc0;position:relative} .product-hit{clear:both;width:100%} .product-hit .product-img{float:left;width:46.9083156%} .product-hit .product-img a{text-align:center;display:block;padding:20px} .product-hit .description{padding:30px 0 20px;float:right;width:53.0916844%} .product-hit .cont{padding:0 20px} .product-hit h3{font-size:30px;margin:0 0 10px;font-weight:400} .product-hit h3 a{color:#d2071d} .product-hit h5{margin:0 0 20px;font-size:1em} .product-hit .price .item{float:left;margin-right:30px} .product-hit .price strong{font-size:30px;line-height:50px} .product-hit .price strong.pprice{line-height:1em} .product-hit del{color:#999;font-weight:700;display:block} #hits .bx-pager{position:absolute;bottom:-30px;width:100%;text-align:center;font-size:0} #hits .bx-pager-item{display:inline-block;height:15px} #hits .bx-pager a{text-indent:-9999px;display:inline-block;margin:0 5px;text-decoration:none;width:60px;height:15px;background-color:#e5e5e5;outline:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px} #hits .bx-pager a.active{background-color:#d2071d} #hits a.bx-prev{position:absolute;display:none;z-index:100;background:#fff url(../img/layout/arrow-controls.png) 0 50% no-repeat;width:15px;height:60px;top:100px;left:10px;text-indent:-9999px;font-size:0;outline:0} #hits a.bx-next{position:absolute;display:none;z-index:100;background:#fff url(../img/layout/arrow-controls.png) -50px 50% no-repeat;width:15px;height:60px;top:100px;right:10px;text-indent:-9999px;font-size:0;outline:0} #startbox-header ul{padding:0;margin:0;list-style-type:none} #startbox-header ul li{float:left;padding:0;margin:5px 5px 0 0;background:#f5f5f5} #startbox-header ul li a{display:block;padding:0 20px;height:40px;line-height:40px;color:#333;text-align:center;text-decoration:none;font-weight:600;text-transform:uppercase} #startbox-header ul li:last-child{margin-right:0} #startbox-header ul li.active{background:#cd2328} #startbox-header ul li.active a{color:#fff} #startbox-header a.more{display:none;float:right;line-height:40px} #startbox .sbox1,#startbox .sbox2,#startbox .sbox3,#startbox .sbox4,#startbox .sbox5{display:none} .startbox-headerB{margin-bottom:10px} #art-start{background-color:#fff;border:1px solid #e5e5e5;padding:20px} #index-banner{margin-bottom:15px;position:relative} #index-banner .cont img{display:block} #index-banner .bx-pager{position:absolute;bottom:4px;width:100%;text-align:center;font-size:0} #index-banner .bx-pager-item{display:inline-block;height:12px} #index-banner .bx-pager a{text-indent:-9999px;display:inline-block;margin:0 5px;text-decoration:none;width:12px;height:12px;background-color:#f4f4f4;outline:0;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.5) inset;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.5) inset;box-shadow:1px 1px 1px rgba(0,0,0,0.5) inset} #index-banner .bx-pager a.active{background-color:#2f2f2f} #index-banner .shadow{display:block;height:31px} #index-banner .shadow img{display:block;margin:0 auto} #info-start{font-size:20px;text-align:center;padding-bottom:15px;margin-bottom:10px;border-bottom:0px solid #ededed} #info-start .item1{font-size:33px;margin-bottom:5px} #info-start .item1 span{color:#e00;display:inline-block;margin:0 20px} #info-start .item1 strong{display:inline-block;padding:2px 0 2px 60px;margin:0 20px;background:url(../img/layout/tel-iconB.png) 0 50% no-repeat} #info-start .item2{margin-bottom:0} #info-start .item3{margin-bottom:0;font-size:24px} #info-start .item4{margin-bottom:0;font-size:14px} #galeria-start{padding-bottom:20px;margin-top:40px;margin-bottom:20px;border-bottom:0px solid #ededed} #galeria-start .box1{float:left;width:33.6170213%} #galeria-start .box1 h3{margin:0 0 25px} #galeria-start .box1 h5{font-size:24px;font-weight:300;margin:0 10px 20px 0;letter-spacing:-1px;line-height:1.2em} #galeria-start .box1 p{font-weight:300;margin:0 15px 0 0} #galeria-start .box2{float:left;width:66.3829787%} #galeria-start .box2 .item{float:left;width:25%} #galeria-start .box2 .item1 a{background:url(../img/layout/galeria-domy.jpg) 50% 0 no-repeat} #galeria-start .box2 .item2 a{background:url(../img/layout/galeria-kamienice.jpg) 50% 0 no-repeat} #galeria-start .box2 .item3 a{background:url(../img/layout/galeria-detale.jpg) 50% 0 no-repeat} #galeria-start .box2 .item4 a{background:url(../img/layout/galeria-przedpo.jpg) 50% 0 no-repeat} #galeria-start .box2 .item a{display:block;margin-right:1px;height:35px;text-align:center;padding:195px 10px 0;color:#fff;text-decoration:none;background-size:100% 100%;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;-ms-transition:.25s;transition:.25s} #galeria-start .box2 .item span{display:block;border:1px solid #e90c0b;font-size:18px;line-height:26px;height:26px} #banners-bottom{clear:both;margin-bottom:25px} #banners-bottom .item{float:left;width:23.75%;margin-right:1.6666667%;position:relative} #banners-bottom .item img{display:block} #banners-bottom .item4{margin-right:0} #banners-bottom .item a{color:#fff;display:block} #banners-bottom .item span{position:absolute;bottom:0;right:0;width:95%;display:block;text-align:center;background-color:rgba(0,0,0,0.5);font-size:17px;padding:8px 2.5%} #banners-bottom2{clear:both;margin-bottom:25px} #banners-bottom2 .item{float:left;margin-right:1.6666667%;position:relative} #banners-bottom2 .item img{display:block} #banners-bottom2 .item4{margin-right:0} #banners-bottom2 .item a{color:#fff;display:block} #banners-bottom2 .item span{position:absolute;bottom:0;right:0;width:95%;display:block;text-align:center;background-color:rgba(0,0,0,0.5);font-size:17px;padding:8px 2.5%} .banners2 { margin-bottom: 25px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .banners2 a { outline: 0; } .banners2 img { display: block; width: 100%; } .banners2 .item1 { margin-right: 1.7630465%; } #breadcrumbs{padding:12px 15px;background-color:#fff} #breadcrumbs > ol { list-style-type: none; margin: 0; padding: 0; } #breadcrumbs > ol > li { margin: 0; display: inline-block; } h1.title{font-size:18px;margin:0 0 10px;font-weight:400;background:url(../img/layout/dot1.png) 0 0 repeat-x} h1.title span{background-color:#cd2328;display:inline-block;color:#fff;height:40px;line-height:40px;padding:0 20px} h2.title{font-size:20px;margin:0 0 10px} h2.title span{font-weight:400;font-size:14px;background-color:#f5f5f5;display:inline-block;height:40px;line-height:40px;padding:0 40px} .product-list{margin:0 0 20px} .product-listA .product-list-content{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background-color:#fff} .product-listB .product-box{border:1px solid #e5e5e5} .product-list .note{text-align:center;margin:20px} .product h4{margin-bottom:10px} .product h5{margin:-5px 0 10px;font-size:.85em;font-weight:400;color:#8b8b8b;display:none;} .product .price strong{font-size:16px} .product .price .title{display:none} .product del{color:#999} .legzemplarzy{margin-bottom:5px} .legzemplarzy strong{display:inline-block;margin:0 0 0 5px;position:relative;top:1px;width:60px;height:10px;background:url(../img/layout/liczba-egzemplarzy.png) 0 0 no-repeat} .legzemplarzy .el10{background-position:0 -10px} .legzemplarzy .el30{background-position:0 -20px} .legzemplarzy .el50{background-position:0 -30px} .legzemplarzy .el70{background-position:0 -40px} .legzemplarzy .el100{background-position:0 -50px} .prom-txt{margin-bottom:5px} .prom-txt em{font-size:12px;color:#2e2d2d;padding:4px 10px;font-style:normal;font-weight:700;background-color:#fc0} .delivery{margin-bottom:5px;color:#58B311} .product .compare{padding:0;margin:0;list-style-type:none;color:#999;font-size:12px} .product .compare li{margin:0 10px 5px 0;display:inline-block;text-align:right} .product .compare li:last-child{margin-right:0} .product .add-to-safe{white-space:nowrap;color:#999;display:inline-block;line-height:15px;background:url(../img/layout/checkbox.png) 0 0 no-repeat;padding:0 0 0 20px} .product .remove-safe{white-space:nowrap;color:#D2071D;display:inline-block;line-height:15px} .prom-icons{font-size:0;position:absolute;top:0;left:-15px;margin:0} .prom-icons em{display:inline-block;width:35px;height:35px;margin-right:5px} .prom-icons em.new{background:url(../img/layout/new-icon.png) 0 0 no-repeat} .prom-icons em.bestseller{background:url(../img/layout/bestseller-icon.png) 0 0 no-repeat} a.add-to-cart{display:inline-block;min-width:80px;height:36px;line-height:36px;padding:0 20px 0 65px;background:#EF0100 url(../img/layout/cart-btn.png) 0 0 no-repeat;color:#fff;text-align:center;font-weight:700;text-decoration:none;text-transform:uppercase} a.add-to-cart2{display:block;height:43px;line-height:43px;background:#E71B2D;margin:0 0 10px;padding:0 25px;font-size:22px;color:#fff;text-align:center;text-decoration:none} a:hover.add-to-cart2{text-decoration:none;background-color:#ff0016} a.ask{display:inline-block;min-width:80px;height:36px;line-height:36px;padding:0 10px;background-color:#666;color:#fff;text-align:center;font-weight:700;text-decoration:none;text-transform:uppercase} a.ask2{display:inline-block;text-align:center;height:43px;line-height:43px;background-color:#666;margin:0 0 10px;padding:0 25px;font-size:22px;color:#fff;text-decoration:none} .add-to-cart[type='button']{display: block; height:30px; background:#EF0100;color:#fff; border: 0; text-decoration:none; } .product-list-content{margin-bottom:10px} #start-page .product-list-content{margin-bottom:0} .product-list-content .product-box{padding:20px} .view-all{text-align:center;display:none} .product-list-default .product{border-bottom:1px solid #E5E5E5;padding:20px} .product-list-default .product:last-child{border:0} .product-list-default .product-box{display:table;width:100%;padding:0} .product-list-default .product-img{display:table-cell;width:180px;padding-right:20px;vertical-align:top;text-align:center} .product-list-default .img-box{position:relative} .product-list-default .description{display:table-cell;vertical-align:top} .product-list-default .amount{margin:0 0 10px} .product-list-default .product .compare{margin-bottom:10px} .product-list-default .price{display:table-cell;width:200px;vertical-align:top;text-align:right} .product-list-default .price .item{display:block;margin:0 0 5px} .product-list-default a.add-to-cart,.product-list-default a.ask{margin-top:5px} .product-listB .product-list-default .product{margin-bottom:20px;border:1px solid #e5e5e5} .product-listB .product-list-default .product-box{border:0} .simple .prom-icons{position:static;top:auto;left:auto;margin-bottom:5px} .product-list-gallery .product{float:left;text-align:left} .product-list-gallery .product-img{display:block;margin:0 auto 0px 0;text-align:left;position:relative} .product-list-gallery .desc-short{line-height:1.3em;max-height:3.9em;overflow:hidden;margin-bottom:10px} .product-list-gallery .price{margin:0 0 10px} .product-list-gallery .price .item{display:block;margin:0 0 5px} .product-list-gallery a.add-to-cart,.product-list-gallery a.ask{margin-bottom:10px} .product-list-gallery .product del{margin-right:5px} .product-list-gallery .desc-long{font-size:1em;margin:0;font-size:100%;padding-bottom:5px;font:normal 12px 'Open Sans', Arial, sans-serif;} .gallery2 .product{width:50%} .gallery3 .product{width:33.33%} .gallery4 .product{width:25%} .product-listB .gallery2 .product{width:49%;margin-bottom:20px} .product-listB .gallery2 .product:nth-child(2n){float:right} .product-listB .gallery3 .product{margin:0 2% 20px 0;width:32%} .product-listB .gallery4 .product{margin:0 2% 20px 0;width:23.5%} #windowcart-recommended .product-list-recommended { margin-top: 20px; } #windowcart-recommended header > .title { margin-bottom: 0; border-top: 1px solid #EBEBEB; padding-top: 10px; } #windowcart-recommended header > .title span { padding:0; background-color:transparent; } #windowcart-recommended .product-list-gallery .product { min-width: 200px; } #windowcart-recommended .product-list-gallery .product a.add-to-cart{ padding:0 20px ;background-image: none; } #banner-user{margin-bottom:20px;font-size:12px} .promotion-area{position:relative;padding:20px} #promotion-wrapper{max-width:880px;margin:0 auto} #promotion-list header h3{font-size:16px;margin:0 0 20px} #promotion-list .product{float:left;text-align:center} #promotion-list .product h3{font-size:1em;margin:0 0 10px} #promotion-list .product .box{padding:0 20px} #promotion-list .product .product-img{display:block;text-align:center;margin:0 0 5px;min-height:140px} #promotion-list .add-to-cart{margin-top:10px} #promotion-list a.bx-prev{position:absolute;background:url(../img/layout/arrow-controls.png) 0 50% no-repeat;width:11px;height:60px;top:100px;left:9px;text-indent:-9999px;font-size:0;outline:0} #promotion-list a.bx-next{position:absolute;background:url(../img/layout/arrow-controls.png) -50px 50% no-repeat;width:11px;height:60px;top:100px;right:9px;text-indent:-9999px;font-size:0;outline:0} #promotion-list a.disabled{display:none} /* filtry produktów */ .filters { clear: both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 0px solid #E5E5E5; } .filters header { margin: 0 0 10px 0; } .filters header h3 { font-size: 16px; margin: 0; } .filters > form > ul { margin: 0; list-style-type: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .filters > form > ul > li { padding: 0; margin: 0 20px 10px 0; width: calc(25% - 15px); align-self: flex-end; } .filters select, .filters input[type='text'] { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .filters select, .filters .filters-options > input[type='text'] { border: 2px solid #ccc; } .filters .active .show-options, .filters .active .filters-options, .filters select.active { border-color: #CD2328 !important; } .filters .filters-item { position: relative; } .filters .show-options { cursor: pointer; padding: 5px 25px 5px 10px; color: #666; font-style: italic; border: 2px solid #ccc; background-image: url(../img/layout/arrow-select.svg); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; } .filters .show-options-active { border-color: #343434; } .filters .more a { color: #CD2328; } .filters-options { font-size: 12px; position: absolute; z-index: 100; margin-top: -2px; width: calc(100% - 22px); background-color: #fff; padding: 9px; opacity: 0; visibility: hidden; border: 2px solid #343434; border-top: 0; } .filters-options-show { opacity: 1; visibility: visible; } .filters .check-options { display: block; line-height: 1.3em; margin-bottom: 5px; } .filters-options-radio .cont { max-height: 250px; overflow-y: auto; margin-bottom: 10px;} .filters-options-checkbox .cont { max-height: 250px; overflow-y: auto; margin-bottom: 10px; } .filters-options-range .cont { margin-bottom: 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; align-items: center; } .filters-options-range .cont:last-child { margin-bottom: 0; } .filters-options-range .item1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; margin-right: 10px; text-align: right; } .filters-options-range .item2 { -ms-flex: 3; -webkit-flex: 3; flex: 3; } .filters .filters-btn-box { text-align: right; } .filters a.filters-remove { font-size: 12px; margin-right: 5px; color: #CD2328; text-decoration: none; display: none; font-weight: bold; } .filters .filters-btn { border: 0; padding-top: 6px; padding-bottom: 6px; background-color: #33333D; color: #fff; font-weight: bold; width: 100px; } .filters-options-range2 .cont-warpper { margin-bottom: 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .filters-options-range2 .cont-item1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; } .filters-options-range2 .cont-item3 { -ms-flex: 1; -webkit-flex: 1; flex: 1; } .filters-options-range2 input[type='text'] { padding-left: 10px; padding-right: 10px; } .filters-options-range2 .cont { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } .filters-options-range2 .item1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; text-align: center; } .filters-options-range2 .item2 { -ms-flex: 3; -webkit-flex: 3; flex: 3; } #slider-range { border: 0; height: 8px; margin: 20px 8px; background: #D3D3D3; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #slider-range .ui-slider-handle { border: 0; height: 16px; width: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 0 -8px 0 -8px; background: #fff; top: -4px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3); } #slider-range .ui-slider-range { background: #CD2328; } #viewing-options header span { display: inline-block; margin-right: 24px; font-weight: bold; } #viewing-options header a { background-color: #33333D; color: #fff; display: inline-block; display: none; line-height: 30px; padding: 0 15px; font-size: 12px; font-weight: bold; text-decoration: none; } #viewing-options .btn-filter { display: block; padding: 0; width: 100%; height: 40px; text-transform: uppercase; border: 0; cursor: pointer; } #viewing-options label.ui-checkbox { background: url(../img/layout/checkbox.svg) 0 1px no-repeat; padding-left: 20px; cursor: pointer; display: inline-block; } #viewing-options label.ui-checkbox-state-checked-hover { background-image: url(../img/layout/checkboxB.svg); } #viewing-options label.ui-checkbox-state-checked-disabled, #viewing-options label.ui-checkbox-state-checked { background-image: url(../img/layout/checkboxB.svg); } #viewing-options .ui-checkbox-disabled { opacity: 0.7; } #viewing-options label.ui-radio { background: url(../img/layout/radio.svg) 0 50% no-repeat; padding-left: 20px; cursor: pointer; display: inline-block; } #viewing-options label.ui-radio-state-checked-hover { background-image: url(../img/layout/radioB.svg); } #viewing-options label.ui-radio-state-checked-disabled, #viewing-options label.ui-radio-state-checked { background-image: url(../img/layout/radioB.svg); } #viewing-options .ui-radio-disabled { opacity: 0.7; } #viewing-options .premove label.ui-radio { background-image: none; color: #EF7500; font-weight: bold;} #viewing-options .premove a { text-decoration: none; color: #EF7500; margin-left: 20px; font-weight: bold; } .filters .check-list { list-style-type: none; margin: 0 0 10px 0; } .filters .check-list:last-child { margin-bottom: 0; } .filters .check-list li { margin-bottom: 2px; } .filters .check-list a { text-decoration: none; display: inline-block; background: url(../img/layout/radio.svg) 0 50% no-repeat; padding-left: 20px; } .filters .check-list a.active { background-image: url(../img/layout/radioB.svg); } .list-nav{clear:both;margin-bottom:10px} .list-nav ul.pages{float:left;margin:0} .list-nav ul.pages li{display:inline;margin:0 5px 0 0} .list-nav ul.pages li a{text-decoration:none} .list-nav ul.pages li a:hover{text-decoration:underline} .list-nav ul.pages li a.aktywna{background-color:#D2071D;padding:2px 5px;color:#fff} .nav-top ul.pages{margin:4px 0} .sort{float:right} .sortB{clear:both;margin:0 0 20px;list-style-type:none;float:right} .sortB li{display:inline} .sortB a{float:left;margin-left:10px} .sortB a.sort-up,.sortB a.sort-down{margin-left:5px;width:20px;height:20px;overflow:hidden;text-indent:-9999px;font-size:0;background-color:#F5F5F5;background-position:50% 50%;background-repeat:no-repeat} .sortB a.sort-up{background-image:url(../img/layout/arrow3.png)} .sortB a.sort-down{background-image:url(../img/layout/arrow3b.png)} .list-nav ul.view{float:right;margin:0;list-style-type:none} .list-nav ul.view li{float:left;margin:1px 0 1px 5px} .list-nav ul.view li span{line-height:20px} .list-nav ul.view li a{display:block;width:20px;height:20px;text-indent:-9999px;font-size:0;background-repeat:no-repeat} .list-nav ul.view li.widok-galeria a{background-image:url(../img/layout/widok-galeria-icon.png)} .list-nav ul.view li.widok-prosty a{background-image:url(../img/layout/widok-prosty-icon.png)} .list-nav ul.view li.widok-pelny a{background-image:url(../img/layout/widok-pelny-icon.png)} .list-nav ul.view li a:hover{background-position:0 -20px} .list-nav ul.view li a.active{background-position:0 -40px} ul.number-products{float:right;padding:0;margin:0 0 0 15px;list-style-type:none} ul.number-products li{display:inline;margin:0 0 0 5px} ul.number-products a.active{background-color:#D2071D;padding:2px 5px;color:#fff} #compare-btn{clear:both;float:left;height:22px;line-height:22px;text-decoration:none} .additional{margin-bottom:10px;border:1px solid #E5E5E5;padding:10px 20px} .additional:last-child{margin-bottom:20px} .additional ul{list-style-type:none;margin:0} .additional li{display:inline;margin-right:10px} .additional li:first-child{font-weight:700} #product-container{margin-bottom:20px} #product-container .product-home1 {color:#fff;background-color:#fb4e4e;line-height:30px;position:relative;text-align:center;padding:2px;margin-bottom:10px;} .product-top{border-left:0px solid #E8E8E8;padding-left:30px;padding-bottom:20px} .product-top h1{font-weight:800; font-size:26px;margin:0 0 5px} .product-top h2{font-weight:400;font-size:14px;padding:0;margin:0} .product-top p{font-weight:400;font-size:14px;padding:0;margin:0} .nav-product{float:right;text-align:right;margin:0 0 10px} .nav-product a{background-color:#cd2328;padding:3px 10px;margin-left:1px;text-decoration:none;font-size:12px;color:#FFF} .nav-product a:hover{text-decoration:none;background-color:#6a000e} .product-left{float:left;width:52.6595745%;margin-bottom:20px} .product-left-wrapper{border-left:0px solid #e8e8e8} .product-left .product-img{margin-bottom:20px;position:relative;text-align:center} .product-left .gallery-product{margin-bottom:20px;padding:0 35px;position:relative} .product-left ul.gallery { margin: 0; text-align: center; list-style-type: none; } .product-left ul.gallery li { margin: 0 2px 4px 2px; display: inline-block; } .product-left ul.gallery li a { display: inline-block; border: 1px solid #e5e5e5; } .product-left ul.gallery li img { display: block; margin: 0 auto; } .gallery-product a.bx-prev{position:absolute;z-index:100;background:url(../img/layout/arrow-controls.png) 0 50% no-repeat;width:11px;height:23px;top:30px;left:10px;text-indent:-9999px;font-size:0;outline:0} .gallery-product a.bx-next{position:absolute;z-index:100;background:url(../img/layout/arrow-controls.png) -50px 50% no-repeat;width:11px;height:23px;top:30px;right:10px;text-indent:-9999px;font-size:0;outline:0} .gallery-product a.disabled{display:none} .product-left .prom-icons{top:0px;left:5px} .product-right{float:right;width:47.3404255%;margin-bottom:20px} .product-right .product-right-box{margin-left:30px} #product-container .producer-logo{float:right;margin-bottom:20px;border:1px solid #E5E5E5;background-color:#fff;padding:10px} #product-container .producer-logo img{display:block;max-width:100px;max-height:50px} #product-container .producer a{font-weight:700;color:#D2071D} .price-box{clear:both;background:#f7f7f7 url(../img/layout/price-box-bg.png) 0 bottom repeat-x;padding:20px;margin:0 0 20px;border-bottom:1px solid #ededed} .price-box .price-item{margin-bottom:20px} .price-box .price-item p{margin-bottom:5px} .price-box .price2{font-size:12px;color:#666} .price-box .price strong{font-size:24px} .price-box .price del{font-size:16px} .price-box .installment-info{margin-bottom:10px} .price-box .installment-info strong{color:#F86300;font-size:16px} .price-box ul{margin:0 0 10px;list-style-type:none} .shopping-box{text-align:center} .price-box-item{clear:both} .price-box-item .item{float:right;width:50%} .price-box-item .item1{text-align:center} .price-box-item .item1 p{margin-bottom:0} .price-box-item .i2{display:inline-block;clear:both} .price-box-item .i2 p{text-align:left} .price-box-item a.compare{font-size:12px;padding-left:25px;text-decoration:none;background:url(../img/layout/compare-icon2.png) 2px 50% no-repeat} a.add-to-safe2{text-decoration:none;font-size:12px;padding-left:25px;background:url(../img/layout/safe-icon2.png) 0 50% no-repeat} #fparametry{margin:10px 0 20px} #fparametry p{margin:0 0 10px} #fparametry p:last-child{margin:0} #fparametry select{min-width:100px} #ilosc-box{clear:both} #ilosc-box .ibtn{float:left;margin-right:15px} #ilosc-box #btn-plus{border:0;width:22px;height:22px;background-color:#6e6e6c;color:#fff;font-size:14px;cursor:pointer;margin:0 0 2px;outline:0} #ilosc-box #btn-minus{border:0;width:22px;height:22px;background-color:#6e6e6c;color:#fff;font-size:14px;cursor:pointer;outline:0} #ilosc-box input[type='text']{width:30%} #ilosc-box .cont{line-height:46px;height:46px} .product-set { margin-bottom: 10px; } .product-set a { color: #D2071D; } .product-set li.skladnik-el { margin-bottom: 5px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .product-set .image { -webkit-flex: 0 1 100px; flex: 0 1 100px; margin-right: 10px; } .product-set .image img { display: block; } .product-set input[type='text'] { max-width: 50px; } .product-set .desc-wrapper { -webkit-flex: 1 1; flex: 1 1; border-bottom: 1px solid #F0F0F0; } .product-set .desc-cont { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-set .desc { -webkit-flex: 1 1; flex: 1 1; margin-right: 10px; min-width: 150px; padding-bottom: 10px; } .product-set .desc a { display: inline-block; margin-bottom: 5px; } .product-set li.skladnik-el select { min-width: none; width: 100%; } .product-set .skladnik-ilosc { padding-bottom: 10px; } .availability{margin:0 20px 10px 0;list-style-type:none;font-size:12px} .availability li{margin-bottom:3px;margin-right:20px} .availability strong{font-weight:400;color:#3e58a5} .prod-linked { margin: 0; list-style-type: none; } .prod-linked li { margin-bottom: 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .prod-linked .item { -webkit-flex: 1 1; flex: 1 1; margin-right: 10px; } .prod-linked .item1 { max-width: 100px; } .prod-linked .item1 a { display: block; } .prod-linked .item1 img { display: block; margin: 0 auto; } .prod-linked .item2 { margin-right: 0; border-bottom: 1px solid #E5E5E5; } .prod-linked input[type='text'] { max-width: 50px; text-align: center; } .prod-linked .item2-box { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .prod-linked .item2-box > div { -webkit-flex: 1 1; flex: 1 1; #border: 1px solid #00ffff; margin-right: 10px; margin-bottom: 10px; } .prod-linked .item2-box > div:first-child { min-width: 150px; } .prod-linked .item2-box > div:last-child { margin-right: 0; } .prod-linked .item3-box { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .prod-linked .item3-box > div { -webkit-flex: 1 1; flex: 1 1; margin-right: 10px; } .prod-linked .item3-box > div:last-child { margin-right: 0; } .prod-linked .item3a strong { white-space: nowrap; } .prod-linked .item3b { white-space: nowrap; } .product-items{margin:0 0 20px;clear:both} .product-items p.title{margin-right:15px;font-weight:700;float:left} .product-items ul{margin:0;float:left} .product-items ul li{list-style-type:none} .qtitle{font-size:13px} .qcontact{margin-bottom:10px;border:1px solid #ededed;padding:10px} .qcontact .item1{width:65%;float:left;font-size:13px} .qcontact .item1 p{margin:0;line-height:1.4em} .qcontact .kon1{padding:15px 0 15px 30%;background:url(../img/layout/konsultant1.png) 0 50% no-repeat;background-size:65px 65px} .qcontact .kon2{clear:both;padding:10px 0 10px 30%;background:url(../img/layout/konsultant2.png) 0 50% no-repeat;background-size:65px 65px} .qcontact .item2{float:right;width:35%;font-size:13px;text-align:center} .qcontact .item2 .cont{border-left:1px solid #EDEDED;padding:20px 0 20px 15px} a.probka-link{display:block;border:1px solid #ededed;background:url(../img/layout/probka-bg.png) 12px bottom no-repeat;padding-left:160px;min-height:105px;text-decoration:none} .probka-link h3{margin:10px 10px 0 0;font-size:22px} .probka-link .item{font-weight:300;font-size:18px} .probka-link .last{margin:0;text-align:right} .probka-link .last span{display:inline-block;font-size:16px;height:29px;line-height:29px;background-color:#33333d;color:#fff;padding:0 10px} .product-tabs{clear:both;margin:0 0 20px} ul.tabs{margin:0 0 20px;list-style-type:none} ul.tabs li{margin:1px 0 0;float:left;width:20%} ul.tabs a{display:block;background:#F5F5F5;padding:0 10px;text-align:center;margin-right:1px;outline:0;text-decoration:none;height:40px;line-height:40px;overflow:hidden} ul.tabs .active a{background-color:#CD2328;color:#fff} .tab-content{display:none;clear:both;overflow:hidden} .tab-header{margin:0 0 10px} .desc-text{margin-bottom:20px} .desc-table{margin:0 0 20px 25px;font-size:12px} .desc-table h5{font-weight:400;padding:4px 0;font-size:14px;color:#3f59a6;margin:0;border-bottom:1px solid #E4E4E5} .desc-table .category{clear:both;width:98%;padding:5px 0} .desc-table ul{margin:0;float:left;width:100%;border-bottom:1px solid #E5E5E5} .desc-table ul li{list-style-type:none;float:left} .desc-table ul .attribute{width:40%;padding:5px 4% 5px 0;text-align:left} .desc-table ul .attribute-value{width:40%;padding:5px 4% 5px 0;text-align:left} .desc-table ul .attribute-icon{width:7%;padding:5px 4% 5px 0;text-align:left} .desc-table ul .attribute-icon img{float:left} .tab-set .set-item{border-bottom:1px solid #E5E5E5;margin:0 0 20px} .tab-set h4{font-size:16px;margin-bottom:10px} .tab-set h4 a{color:#D2071D} .tab-set .items{float:left;width:80%} .tab-set .item{float:left;width:25%;margin:0 0 10px;background:url(../img/layout/plus-item.png) right 20px no-repeat} .tab-set .item:last-child{background:url(../img/layout/sum-item.png) right 20px no-repeat} .tab-set h5{font-size:1em;font-weight:400;margin:0 10px 5px 0;color:#999} .tab-set .item-img{text-align:center;margin:0 10px 10px 0;height:60px} .tab-set .price{float:right;text-align:right;margin:0 0 20px;width:20%} .tab-set .price span{display:block;margin:0 0 10px} .tab-set .price strong{font-size:16px;color:#D2071D} .tab-set .price del{display:block;font-weight:700} .form-product ul{margin:0;list-style-type:none} .form-product ul li{clear:both;margin-bottom:10px} .form-product label{float:left;display:block;width:200px} .form-product input[type='text'],.form-product textarea{width:100%;max-width:350px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .form-product .btn,.form-product .copy{margin-left:200px} .form-product .g-recaptcha { margin-left: 200px; margin-bottom: 10px; } .reviews{clear:both} .reviews .average{margin:0 0 10px} #review-list{margin:0;list-style-type:none} #review-list li{margin:0 0 10px;float:left;width:100%} #review-list .rate{float:left;width:20%} #review-list .rate span{margin-right:5px} #review-list .rate-value{display:inline-block;width:75px;height:14px;background:url(../img/layout/stars.png) 0 0 no-repeat} #review-list .rate4{background-position:0 -20px} #review-list .rate3{background-position:0 -40px} #review-list .rate2{background-position:0 -60px} #review-list .rate1{background-position:0 -80px} #review-list .review{float:right;width:80%} #review-list em{margin-left:5px;color:#999} #your-review{clear:both;padding:10px 0 0;margin:10px 0 0;border-top:1px solid #e5e5e5} #your-review p.title{font-weight:700;margin:0 0 5px;padding:0} #your-review .item1{float:left;width:45%} #your-review .item1 ul{margin:0;list-style-type:none} #your-review .item1 ul li{padding:0;margin:0} #your-review .item1 input{margin:0 5px 0 0} #your-review .item1 label{cursor:pointer} #your-review .item1 label span{margin:0 0 0 5px;font-size:12px} #your-review .item1 label img{position:relative;top:2px} #your-review .item2{float:right;width:55%} #your-review .item2 .btn{margin-left:0} #buttons-bottom{margin:0 0 20px;list-style-type:none} #buttons-bottom li{display:inline-block;margin:0 20px 10px 0} #buttons-bottom li a{padding:0 0 0 50px;color:#999;text-decoration:none;white-space:nowrap;height:40px;line-height:40px;display:inline-block;font-size:12px} #buttons-bottom li a.compare{background:url(../img/layout/compare-icon.png) 0 50% no-repeat} #buttons-bottom li a.printb{background:url(../img/layout/print-icon2.png) 0 50% no-repeat} #buttons-bottom li a.error{background:url(../img/layout/error-icon.png) 0 50% no-repeat} .auction-list-content{margin-bottom:10px;border:1px solid #e5e5e5;background-color:#fff} .auction-list .product{border-bottom:1px solid #E5E5E5;padding:20px} .auction-list .product:last-child{border:0} .auction-list .highlight{background-color:#FFFFD4} .auction-list .product-box{display:table;width:100%} .auction-list .product-img{display:table-cell;width:80px;padding-right:20px;vertical-align:top;text-align:center} .auction-list .description{display:table-cell;vertical-align:top} .auction-list .description span{color:#999} .auction-list .price{display:table-cell;width:200px;vertical-align:top;text-align:right} .auction-list .price span{display:block;margin:0 0 5px} .auction-info{margin:10px 20px;color:#999;font-size:12px} .auction-list .note{text-align:center;margin:20px} .auction-left{float:left;width:46.9083156%;margin-bottom:20px} .auction-left .product-img{margin-bottom:20px;padding:20px;position:relative;text-align:center} .auction-right{float:right;width:53.0916844%;margin-bottom:20px;background-color:#F5F5F5} .auction-right .auction-right-box{padding:20px} #auction-container h1{font-size:30px;margin:0 0 10px;color:#D2071D;font-weight:400} #auction-container .observed{text-align:right} .auction-price-box{clear:both;background-color:#EAE8E9;padding:20px;margin:0 -20px} .auction-price-box .price{margin-bottom:10px} .auction-price-box .price strong{font-size:24px} .auction-content{clear:both;margin:0 20px 20px} .auction-header{margin:0 0 10px} .auction-history{clear:both;margin:0 20px 20px} .auction-history ul{margin:0;list-style-type:none} .auction-history ul li{border-bottom:1px solid #E5E5E5;padding-bottom:10px;margin-bottom:10px} .auction-history ul p{margin:0} .auction-history span{display:inline-block;min-width:100px;color:#999} #product-comparison .product{float:left;text-align:center;width:25%} #product-comparison .product-box{padding:20px} .product-comparison-content{margin-bottom:20px} #product-comparison .remove{margin:0 0 10px} #product-comparison .remove a{color:#D2071D} #product-comparison .product-img{display:block;margin:0 auto 10px 0;text-align:center} #product-comparison .price{margin:0 0 10px} #product-comparison .price .item{display:block;margin:0 0 5px} #product-comparison .note{text-align:center;margin:20px 20px 0} #comparison-table-box{overflow:auto;margin-bottom:20px} .comparison-table{border-collapse:collapse;border:1px solid #e5e5e5;width:100%} .comparison-table td,.comparison-table th{border:1px solid #e5e5e5;padding:5px 10px} .comparison-table th{text-align:left;background-color:#eee} .comparison-header{margin-bottom:10px} #cart-empty h4{margin-bottom:10px;color:#D2071D} #cart-steps{padding:5px 15px;margin-bottom:10px} #cart-steps .box{color:#fff;float:left;width:33.333333333%;background:#2F2F2F url(../img/layout/cart-steps-bg1.png) right 50% no-repeat} #cart-steps .box > div,#cart-steps .box > a{display:block;padding-left:18px;padding-right:18px;background:url(../img/layout/cart-steps-bg2.png) 0 50% no-repeat;color:#fff;text-decoration:none} #cart-steps .box1 > div,#cart-steps .box1 > a{padding-left:0;background-image:none} #cart-steps .active{background:#E71B2D url(../img/layout/cart-steps-bg1b.png) right 50% no-repeat;font-weight:700} #cart-steps .active > div{background:url(../img/layout/cart-steps-bg2b.png) 0 50% no-repeat} #cart-steps .box p{margin:0;padding:0 0 0 55px;height:36px;line-height:36px;overflow:hidden} #cart-steps .box1 p{background:url(../img/ikony/cart-steps-icon1.png) 15px 50% no-repeat} #cart-steps .box2 p{background:url(../img/ikony/cart-steps-icon2.png) 15px 50% no-repeat} #cart-steps .box3 p{background:url(../img/ikony/cart-steps-icon3.png) 15px 50% no-repeat} .container-cart{padding:20px 0} .container-cart .cart-box{margin-bottom:20px} .container-cart .cart-boxB{border-top:1px solid #E6E6E6;padding-top:20px} .container-cart .box-grey{background-color:#F8F8F8} .container-cart h4.block-title{margin-bottom:10px;font-size:18px;color:#D2071D} .container-cart h3.header-box{margin:0 0 20px;padding:0 0 2px;font-weight:400;font-size:27px;text-transform:uppercase;border-bottom:1px solid #e6e6e6;text-align:center} .container-cart .block-title-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; } .container-cart h5{margin:0 0 10px;font-size:14px} .container-cart .more{color:#D2071D} .container-cart .cont{padding:20px} .container-cart textarea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .container-cart-popup{background-color:#fff} .container-cart-popup .cont{padding:20px} .container-cart-popup h4.block-title{margin-bottom:10px;font-size:14px;color:#D2071D} .cart-show-list .show { color: #D2071D; cursor: pointer; margin-right: 25px; position: relative; } .cart-show-list .show::after { content:''; position: absolute; top: calc(50% - 10px); right: -25px; width:20px; height: 20px; background-image: url(../img/layout/arrow-down.svg); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .cart-show-list .show:hover::after { background-color: rgba(0,0,0,0.1); } .cart-show-list .show.act::after { background-image: url(../img/layout/arrow-up.svg); } #step2 .cart-show-list, #step3 .cart-show-list { text-align: right; } #step2 .cart-show-list .show, #step3 .cart-show-list .show { font-size: 12px; } #step4 .cart-show-list .show { margin-right: 0; margin-left: 25px; } #step4 .cart-show-list .show::after { left: -25px; right: auto; } .container-cart .cart-box-list { border: 1px solid #EBEEF0; } #step1 .cart-box-list { margin-bottom: 5px; } .cart-list { list-style-type: none; margin: 0; padding: 10px 19px; border-bottom: 1px solid #EBEEF0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .cart-list li { margin: 0; margin-right: 20px; } .cart-list li:last-child { margin-right: 0; } .cart-list-header { background: #F5F6F7; font-weight: bold; border: 0; font-size: 16px; } .cart-list .cart-product { width: 35%; } .cart-list .cart-product .product { font-weight: bold; } .cart-list .cart-product .product span { font-weight: normal; } .cart-list .cart-product .product-img { float: left; margin-right: 10px; width: 100px; text-align: center; } .cart-list .cart-product p:last-child { margin: 0; } .cart-list .cart-cena { width: 15%; text-align: right; } .cart-list .cart-ilosc { width: 15%; } .cart-list .cart-ilosc-cont { display: inline-block; margin-bottom: 5px; } .cart-list .cart-wartosc { text-align: right; width: 15%; } .cart-list .cart-usun { text-align: right; -webkit-flex: 1 1; flex: 1 1; } .cart-list .cart-usun a { color: #D2071D; } .cart-list .name { display: none; color: #838D94; } .cart-list .more { margin-left: 5px; } .cart-list2, .cart-listB { padding-top: 5px; padding-bottom: 5px; } .cart-list2 .cart-product strong, .cart-listB .cart-product strong { font-weight: normal; } .product-quantity-cart { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } .product-quantity-cart-items { margin-right:5px; position: relative; padding: 0 20px; border: 1px solid #EBEEF0; } .product-quantity-cart .quantity-btn { border: 0; position: absolute; padding: 0; cursor: pointer; font-size: 14px; font-weight: bold; width: 20px; height: 30px; background-color: #fff; top: 0; } .product-quantity-cart input[type='text'] { padding: 0 5px; width: 50px; height: 30px; border: 0; text-align: center; } .product-quantity-cart .btn-minus { border-right: 1px solid #ebebeb; left: 0; background-color: #F5F6F7; } .product-quantity-cart .btn-plus { border-left: 1px solid #ebebeb; right: 0; background-color: #F5F6F7; } .cart-suma { font-size: 16px; clear: both; margin:0; list-style-type: none; padding: 10px 19px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .cart-suma .title { font-weight: bold; -webkit-flex: 1 1; flex: 1 1; text-align: right; margin-right: 5px; } .cart-suma .wartosc { margin-right: calc(20% - 60px); } .cart-suma .wartosc strong { white-space: nowrap; } #discount-code{width:48%} #discount-code .cont{padding:10px 20px} #discount-code input[type='text']{max-width:160px;margin:0} #discount-code p{margin:0} #discount-code em{font-style:normal;margin-right:10px} #freeDelivery{padding-left:30px;background:url(../img/layout/info-icon.png) 0 50% no-repeat} #freeDelivery p{margin:0} #freeDelivery #freeDeliveryAmount,#freeDelivery #freeDeliveryValue{font-weight:700} .container-cart .gift{float:left;width:49%;padding:10px 0;margin:0 1% 0 0;border-bottom:1px solid #e5e5e5} .container-cart .gift:nth-child(even){clear:both} .container-cart .gift:nth-child(odd){margin:0 0 0 1%} .container-cart .gift-select{float:left;width:10%;text-align:center} .container-cart .gift-img{float:left;min-height:60px;width:25%} .container-cart .gift-parameter{float:left;width:40%} .container-cart .gift-parameter p{line-height:1.2em;padding:0;margin:0} .container-cart .gift-price{float:right;width:20%;text-align:right} .container-cart .disabled{color:#B3B3B3} .select2, .select3 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .select2 .side { -webkit-flex: 1 1 50%; flex: 1 1 50%; } .select2 .side:nth-child(2n) { margin-left: 40px; } .select3 .side { -webkit-flex: 1 1 33.333333333%; flex: 1 1 33.333333333%; margin-right: 20px; } .select3 .side:last-child { margin-right: 0; } .cart-step4{border-bottom:1px solid #E6E6E6;margin-bottom:20px;padding-bottom:20px} .cart-methods .side1,.cart-step4 .side1{float:left;width:48%} .cart-methods .side2,.cart-step4 .side2{float:right;width:48%} .fmethods{margin:0;list-style-type:none} .fmethods li{margin:0;padding:0;background-color:#f7f7f7;background-repeat:no-repeat;background-position:20px 50%} .fmethods li:nth-child(2n){background-color:#ebebeb} .fmethods li input[type='radio']{float:right} .fmethods li label{padding:15px 20px 15px 139px;display:block;cursor:pointer;border:1px solid transparent} .fmethods li label:hover{border-color:rgba(0,0,0,0.3)} .fmethods p{margin-top:.5em} .fmethods em{font-style:normal;color:#D2071D} .fmethods .disabled{display:none} #edelivery4{background-image:url(../img/ikony/kurier-icon.png)} #edelivery12{background-image:url(../img/ikony/kurier-icon.png)} #edelivery13{background-image:url(../img/ikony/kurier-icon.png)} #edelivery14{background-image:url(../img/ikony/kurier-icon.png)} #edelivery11{background-image:url(../img/ikony/kurier-icon.png)} #edelivery16{background-image:url(../img/ikony/kurier-icon.png)} #edelivery15{background-image:url(../img/ikony/kurier-icon.png)} #edelivery17{background-image:url(../img/ikony/kurier-icon.png)} #edelivery18{background-image:url(../img/ikony/kurier-icon.png)} #edelivery3{background-image:url(../img/ikony/paczka-icon.png);background-position:26px 50%} #epayment1{background-image:url(../img/ikony/przedplata-icon.png);background-position:30px 50%} #epayment3{background-image:url(../img/ikony/payu-icon.png)} #epayment4{background-image:url(../img/ikony/dotpay.png);} #epayment23{background-image:url(../img/ikony/paypal-icon.png)} #epayment11{background-image:url(../img/layout/tpaycom_logo.png)} #epayment2{background-image:url(../img/layout/za-pobraniem.png);} img.help{position:relative;top:2px;cursor:help;z-index:1} .call{display:inline;position:relative;z-index:2} .call p.desc{display:none;position:absolute;left:5px;top:12px;padding:5px 10px;background-color:#fff;width:200px;border:1px solid #3A4147} .payment-options { margin-top: 10px; } .payment-option { float: left; margin: 0 5px 10px 5px; width: 70px; } .payment-option-name { width: 100px; float: none; display: none; } .payment-option-checked { display: inline-block; } .payment-option label { cursor: pointer; display: block; background-color:#fff; margin: 0 !important; padding: 4px; border: 1px solid #E5E5E5; } .payment-option-img { display:block; text-align:center; margin: 0 auto; width: 60px; height: 60px; } .payment-option-img img { display: block; margin: 0 auto; max-height: 100%; } .payment-option input[type="radio"] { margin: 0; display: none; } .payment-option input[type="radio"]:checked + label { border-color: #F85422; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); } .payment-option .payment-option-name { display: block; width:100%; font-size: 10px; line-height: 1.2em; height: 2.5em; overflow: hidden; } .payment-options .btn-all { font-size:12px; font-weight: normal; } #payu-box{max-width:48%} #payu-box .cont{padding:10px;border:1px solid #068AE1;background:#fff} #payu-box a{float:right;margin-left:10px} #payu-box #payu_info{margin:5px 0 0;color:#999} #total-order{float:right;font-size:18px} #total-order ul{margin:0;list-style-type:none} #total-order li{margin:0;text-align:right} #total-order li.last{font-weight:700} #total-order li .item1{display:inline-block;margin-right:20px;text-align:left;float:left} #total-order li .item2{display:inline-block} #total-order li em{font-style:normal} #total-order li.last{color:#D2071D} #to-cart { list-style-type: none; margin: 0; padding: 10px 0; border-top: 1px solid #EBEEF0; border-bottom: 1px solid #EBEEF0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .to-cart{list-style-type:none;margin:0} .to-cart li{float:left} .to-cart li.item2{float:right;text-align:right} #cart-options{margin:0;padding:0;list-style-type:none} #cart-options li{margin:0 0 5px;padding:0} #cart-options li a.save{padding:1px 0 1px 20px;background:url(../img/layout/save-icon.png) 0 55% no-repeat} #cart-options li a.load{padding:1px 0 1px 20px;background:url(../img/layout/load-icon.png) 0 55% no-repeat} .cart-tabs{margin:0;list-style-type:none;border-bottom:1px solid #e5e5e5} .cart-tabs li{float:left;position:relative;top:1px} .cart-tabs a{display:block;background-color:#fff;border:1px solid #e5e5e5;padding:0 20px;margin-right:10px;outline:0;font-weight:700;text-decoration:none;height:38px;line-height:38px;overflow:hidden;text-transform:uppercase} .cart-tabs .active a{background-color:#F8F8F8;border-color:#F8F8F8} .cart-tabs #ctab1 a{background-image:url(../img/ikony/cart-tab-icon1.png);background-position:6px 50%;background-repeat:no-repeat;padding-left:35px} .cart-tabs #ctab1b a{background-image:url(../img/ikony/cart-tab-icon2.png);background-position:10px 50%;background-repeat:no-repeat;padding-left:35px} .cart-tabs #ctab2 a{background-image:url(../img/ikony/cart-tab-icon3.png);background-position:10px 50%;background-repeat:no-repeat;padding-left:35px} .container-cart p.error{display:none} .container-cart p.preq{clear:both} .daneinvoice-info{font-size:12px} .cart-data{margin:0;list-style-type:none} .cart-data li{margin:0 0 10px;clear:both} .cart-data label.text{display:inline-block;width:50%} .cart-data li.lradio { font-weight: bold; } .cart-data li.lradio label { margin-right: 10px; } .cart-data li.lradio label:last-child { margin-right: 0; } .cart-data li input[type='text'],.cart-data li input[type='password']{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .cart-data li.lfirma { display: none; } #step3 .cart-data li,#step4 .cart-data li{margin-bottom:0} .clientType { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-bottom: 20px; } .clientType .item { margin-right: 10px; } .clientType .item:last-child { margin-right: 0; } .cart-dataform .imargin, .cart-dataform .item.imargin { margin-bottom: 20px; } .cart-dataform .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .cart-dataform .items.hidden, .cart-dataform .item.hidden { display: none; } .cart-dataform .item { margin-bottom: 10px; } .cart-dataform .item-bottom { -webkit-align-self: flex-end; align-self: flex-end; } .cart-dataform .items .item { -webkit-flex: 1 1; flex: 1 1; } .cart-dataform .items .item.pcode { -webkit-flex: 0.5 0.5; flex: 0.5 0.5; } .cart-dataform .items .item:first-child { margin-right: 15px; } .cart-dataform .items .item:last-child { margin-right: 0; } .cart-dataform .item label { display: block; margin-bottom: 5px; } .cart-dataform input[type='text'], .cart-dataform input[type='email'], .cart-dataform input[type='password'], .cart-dataform input[type='tel'], .cart-dataform select { width: 100%; padding-top: 8px; padding-bottom: 8px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #deliveryaddressForm, #change_deliveryaddressForm { margin-top: 20px; } #copy-data { font-size: 12px; padding-left: 25px; position: relative; display: inline-block; } #copy-data.inactive { opacity: 0.6; pointer-events:none; } #copy-data::before{ content:''; position: absolute; left: 0; top: calc(50% - 8px); width:16px; height:16px; background: url(../img/layout/copy-icon.svg) 0 0 no-repeat; opacity: 0.3; } #change_deliveryaddressForm input[type]:read-only { opacity: 0.6; } #change_deliveryaddressForm select.readonly { opacity: 0.6; pointer-events:none; } #fmlogin { margin-bottom: 40px; } .container-cart #loginBtn, .container-cart #registerBtn { display: none; } /* koszyk jednoetapowy */ #container-cart-single #cart-register, #container-cart-single #cart-login { display: none; } #container-cart-single #cart-register.active, #container-cart-single #cart-login.active { display: block; } #container-cart-single #loginBtn, #container-cart-single #registerBtn { display: block; } /* podsumowanie zamówienia */ #ankieta{margin:0;list-style-type:none} #ankieta li{float:left;width:33.33%;margin-bottom:5px} #ankieta li:last-child{width:100%} #ankieta li input[type='text']{margin-left:10px} #confirm-order{list-style-type:none;margin:0 0 20px} #confirm-order span{display:inline-block;min-width:200px} #confirm-order strong{font-weight:400} #confirm-order .last{font-weight:700} #confirm-order .last strong{font-weight:700;color:#D2071D} .box-paczkomaty{border:1px solid #D2071D;padding:20px} .box-paczkomaty p:last-child{margin:0} .box-payment{border:1px solid #D2071D;text-align:center;margin:0 0 20px;padding:20px} .box-payment p{margin:0 0 20px} .cart-info{color:#D2071D;border:1px solid #D2071D;background-color:#FFFCE7;padding:20px;margin-bottom:20px} .cart-info-txt { border:1px solid #D2071D; padding: 10px; margin-bottom:20px;} .ceneo-box{padding:20px 20px 20px 160px;background:#F8F8F8 url(../img/layout/zaufane-opinie.png) 20px 50% no-repeat} #windowcart{display:none} #windowcart-head{font-weight:700;font-size:16px;margin-bottom:20px} a.windowcart-close{margin-right:20px} a.windowcart-go{margin-left:20px;} #search-adv header{padding:20px;color:#fff;background:#37383A;margin-bottom:20px} #search-adv h4{display:inline;font-size:16px;margin-right:20px} #search-adv header input[type='text']{margin-right:10px} #search-adv header p{margin-bottom:0;margin-top:10px} #search-adv .cont{padding:20px} #search-adv .title{font-weight:700;margin:0 0 10px} #search-adv ul{margin:0 0 20px;list-style-type:none} #search-adv ul li{float:left;width:33.33%;margin:0 0 5px;padding-bottom:5px;border-bottom:1px solid #E5E5E5} #search-adv .cont input[type='text']{width:80px} #not-found{text-align:center} #not-found .message{margin:40px 0;font-weight:700} #not-found .title{margin-right:10px} #not-found p{margin-bottom:20px} #login-box p{margin:0 0 20px} #login-box ul{margin:0 0 10px;list-style-type:none} #login-box li{margin:0 0 10px;clear:both} #login-box label{display:inline-block;width:40%;max-width:150px} #login-box input[type='text'],#login-box input[type='password']{width:60%;max-width:350px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #login-box .btn{margin-bottom:20px} #login-box .more{color:#D2071D} #pass-form input[type='text']{margin:0 10px 10px 0} .error-box{text-align:center;font-weight:700;padding:30px 20px;border-bottom:1px solid #E5E5E5} #register-info h4{font-size:16px;margin-bottom:20px} #register-info ul{margin:0 0 20px 1em} .register-data{margin:0 0 20px;list-style-type:none} .register-data li{margin:0 0 10px;clear:both} .register-data label{display:inline-block;width:50%;max-width:200px} .register-data li input[type='text'], .register-data li input[type='password'], .register-data li input[type='email'], .register-data li select{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #regulations, #regulations-form { margin: 0 0 20px 0; list-style-type: none; font-size: 12px; } #regulations li, #regulations-form li { margin: 0 0 10px 0; clear: both; } #regulations a, #regulations-form a { text-decoration: underline; } #customer-data h4{margin-bottom:10px} #customer-data fieldset{border:0;padding:0;margin:0} #customer-data legend{display:none} #login-index h4, #register-box h4 { margin-bottom: 10px; font-size: 16px; } #host-ip { font-size: 12px; color: #999; margin-bottom: 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #host-ip label { margin-right: 10px; } #register-box-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } #register-box-wrapper #register-box { max-width: 50%; } #adult{text-align:center} #adult h4{margin:20px 0;color:#D2071D} #adult .btn{margin:0 10px} #safe-empty h4{margin-bottom:10px;color:#D2071D} .articles-item{margin-bottom:20px} .articles-item .date,#article .date{margin:0 0 5px;color:#999;text-align:right} .articles-item h3.title{font-size:16px;margin:0 0 10px} .articles-item h3.title a{color:#D2071D} #categories-list h4{text-transform:uppercase;margin-bottom:5px} #categories-list h4 a{color:#D2071D} #categories-list ul{margin:0 0 20px;list-style-type:none} #categories-list ul li{display:inline-block;min-width:16%;margin-right:3%} #producer-list h4{text-transform:uppercase;margin-bottom:10px} #producer-list h4 a{color:#D2071D} #producer-list ul{margin:0 0 20px;list-style-type:none;border-bottom:1px solid #e5e5e5} #producer-list ul:last-child{border:0;margin:0} #producer-list ul li{display:inline-block;min-width:21%;margin-right:3%;margin-bottom:10px} #producer-list .producer-logo{display:block;text-align:center} #producer-list .producer-logo img{max-width:100px;max-height:50px} #category-map .category{margin-bottom:20px;float:left;width:33.3%} #category-map .category:last-child{margin-bottom:0} #category-map h3{text-transform:uppercase;margin:0 10px 10px 0;font-size:1em} #category-map h3 a{color:#D2071D} #category-map .category-img{margin:0 10px 10px 0} #category-map .subcategory-cont{margin-right:10px} #order-history ul{float:left;width:100%;margin:0 0 20px;list-style-type:none;border-bottom:1px solid #E5E5E5} #order-history li{float:left;width:30.33%;margin:0 3% 10px 0} #order-history .item1 b{margin-right:10px} #order-history span{color:#999} #order-history a.more{color:#D2071D} #order-history p{margin:0} #order-info .title{font-weight:700;margin:0 0 10px} #order-list-header{clear:both;float:left;width:100%;background-color:#F5F5F5;margin:0;list-style-type:none} #order-list-header li{float:left;padding:10px 0;margin:0;font-weight:700} #order-list-header .name{width:45%} #order-list-header .price{width:20%;text-align:center} #order-list-header .number{width:15%;text-align:center} #order-list-header .value{float:right;width:20%;text-align:right} #order-list-header span{margin:0 20px} #order-products .item{float:left;width:100%;padding:10px 0;border-bottom:1px solid #e5e5e5} #order-products .product-img{float:left;width:15%;text-align:center;overflow:hidden} #order-products .description{float:left;width:30%} #order-products .price{float:left;width:20%;text-align:center} #order-products .number{float:left;width:15%;text-align:center} #order-products .value{float:right;width:20%;text-align:right} #order-products span.name{color:#999;display:none} #order-info .sum{clear:both;text-align:right} .download-files{margin:0 0 40px;list-style-type:none} .download-files li{margin:0 0 5px;padding:0 0 0 20px;background:url(../img/layout/load-icon.png) 0 5px no-repeat} .download-files li .name{margin-right:20px} #order-item-info{margin:0;list-style-type:none} #order-item-info li{float:left;width:100%;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #E5E5E5} #order-item-info li:last-child{border:0} #order-item-info li.first{color:#999} #order-item-info .item1{width:30%;float:left} #order-item-info .item2{width:65%;float:right} #pp h4{margin-bottom:20px} #pp textarea{width:100%;max-width:600px;margin:0 0 40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #pp ul{margin:0;list-style-type:none} #pp .pp-link{margin:0 0 20px;list-style-type:none;border-bottom:1px solid #e5e5e5} #pp .pp-link li{margin:10px 0 0;float:left;position:relative;top:1px} #pp .pp-link li a{display:block;background:#eae8e9;border:1px solid #e5e5e5;padding:0 20px;margin-right:10px;outline:0;text-decoration:none;height:38px;line-height:38px;overflow:hidden} #pp .pp-link li.active a{background-color:#fff;border-bottom-color:#fff} #pp .pp-lista1 li{margin:0;padding:5px 0;list-style-type:none;border-bottom:1px solid #F2F2F2} #pp .item1{display:inline-block;min-width:30%;margin-right:10px} #pp .item2{display:inline-block} #pp .item2 input[type='text']{width:50%;min-width:220px;margin-right:10px;margin-bottom:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #pp .pp-tabela ul{display:table;width:100%;padding:5px 0;border-bottom:1px solid #F2F2F2} #pp .pp-tabela ul:nth-child(2n){background-color:#FAFAFA} #pp .pp-tabela ul:first-child{font-weight:700} #pp .pp-tabela1 li{display:table-cell;padding:0 10px} #pp .pp-tabela1 li:nth-child(1){width:120px} #pp .pp-tabela1 li:nth-child(3){width:120px;text-align:right} #pp .pp-tabela1 li:nth-child(4){width:120px;text-align:right} #pp .pp-tabela2 li{display:table-cell;padding:0 10px;width:15%;text-align:center} #pp .pp-tabela2 li:nth-child(1){width:auto;text-align:left} #pp span.name{font-weight:700;display:none} #pp .sum{font-weight:700} #pp .pp-tabela1 .sum li:nth-child(1){width:auto;text-align:right} #pp .pp-tabela1 .sum li:nth-child(2){width:120px;padding-right:150px;text-align:right} .form-default dl{clear:both;margin:0 0 10px} .form-default dt{float:left;width:40%;max-width:300px;margin:0} .form-default dd{display:inline-block;width:60%;margin:0} .form-default dt label{margin-right:20px;margin-bottom:10px;display:inline-block} .form-default dd input[type='text'],.form-default li input[type='password']{width:80%;max-width:250px} .form-default dd textarea{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .form-default h4{margin-bottom:10px;font-size:16px} .form-default .submit-item label{width:40%;max-width:300px;display:inline-block} .form-default .ui-datepicker-trigger{float:none} #tableElements{width:100%} #tableElements th{text-align:left;padding-bottom:5px;font-weight:400} #tableElements td{padding:0 10px 10px 0} #tableElements .item1{width:260px} #tableElements .item1i{width:100%} #tableElements .item2i{max-width:100px;min-width:50px} .contact-left{float:left;width:50%;margin-bottom:20px} #contact-form{float:right;width:50%;margin-bottom:20px} #contact-form ul{margin:0;list-style-type:none} #contact-form li{margin:0 0 10px;clear:both} #contact-form label{display:inline-block;width:50%;max-width:200px} .form-default .recaptcha-wrapper, #contact-form .recaptcha-wrapper { display: inline-block; } .form-default .g-recaptcha, #contact-form .g-recaptcha { margin-bottom: 5px; } #contact-form .first label{float:left} #contact-form input[type='text'],#contact-form input[type='email'],#contact-form textarea{width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #contact-form h4{margin-bottom:10px;text-transform:uppercase} .label-check { font-size: 12px; } .label-check a { text-decoration: underline; } #contact-form .label-check { width: auto; max-width: none; } #contact-map{clear:both;clear:both} #contact-map iframe{width:100%;max-width:600px} #contact-map h4{margin-bottom:10px;text-transform:uppercase} #contact-bottom{margin-bottom:40px} #contact-bottom .box1{float:left;width:55%} #contact-bottom .box2{float:right;width:42.5%} #contact-bottom{font-weight:400;font-size:15px;margin:0 0 20px;line-height:2em;} #contact-bottom h3 span{background-color:#fff;padding-right:10px} #contact-bottom .name{font-weight:600;font-size:16px;margin:0 0 15px} #contact-bottom .item{float:left;width:50%} #contact-bottom .box1 .cont{padding-left:100px} #contact-bottom .box1 .item1 .cont{background:url(../img/layout/konsultant1.png) 0 50% no-repeat} #contact-bottom .box1 .item2 .cont{background:url(../img/layout/konsultant2.png) 0 50% no-repeat} #contact-bottom p{margin:0 0 6px;padding-left:30px} #contact-bottom .tel1{background:url(../img/layout/tel-icon1.png) 0 50% no-repeat} #contact-bottom .tel2{background:url(../img/layout/tel-icon2.png) 3px 50% no-repeat} #contact-bottom .mail{background:url(../img/layout/mail-icon.png) 0 50% no-repeat} #contact-left{border-bottom:2px solid #cd2328;background-color:#fff;} #contact-left .nazwa1{font-weight:600;font-size:14px;margin:0 0 10px 0;} #contact-left h4{font-weight:600;font-size:16px;margin:0 0 15px 0;} #contact-left .item{margin-bottom:20px;padding:0 10px;} #contact-left .box1 h4{padding-left:80px;padding-top:10px;} #contact-left .box1 .item1 h4{background:url(../img/layout/konsultant1.png) 0 50% no-repeat;background-size:65px 65px;height:55px;} #contact-left .box1 .item2 h4{background:url(../img/layout/konsultant2.png) 0 50% no-repeat;background-size:65px 65px;height:55px;} #contact-left p{margin:0 0 6px 0;padding-left:30px;} #contact-left .tel1{background:url(../img/layout/tel-icon1.png) 0 50% no-repeat;} #contact-left .tel2{background:url(../img/layout/tel-icon2.png) 3px 50% no-repeat;} #contact-left .mail{background:url(../img/layout/mail-icon.png) 0 50% no-repeat;} #contact-left .box2 .mail{font-size:12px;} .kontakt-konsultanci { clear: both; margin-bottom: 40px; } .kontakt-konsultanci .title { font-size: 14px; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } .kontakt-konsultanci .items { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 800px; } .kontakt-konsultanci .item { -webkit-flex: 0 1 calc(50% - 10px); flex: 0 1 calc(50% - 10px); margin-right: 20px; margin-bottom: 20px; } .kontakt-konsultanci .item:nth-child(2n) { clear: both; margin-right: 0; } .kontakt-konsultanci .cont { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .kontakt-konsultanci .cont-item1 { margin-right: 20px; } .kontakt-konsultanci .cont-item2 h4 { font-size: 16px; margin-bottom: 10px; } .kontakt-konsultanci .cont-item2 p { margin: 0; } .bcg{background-position:center center;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;width:100%} .hsContainer{width:100%;height:100%;overflow:hidden;position:relative} #container-max-bottom .bcg{background-color:#676863;background-image:url(../img/layout/container-bottom-bg.jpg);min-height:400px} .container-bottom{clear:both;margin:0 0 30px;color:#fff} .container-bottom a{color:#fff} .container-bottom .box-bottom{float:left;width:25%} .container-bottom .box-bottomB{width:50%} .container-bottom .cont{padding:20px 10px;font-size:13px;font-weight:400} .container-bottom .cont p{margin-bottom:15px;line-height:1.4em} .container-bottom .cont .item{float:left;width:50%} .container-bottom .title{text-transform:uppercase;margin-bottom:10px;font-weight:700;font-size:14px} .container-bottom ul{margin:0;list-style-type:none} .container-bottom ul li{margin-bottom:3px} .container-bottom .selly{clear:both} .container-bottom #copy{clear:both;font-style:italic;margin:0 10px} #footer{text-align:center;font-size:12px; margin-bottom: 20px; } #footer .selly { line-height: 25px; white-space: nowrap; } #footer .selly img { vertical-align: middle; } #footer .selly a { color: #F85422; text-decoration: none; font-weight: bold; font-size: 11px; } #social-links{height:48px;margin-bottom:40px;text-align:center;margin-top:-24px} #social-links ul{list-style-type:none;margin:0;text-align:center;display:inline-block} #social-links ul li{display:inline;padding:0 5px} #newsletter-form fieldset{border:0;padding:20px 10px} #newsletter-form input[type='text']{margin-bottom:10px;float:left;height:28px;background-color:transparent;color:#fff;border-color:#c91f1e} #newsletter-form input[type='text']::-webkit-input-placeholder{color:#fff;opacity:1} #newsletter-form input[type='text']:-moz-placeholder{color:#fff;opacity:1} #newsletter-form input[type='text']::-moz-placeholder{color:#fff;opacity:1} #newsletter-form input[type='text']:-ms-input-placeholder{color:#fff;opacity:1} #newsletter-form .title{font-size:18px} #newsletter-form .info{margin-bottom:20px} #unsubscribe-btn{border:0;font-size:12px;background-color:#fff;color:#5d5e5b;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} #widget-faceboox{width:300px;top:170px;right:-300px;background-color:#fff;position:fixed;z-index:999} #widget-faceboox .cont{position:relative} #widget-faceboox .icon{position:absolute;width:35px;height:35px;left:-35px;background:#3B5998 url(../img/layout/facebook-widget-icon.png) 0 0 no-repeat} #widget-allegro{position:fixed;width:400px;top:210px;right:-400px;color:#000;z-index:200} #widget-allegro .cont{background-color:#F5F5F5;border:1px solid #e5e5e5;padding:10px;position:relative;z-index:999} #widget-allegro .allegro-icon{position:absolute;top:-1px;left:-35px;width:35px;height:85px;background:#f5f5f5 url(../img/layout/allegro-widget-icon.png) 0 0 no-repeat} #widget-allegro h3{float:left;font-size:1em;margin:0;height:22px;line-height:22px} #widget-allegro .more{float:right;margin-bottom:10px;font-size:12px;line-height:22px;height:22px;padding:0 10px;text-decoration:none;background-color:#F86300;color:#fff} #widget-allegro .pozyt{clear:both;margin-bottom:10px;height:40px;line-height:40px;font-size:16px;color:#fff;background-color:#6F9E25;padding:0 10px} #widget-allegro .box1{margin-bottom:10px;background-color:#fff;padding:10px;font-size:12px} #widget-allegro .box1 p{margin:0 0 5px;padding:0} #widget-allegro .box1 ul{margin:0;list-style-type:none} #widget-allegro .box1 ul li{margin:0 0 5px;float:left;width:100%;line-height:14px} #widget-allegro .box1 ul li strong{float:left;width:220px;font-weight:400} #widget-allegro .box1 ul li div{float:right;width:120px;text-align:right;font-weight:700;background:url(../img/layout/stars.png) 0 bottom no-repeat} #widget-allegro .box1 ul li div.prate5{background-position:0 0} #widget-allegro .box1 ul li div.prate4{background-position:0 -20px} #widget-allegro .box1 ul li div.prate3{background-position:0 -40px} #widget-allegro .box1 ul li div.prate2{background-position:0 -60px} #widget-allegro .box1 ul li div.prate1{background-position:0 -80px} #widget-allegro .box2{background-color:#fff;padding:10px;font-size:12px} #widget-allegro .top{margin:0 0 4px;list-style-type:none;float:left;width:100%} #widget-allegro .top li{float:left;text-align:center;width:20%} #widget-allegro .main{margin:0;list-style-type:none;float:left;width:100%} #widget-allegro .main li{padding:4px 0;float:left;text-align:center;width:20%} #widget-allegro .main .item1{text-align:left} #widget-allegro .pozytywne{color:#009b00;font-weight:700} #widget-allegro .neutralne{color:#646464;font-weight:700} #widget-allegro .negatywne{color:#ee3e2b;font-weight:700} #widget-allegro .pozytywne .item1,#widget-allegro .negatywne .item1,#widget-allegro .neutralne .item1{color:#000;font-weight:400} /* popups */ #popup-page { display: none; } #popup-exit { display: none; text-align: center; padding: 20px; } #popup-exit h4 { font-size: 24px; margin-bottom: 20px; } #popup-exit .items { min-width: 600px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #popup-exit .items a { border: 1px solid #F0F2F5; background-color: #F7F8F9; text-transform: uppercase; padding: 20px 10px; -webkit-flex: 1 1 calc(33.333333333% - 28.6px); flex: 1 1 calc(33.333333333% - 28.6px); margin-right: 10px; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #popup-exit .items a:hover { border-color: #D1D5D7; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); } #popup-exit .items a:last-child { margin-right: 0; } #popup-exit .icon { display: block; margin: 0 auto 20px 0; } #popup-exit .icon img { display: block; margin: 0 auto; } #popup-exit .pbtn { display: inline-block; line-height: 40px; height: 40px; padding: 0 10px; font-weight: bold; } #popup-newsletter { max-width: 600px; display: none; } #popup-newsletter .title { font-size: 22px; font-weight: bold; margin-bottom: 10px; } #popup-newsletter .info { margin-bottom: 20px; } #popup-newsletter-form fieldset { border: 0; padding: 0; margin: 0; } #popup-newsletter-form .cont { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #popup-newsletter-form .input-wrapper { -webkit-flex: 1 1; flex: 1 1; } #popup-newsletter-form input[type='text'] { width: 100%; height: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #popup-newsletter-form .info { margin-bottom: 20px; } #popup-newsletter-form .clauses p { line-height: 1.3em; } #popup-newsletter-form .clauses p:last-child { margin-bottom: 0; } ul.galeria{margin:0;list-style-type:none} ul.galeria li{float:left;width:24.5%;padding:0 .25%;margin:0 0 10px;text-align:center} ul.galeria li a{display:block} ul.galeria li a img{display:block;margin:0 auto} ul.galeria2{margin:0;list-style-type:none} ul.galeria2 li{float:left;width:10.5%;padding:0 .15%;margin:0 0 5px;text-align:center} ul.galeria2 li a{display:block} ul.galeria2 li a img{display:block;margin:0 auto} #selly-cookies{ position:fixed;bottom:0;padding:10px 0;width:100%;z-index:10000;background:#F1F1F1;opacity:0.8;-moz-box-shadow:2px 2px 10px #E6E6E6 inset;-webkit-box-shadow:2px 2px 10px #E6E6E6 inset;box-shadow:2px 2px 10px #E6E6E6 inset;} #selly-cookies .cont{max-width:1480px;margin:0 auto;padding:0 20px;} #selly-cookies a.close{float:left;margin: 0 20px 0 0} .iframe-rwd{position:relative;padding-bottom:65.25%;padding-top:30px;height:0;overflow:hidden} .iframe-rwd iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:760px;max-height:440px} #scrollUp{outline:0;background-image:url(../img/layout/top.png);bottom:20px;left:10px;width:38px;height:38px;} .videoWrapper{position:relative;padding-top:25px;height:0} .videoWrapper iframe{max-width:494px;max-height:278px;position:absolute;top:0;left:0} #youtube{margin:auto;width:50%} #video{margin:auto;position:relative;padding-bottom:56.25%;padding-top:25px} #video iframe{position:absolute;top:0;left:0;width:100%;height:100%} #baza-wiedzy { margin: 10px 0 0 0; } #baza-wiedzy.items { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #baza-wiedzy .item { border: 1px solid #EBEBEB; width: calc(33.333333333% - 15.333333333px); margin-right: 20px; margin-bottom: 20px; -moz-box-shadow:0 4px 10px rgba(0,0,0,0.1);-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.1); box-shadow: 0 4px 10px rgba(0,0,0,0.1); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; } #baza-wiedzy .item > h4 { font-size: 16px; border-bottom: 1px solid #EBEBEB; text-align: center; background-color: #F7F7F7; text-transform: uppercase; padding: 10px;} #baza-wiedzy .item > ul { padding: 20px; list-style-type: none; margin: 0; } #baza-wiedzy .item > ul > li { padding-left: 25px; margin-bottom: 3px; background:url(../img/layout/document-icon.svg) 0 50% no-repeat; } @media only screen and (max-width: 479px) { .container-max{padding:0 10px} h2.title span{padding:0 20px} #search-results .product-img{display:table-cell;vertical-align:top;width:40px;padding:0 10px;text-align:center;} #search-results .description{padding-left:10px;} #search-results .product p{display:none;} .header-search-list{ left:0; width: 100%;min-width:300px;} #startbox-header ul li{width:49%;margin-right:2%} #startbox-header ul li:nth-child(2n){margin-right:0} #startbox-header ul li a{padding:0} #galeria-start .box2 .item{float:left;width:50%;margin-bottom:1px} #banners-bottom .item{width:47.82135075%;margin-right:4.3572985%;margin-bottom:4.3572985%} #banners-bottom .item2,#banners-bottom .item4{margin-right:0} #banners-bottom .item span{font-size:12px} #promotion-wrapper{max-width:220px} .filters li{padding:0;width:100%} .filters .more{display:block;margin-top:10px} .gallery2 .product,.gallery3 .product,.gallery4 .product{width:100%} .product-listB .gallery2 .product,.product-listB .gallery3 .product,.product-listB .gallery4 .product{margin:0 0 20px;width:100%} .product-list-default .product-img{display:block;width:auto;text-align:center;margin-bottom:10px;padding-right:0} .product-list-default .description{display:block;width:100%} .product-list-default .price{display:block;width:100%;text-align:left} #category-map .category{width:100%} .price-box-item .item{float:none;width:auto} .price-box-item .item1{margin-bottom:20px;text-align:left} .price-box-item .shopping-box{text-align:left} .tab-set .item{width:50%} .tab-set .item:nth-child(2n+1){clear:both} #product-comparison .product{width:100%} .auction-list .product-img{display:block;width:auto;text-align:center;margin-bottom:10px;padding-right:0} .auction-list .description{display:block;width:100%} .auction-list .price{display:block;width:100%;text-align:left} .cart-list { padding-left: 9px; padding-right: 9px; } .cart-suma { padding-left: 9px; padding-right: 9px; } .container-cart .gift-img{display:none} .container-cart .gift-parameter{width:55%} .container-cart .gift-price{width:30%} #to-cart { -webkit-flex-direction: column; flex-direction: column; text-align: center; } #to-cart li:first-child { margin-bottom: 10px; } #to-cart a { display: block; } #to-cart input[type='submit'], #to-cart button { width: 100%; } .to-cart li{float:none;width:100%;margin-bottom:10px;text-align:center} .to-cart li.item2{text-align:center} a.btn-oz{line-height:normal;height:auto;padding:10px 20px} #cart-options{display:none} .cart-tabs{margin:0 0 10px;border:0} .cart-tabs li{width:100%;margin-bottom:10px} .cart-tabs a{display:block;padding:0 10px;height:38px} .cart-data label.text{display:block;width:100%;margin-bottom:5px} .cart-data li input[type='text'],.cart-data li input[type='password']{width:100%} #confirm-order li{margin-bottom:5px} #confirm-order span{display:block;width:100%} #search-adv ul li{width:100%} #search-adv h4{display:block;margin-bottom:10px} #search-adv header input[type='text']{margin-bottom:10px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .register-data label{display:block;width:auto;max-width:none;margin-bottom:5px} .register-data li input[type='text'], .register-data li input[type='password'], .register-data li input[type='email'], .register-data li select{width:100%} #order-history li{width:100%;margin-right:0} #order-products span.name{display:block} .form-default dt{float:none;width:100%;max-width:none} .form-default dd{display:inline-block;width:100%} .form-default dt label{margin-right:0;margin-bottom:5px} .form-default .submit-item{text-align:center} .form-default .submit-item label{width:100%;max-width:none} .container-bottom .box-bottom{width:100%} .container-bottom .cont{padding:0;margin:0 10px;border-bottom:1px solid #999} .container-bottom .cont .item{float:none;width:auto} .container-bottom .box-bottomB{margin-bottom:20px} .container-bottom .title{cursor:pointer;margin:0;padding:10px 0} #newsletter-form .title{cursor:auto} .container-bottom ul{display:none;margin:0 0 20px} .container-bottom .bcont{display:none;margin:0 0 20px} #footer .payment{display:none} .container-bottom .box-newsletter{width:100%} #contact-form label{display:block;width:100%;margin-bottom:5px} #contact-form .first label{float:none} #contact-form input[type='text'],#contact-form input[type='email'],#contact-form textarea{width:100%} #widget-faceboox{display:none} #widget-allegro{display:none} #contact-bottom .item{width:100%;margin-bottom:20px} #contact-bottom h3{margin:0 0 10px} #contact-bottom .name{margin:0 0 5px} ul.galeria li{width:48%;padding:0 1%} ul.galeria li:nth-child(2n+1){clear:both} ul.galeria2 li{width:48%;padding:0 1%} ul.galeria2 li:nth-child(2n+1){clear:both} .filters > form > ul > li { width: calc(50% - 10px); } .filters > form > ul > li:nth-child(2n) { margin-right: 0; } .prod-linked .item3-box { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } .prod-linked .item2-box > div:last-child { min-width: 150px; } .prod-linked .item3-box > div { margin-bottom: 5px; -webkit-flex: 0 1; flex: 0 1; } .prod-linked .item3-box > div:last-child { -webkit-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 0;} .banners2 { margin-bottom: 25px; -webkit-flex-direction: column; flex-direction: column; } .banners2 .item { -webkit-flex: 1 1; flex: 1 1; } .banners2 .item1 { margin-right: 0; margin-bottom: 25px; } #baza-wiedzy.items { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; } #baza-wiedzy .item { width: auto; margin-right: 0; } } @media only screen and (min-width: 480px) { .container-bottom ul{display:block!important} .container-bottom .bcont{display:block!important} .gallery3 .product-img{min-height:140px} .gallery4 .product-img{min-height:140px} .container-bottom .title{pointer-events:none} } @media only screen and (min-width: 480px) and (max-width: 767px) { #banners-bottom .item{width:31.499312267%;margin-right:2.7510316%;margin-bottom:2.7510316%} #banners-bottom .item3{margin-right:0} #banners-bottom .item span{font-size:14px} #promotion-wrapper{max-width:440px} .gallery3 .product{width:50%} .gallery4 .product{width:33.33%} .gallery2 .product:nth-child(2n+1),.gallery3 .product:nth-child(2n+1),.gallery4 .product:nth-child(3n+1){clear:both} .product-listB .gallery3 .product{width:49%;margin-right:0} .product-listB .gallery3 .product:nth-child(2n){float:right} .product-listB .gallery4 .product{margin:0 2% 20px 0;width:32%} .product-listB .gallery4 .product:nth-child(3n){margin-right:0} .product-list-default .product-img{display:block;float:left;width:26.277372263%;padding-right:0} .product-list-default .img-box{margin-right:20px} .product-list-default .description{display:block;float:right;width:73.722627737%} .product-list-default .price{display:block;float:right;width:73.722627737%;text-align:left} .simple .description,.simple .price{display:block;float:none;width:100%} #category-map .category{width:50%} #category-map .category:nth-child(2n+1){clear:both} .tab-set .item{width:33.33%} .tab-set .item:nth-child(3n+1){clear:both} #product-comparison .product{width:50%} #product-comparison .product:nth-child(2n+1){clear:both} .auction-list .product-img{display:block;float:left;width:26.277372263%;padding-right:0} .auction-list .img-box{margin-right:20px} .auction-list .description{display:block;float:right;width:73.722627737%} .auction-list .price{display:block;float:right;width:73.722627737%;text-align:left} #search-adv ul li{width:50%} #search-adv ul li:nth-child(2n+1){clear:both} #order-history li{width:47%} #order-history li:nth-child(2n+1){clear:both} #order-products span.name{display:inline} ul.galeria li{width:32.33%;padding:0 .5%} ul.galeria li:nth-child(3n+1){clear:both} .cart-tabs li{width:50%;margin-bottom:10px} .filters > form > ul > li { width: calc(33.33% - 13.333333333px); } .filters > form > ul > li:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 480px) and (max-width: 980px) { .container-bottom .box-bottom{width:50%} .container-bottom .box-bottomB{clear:both;width:100%} .container-bottom .news{clear:both;width:100%} #baza-wiedzy .item { width: calc(50% - 12px); } #baza-wiedzy .item:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 767px) { #header-main .shops ul{display:none} #header-main .shops{width:auto;height:auto} #header-main .shops a#all-shops{display:block} .shops-wrapper{position:static;width:auto;max-width:none} #header-main #logo{float:none;width:auto;text-align:center;margin-bottom:15px} #header-main .header-cont{float:none;width:auto;padding-top:0;margin-bottom:15px} #header-main .header-cont-wrapper{margin-left:0} #header-main .header-right{display:block;table-layout:auto} #header-main .icon-box{display:block;width:auto;text-align:center} #header-main .cart-header{margin:0 5px} #header-main .safe-header{margin:0 5px} #header-main .login-header{margin:0 5px} #header-search{display:block;margin-bottom:15px} #header-search p.name{display:none} #header-main .header-bottom{display:none} #header-main a.top-menu-link{display:block} #lang-box{text-align:center} #lang-box-wrapper{float:none;display:inline-block} #lang-settings{text-align:left} #info-start{font-size:14px} #info-start .item1{font-size:20px} #info-start .item1 strong{padding:2px 0 2px 40px;background:url(../img/layout/tel-iconB2.png) 0 50% no-repeat} #info-start .item3{font-size:16px} #galeria-start .box1{float:none;width:auto;margin-bottom:10px} #galeria-start .box1 h3{margin-bottom:10px} #galeria-start .box1 h3 img{max-width:150px} #galeria-start .box1 h5{margin-bottom:10px} #galeria-start .box2{float:none;width:auto} #galeria-start .box2 .item a{background-size:cover} .side50{float:none;width:auto} .product-hit .product-img{float:none;width:auto;margin:0 40px} .product-hit .product-img a{padding:20px 0} .product-hit .description{padding-top:0;float:none;width:auto;background-color:#f5f5f5} #hits .bx-pager{display:none} #hits a.bx-prev,#hits a.bx-next{display:block} #startbox-header a.more{display:none!important} .view-all{display:block} .list-nav ul.pages{float:none;margin:0 0 10px;text-align:center} .sort{clear:both} .product-list-default .product-box{display:block} .product-list .legzemplarzy,.product-list .amount{display:none} .nav-product{float:none} .product-left,.product-right{float:none;width:auto} .product-right .product-right-box{margin-left:0} ul.tabs li{width:50%} .tab-set .items{width:100%} .tab-set .price{clear:both;width:auto;float:none;text-align:left;background-color:#F8F8F8;padding:10px} .tab-set .price span{display:inline-block;margin:0 10px 10px 0} .form-product label{width:100%;margin:0 0 5px} .form-product .btn, .form-product .copy, .form-product .g-recaptcha { margin-left: 0; } #review-list .rate,#review-list .review{float:none;width:auto} .reviews .rate,.reviews .review{width:100%} #your-review .item1{width:100%;margin:0 0 10px} #your-review .item2{width:100%} .auction-list .product-box{display:block} .auction-left,.auction-right{float:none;width:auto} #cart-steps .box{width:100%;margin-bottom:5px} #cart-steps .box3{margin-bottom:0} .cart-list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .cart-list li { margin-right: 10px; margin-bottom: 5px; } .cart-list-header li { display: none; } .cart-list-header li.cart-product { display: block; margin-bottom: 0; } .cart-list .cart-product { width: 100%; margin-right: 0; -webkit-order: 1; order: 1;} .cart-list .cart-cena { width: calc(50% - 5px); text-align: left; -webkit-order: 2; order: 2; } .cart-list .cart-wartosc { width: calc(50% - 5px); margin-right: 0; -webkit-order: 3; order: 3; } .cart-list .cart-ilosc { width: auto; -webkit-order: 4; order: 4; } .cart-list .cart-ilosc-cont { margin-bottom: 0; } .cart-list .cart-usun { margin-right: 0; -webkit-order: 5; order: 5;} .cart-list .name { display: inline-block; } .cart-list2 .cart-product { width: auto; margin-right: 10px; } .cart-list2 .cart-wartosc { width: auto; -webkit-flex: 1 1; flex: 1 1; } .cart-list2 .cart-cena, .cart-list2 .cart-ilosc { display: none; } .cart-suma .title { text-align: left; } .cart-suma .wartosc { margin-right: 0; } .select2 { -webkit-flex-direction: column; flex-direction: column; } .select2 .side:first-child { margin-bottom: 20px; } .select2 .side:nth-child(2n) { margin-left: 0; } .cart-data-s{max-width:none} .cart-data-s .btn-large{margin-left:0} a.windowcart-close{display:block;margin-right:0;margin-bottom:10px;text-align:center} a.windowcart-go{display:block;margin-left:0;text-align:center} .ceneo-box{padding:20px;background-image:none} .container-cart #loginBtn, .container-cart #registerBtn { display: block; } #cart-register, #cart-login { display: none; } #cart-register.active, #cart-login.active { display: block; } #register-box-wrapper #register-box { max-width: none; } .cart-methods .side,.cart-step4 .side{float:none;width:100%} .cart-methods .side1,.cart-step4 .side1{margin-bottom:20px} #payu-box{max-width:none} #total-order li .item1{float:none;margin-right:0} #popup-exit { max-width: 100%; padding: 10px; } #popup-exit .items { min-width: 0; } #popup-exit .pbtn { display: block; font-size: 12px; } #popup-exit .items a { padding: 20px 0 0 0; -webkit-flex: 1 1 calc(33.333333333% - 8.6px); flex: 1 1 calc(33.333333333% - 8.6px); } #order-list-header li{display:none;padding:5px 0} #order-list-header .name{display:block} #order-products .product-img{width:33.33%;margin:0 0 10px;text-align:left} #order-products .description{width:66.66%;margin:0 0 10px;text-align:left} #order-products .price{width:33.33%;clear:both;text-align:left} #order-products .number{width:33.33%;text-align:left} #order-products .value{width:33.33%;text-align:right} #pp .pp-link li a{padding:0 10px} #pp .pp-tabela ul{display:block} #pp .pp-tabela ul:first-child{display:none} #pp .pp-tabela li{clear:both;display:block;margin-bottom:10px;width:auto!important;text-align:left!important} #pp span.name{display:block;float:left;min-width:30%;margin-right:10px} #pp span.data{display:inline-block} .contact-left{float:none;width:auto} #contact-form{float:none;width:auto} #contact-bottom .box1 .cont{padding-left:0} #contact-bottom .box1 .item1 .cont,#contact-bottom .box1 .item2 .cont{background-image:none} #viewing-options form { display:none; } #viewing-options header a { display: inline-block; } .kontakt-konsultanci .items { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; } .kontakt-konsultanci .item { -webkit-flex: 1 1 100%; flex: 1 1 100%; margin-right: 0; margin-bottom: 20px; } } @media only screen and (min-width: 768px) { #header-main .shops ul{display:block!important} #header-main #top-menu-wrapper{display:block!important} #hits-content{background:#fff url(../img/layout/bg-area.png) 50% 0 repeat-y} #galeria-start .box2 .item a:hover{background-size:120% 120%} .gallery2 .product:nth-child(2n+1),.gallery3 .product:nth-child(3n+1),.gallery4 .product:nth-child(4n+1){clear:both} .product-listB .gallery3 .product:nth-child(3n){margin-right:0} .product-listB .gallery4 .product:nth-child(4n){margin-right:0} .gallery2 .product-img{min-height:290px} #category-map .category:nth-child(3n+1){clear:both} .tab-set .item:nth-child(4n+1){clear:both} #search-adv ul li:nth-child(3n+1){clear:both} #order-history li:nth-child(3n+1){clear:both} ul.galeria li:nth-child(4n+1){clear:both} .filters > form > ul > li:nth-child(4n) { margin-right: 0; } #viewing-options form { display:block !important; } #fmlogin .item { max-width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1239px) { #promotion-wrapper{max-width:660px} } @media only screen and (min-width: 768px) and (max-width: 980px) { #header-search fieldset{padding-right:41px} #header-search a#header-search-adv{display:none} #header-search #search-btn{margin-right:0} #banners-bottom .item span{font-size:14px} ul.tabs li{width:25%} #product-comparison .product{width:33.33%} #product-comparison .product:nth-child(3n+1){clear:both} #cart-steps .box{width:50%;margin-bottom:5px} #cart-steps .box3{margin-bottom:0} } @media only screen and (max-width: 980px) { #mobileMenu{margin-bottom:5px} .js #main-menu{display:none} .js #box-client{display:none} .js .slicknav_menu{display:block} #select-menu{display:none} #menu-cont .mitem2{display:none!important} #menu-cont .mitem1{display:block!important} .container-side,.container-main{float:none;width:auto;margin-bottom:20px} .container-main-wrapper{margin-left:0} .box-left{display:none} #box-producer{display:block} #box-producer ul{display:none} .product-left-wrapper{border-left:0} .product-top{border-left:0;padding-left:0} .desc-table{margin-left:0} .cart-box-header{display:none} .container-cart .gift{width:100%;margin:0} .container-cart .gift:nth-child(odd){margin:0} #discount-code{width:auto;display:inline-block} .select3 { -webkit-flex-direction: column; flex-direction: column; } .select3 .side { margin-bottom: 20px; margin-right: 0; } .select3 .side:last-child { margin-bottom: 0; } } @media only screen and (min-width: 981px) { #baza-wiedzy .item:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 1239px) { #contact-bottom .box1{float:none;width:auto;margin-bottom:20px} #contact-bottom .box2{float:none;width:auto} #contact-left .item{padding:0} #contact-left p{font-size:12px} #contact-left .box2 .mail{font-size:10px} } .nagloweknablog2{padding: 15px; color: #fff!important; border-radius: 15px; display: block; background: #cd2328; font-size: 15px; margin-top: 15px; margin-bottom: 15px; ;} .nagloweknablog3{ padding: 1px; color: #fff!important; display: block; background: #cd2328; font-size: 15px; margin-top: 15px; margin-bottom: 15px; ;} /* ADDITIONAL STYLES */ .steps-table-wrapper { float: left;width: 100%; } .steps-table { width:60%;margin: 25px auto;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease; } .steps-table:after { clear: both;display: table; } .steps-table .steps-table-item { float: left;width: 33.333333%;text-align: center; } .steps-table .steps-table-item img { width: 100%;height: auto; } .steps-table .steps-table-item p { display: none; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .steps-table { width: 90%; } } @media only screen and (max-width: 767px) { .steps-table { width: 90%; } } @media screen and (max-width: 600px) and (min-width: 200px) { .steps-table { width: 100%;margin: 15px auto; } .steps-table .steps-table-item { width: 100%; } .steps-table .steps-table-item img { width: 60%;height: auto; } }