html, html body { margin: 0; padding: 0 !important; font-family: 'Barlow', sans-serif; font-weight: 400; color: #303033; overflow-x:hidden; } label.error { font-size: 12px; line-height: 14px; color: #dc3545; } .mcontainer { max-width: 100%; width: 1280px; margin: 0 auto; padding: 0 15px } .trans400, a { -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s } .trans1000 { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s } a { outline: 0 !important } img { border: none; outline: 0; max-width: 100% } #page { margin-bottom:40px; } #product_view .product-info .product-table, #produkty_koszyka_box2 .items, body, body.nav-opened .cat-menu .menu, textarea { scrollbar-face-color: #cbcaca; scrollbar-shadow-color: #cbcaca; scrollbar-highlight-color: #cbcaca; scrollbar-3dlight-color: #cbcaca; scrollbar-darkshadow-color: #cbcaca; scrollbar-track-color: rgba(235, 235, 235, .4); scrollbar-arrow-color: #ed5801 } #product_view .product-info .product-table::-webkit-scrollbar { height: 8px } #produkty_koszyka_box2 .items::-webkit-scrollbar, body.nav-opened .cat-menu .menu::-webkit-scrollbar, body::-webkit-scrollbar, textarea::-webkit-scrollbar { width: 12px } #product_view .product-info .product-table::-webkit-scrollbar-track, body.nav-opened .cat-menu .menu::-webkit-scrollbar-track { background: #fff } #produkty_koszyka_box2 .items::-webkit-scrollbar-track, body::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track { background: #eee } #product_view .product-info .product-table::-webkit-scrollbar-thumb, #produkty_koszyka_box2 .items::-webkit-scrollbar-thumb, body.nav-opened .cat-menu .menu::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb { background: #cbcaca; border-radius: 6px; cursor: pointer } #product_view .product-info .product-table::-webkit-scrollbar-thumb:hover, #produkty_koszyka_box2 .items::-webkit-scrollbar-thumb:hover, body.nav-opened .cat-menu .menu::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, textarea::-webkit-scrollbar-thumb:hover { background-color: #ed5801 } #product_view { margin-top:25px; } #product_view .product-info { position:relative; } #product_view .product-info .ico-procent { position: absolute; top: -50px; right:0px; background: #e85904; font-weight: bold; color: white; font-size: 16px; width: 70px; text-align: center; line-height: 1; padding: 15px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #product_view .product-desc .nav-tabs { margin:60px 0px 30px 0px; border:0px; } #product_view .product-desc .nav-tabs li a { border:0px; background: black; color:white; font-size: 20px; font-weight:600; line-height: 25px; padding: 10px 25px; text-transform:uppercase; margin-right:4px; } #product_view .product-desc .nav-tabs li.active a { background: #e85904; } #product_view .product-desc .nav-tabs li a:hover { background:#4c4e52; } #product_view .rozmiar label.check { position: relative; cursor: pointer; font-size: 18px; line-height: 26px; padding-left:30px; font-weight: 400; } #product_view .rozmiar label.check:before { content: ' '; display: block; width: 16px; height: 16px; border-radius: 8px; border: 1px solid #ed5801; position: absolute; left: 0; top: 6px; } #product_view .rozmiar input { position: absolute; width: 1px; height: 1px; opacity: 0; } #product_view .rozmiar input:checked + label::before { background: #ed5801; } header .mcontainer { width:auto; padding-right:220px; } header .top { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position:relative; align-items: center; -webkit-box-align: center; padding:30px 0px 25px 0; background:url('/szablony/tio_shop/gfx/head_top_tlo.png') no-repeat right top; background-size:auto 100%; } header .mcontainer::after { background:#1b1c20; height:140px; display:block; content:""; width:210px; position:absolute; top:-10px; right:0px; -webkit-transform: perspective(400px) rotateX(10deg); -o-transform: perspective(400px) rotateX(10deg); -moz-transform: perspective(400px) rotateX(10deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; } header .top .m_gora { position:absolute; right:0px; top:15px; display: flex; flex-wrap: wrap; } header .top .m_gora>ul { list-style:none; margin:0px; } header .top .m_gora>ul>li { display:inline-block; } header .top .m_gora>ul>li>a { color:#303033; text-decoration:none; font-weight:600; margin-left:60px; } header .top .m_gora>ul>li.log_out>a { color:#ed5801; } header .top .m_gora>ul>li.log_out>a:hover { color:#303033; } header .top .m_gora>ul>li>a:hover { color:#ed5801; } header .top .m_gora .wersje-jezykowe {position: absolute; right: 0; top: 0; z-index: 2; width: 40px;} header .top .m_gora .wersje-jezykowe p {font-size: 14px; line-height: 20px; font-weight: 700; margin: 0; text-align: center; cursor: default; padding: 0 0 4px 0;} header .top .m_gora .wersje-jezykowe p svg {display: inline-block; width: 10px; margin: 0 0 0 2px;} header .top .m_gora .wersje-jezykowe ul {padding: 0; list-style: none; margin: 0; display: none; background: #fff; border: 1px solid #dfdfdf; box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75); position: absolute; top: 100%; right: 0;} header .top .m_gora .wersje-jezykowe:hover ul {display: block;} header .top .m_gora .wersje-jezykowe ul li a {display: block; padding: 5px 15px; text-decoration: none; text-align: center; color: #000;} header .top .m_gora .wersje-jezykowe ul li a:hover {color: #ed5801;} header .top .m_gora .wersje-jezykowe-2 {display: inline-block;} header .top .m_gora .wersje-jezykowe-2>div {float: left; margin: 0 0 0 10px;} header .top .m_gora .wersje-jezykowe-2>div img {display: block; height: 20px;} header .logo { margin-right:45px; max-width:300px; } header .logo .cls-1 { fill: #009444 } .cls-2, header .logo .cls-1 { fill-rule: evenodd } header .logo .cls-2 { fill: #8dc63f } header .logo h1 { margin: 0 0 0 -8px; padding-left: 8px } header .logo a { font-size: 30px; line-height: 18px; color: #ed5801; font-style: italic; text-decoration: none } header .logo a span { font-size: 32px; color: #181616; display: block; margin-left: -8px } header .search-form { position: relative; min-width:350px; flex-grow:1; } header .search-form form { position: relative; padding: 0 84px 0 0; margin-top:10px; } header .search-form form svg { display: block; width: 17px; position: absolute; top: 15px; left: 10px; } header .search-form form svg circle, header .search-form form svg line { stroke: #181616 } header .search-form form input { width: 100%; padding: 0 30px 0 35px; height: 48px; border: 1px solid #c4c4c5; outline: 0; color:#626365; font-weight:400; font-size:14px; box-shadow: none; border-radius:0px; } header .search-form form input:focus, header .search-form form input:hover { outline: 0; box-shadow: none; border-color: #dfdfdf } header .search-form form input::-webkit-input-placeholder { color: #626365; font-size: 14px; line-height: 20px; font-weight: 400 } header .search-form form input:-ms-input-placeholder { color: #626365 } header .search-form form input::placeholder { color: #626365 } header .search-form form a { position: absolute; background: #ed5801; width:92px; height: 100%; border-radius:5px; top: 0; right: 0; text-align: center; padding: 14px 0; font-size: 16px; color:white; line-height: 20px; font-weight:bold; text-transform: uppercase; text-decoration: none; z-index: 2; overflow: hidden } header .search-form form a:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius:5px; background: #4b4d50; z-index: -1; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } header .search-form form a:hover { color: #fff } header .search-form form a:hover:after { width: 100% } header .search-form .szukaj_podpowiedz { z-index: 2; position: absolute; width: 100%; top: 100%; left: 0; background: #fff; padding: 5px 10px; border: 1px solid #dfdfdf; -webkit-box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75); -moz-box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75); box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75) } header .search-form .szukaj_podpowiedz p { padding: 1px 0; margin: 0 } header .search-form .szukaj_podpowiedz a { color: #000; text-decoration: none; padding: 5px; display: block } header .search-form .szukaj_podpowiedz p+p a { border-top: 1px solid #dfdfdf } header .search-form .szukaj_podpowiedz a:hover { color: #ed5801 } header .links { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content:flex-end; flex-grow:1; } header .telefon,header .email { text-align:right; margin-right:35px; position:relative; top:6px; } header .links .telefon a,header .links .email a { color:#303033; font-weight:400; font-size:14px; text-decoration:none; } header .telefon a:hover,header .email a:hover { color:#eb5805; } header .links .email a { font-weight:600; } header .telefon img,header .email img { margin-right:6px; } header .links a { font-size: 16px; color: #303033; line-height: 16px; padding: 2px 0; font-weight:bold; text-transform: uppercase; text-decoration: none; margin: 0 40px 0 0 } header .links a img { margin-right:12px; } header .links a:nth-last-of-type(1) { margin-right: 0 } header .links a:hover { color: #ed5801; } header .basket { position:absolute; right:20px; z-index:3; top:40px; } header .koszyk { position: relative; } header .koszyk>a { height: 48px; color: #fff; padding: 11px 5px 11px 35px; display: block; text-decoration: none; position: relative; min-width:110px; background:url(/szablony/tio_shop/gfx/koszyk_wozek.png) no-repeat left center; } header .koszyk>a svg { width: 26px; height: auto; display: inline-block; vertical-align: top; float:left; margin: -2px 0 0 auto } header .koszyk .st0 { fill: none; stroke: #fff; stroke-width: 6; stroke-miterlimit: 10 } header .koszyk .st1 { display: none; fill: none; stroke: #fff; stroke-width: 6; stroke-miterlimit: 10 } header .koszyk .basket-name { color: #fff; font-weight:bold; font-size: 16px; line-height: 16px; display: inline-block; vertical-align: top; text-transform: uppercase; float:left; margin: 0; padding: 0 16px 0 10px; position: relative; background:url(/szablony/tio_shop/gfx/basket_arrow.png) no-repeat right 6px; } header .koszyk a:hover .no { background:white; color:black; } header .koszyk .no { display: block; position: absolute; top:0px; left: 18px; min-width: 22px; height: 22px; background: #e95902; border-radius: 11px; text-align: center; font-size: 11px; font-weight:600; line-height: 20px } header .koszyk #produkty_koszyka_box { display: none; position: absolute; top:48px; right: 0; background: #fff; z-index: 20; width: 460px; max-width: 100vw; padding: 10px; border: 1px solid #dfdfdf; -webkit-box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75); -moz-box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75); box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75) } header .koszyk #produkty_koszyka_box .item { display: flex; align-items: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-align: center; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #dfdfdf } header .koszyk #produkty_koszyka_box .item .image img { width: 60px; display: block } header .koszyk #produkty_koszyka_box .item .name { padding: 0 10px; align-self: flex-start } header .koszyk #produkty_koszyka_box .item .name h3 { margin: 0; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 400; color: #000 } header .koszyk #produkty_koszyka_box .item .name h3 a { color: #000; text-decoration: none } header .koszyk #produkty_koszyka_box .item .name h3 a:hover { color: #ed5801 } header .koszyk #produkty_koszyka_box .item .name p { margin: 0; color: #9b9b9b } header .koszyk #produkty_koszyka_box .item .del { margin: 0 0 0 auto } header .koszyk #produkty_koszyka_box .item .del a { display: block } header .koszyk #produkty_koszyka_box .item .del a svg { display: block; width: 20px; height: auto; fill: #afafaf; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } header .koszyk #produkty_koszyka_box .item .del a:hover svg { fill: #dc3545 } header .koszyk #produkty_koszyka_box .podsumowanie { margin: 0 0 20px 0 } header .koszyk #produkty_koszyka_box .podsumowanie p { text-align: right; margin: 0; color: #9b9b9b } header .koszyk #produkty_koszyka_box .podsumowanie p span { color: #000; font-weight: 600 } header .koszyk #produkty_koszyka_box .podsumowanie .brutto { font-size: 14px } header .koszyk #produkty_koszyka_box .podsumowanie .brutto span { font-size: 16px } header .koszyk #produkty_koszyka_box .podsumowanie .netto { font-size: 12px } header .koszyk #produkty_koszyka_box .zobacz_koszyk { display: block; width: 300px; max-width: 100%; text-align: center; height: 48px; line-height: 44px; border-radius:5px; text-transform: uppercase; text-decoration: none; font-size: 14px; color: #fff; background: #ed5801; font-weight: 600; padding: 0 20px; overflow: hidden; position: relative; margin: 0 auto } header .koszyk #produkty_koszyka_box .zobacz_koszyk span { color: #fff; position: relative; z-index: 3; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; -ms-transition: color .4s; transition: color .4s } header .koszyk #produkty_koszyka_box .zobacz_koszyk:before { content: ' '; z-index: 1; display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; background:#4b4d50; border-radius:5px; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } header .koszyk #produkty_koszyka_box .zobacz_koszyk:hover:before { width: 100% } .cat-menu { background:#1b1c20; } .cat-menu .menu { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content:center; -webkit-box-pack: center; -webkit-box-align: center; } .cat-menu .menu>.li { text-align: center; padding: 5px 20px; position: relative } .cat-menu .menu>.li:nth-of-type(1) { padding-left: 0 } .cat-menu .menu>.li:nth-last-of-type(1) { padding-right: 0 } .cat-menu .menu>.li+.li:before { content: ' '; background:rgba(255,255,255,0.3); width: 1px; height: 10px; left: 0; top: 50%; position: absolute; margin: -4px 0 0 -.5px } .cat-menu .menu>.li>a { display: block; font-size: 16px; font-weight:bold; line-height: 20px; color:white; text-decoration: none; text-transform: uppercase; position: relative; padding: 14px 0 } .cat-menu .menu .li>a:hover, .cat-menu .menu>.li.active>a { color: #ed5801 } .cat-menu .menu>.li.active>a:before { content: ' '; display: block; background: #ed5801; height: 3px; width: 100%; top: -6px; left: 0; position: absolute } .cat-menu .menu .li .submenu-toogle { position: absolute; top: 100%; left: 0; min-width: 100%; z-index: 200; -webkit-box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75); -moz-box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75); box-shadow: 0 12px 21px -10px rgba(0, 0, 0, .75) } .cat-menu .menu .li .msub { max-height: 0; overflow:hidden; } .cat-menu .menu .li:hover .msub { max-height:2000px } .cat-menu .menu .li .submenu-toogle>.submenu { background: #fff; padding: 0 10px 10px 10px; text-align: left; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; border: 1px solid #dfdfdf; border-top: none } .cat-menu .menu .li .submenu-toogle>.submenu>.col { padding: 0 10px; min-width: 320px; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; } .cat-menu .menu .li .submenu-toogle>.submenu.cols3>.col { min-width: 480px; } .cat-menu .menu .submenu .li { width:50%; } .cat-menu .menu .submenu.cols3 .li { width: 33.3333%; } .cat-menu .menu .submenu .li .li {width:auto;} .cat-menu .menu .li .submenu a { font-size: 16px; line-height: 18px; color: #181616; padding: 7px 10px; font-weight:bold; text-decoration: none; display: block } .cat-menu .menu .li .submenu .submenu a { font-weight:500; } .cat-menu .menu .li .submenu .submenu .submenu a { font-weight:300; } .cat-menu .menu .li .submenu .li a:hover { color: #ed5801 } .cat-menu .menu .li .submenu .submenu { padding-left: 10px } .cat-menu .menu .li .submenu .submenu .submenu { padding-left:20px; } header .navbar-toggle { display: none; width: 40px; height: 40px; border: 1px solid white; border-radius: 5px; margin: 5px 0 5px auto; padding: 0 5px; float: none } header .navbar-toggle .icon-bar { display: block; margin: 6px 0; background:white; height: 2px; width: 100% } header .navbar-toggle:hover { border-color: #ed5801; background: #ed5801 } header .navbar-toggle:hover .icon-bar { background: #fff } header.mobile { background:black; } header.mobile .links a { color:white; } header.mobile .search-form { top:100px; } header.mobile .logo { margin-right:140px; } header.mobile .mcontainer::after { display:none; } header.mobile .links { top:90px; } #slider { padding:0px; position: relative; margin-bottom:35px; } #slider .carousel-caption { position: absolute; top:0; left: 0; right: 0; margin: 0 auto; padding: 0; bottom:0; } #slider .carousel-caption a { display:block; height:100%; text-decoration:none; } #slider .carousel-indicators { position:absolute; height:35px; bottom:10px; width:60%; margin-bottom:0px; } #slider .carousel-indicators li { background:url(/szablony/tio_shop/gfx/slider_slide.png) no-repeat center; width:35px; height:35px; border:0px; margin:4px; } #slider .carousel-indicators li.active { background:url(/szablony/tio_shop/gfx/slider_active.png) no-repeat center; margin:4px; } #slider .carousel-indicators li:hover { animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } #slider .caption_inside { max-width:1280px; margin:0px auto; } #slider .caption_inside h2 { font-weight:900; color:white; font-size:60px; text-transform:uppercase; max-width:55%; margin-top:60px; margin-left:110px; text-align:left; position:relative; } #slider .caption_inside h3 { text-align:left; margin-left:110px; margin-top:45px; max-width:40%; font-weight:400; font-size:24px; color:white; line-height:37px; } #slider .caption_inside span { display:inline-block; width:11px; top:15px; bottom:8px; background:#3abfe9; position:absolute; left:-38px; } #slider .carousel-control { position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; background: #4b4d51; margin: -30px 0 0 0; opacity: 0 } #slider:hover .carousel-control { opacity: .4 } #slider .carousel-control:hover { opacity:0.7 } #slider .carousel-control:after, #slider .carousel-control:before { content: ' '; display: block; width: 14px; height: 2px; background:white; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto } #slider .carousel-control.left:before { transform: rotate(45deg); margin-top: 5px } #slider .carousel-control.left:after { transform: rotate(-45deg); margin-top: -5px } #slider .carousel-control.right:before { transform: rotate(45deg); margin-top: -5px } #slider .carousel-control.right:after { transform: rotate(-45deg); margin-top: 5px } #slider .carousel-control.left { left: 15px } #slider .carousel-control.right { right: 15px } #slider .item img { max-width:none; width:100%; } .breadcrumps { padding: 25px 0 30px 0 } .breadcrumps, .breadcrumps a { font-size: 14px; line-height: 14px; color: #a5a5a5; font-weight:300; text-decoration: none; } .breadcrumps a:hover { color: #ed5801 } .breadcrumps a span { display: inline-block } .breadcrumps .inline>div { display: inline } .kat-top { margin: 0 0 40px 0; } .kat-top h1,.page_txt header h1,.basket h1,.password_change h1,.register-box h1,.pliki_pobranie_list h1 { color:#303033; font-family: 'Barlow', sans-serif; font-weight:bold; font-size:30px; text-transform:uppercase; line-height:30px; position:relative; padding-left:10px; margin:0px 0px 30px 0px; } .kat-top h1::before,.page_txt header h1::before,.basket h1::before,.password_change h1::before,.register-box h1::before,.pliki_pobranie_list h1::before { width:6px; content:""; height:22px; background:#e85904; position:absolute; left:0px; top:5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .kat-box { overflow: hidden } .kat-box .mcontainer { display: flex } .kat-box .kat-menu { width:20% } .kat-box .kat-menu h3 { font-size: 24px; line-height: 28px; font-weight: 900; color: #202224; border-bottom: 3px solid #ed5801; margin: 0 0 10px 0; padding: 0 0 5px 0 } .kat-box .cat-box { margin: 0 0 30px 0 } .kat-box .cat-box>.li { position: relative } .kat-box .cat-box>.li>a { font-size: 16px; line-height: 20px; padding: 14px 7px; color: #1b1c20; font-weight:bold; text-transform: uppercase; display: block; text-decoration: none; position: relative } .kat-box .cat-box>.li.active>a, .kat-box .cat-box>.li>a:hover { color: #ed5801 } .kat-box .cat-box>.li { border-top: 1px solid #d6d6d6; } .kat-box .cat-box>.li:last-child { border-bottom: 1px solid #d6d6d6; } .kat-box .cat-box>.li.sub>a { padding-right: 20px } .kat-box .cat-box>.li svg.bt { fill: #000; display: block; width: auto; height: 24px; padding: 5px; position: absolute; right: 0; top: 12px; margin: 0; cursor: pointer; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } .kat-box .cat-box>.li svg.bt:hover { fill: #000 } .kat-box .cat-box>.li.active svg.bt { transform: rotate(90deg) } .kat-box .cat-box .submenu { margin-bottom: 10px; display:none; } .kat-box .cat-box .li.active .submenu { display:block; } .kat-box .cat-box .submenu .li a { font-size: 14px; line-height:18px; padding: 7px 9px; font-weight:500; color: #1b1c20; display: block; text-decoration: none; position: relative } .kat-box .cat-box .submenu .li>a:hover { color: #ed5801 } .kat-box .cat-box .submenu .li.active>a { font-weight:bold; } .kat-box .cat-box .submenu .li.active>a:before { border-color: #ed5801; background: #ed5801 } .kat-box .cat-box .submenu .submenu .li a { font-weight:300; } .kat-box .cat-box .submenu .submenu .li.active > a { font-weight:400; } .kat-box .cat-box .li .active2 a { background:#f9f9f9; } .kat-box .cat-box .active2 .submenu a { background:none; } .kat-box .empty-list { margin-left:20px; font-size:18px; margin-top:40px; font-weight:400; } .kat-box .cat-box .submenu .submenu { padding-left: 10px } .kat-box .filters-box {display:none;} .kat-box .filters-box .fpar { padding: 0 } .kat-box .filters-box .fpar+.fpar { border-top: 1px solid #dfdfdf } .kat-box .filters-box h5 { font-size: 16px; line-height: 20px; padding: 14px 20px 15px 0; margin: 0; color: #202224; font-weight: 600; text-transform: uppercase; display: block; text-decoration: none; position: relative; cursor: pointer; position: relative } .kat-box .filters-box h5 svg { fill: #afafaf; display: block; width: auto; height: 14px; position: absolute; right: 3px; top: 50%; margin: -7px 0 0 0; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } .kat-box .filters-box h5:hover svg { fill: #000 } .kat-box .filters-box .f_list { overflow: hidden; height: 0; -webkit-transition: height .4s; -moz-transition: height .4s; -o-transition: height .4s; -ms-transition: height .4s; transition: height .4s } .kat-box .filters-box .opened h5 { color: #ed5801 } .kat-box .filters-box .opened h5 svg { transform: rotate(90deg) } .kat-box .filters-box .opened .f_list { height: auto } .kat-box .filters-box .ul { padding: 0; margin: 0; list-style: none; overflow: hidden } .kat-box .filters-box .ul li { padding: 7px 0 7px 24px; cursor: pointer; position: relative } .kat-box .filters-box .ul li:before { content: ' '; width: 12px; height: 12px; border: 1px solid #dfdfdf; border-radius: 50%; top: 50%; left: 0; margin: -6px 0 0 0; position: absolute } .kat-box .filters-box .ul li.active, .kat-box .filters-box .ul li:hover { color: #ed5801 } .kat-box .filters-box .ul li.active:before { background: #ed5801 } .kat-box .filters-box .ul li:nth-last-of-type(1) { margin-bottom: 10px } .kat-box .kat-list { width: 83%; } .kat-box .kat-desc { color: #000; font-size: 16px; line-height: 26px; padding: 0 0 20px 0; border-bottom: 3px solid #ed5801; margin: 0 0 30px 20px; } .kat-box .kat-desc .more,.kat-box .kat-desc.open .more_btn {display:none;} .kat-box .kat-desc a.show_hide {color: #ed5801;font-weight:600;text-decoration:none;} .kat-box .kat-desc a.show_hide:hover {color:black;} .kat-box .kat-desc.open .more {display:block;} .kat-box .kat-list .filters.top { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; font-size: 14px; line-height: 40px; color: #1b1c20; font-weight: 300; margin: 0 auto 10px 20px; align-items:center; -webkit-box-pack: space-beetween; -webkit-box-align: center; } .kat-box .kat-list .filters.top .dropdown-toggle { height:30px; border: 1px solid #e0e0e0; border-radius:5px; padding: 0px 8px; outline: 0 !important; background:#f7f7f7; box-shadow: none; position:relative; top:-2px; color: #000; font-weight:300; font-size: 14px; line-height:30px; } .kat-box .kat-list .filters.top .dawka { text-align:right; margin-right:50px; flex-grow:1; } .kat-box .kat-list .filters.top .dawka.sdawka { text-align:left; margin-right:20px; } .bootstrap-select.fit-width .dropdown-toggle .caret::after, .bootstrap-select.fit-width .dropdown-toggle .caret::before { background:#848484 !important; } .filters .dropdown-menu>.active>a, .filters .dropdown-menu>.active>a:focus, .filters .dropdown-menu>.active>a:hover { background-color: #e85904; } .filters>div>span { margin-right: 5px } .paginacja nav { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content:flex-end; -webkit-box-pack: flex-end; -webkit-box-align: center; } .paginacja nav span { display: block; margin-right: 5px; color:#1b1c20; font-weight:300; } .paginacja .pagination { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin: 0; padding: 12px 0px; } .paginacja .pagination li { margin: 0 5px; display: block } .paginacja .pagination li a { line-height:28px !important; text-align: center; min-width: 28px; border-radius:5px !important; background:#f7f7f7; font-size: 14px; color: #1b1c20; font-weight:300; padding: 0; border:1px solid #e0e0e0 !important; } .paginacja .pagination li a:hover { border:1px solid #ed5801 !important; background: #ed5801 !important; color: #fff !important } .paginacja .pagination li.disabled a:hover { background: 0 0 !important; color: #000 !important } .paginacja .pagination li.active a, .paginacja .pagination li.active a:hover { background: #ed5801 !important; color: #fff !important } .bootstrap-select.fit-width .dropdown-toggle .bs-caret { position: relative; margin: 0 0 0 10px } .bootstrap-select.fit-width .dropdown-toggle .caret { border: none; display: inline-block; width: 8px; height: 14px; position: relative } .bootstrap-select.fit-width .dropdown-toggle .caret:after, .bootstrap-select.fit-width .dropdown-toggle .caret:before { content: ' '; display: block; background: #afafaf; width: 100%; height: 1px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-transition: background .4s; -moz-transition: background .4s; -o-transition: background .4s; -ms-transition: background .4s; transition: background .4s } .bootstrap-select.fit-width .dropdown-toggle .caret:before { transform: rotate(45deg); margin-left: -2px } .bootstrap-select > .dropdown-toggle {min-height:40px;} .bootstrap-select.fit-width .dropdown-toggle .caret:after { transform: rotate(-45deg); margin-right: -2px } .bootstrap-select.fit-width .dropdown-toggle:hover .caret:after, .bootstrap-select.fit-width .dropdown-toggle:hover .caret:before { background: #000 } .products-home { padding: 30px 0; overflow: hidden } .products-list { padding: 0 } .products-list #home_products .promo_small { width:100%; } .products-home .products-list .produkt_box,.products-list #home_products .promo_small article, .products-powiazane .products-list .produkt_box { width: 25% } #product_view .products-powiazane h3 { text-transform:uppercase; color:#303033; font-weight:bold; font-size:24px; margin:30px 0px; } #product_view #product_photo img { max-width: 100%; display: block; -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; -o-transition: -o-transform .4s; -ms-transition: -moz-transform .4s; transition: transform .4s } #product_view #product_photo .produkt-slider { display: block; overflow:hidden; padding-right: 125px; position: relative; } #product_view #product_photo .produkt-slider .main { padding:30px; position: relative; border:1px solid #e0e0e0; border-radius:5px; } #product_view #product_photo .produkt-slider .thumb { width:100px; padding:0px 0px 0px 0; position: absolute; right: 0; top: 0; bottom: 0; margin-top: -10px; } #product_view #product_photo .produkt-slider .thumb .slick-arrow { position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 2; border: 1px solid #e0e0e0; border-radius: 2px; outline: none; box-shadow: none; width: 50px; height: 20px; background: rgba(224, 224, 224, 1); opacity: 0; } #product_view #product_photo .produkt-slider .thumb .slick-arrow:after, #product_view #product_photo .produkt-slider .thumb .slick-arrow:before { content: ' '; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 3px; background: #fff; } #product_view #product_photo .produkt-slider .thumb .slick-arrow.slick-disabled { display: none !important; } #product_view #product_photo .produkt-slider .thumb .slick-arrow.slick-prev:before { transform: translate(-50%, -50%) rotate(-45deg); margin-left: -5px; } #product_view #product_photo .produkt-slider .thumb .slick-arrow.slick-prev:after { transform: translate(-50%, -50%) rotate(45deg); margin-left: 5px; } #product_view #product_photo .produkt-slider .thumb .slick-arrow.slick-next:before { transform: translate(-50%, -50%) rotate(45deg); margin-left: -5px; } #product_view #product_photo .produkt-slider .thumb .slick-arrow.slick-next:after { transform: translate(-50%, -50%) rotate(-45deg); margin-left: 5px; } #product_view #product_photo .produkt-slider .thumb:hover .slick-arrow { opacity: 0.8; } #product_view #product_photo .produkt-slider .thumb .slick-arrow:hover { opacity: 1; } #product_view #product_photo .produkt-slider .thumb .slick-arrow.slick-prev { top: 10px; } #product_view #product_photo .produkt-slider .thumb .slick-arrow.slick-next { bottom: 0; } #product_view #product_photo .produkt-slider .thumb div.thumb-item { padding: 10px 0; margin: 0; height: 100px; position: relative; height: 120px; } #product_view #product_photo .produkt-slider .thumb div.thumb-item a { display: block; overflow: hidden; position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translate(0, -50%); padding: 10px; border:1px solid #e0e0e0; border-radius:5px; height: 100px; } #product_view #product_photo .produkt-slider .thumb div.thumb-item img { display: block; margin: 0 auto; max-width: 100%; } #product_view #product_photo .produkt-slider a { display: block; overflow: hidden; } #product_view #product_photo .produkt-slider a.empty { display: inline; height:0px; } #product_view #product_photo .produkt-slider a:hover img, #product_view #product_photo .produkt-slider a:hover+a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } #product_view #product_photo { width:45%; } #product_view .product-info { width:55%; padding-left: 35px } #product_view .product-info h1 { font-family: 'Barlow', sans-serif; font-weight:bold; font-size:30px; color:#303033; line-height: 38px; text-transform: uppercase; margin: 0 0 20px 0 } #product_view .product-info h3 { text-transform:uppercase; font-size:18px; margin-bottom:25px; } #product_view .product-info h3 a,#product_view .product-info h3 span { color:#ed5801; text-decoration:none; } #product_view .product-info h3 a:hover { color:#303033; } #product_view .product-info .opis_small { color:#303033; font-size:16px; font-weight:400; line-height:24px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:25px 0px; margin-bottom:25px; } #product_view .product-info .box-parametry { margin: 0 0 45px 0 } #product_view .product-info .box-parametry .cecha { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; font-size: 16px; line-height: 20px; padding: 7px 10px; color: #1b1c20; background:#f9f9f9; margin:2px 0px; } #product_view .product-info .box-parametry .l { width: 200px; padding-right: 20px; margin: 0; font-weight: 300 } #product_view .product-info .box-parametry .r { width: calc(100% - 200px); margin: 0; font-weight: 500 } #product_view .product-order .price_netto,#product_view .product-order .promo { text-transform:uppercase; color:#303033; font-size:18px; font-weight:400; margin-bottom:60px; } #product_view .product-order .promo { margin-bottom:0px; } #product_view .product-info .produkt_koszyk { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin-top:60px; } #product_view .product-info .produkt_koszyk .cena { flex-grow:1; color:#e85904; font-size:42px; font-weight:bold; line-height:48px; } #product_view .product-info .produkt_koszyk .cena p { color:#303033; font-size:14px; line-height:14px; font-weight:400; margin-bottom:5px; text-transform:uppercase; } #product_view .product-info .produkt-cena p { font-size: 36px; line-height: 46px; color: #ed5801; font-weight: 600; margin: 0 40px 0 0 } #product_view .product-info .produkt_koszyk { display: flex } #product_view .product-info .prod_ilosc { width:65px; margin: 0 22px 0 0 } #product_view .product-info .prod_ilosc input { height:62px; width:62px; font-size: 25px; border-radius:5px; font-weight:500; text-align:center; background:#f7f7f7; border:1px solid #e0e0e0; color:#1b1c20; } #product_view .product-info .prod_ilosc .b_btn { font-size: 16px } #product_view .product-info .do_koszyka:after { content: ""; position: absolute; width: 96%; height: 100%; background: black; top: 0px; left: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s; } #product_view .product-info .do_koszyka { position: relative; background: #e85904; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform: uppercase; color: white; font-size: 25px; font-weight: bold; line-height:25px; height:62px; padding: 14px 30px 6px 25px; display: inline-block; text-decoration: none; } #product_view .product-info .do_koszyka:hover::after { width: 0; } #product_view .product-info .do_koszyka img { position: relative; top: -2px; margin-right: 20px; } #product_view .product-info .do_koszyka span { position: relative; z-index: 3; } #product_view .product-info .product-table { margin: 60px 0 0 0 } #product_view .product-info .product-table table { width: 100%; table-layout: fixed } #product_view .product-info .product-table table td { border: 1px solid #dadada; height: 40px; font-size: 14px; line-height: 16px; padding: 1px; text-align: center; width: 6.5% } #product_view .product-info .product-table table td.nag { background: #f0f0f0; text-transform: uppercase } #product_view .product-info .product-table table td.nag.pad { padding: 0 0 0 10px; width: 22%; text-align: left } #product_view .product-info .product-table table td.nag.empty { border: none; background: 0 0 } #product_view .product-info .product-table table .par td svg { fill: #fff; width: auto; height: 37px; display: block; margin: 0 auto } #product_view .product-info .product-table table .par_2 td svg { padding: 9px } #product_view .product-info .product-table table .par_3 td svg { padding: 9px } #product_view .product-info .product-table table .par_1 td.tak { background: #713e01 } #product_view .product-info .product-table table .par_2 td.tak { background: #e0c724 } #product_view .product-info .product-table table .par_3 td.tak { background: #ed5801 } #product_view .product-desc h3.nag_opis { text-transform:uppercase; font-size:24px; font-weight:bold; color:#303033; margin:40px 0px 30px 0px; } #product_view .product-desc { margin: 0 0 50px 0; color:#303033; font-size:20px; font-weight:400; line-height:31px; } #product_view .product-desc table tr td img { max-width: 100% } #product_view .product-desc h2 { font-weight: 600; font-size: 26px; line-height: 30px; margin: 0 0 20px 0; color: #000 } #product_view .product-desc h3 { font-weight: 600; font-size: 24px; line-height: 26px; margin: 0 0 20px 0; color:#303033; } #product_view .product-desc p { font-weight: 400; font-size: 20px; line-height:31px; color:#303033; margin: 0 0 20px 0 } #product_view .product-desc ol, #product_view .product-desc ul { margin: 0 0 20px 0 } #product_view .product-desc li { font-weight: 400; font-size: 20px; line-height:31px; color:#303033; } #product_view .product-desc b, #product_view .product-desc strong { font-weight: 600 } #product_view .product-desc a { color: #e85904; font-weight: 500; text-decoration: none } #product_view .product-desc a:hover { color:#303033; } #product_view .product-desc .table-container { overflow-x:auto; margin:20px 0px; } #product_view .produkt_produkty { overflow: hidden; } #product_view .products-powiazane .produkt_produkty { overflow: initial; } #product_view .products-powiazane .slick-arrow { position: absolute; z-index: 2; top: 50%; transform: translate(0, -50%); border: 1px solid #e0e0e0; border-radius: 5px; outline: none; box-shadow: none; width: 50px; height: 50px; background: rgba(224,224,224,1); opacity: 0; } #product_view .products-powiazane .slick-arrow.slick-disabled { display: none !important; } #product_view .products-powiazane .promo_small:hover .slick-arrow { opacity: 0.8; } #product_view .products-powiazane .promo_small .slick-arrow:hover { opacity: 1; } #product_view .products-powiazane .slick-arrow:before, #product_view .products-powiazane .slick-arrow:after { content: ' '; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 3px; background: #fff; } #product_view .products-powiazane .slick-arrow.slick-prev:before { transform: translate(-50%, -50%) rotate(45deg); margin-top: 7px; } #product_view .products-powiazane .slick-arrow.slick-prev:after { transform: translate(-50%, -50%) rotate(-45deg); margin-top: -7px; } #product_view .products-powiazane .slick-arrow.slick-next:before { transform: translate(-50%, -50%) rotate(45deg); margin-top: -7px; } #product_view .products-powiazane .slick-arrow.slick-next:after { transform: translate(-50%, -50%) rotate(-45deg); margin-top: 7px; } #product_view .products-powiazane .slick-arrow.slick-prev { left: 0; } #product_view .products-powiazane .slick-arrow.slick-next { right: 0; } #product_view .products-powiazane #home_products .promo_small.promo_small2 { margin: 0 -5px; } #product_view .products-powiazane #home_products .promo_small article { padding-left: 10px; padding-right: 10px; } #product_view .produkt_video_list .film_container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin:20px 0px; } #product_view .product-desc iframe { max-width: 100% !important; height:auto !important; } #product_view .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } #product_view .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; } #product_view .do_pobrania { margin:20px 0px; } #product_view .do_pobrania h4 { font-size:20px; } #product_view .do_pobrania ul { list-style:none; margin:10px 0px; padding:0px; } #product_view .do_pobrania ul li a { font-size:18px; display:inline-block; padding:5px 0px; } #product_view .do_pobrania ul li {line-height:26px;} #product_view .flex { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } .news-home .mcontainer { max-width:1020px; background: url(/szablony/tio_shop/gfx/news_home_tlo.png) no-repeat bottom right; background-size:auto 100%; padding-bottom:115px; padding-top:25px; } .news-home h3.nag { color:#242121; font-weight:bold; font-size:24px; text-align:center; text-transform:uppercase; margin:40px 0px 20px 0px; } .news-home figure img { border-radius:5px; } .news-home figure img:hover { opacity:0.7; } .news-home h2 { color:#242121; font-size:30px; font-weight:bold; margin:10px 0px; position:relative; padding-left:20px; } .news-home h2 a { color:#242121; text-decoration:none; } .news-home h2 a:hover { color:#ed5801; } .news-home h2 span { display:inline-block; background:#ed5801; width:8px; bottom:3px; position:absolute; left:0px; border-radius:5px; top:6px; } .news-home h4 { color:#898a8d; font-size:14px; font-weight:400; margin:0px 0px 20px 20px; } .news-home p { font-size:16px; font-weight:400; color:#242121; margin-left:20px; } .news-home p.more { margin-top:20px; } .news-home p.more a { color:white; font-size: 14px; line-height:1; font-weight: 600; display: inline-block; text-transform: uppercase; padding: 15px 25px; border-radius:5px; background:#242121; position: relative; overflow: hidden; z-index: 1 } .news-home p.more a::after, .news-home p.more a::before { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; transition: all .4s; border-radius:5px; z-index: -1 } .news-home p.more a::after { width: 100%; z-index: 1 } .news-home p.more a::before { background-color: #ed5801; width: 0% } .news-home p.more a:hover::before { width: 100% } .news-home p.more a:hover { text-decoration: none } .news-list { padding: 0 } .news-list .row {; margin: 0 80px } .news-list .news { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; width: 100%; padding:10px 0px 30px 0px; margin-bottom:20px; border-bottom:1px solid #e0e0e0; } .news-list .mcontainer .row .news:last-child { border:0px; } .news-list .news figure { margin: 0; padding: 0; display: block; width: 100%; max-width:350px; } .news-list .news figure img { display: block; -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; -o-transition: -o-transform .4s; -ms-transition: -moz-transform .4s; transition: transform .4s } .news-list .news figure a { display: block; border-radius:5px; overflow: hidden; margin: 0 auto } .news-list .news figure a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .news-list .news .info { width: 100%; padding: 0 0 0 20px } .news-list .news h2 { color: #242121; font-size:26px; font-weight: bold; margin: 0px 0px 10px 0px; position: relative; padding-left: 20px; } .news-list .news h2 span { display: inline-block; background: #ed5801; width: 8px; bottom: 3px; position: absolute; left: 0px; border-radius: 5px; top: 6px; } .news-list .news h4 { color: #898a8d; font-size: 14px; font-weight: 400; margin: 0px 0px 20px 20px; } .news-list p { font-size: 16px; font-weight: 400; color: #242121; margin-left: 20px; } .news-list p.more a { color: white; font-size: 14px; line-height: 1; font-weight: 600; display: inline-block; text-transform: uppercase; padding: 15px 25px; border-radius: 5px; background: #242121; position: relative; overflow: hidden; text-decoration:none; z-index: 1; } .news-list p.more a::before { background-color: #ed5801; width: 0%; } .news-list p.more { margin-top: 20px; margin-bottom:0px; } .news-list p.more a:hover::before { width: 100%; } .news-list p.more a::after, .news-list p.more a::before { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; transition: all .4s; border-radius: 5px; z-index: -1; } .news-list .news h2 a { color: #181616; text-decoration: none } .news-list .news h2 a:hover { color: #ed5801 } .news-list .news .desc { font-size: 16px; font-weight: 400; color: #242121; margin-left: 20px; } .news-box .flex { display: flex } .news-box .left-news { width: 40% } .news-box .left-news img { max-width: 100%; display: block; -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; -o-transition: -o-transform .4s; -ms-transition: -moz-transform .4s; transition: transform .4s } .news-box .left-news .news-slider { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; margin: 0 -11px } .news-box .left-news .news-slider .main { width: 100%; padding: 11px; position: relative } .news-box .left-news .news-slider figure a { border-radius:5px; } .news-box .left-news .news-slider .main .magnification { position: absolute; bottom: 21px; right: 21px; display: block; width: 54px; height: 54px; border: 1px solid #fff; padding: 10px; z-index: 2 } .news-box .left-news .news-slider .main .magnification svg { display: block; margin: 0 auto; stroke: #fff; -webkit-transform: scale(.1); -moz-transform: scale(.1); -o-transform: scale(.1); transform: scale(.1); transform-origin: left top; -webkit-transition: stroke .4s; -moz-transition: stroke .4s; -o-transition: stroke .4s; -ms-transition: stroke .4s; transition: stroke .4s } .news-box .left-news .news-slider .main .magnification:hover { background: #fff } .news-box .left-news .news-slider .main .magnification:hover svg { stroke: #000 } .news-box .left-news .news-slider .thumb { width: 33.33333%; padding: 11px } .news-box .left-news .news-slider a { display: block; overflow: hidden } .news-box .left-news .news-slider a:hover img, .news-box .left-news .news-slider a:hover+a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .news-box .right-news { width: 70%; padding-left:20px } .news-box .right-news header h1 { color: #242121; font-size: 26px; font-weight: bold; margin: 0px 0px 10px 0px; position: relative; padding-left: 20px; } .news-box .right-news header h1 span { display: inline-block; background: #ed5801; width: 8px; bottom: 3px; position: absolute; left: 0px; border-radius: 5px; top: 6px; } .news-box .right-news header h4 { color: #898a8d; font-size: 14px; font-weight: 400; margin: 0px 0px 20px 20px; } .news-box .right-news .desc { font-size: 16px; font-weight: 400; color: #242121; margin-left: 20px; } .news-box .right-news .desc table { width: 100%; display: block } .news-box .right-news .desc table tr { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin: 0 -22px } .news-box .right-news .desc table tr td { display: block; width: 100%; padding: 22px } .news-box .right-news .desc table tr td img { max-width: 100% } .news-box .right-news .desc h2 { font-weight: 600; font-size: 26px; line-height: 30px; margin: 0 0 20px 0; color: #000 } .news-box .right-news .desc h3 { font-weight: 600; font-size: 24px; line-height: 26px; margin: 0 0 20px 0; color: #000 } .news-box .right-news .desc p { font-weight: 400; font-size: 16px; line-height: 26px; color: #000; margin: 0 0 20px 0 } .news-box .right-news .desc ol, .news-box .right-news .desc ul { margin: 0 0 20px 0 } .news-box .right-news li { font-weight: 400; font-size: 16px; line-height: 26px; color: #000 } .news-box .right-news .desc b, .news-box .right-news .desc strong { font-weight: 600 } .news-box .right-news .desc a { color: #000; font-weight: 500; text-decoration: none } .news-box .right-news .desc a:hover { color: #ed5801 } #home_products .promo_big article { border:1px solid #e0e0e0; border-radius:5px; padding:30px; height:100%; } .produkt_box figure { position:relative; } #home_products article figure .ico-procent { position:absolute; top:-20px; right:-30px; background:#e85904; font-weight:bold; color:white; font-size:16px; width:70px; text-align:center; line-height:1; padding:15px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #home_products .promo_big article h2 { height:70px; overflow:hidden; font-weight:400; text-align:center; font-size:22px; border-top:1px solid #e0e0e0; padding-top:15px; } #home_products article h2 a { color:#303033; text-decoration:none; } #home_products article h2 a:hover { color:#e85904; } #home_products .price { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content:center; align-items:bottom; -webkit-box-pack: center; -webkit-box-align: bottom; } #home_products .price .cena { font-size:30px; font-weight:bold; color:#e85904; text-align: center; } #home_products .price .cena .btw, #home_products .price .cena_promo .btw {font-size: 12px; line-height: 11px; color: #303033; display: inline-block; text-align: center; font-weight: 400;} #home_products .price .cena_promo .btw {font-size: 8px; line-height: 8px; width:100%;} #home_products p.cena_promo { margin-left:12px; position:relative; color:#303033; font-size:16px; display: flex; align-items: flex-end; flex-wrap: wrap; width: 70px; text-align: center; } #home_products p.cena_promo del { width:100%; } #home_products .price p { margin-bottom:0px; line-height:1; } #home_products .line { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: stretch; -webkit-box-align: stretch; } #home_products .promo_big { width:40%; padding-bottom:20px; } #home_products .promo_small { width:60%; } #home_products .promo_big article .basket { margin-top:20px; } #home_products article .basket { margin-top:10px; text-align:center; } #home_products article .basket .do_koszyka { position:relative; background:#e85904; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase; color:white; font-size:20px; font-weight:bold; line-height:1; padding:12px 16px 6px 16px; display:inline-block; text-decoration:none; } #home_products article .basket .do_koszyka::after { content:""; position:absolute; width:96%; height:100%; background:black; top:0px; left:0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } #home_products article .basket .do_koszyka:hover::after { width:0; } #home_products article .basket .do_koszyka span { position:relative; z-index:3; } #home_products article .basket .do_koszyka img { position:relative; top:-2px; margin-right:20px; } #home_products article figure img:hover { opacity:0.6; } #home_products .promo_small { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap:wrap; } #home_products .promo_small article { width:33.3%; padding-left:20px; padding-bottom:20px; box-sizing:border-box; display:inline-block; } #home_products .promo_small article .inside { border: 1px solid #e0e0e0; border-radius: 5px; padding:15px; } #home_products .promo_small article figure .ico-procent { font-size:14px; padding: 12px 0px; width:50px; top:-5px; right:-15px; } #home_products .promo_small article h2 { height:45px; overflow: hidden; margin-top:16px; font-weight: 400; text-align: center; font-size:14px; border-top: 1px solid #e0e0e0; padding-top: 12px; } #home_products .promo_small .price .cena { font-size:18px; } #home_products .promo_small p.cena_promo { font-size:12px; } #home_products .promo_small article .basket .do_koszyka { font-size:13px; } #home_products .promo_small article .basket .do_koszyka img { max-height:18px; margin-right:12px; } #home_products .promo_small.promo_small2 article { width:20%; } #home_products .promo_small.promo_small2 { width:auto; margin-left:-20px; margin-right:0px; width:100%; } .page_txt h1 { font-weight: bold; color: #242121; font-size: 28px; line-height: 38px; text-transform: uppercase; margin: 0 0 20px 0 } .page_txt .desc h2 { font-weight: 600; font-size: 26px; line-height: 30px; margin: 0 0 20px 0 } .page_txt .desc h3 { font-weight: 600; font-size: 24px; line-height: 26px; margin: 0 0 20px 0 } .page_txt .desc p { font-weight: 400; font-size: 16px; line-height: 26px; color: #000; margin: 0 0 20px 0 } .page_txt .desc ol, .page_txt .desc ul { margin: 0 0 20px 0 } .page_txt .desc li { font-weight: 400; font-size: 16px; line-height: 26px; color: #000 } .page_txt .desc b, .page_txt .desc strong { font-weight: 600 } .page_txt .desc a { color: #000; font-weight: 500; text-decoration: none } .page_txt .desc a:hover { color: #ed5801 } .basket h2, .moje-konto-box h2, .register-box h2 { font-weight: 600; font-size: 22px; line-height: 24px; margin: 0 0 20px 0; padding: 20px 0 0 0 } .basket .osoba, .moje-konto-box .osoba, .register-box .osoba { padding: 30px 0 } .basket .osoba .btn-box, .moje-konto-box .osoba .btn-box, .moje-konto-box .send-btn-box, .register-box .osoba .btn-box, .register-box .send-btn-box { position: relative; border-radius:5px; overflow: hidden } .basket .osoba .btn-box:before, .moje-konto-box .osoba .btn-box:before, .moje-konto-box .send-btn-box:before, .register-box .osoba .btn-box:before, .register-box .send-btn-box:before { content: ' '; z-index: -1; display: block; width: 0; height: 100%; top: 0; left: 0; background: #ed5801; position: absolute; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } .basket .osoba .btn-box:before, .moje-konto-box .osoba .btn-box:before, .register-box .osoba .btn-box:before { background: #000 } .basket .osoba .btn-box:hover:before, .moje-konto-box .osoba .btn-box:hover:before, .moje-konto-box .send-btn-box:hover:before, .register-box .osoba .btn-box:hover:before, .register-box .send-btn-box:hover:before { width: 100% } .basket .osoba input, .moje-konto-box .osoba input, .moje-konto-box .send-btn-box input, .register-box .osoba input, .register-box .send-btn-box input { width: 100%; border: 2px solid #181616; line-height: 16px; font-size: 14px; text-transform: uppercase; padding: 14px; border-radius:5px; background: 0 0; outline: 0; box-shadow: none; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; -ms-transition: color .4s; transition: color .4s } .basket .osoba input.active, .basket .osoba input:hover, .moje-konto-box .osoba input.active, .moje-konto-box .osoba input:hover, .moje-konto-box .send-btn-box input:hover, .register-box .osoba input.active, .register-box .osoba input:hover, .register-box .send-btn-box input:hover { color: #fff; outline: 0; box-shadow: none } .basket .osoba input:focus, .moje-konto-box .osoba input:focus, .moje-konto-box .send-btn-box input:focus, .register-box .osoba input:focus, .register-box .send-btn-box input:focus { outline: 0; box-shadow: none } .basket .osoba input.active, .moje-konto-box .osoba input.active, .register-box .osoba input.active { border-color: #ed5801; background: #ed5801 } .modal form .item, .moje-konto-box .item, .password_change .item, .register-box .item,.basket .item { margin: 0 0 20px 0 } .basket .item label, .modal form .item label, .moje-konto-box .item label, .password_change .item label, .register-box .item label { font-size: 16px; line-height: 20px; color: #000; font-weight: 300 } .password_change .item label { margin: 0; line-height: 48px } .basket .item label.error, .modal form .item label.error, .moje-konto-box .item label.error, .password_change .item label.error, .register-box .item label.error { font-size: 12px; line-height: 14px; margin: 0; color: #dc3545; font-weight: 400; display: block } .item.zawod .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { display:block; } .basket .item input[type=password], .basket .item input[type=text], .basket .item textarea, .modal form .item input[type=password], .modal form .item input[type=text], .moje-konto-box .item input[type=password], .moje-konto-box .item input[type=text], .password_change .item input, .register-box .item input[type=password], .register-box .item input[type=text] { width: 100%; border: 1px solid #c3c3c4; height: 48px; border-radius:5px; font-size: 14px; color: #000; font-weight:500; padding: 0 30px; outline: 0 !important; box-shadow: none } .basket .item.phone,.modal form .item.phone { position:relative; } .basket .item.phone input,.modal .item.phone input[type="text"] { padding-left:90px; } .basket .item.phone .bootstrap-select { position:absolute; left:10px; bottom:1px; width:80px !important; } .item.phone label.error { position:absolute; } .basket .item.phone .btn {border:0px;} .basket .item textarea { height: 200px; resize: none; padding: 15px } .basket .item .btn { border: 1px solid #c3c3c4; border-radius:5px !important; font-size: 14px; min-height:46px; color: #000; font-weight: 500; padding:13px 12px; } .basket .item.error input[type=password], .basket .item.error input[type=text], .basket .item.error textarea, .modal form .item.error input[type=text], .moje-konto-box .item.error input[type=password], .moje-konto-box .item.error input[type=text], .password_change .item .error input, .register-box .item.error input[type=password], .register-box .item.error input[type=text] { border-color: #dc3545 } .basket .info2, .moje-konto-box .info2, .register-box .info2 { font-weight: 500; margin: 0 0 20px 0 } .basket .checkbox, .basket .tid .i, .moje-konto-box .koszyk_zgody .checkbox, .register-box .koszyk_zgody .checkbox,#newsletter_kom .checkbox { margin: 0 0 10px 0; position: relative } .basket .checkbox label, .basket .tid .i label, .modal .checkbox label.check, .moje-konto-box .koszyk_zgody .checkbox label.check, .register-box .koszyk_zgody .checkbox label.check,#newsletter_kom .checkbox label.check { font-size: 14px; line-height: 20px; font-weight: 400; padding: 0 0 0 25px; margin: 0; position: relative; cursor: pointer } .basket .checkbox label:before, .basket .tid .i label:before, .modal .checkbox label.check:before, .moje-konto-box .koszyk_zgody .checkbox label.check:before, .register-box .koszyk_zgody .checkbox label.check:before,#newsletter_kom .checkbox label.check:before { content: ' '; display: block; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #ed5801; position: absolute; left: 0; top: 4px } .basket .checkbox input, .basket .tid .i input, .modal .checkbox input, .moje-konto-box .koszyk_zgody .checkbox input, .register-box .koszyk_zgody .checkbox input,#newsletter_kom .checkbox input { position: absolute; width: 1px; height: 1px; opacity: 0 } .basket .checkbox input:checked+label:before, .basket .tid .i input:checked+label:before, .modal .checkbox input:checked+label.check:before, .moje-konto-box .koszyk_zgody .checkbox input:checked+label.error+label:before, .moje-konto-box .koszyk_zgody .checkbox input:checked+label:before, .register-box .koszyk_zgody .checkbox input:checked+label.error+label:before, .basket .koszyk_zgody .checkbox input:checked+label.error+label:before, .register-box .koszyk_zgody .checkbox input:checked+label:before,#newsletter_kom .checkbox input:checked+label:before,#newsletter_kom .checkbox input:checked+label.error+label:before { background: #ed5801 } .moje-konto-box .koszyk_zgody .checkbox input:disabled+label, .register-box .koszyk_zgody .checkbox input:disabled+label { opacity: .3 } .moje-konto-box .koszyk_zgody .checkbox input:disabled+label:before, .register-box .koszyk_zgody .checkbox input:disabled+label:before,#newsletter_kom .checkbox input:disabled+label:before { border-color: #dfdfdf } .moje-konto-box .koszyk_zgody .checkbox input:checked:disabled+label:before, .register-box .koszyk_zgody .checkbox input:checked:disabled+label:before,#newsletter_kom .checkbox input:checked:disabled+label:before { background: #dfdfdf } .basket .checkbox label a, .moje-konto-box .koszyk_zgody .checkbox label.check a, .register-box .koszyk_zgody .checkbox label.check a { font-weight: 500; color: #000; text-decoration: none } .basket .checkbox label a:hover, .moje-konto-box .koszyk_zgody .checkbox label.check a:hover, .register-box .koszyk_zgody .checkbox label.check a:hover { color: #ed5801 } .moje-konto-box .koszyk_zgody .checkbox, .register-box .koszyk_zgody .checkbox.error { padding-bottom: 15px } .moje-konto-box .koszyk_zgody label.error, .register-box .koszyk_zgody .checkbox label.error { position: absolute; display: block; left: 0; bottom: 0; font-size: 12px; line-height: 14px; color: #dc3545; padding: 0; min-height: 0 } .moje-konto-box .send-btn-box, .register-box .send-btn-box { width: 300px; max-width: 100%; margin: 40px auto 0 auto; border-radius:5px } .moje-konto-box .send-btn-box input, .register-box .send-btn-box input { border-color: #ed5801; padding: 16px; font-size: 16px; line-height: 18px; border-radius:5px; font-weight: 700 } .moje-konto-box .send-btn-box input:focus, .moje-konto-box .send-btn-box input:hover, .register-box .send-btn-box input:focus, .register-box .send-btn-box input:hover { outline: 0; box-shadow: none } .password_change #logowanie .btn { position: absolute; text-decoration: none; color: #1b1c20; text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 18px; padding: 15px 30px; text-align: center; border-radius:5px; overflow: hidden } .password_change #logowanie .btn span { color: #000; z-index: 3; position: relative; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; -ms-transition: color .4s; transition: color .4s } .password_change #logowanie .btn:before { content: ' '; z-index: 1; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius:5px; border: 2px solid #ed5801 } .password_change #logowanie .btn:after { content: ' '; z-index: 2; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #ed5801; border-radius:5px; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } .password_change #logowanie .btn:hover:after { width: 100% } .password_change #logowanie .btn:hover span { color: #fff } .moje-konto-box h1 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: uppercase; margin: 0 0 20px 0 } .basket .nav-tabs, .moje-konto-box .nav-tabs { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; border-bottom: 1px solid #dfdfdf } .basket .nav-tabs>li, .moje-konto-box .nav-tabs>li { padding: 0; width: 100% } .basket .nav-tabs>li>a, .moje-konto-box .nav-tabs>li>a { text-align: center; text-transform: uppercase; color: #000; font-size: 14px; line-height: 16px; font-weight: 500; padding: 15px; border-top-left-radius:5px; border-top-right-radius:5px; border: 1px solid #dfdfdf; border-bottom: transparent } .basket .nav-tabs>li>a:focus, .basket .nav-tabs>li>a:hover, .moje-konto-box .nav-tabs>li>a:focus, .moje-konto-box .nav-tabs>li>a:hover { background: 0 0; border: none; border: 1px solid #dfdfdf; border-bottom: transparent } .basket .nav-tabs>li.active>a, .basket .nav-tabs>li.active>a:focus, .basket .nav-tabs>li.active>a:hover, .moje-konto-box .nav-tabs>li.active>a, .moje-konto-box .nav-tabs>li.active>a:focus, .moje-konto-box .nav-tabs>li.active>a:hover { border-color: #000000; background: #000000; color: #fff } .basket .btn_inny_adres, .moje-konto-box .btn_inny_adres { color: #000; font-weight: 500; text-decoration: none } .basket .btn_inny_adres span, .moje-konto-box .btn_inny_adres span { color: #ed5801 } .basket .btn_inny_adres:hover, .moje-konto-box .btn_inny_adres:hover { color: #ed5801 } .moje-konto-box .tabela_shop { border-left: 1px solid #dadada; border-top: 1px solid #dadada } .moje-konto-box .tabela_shop .r { display: flex } .moje-konto-box .tabela_shop .r>div { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 10px 5px; font-size: 14px; line-height: 16px } .moje-konto-box .tabela_shop .nagl>div { background: #f0f0f0; text-transform: uppercase; font-weight: 500 } .moje-konto-box .tabela_shop .edit svg { height: 16px; fill: #000; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } .moje-konto-box .tabela_shop .edit:hover svg { fill: #ed5801 } .moje-konto-box .tabela_shop .del svg { height: 18px; width: auto; fill: #000; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } .moje-konto-box .tabela_shop .del:hover svg { fill: #dc3545 } .moje-konto-box .tabela_shop .download svg { height: 18px; width: auto; fill: #000; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } .moje-konto-box .tabela_shop .download:hover svg { fill: #ed5801 } .basket .kroki_koszyk { margin: 0 0 30px 0 } .basket .kroki_koszyk .steps .krok { margin: 0 auto; width: 210px; height: 210px; border-radius: 50%; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; cursor:pointer; flex-direction: column; justify-content: center; border: 2px solid #000; position: relative; background: #ed5801 } .basket .kroki_koszyk .steps .krok:before { content: ' '; display: block; background: #fff; position: absolute; width: 100%; height: 100%; border-radius: 50%; z-index: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width .4s, height .4s; -moz-transition: width .4s, height .4s; -o-transition: width .4s, height .4s; -ms-transition: width .4s, height .4s; transition: width .4s, height .4s } .basket .kroki_koszyk .steps svg { height: 100px; width: auto; display: block; margin: 0 auto; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } .basket .kroki_koszyk .steps.step2 svg, .basket .kroki_koszyk .steps.step3 svg { padding: 26px } .basket .kroki_koszyk .steps .icon { z-index: 1 } .basket .kroki_koszyk .steps h4 { font-weight: 500; font-size: 14px; line-height: 16px; text-transform: uppercase; margin: -10px 0 0 0; color: #000; z-index: 1 } .basket .kroki_koszyk .steps .krok:hover { border-color: #ed5801 } .basket .kroki_koszyk .steps .krok:hover:before { width: 0; height: 0 } .basket .kroki_koszyk .steps .krok:hover h4 { color: #fff } .basket .kroki_koszyk .steps .krok:hover svg { fill: #fff } .basket .kroki_koszyk .steps .krok.active { cursor: default } .basket .kroki_koszyk .steps .krok.active:before { display: none } .basket .kroki_koszyk .steps .krok.active { background: #ed5801; border-color: #ed5801 } .basket .kroki_koszyk .steps .krok.active h4 { color: #fff } .basket .kroki_koszyk .steps .krok.active svg { fill: #fff } .basket .list h3.nag { font-weight: 500; font-size: 16px; line-height: 20px; text-transform: uppercase; margin: 0 0 20px 0; float: left } .basket .list .remove-all { position: relative; display: block; padding: 5px 5px 5px 20px; color: #000; text-decoration: none; font-size: 13px; line-height: 16px; font-weight: 500 } .basket .list .remove-all svg { display: block; position: absolute; left: 0; top: 3px; height: 20px; width: auto; fill: #dc3545 } .basket .list .remove-all:hover { color: #dc3545 } .basket #tabela_koszyk { clear: both } .basket #tabela_koszyk .row { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-align: center; align-items: center; width: 100%; margin: 0px; padding: 20px 30px 20px 0; position: relative; border-bottom: 1px solid #dfdfdf } .basket #tabela_koszyk .nagl { text-transform: uppercase; background: #f0f0f0; font-weight: 600 } .basket #tabela_koszyk .nagl .foto { padding: 10px 5px } .basket #tabela_koszyk .foto { width: 12%; padding: 0; padding: 0 5px } .basket #tabela_koszyk .foto img { max-width: 100%; display: block; margin: 0 auto } .basket #tabela_koszyk .name { width: 44%; padding: 10px 5px } .basket #tabela_koszyk .name h3 { margin: 0 0 5px 0; font-size: 14px; line-height: 16px; float: none } .basket #tabela_koszyk .name h3 a { color: #000; text-decoration: none } .basket #tabela_koszyk .name h3 a:hover { color:#ed5801; } .basket #tabela_koszyk .name p { font-size: 12px; line-height: 14px; font-weight: 300; margin: 0 0 5px 0 } .basket #tabela_koszyk .name p strong { font-weight: 400 } .basket #tabela_koszyk .ilosc { position: relative; width: 12%; padding: 0 5px } .basket #tabela_koszyk .ilosc .prod_ilosc { position: relative; width: 90px; max-width: 100% } .basket #tabela_koszyk .ilosc input { width: 100%; height: 48px; border-radius:5px; border: 1px solid #dfdfdf; text-align: center; font-size: 14px; color: #000; font-weight:500; padding: 0 30px; outline: 0; box-shadow: none } .basket #tabela_koszyk .ilosc .b_btn { position: absolute; cursor: pointer; font-size: 14px; line-height: 30px; font-weight: 500; color: #dfdfdf; text-align: center; display: block; width: 30px; top: 50%; margin-top: -15px; text-decoration: none } .basket #tabela_koszyk .ilosc .b_btn:hover { color: #000 } .basket #tabela_koszyk .ilosc .b_btn.add { right: 0 } .basket #tabela_koszyk .ilosc .b_btn.subtract { left: 0 } .basket #tabela_koszyk .worth { width: 16%; padding: 10px 5px; font-size: 14px; line-height: 16px; text-transform: uppercase } .basket #tabela_koszyk .worth strong { font-weight: 600 } .basket #tabela_koszyk .remove { height: 20px; width: 20px; fill: #000; position: absolute; right: 5px; top: 50%; margin: -10px 0 0 0 } .basket #tabela_koszyk .remove:hover { fill: #dc3545 } .basket .koszyk_suma>div { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; padding: 5px } .basket .koszyk_suma .transport, .basket .koszyk_suma .vat { border-bottom: 1px solid #dfdfdf; padding-bottom: 10px } .basket .koszyk_suma .transport .i { width: 100%; display: flex } .basket .koszyk_suma .transport .i p { margin: 0 0 10px 0 } .basket .koszyk_suma .brutto { padding-top: 10px } .basket .koszyk_suma p { width: 50%; margin: 0; font-size: 14px; line-height: 16px } .basket .koszyk_suma .nag { text-align: right; padding-right: 10px; font-weight: 500 } .basket .koszyk_suma .sum p { text-transform: uppercase; padding: 10px 0 } .basket .koszyk_suma .sum .nag { padding-right: 10px; font-size: 14px } .basket .koszyk_suma .sum .value { font-size: 22px; font-weight: 600 } .basket #koszyk_regulamin { margin-top: 30px } .basket .basket_btns { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; margin: 30px 0 0 0 } .basket .basket_btns .button-return-box { margin: 0 auto 0 0 } .basket .basket_btns .button-submit-box { margin: 0 0 0 auto } .basket .basket_btns a, .basket.platnosc_online a.btn { display: block; font-size: 20px; line-height: 22px; padding: 15px 50px; border-radius:5px; position: relative; color: #000; text-decoration: none; text-transform: uppercase; overflow: hidden } .basket .basket_btns a span, .basket.platnosc_online a.btn span { z-index: 3; display: inline-block; position: relative } .basket.platnosc_online a.btn { display: inline-block } .basket .basket_btns a:before, .basket.platnosc_online a.btn:before { content: ' '; display: block; border-radius:5px; width: 100%; height: 100%; top: 0; left: 0; position: absolute } .basket .basket_btns a:after, .basket.platnosc_online a.btn:after { content: ' '; display: block; border-radius:5px; width: 100%; height: 100%; top: 0; position: absolute; z-index: -1; width: 0; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } .basket .basket_btns a .ico { position: absolute; width: 20px; height: auto; top: 50%; margin: -10px 0 0 0 } .basket .basket_btns a .ico svg { height: 14px; -webkit-transition: fill .4s; -moz-transition: fill .4s; -o-transition: fill .4s; -ms-transition: fill .4s; transition: fill .4s } .basket .basket_btns a.return { padding-left: 50px; font-weight: 500 } .basket .basket_btns a.return:before { border: 2px solid #181616 } .basket .basket_btns a.return:after { background: #181616; right: 0 } .basket .basket_btns a.return:hover { color: #fff } .basket .basket_btns a.return:hover:after { width: 100% } .basket .basket_btns a.return:hover .ico svg { fill: #fff } .basket .basket_btns a.return .ico { left: 20px } .basket .basket_btns a.submit, .basket.platnosc_online a.btn { color: #fff; background: #ed5801; font-weight: 600 } .basket .basket_btns a.submit { padding-right: 50px } .basket .basket_btns a.submit .ico { right: 20px } .basket .basket_btns a.submit .ico svg { fill: #fff } .basket .basket_btns a.submit:before, .basket.platnosc_online a.btn:before { border: 2px solid #ed5801; z-index: 2 } .basket .basket_btns a.submit:after, .basket.platnosc_online a.btn:after { background: #fff; left: 0; z-index: 1 } .basket .basket_btns a.submit:hover, .basket.platnosc_online a.btn:hover { color: #ed5801 } .basket .basket_btns a.submit:hover:after, .basket.platnosc_online a.btn:hover:after { width: 100% } .basket .basket_btns a.submit:hover .ico svg { fill: #ed5801 } .basket .info { margin: 30px 0; font-size: 14px; line-height: 20px; font-weight: 300 } .basket .tid .transport { margin-top: 40px } .basket .tid>div+div { margin: 20px 0 0 0 } .basket .tid>div { border: 1px solid #dfdfdf } .basket .tid .head { padding: 8px 10px; background: #f0f0f0 } .basket .tid h3 { font-weight: 500; font-size: 16px; line-height: 20px; text-transform: uppercase; margin: 0 } .basket .tid h4 { font-weight: 500; font-size: 14px; line-height: 16px; margin: 0 0 10px 0; font-weight: 300 } .basket .tid section { padding: 20px 10px } .basket .inny-adres-cont select { height: 40px; border: 1px solid #e0e0e0; border-radius: 5px; padding: 0 30px; outline: 0; box-shadow: none; margin: 0 30px 0 0; cursor: pointer } .basket #section_adres2 { margin-bottom: 20px } .basket .input-info { font-weight: 300; font-size: 14px } .basket .koszyk_info p { font-weight: 500 } .basket #bez_rejestracji .koszyk_info { margin: 20px 0 0 0 } .basket .data .box .line { display: flex } .basket .data .box .line .nag { width: 40%; font-weight: 300 } .basket .data .box .line .value { width: 60%; font-weight: 500 } .basket #zaloguj { width: 400px; max-width: 100%; margin: 40px auto } .basket #zaloguj #logowanie { text-align: center; margin-top:20px; } .basket.platnosc_online h1 { text-align: center } .basket.platnosc_online h1::before { display:none; } .basket.platnosc_online p { font-size: 16px; text-align: center } .basket.platnosc_online .basket_btn { text-align: center; margin: 30px auto 50px auto } .basket.platnosc_online a { color: #000; textdecoration: noen; font-weight: 300 } .basket.platnosc_online a:hover { color: #ed5801 } .basket #dane_dostawy .row,.basket #inny_adres_cont .item { margin-bottom:10px; } footer { color: #fff; overflow:hidden; } footer .b1 h3 { color: #ed5801; font-weight: 600; font-size: 18px; line-height: 30px; border-bottom: 1px solid rgba(255, 255, 255, .1); padding-bottom: 20px; margin: 0 } footer h4 { padding: 20px 0; line-height: 16px; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, .1) } footer h4, footer h4 a { color: #fff; font-size: 16px; font-weight: 400 } footer h4 a:hover { color: #ed5801; text-decoration: none } footer .menu ul { list-style: none; margin: 0; padding: 0 } footer .menu.menu1 ul li { margin: 0 0 30px 0 } footer .menu.menu1 ul li a { color: #fff; text-decoration: none; font-weight: 500; font-size: 24px; line-height: 28px; display: block; text-transform: uppercase } footer .menu.menu1 ul li a:hover { color: #ed5801 } footer .b2 h3 { margin: 14px 0 25px 0; color: #ed5801; font-weight: 500; font-size: 24px; margin: 0 0 20px 0 } footer .menu li { line-height: 30px } footer .menu li a { font-size: 14px; font-weight: 300; color: #fff; text-transform: uppercase } footer .b2 .menu1 { width: 25% } footer .b2 .menu2 { width: 50% } footer .b2 .menu3 { width: 25% } footer .b2>.row { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; padding-bottom: 40px } footer .b2>.row>div { padding: 0 50px } footer .b2>.row>div+div { border-left: 1px solid rgba(255, 255, 255, .1) } footer .b2>.row>div.no_p { padding-left: 15px } footer .b2>.row>div.no_p2 { padding-right: 15px } footer .mcontainer { position: relative } footer .menu.menu2 ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; list-style: none; padding: 0 } footer .menu.menu2 li { line-height: 30px } footer .menu li a:hover { color: #ed5801; text-decoration: none } footer .copy { color: #a5a5a5; font-size: 12px; font-weight: 300; line-height: 14px; padding:15px 0px; background:#1b1c20; } footer .copy a { color: #a5a5a5; text-decoration: none } footer .copy a:hover { color: #e85904; } footer .copy img { margin:-3px 5px 0px 5px; } footer .foot_gray { background: url(/szablony/tio_shop/gfx/stopka_tlo.png) #27292e no-repeat top center; background-size:auto 100%; padding-top:50px; } footer .foot_gray h3 { text-transform:uppercase; color:#e85904; font-weight:bold; font-size:14px; margin-top:0px; } footer .foot_gray ul.m_stopka { list-style:none; padding:0px; margin:0px 0px 40px 0px; font-size:14px; font-weight:300; } footer .foot_gray ul.m_stopka li { margin:10px 0px; } footer .foot_gray ul.m_stopka li a { color:white; } footer .foot_gray ul.m_stopka li a:hover,footer .foot_gray .m_stopka_big li a:hover { text-decoration:none; color:#e85904; } footer .foot_gray .m_stopka_big { list-style:none; display:inline-block; padding:0px; margin:0px; font-weight:600; text-transform:uppercase; } footer .foot_gray .m_stopka_big li { display:inline-block; } footer .foot_gray .m_stopka_big li a { color:white; margin:0px 20px; } footer .foot_gray .social { margin:70px 0px 170px 0px; color:#a5a5a5; font-weight:300; font-size:12px; } footer .foot_gray .social .box { display:inline-block; width:50px; height:50px; margin:5px 15px 15px 15px; position:relative; cursor:pointer; } footer .foot_gray .social .box .zebatka { width:100%; height:100%; position:absolute; z-index:2; background: url(/szablony/tio_shop/gfx/stopka_zebatka.png) no-repeat top center; } footer .foot_gray .social .box:hover .zebatka { animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes rotate { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } footer .foot_gray .social .box a { display:block; height:100%; position:absolute; top:0px; z-index:3; width:100%; } footer .foot_gray .social .box img { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } footer .zebatka_black img { position:absolute; bottom:-30px; margin:0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } footer .adress .line { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; margin-bottom:25px; } footer .adress .line .ico { width:30px; text-align:center; margin-right:12px; } footer .adress h3,footer .newsletter h3 { font-weight:300; margin:0px 0px 10px 0px; line-height:1; } footer .adress p { font-weight:600; color:white; font-size:14px; margin-bottom:5px; } footer .adress a { color:white; text-decoration:none; } footer .adress a:hover { color:#e85904; } footer .newsletter { margin:0px 5px 20px 40px; } footer .newsletter p { margin:10px 0px 15px 0px; color:#a5a5a5; font-size:12px; font-weight:400; line-height:17px; } footer .newsletter input { background:none; border:1px solid rgba(165,165,165,0.26); font-size:16px; font-weight:400; width:100%; padding:10px 95px 10px 15px; color:white; line-height:1; } footer #newsletter { position: relative; } footer #newsletter a.btn { top:0px; right:-5px; position: absolute; display: block; width:95px; background: #ed5801; height:100%; border-radius:5px; color: #fff; text-decoration: none; line-height:38px; padding:0px; font-size: 16px; font-weight:bold; border:0px; overflow: hidden; text-transform: uppercase; } footer #newsletter a.btn span { position:relative; z-index:5; } footer #newsletter a.btn::before { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; transition: all .4s; border-radius:5px; z-index: -1; width:0; z-index: 1; background:#4b4d50; } footer #newsletter a.btn:hover::before { width: 100%; } #slider_prod { margin-left:20px; width:100%; } #slider_prod #slider .caption_inside h2 { font-size:40px; margin-top:40px; line-height:1; margin-left: 110px; } #slider_prod #slider .caption_inside h3 { font-weight: 400; font-size: 18px; line-height:24px; } #slider_prod #slider .caption_inside span { top:10px; width:7px; left: -30px; } footer #newsletter ::placeholder { color: white; opacity: 1; font-weight:400; } footer #newsletter :-ms-input-placeholder { color: white; font-weight:400; } footer #newsletter ::-ms-input-placeholder { color: white; font-weight:400; } .modal .modal-content { border-radius: 20px; overflow: hidden } .modal .modal-header { background:#ed5801; } .modal .modal-header .close { width: 20px; height: 20px; opacity: .4; outline: 0; box-shadow: none; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; -ms-transition: opacity .4s; transition: opacity .4s } .modal .modal-header .close svg { fill: #fff } .modal .modal-header .close:focus, .modal .modal-header .close:hover { opacity: 1; outline: 0; box-shadow: none } .modal .modal-title { font-weight: 500; font-size: 22px; text-transform: uppercase; color: #fff } .modal #przypomnij, .modal #zaloguj { width: 400px; max-width: 100%; margin: 0 auto } .basket #zaloguj #przypomnij_haslo a, .modal #przypomnij_haslo a { margin: 10px 0 0 0; font-weight: 300; color: #000; text-decoration: none; display: inline-block } .basket #zaloguj #przypomnij_haslo a:hover, .modal #przypomnij_haslo a:hover { color: #ed5801 } .modal .buttons { display: flex } .basket #zaloguj .btn, .modal .btn-default:not(.dropdown-toggle) { border-radius:5px; font-weight:500; font-size: 16px; line-height: 18px; padding: 12px 30px; text-align: center; background: 0 0; border: none; position: relative; overflow: hidden; outline: 0; box-shadow: none } .basket #zaloguj .btn span, .modal .btn-default span { position: relative; z-index: 3; color: #1b1c20; text-transform: uppercase; font-weight: 600; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; -ms-transition: color .4s; transition: color .4s } .basket #zaloguj .btn.active, .basket #zaloguj .btn:focus, .basket #zaloguj .btn:hover, .modal .btn-default.focus:not(.dropdown-toggle), .modal .btn-default:focus:not(.dropdown-toggle), .modal .btn-default:hover:not(.dropdown-toggle) { background: 0 0; border: none; outline: 0; box-shadow: none } .basket #zaloguj .btn:before, .modal .btn-default:not(.dropdown-toggle):before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #ed5801; border-radius:5px; z-index: 1 } .basket #zaloguj .btn:after, .modal .btn-default:not(.dropdown-toggle):after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #ed5801; border-radius:5px; z-index: 2; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } .basket #zaloguj .btn:hover:after, .modal .btn-default:hover:after { width: 100%; } .basket #zaloguj .btn:hover span, .modal .btn-default:hover:not(.dropdown-toggle) span { color: #fff } .modal .btn-close { border-radius:5px; font-size: 16px; line-height: 18px; padding: 15px 30px; text-align: center; margin: 0 0 0 auto; background: 0 0; overflow: hidden; position: relative; outline: 0; box-shadow: none } .modal .btn-close:focus, .modal .btn-close:hover { background: 0 0; outline: 0; box-shadow: none } .modal .btn-close span { position: relative; z-index: 3; color: #000; text-transform: uppercase; font-weight: 600; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; -ms-transition: color .4s; transition: color .4s } .modal .btn-close:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #000; border-radius:5px; z-index: 1 } .modal .btn-close:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #000; border-radius:5px; z-index: 2; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s } .modal .btn-close:hover:after { width: 100% } .modal .btn-close:hover span { color: #fff } .modal .logowanie { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; -webkit-box-align: center; } .modal .logowanie a.register { font-weight: 300; color: #000; text-decoration: none; margin: 0 0 0 auto } .modal .logowanie a.register:hover { color: #ed5801 } .modal .modal-body a { color: #000; text-decoration: none } .modal .modal-body a:hover { color: #ed5801 } .wyszukiwarka-top { margin: 0 0 50px 0 } .wyszukiwarka .znaleziono { font-size:16px; } .wyszukiwarka-top h1 span,.wyszukiwarka .znaleziono span { color: #ed5801 } .wyszukiwarka .znaleziono span { font-weight:500; } .wyszukiwarka-top p { text-align: center; margin: 0 } #cookie_info { background: rgba(24, 22, 22, .94); position: fixed; bottom: 0; left: 0; width: 100%; color: #fff; text-align: left; font-size: 10px; line-height: 16px; font-weight: 300; padding: 10px 0; z-index: 1000 } #cookie_info p a { color: #e85904; font-weight: 400 } #cookie_info p a:hover { color: #a5a5a5; text-decoration: none } #cookie_info b { font-size: 13px; font-weight: 500 } #cookie_info a { color: #fff } #cookie_info a.zamknij_cookie_info { background: rgba(0, 0, 0, 0) url(szablony/tio_shop/gfx/cookie_close.png) repeat scroll 0 0; display: inline-block; height: 21px; opacity: .6; float: right; width: 20px } #cookie_info a.zamknij_cookie_info:hover { opacity: 1 } #cookie_info p { margin: 0 } #home_baner { margin-top:15px; margin-bottom:35px; } #home_baner .mcontainer { width:1020px; } #home_baner .mcontainer .col-sm-6 {padding-right: 10px;padding-left: 10px;} #home_baner .mcontainer .row {margin-left:-10px;margin-right:-10px;} #home_baner .mcontainer figure img { border-radius:5px; } #home_baner .mcontainer figure img:hover { opacity:0.6; } .clear { clear: both } #koszyk_modal .item-nag { padding-bottom: 5px; border-bottom: 1px solid #e0e0e0 } #produkty_koszyka_box2 .items { max-height: 300px; overflow: hidden; overflow-y: auto; width: 100% } #koszyk_modal .item { border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; margin-top: 5px; padding-right: 5px } #koszyk_modal h3 { margin: 0; font-size: 14px; line-height: 16px; margin: 0; font-weight: 500; position: relative } #koszyk_modal h3 a { color: #242323; text-decoration: none } #koszyk_modal h3 a:hover { color: #ed5801 } article.page_404 { font-size: 16px; line-height: 22px; margin-top: 20px; margin-bottom: 50px; font-weight: 300 } article.page_404 p a { font-weight: 400; color: #000 } article.page_404 p a:hover { color: #ed5801; text-decoration: none } header .nav-toggle { display: none } .pliki_pobranie_list .lista { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; margin-left:-20px; margin-right:-20px; } .pliki_pobranie_list .lista article { width:20%; padding-left: 20px; padding-bottom: 20px; box-sizing: border-box; display: inline-block; text-align:center; } .pliki_pobranie_list .lista h2 { height: 45px; overflow: hidden; margin-top: 16px; font-weight: 400; text-align: center; font-size: 14px; border-top: 1px solid #e0e0e0; padding-top: 12px; } .pliki_pobranie_list .lista h2:hover { color: #e85904; } .pliki_pobranie_list .lista a { color: #303033; text-decoration: none; } .pliki_pobranie_list .lista figure { min-height:220px; } .pliki_pobranie_list .lista h3 { font-family: 'Barlow', sans-serif; position: relative; background: #e85904; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-transform: uppercase; color: white; font-size: 13px; font-weight: bold; line-height: 1; padding: 12px 20px 12px 20px; display: inline-block; text-decoration: none; margin:0px; } .pliki_pobranie_list .lista h3::after { content: ""; position: absolute; width: 94%; height: 100%; background: black; top: 0px; left: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: width .4s; -moz-transition: width .4s; -o-transition: width .4s; -ms-transition: width .4s; transition: width .4s; } .pliki_pobranie_list .lista h3:hover::after { width: 0; } .pliki_pobranie_list .lista h3 span { position: relative; z-index: 3; } .pliki_pobranie_list .lista article .inside { border: 1px solid #e0e0e0; border-radius: 5px; padding: 15px; } .basket .checkbox label.error::before { display:none; } header .email a {text-transform:none;} #koszyk_form .promo { background: #f0f0f0; padding: 20px; margin: 30px 0 0 0; } #koszyk_form .promo .input input { width: 100%; padding: 5px 100px 5px 15px; height: 36px; border:1px solid #dfdfdf; border-radius:5px; outline: none; box-shadow: none; font-size: 14px; line-height: 16px; } #koszyk_form .promo .input .btn { position: absolute; top: 0px; right: 0px; height: 36px; background: #ed5801;; color: #fff; border-radius:5px; border: 2px solid #ed5801; width: 90px; text-align: center; text-transform: uppercase; font-size: 12px; font-weight:600; padding: 9px 12px; line-height: 14px; } #koszyk_form .promo .input { position: relative; margin-top: 10px; } #koszyk_form .promo .input .btn:hover { background: #fff; color: #ed5801; } #koszyk_form .promo .input .btn svg { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; fill: #fff; } #koszyk_form .promo .input .btn:hover svg { fill: #ff0000; } #koszyk_form .promo .input input:disabled { background: #f4f4f4; } .modal .phone .bootstrap-select .dropdown-toggle .caret { right:0px !important; } .bootstrap-select .dropdown-menu > .active > a, .bootstrap-select .dropdown-menu > .active > a:focus, .bootstrap-select .dropdown-menu > .active > a:hover { background-color: #e85904; } .bootstrap-select .dropdown-menu,.bootstrap-select .btn {font-size:16px;} @media all and (max-width:1450px) and (min-width:1270px) { header .logo {margin-right:20px;} header .telefon, header .email {margin-right:15px;} header .search-form {max-width:250px;min-width:200px;} header .cat-menu .mcontainer {padding-right:0px;} #slider .caption_inside h2,#slider .caption_inside h3 {max-width:70%;} header .links a img {margin-right:8px;} } @media all and (max-width:1269px) and (min-width:1001px) { header .logo {margin-right:20px;} header .telefon, header .email {margin-right:6px;margin-bottom:5px;} header .search-form {max-width:250px;min-width:200px;} header .cat-menu .mcontainer {padding-right:0px;} header .links {flex-wrap:wrap;} #slider .caption_inside h2,#slider .caption_inside h3 {max-width:50%;} #slider .caption_inside h2 {font-size:40px;} #slider .caption_inside span {top:10px;bottom:7px;} #slider .caption_inside h3 {font-size:20px;line-height:26px;} header .links a img {margin-right:6px;} } @media all and (max-width:1100px) and (min-width:1001px) { footer .foot_gray .social .box { margin: 5px 6px 10px 6px; } footer .foot_gray .m_stopka_big li {display:block;} .cat-menu .menu > .li {padding: 5px 14px;} } @media all and (max-width:1000px) { header .top { flex-wrap: wrap; padding: 10px 0 } header .logo { order: 1; width:100%; margin-left:0px; margin-bottom: 10px; } header .logo h1 { line-height: 22px } header .logo svg { width: auto; height: 50px } header .logo a { font-size: 20px; line-height: 16px } header .logo a span { font-size: 22px } header .links { flex-direction: row; order: 2; width: 60%; justify-content: flex-end } header .links a { margin-right: 5px } header .links a+a { margin-top: 0 } header .search-form { order: 3; width: 100%; padding-right: 15px; margin-top:20px; } header .basket { top:60px; } header .koszyk { text-align: right } header .koszyk>a { width: auto; display: inline-block } #home_txt .home_txt_inside { max-width: 100%; float: none } #home_txt .img_right img { height: 50vh } #home_txt .img_left { position: relative; top: initial; left: initial; width: 667px; height: auto; max-width: 90%; margin: 30px 0 0 0 } #home_txt .img_left img { margin: 0 auto 0 0; display: block } .products-list .produkt_box { width: 50% } .products-home .products-list .produkt_box, .products-powiazane .products-list .produkt_box { padding: 22px; width: 33% } .news-list .news { width: 100%; margin-bottom: 20px } .home_cats .box { width: 50% } footer .b1 { width: 400px; max-width: 100%; margin: 0 auto 50px auto; float: none } footer .b2 { width: 100% } .cat-menu .mcontainer { position: relative } .cat-menu .menu { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: column; position: fixed; z-index: 100; background: #fff; overflow-y: scroll; width: 100%; left: -100%; top: -100%; height: 100%; -webkit-transition: top .4s, left .4s; -moz-transition: top .4s, left .4s; -o-transition: top .4s, left .4s; -ms-transition: top .4s, left .4s; transition: top .4s, left .4s } .cat-menu .menu .msub {display:none;} body.nav-opened .cat-menu .menu { top: 0; left: 0 } body.nav-opened { overflow: hidden } .cat-menu .menu>.li+.li:before { display: none } .cat-menu .menu>.li>a { display: inline-block; padding: 5px 0 } .cat-menu .menu .close { position: absolute; width: 40px; height: 40px; top: 10px; right: 10px; z-index: 12; opacity: 1 } .cat-menu .menu .close:after, .cat-menu .menu .close:before { content: ' '; display: block; position: absolute; width: 100%; height: 4px; background: #dadada; left: 0; top: 50%; margin-top: -2px; -webkit-transition: background .4s; -moz-transition: background .4s; -o-transition: background .4s; -ms-transition: background .4s; transition: background .4s } .cat-menu .menu .close:before { transform: rotate(45deg) } .cat-menu .menu .close:after { transform: rotate(-45deg) } .cat-menu .menu .close:hover:after, .cat-menu .menu .close:hover:before { background: #000 } .cat-menu .menu .li .submenu-toogle { position: relative; height: auto; max-height: initial; top: initial; left: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .cat-menu .menu .li .submenu-toogle>.submenu { border: none; text-align: center; display: block } .cat-menu .menu .li .submenu a { padding: 4px 0 } .cat-menu .menu .li .submenu-toogle>.submenu>.col { padding: 0; min-width: initial } header .navbar-toggle { display: block } .kat-top h1 { font-size: 30px; line-height: 24px } .kat-box .kat-desc { font-size: 14px; line-height: 22px } .kat-box .kat-menu { width: 25% } .kat-box .kat-list { width: 75%; padding-left: 32px } #product_view .product-info .product-table table .par td svg { position: relative; webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50% } #product_view .product-info .product-order { flex-wrap: wrap } header .navbar-toggle { position: absolute; top: 10px; right: 15px; z-index: 5; } header .mcontainer {padding-right:0px;} header .top .m_gora {display:none;} header .links {padding-right:200px;} .news-home .mcontainer {max-width:100%;} .cat-menu .menu {justify-content: start;padding-top: 50px;} body.nav-opened .cat-menu .menu .li a {color: #181616;} footer .foot_gray .social .box {margin:5px;} footer .foot_gray .m_stopka_big li {display:block;} #home_products .promo_small article {padding-left:10px;} #home_products .promo_small article .inside {padding:6px;} #home_products .price {display:block;height:40px;text-align:center;} #home_products p.cena_promo {margin-left:0px;} #home_products p.cena_promo del {position:relative;width:100%;margin-top:5px;} #home_products .promo_big {width:37%;} #home_products .promo_small {width:auto;flex-grow:1;max-width:63%;} #home_products article .basket .do_koszyka {padding: 12px 10px 6px 10px;} #home_products .promo_small.promo_small2 {max-width:none;} #slider .caption_inside h2 {max-width:80%;font-size:30px;} #slider .caption_inside span {top:7px;bottom:5px;} #slider .caption_inside h3 {max-width:80%;font-size:18px;line-height:22px;margin-top:15px;} header .cat-menu .mcontainer::after {display:none;} .products-list #home_products .promo_small {max-width:100%;} .products-list #home_products .promo_small article .basket .do_koszyka {padding: 6px 10px;} .products-list #home_products .promo_small article .basket .do_koszyka img {display:none;} .kat-box .kat-list {padding-left:15px;width:80%;} .kat-box .kat-menu {width:20%;} #slider_prod {margin-left:0px;} .products-list #home_products .promo_small article figure .ico-procent {right:-6px;} footer .foot_gray .mcontainer .row {display: flex;display: -webkit-box; display: -webkit-flex;} footer .foot_gray .mcontainer .row .col-sm-4 {width:auto;max-width:35%;} .news-list .row {margin:0px;} .pliki_pobranie_list .lista article .inside {padding:6px;} #product_view .product-info .produkt_koszyk {flex-wrap: wrap;} } #product_view #opis .product-details__images-main img { transform:none !important;left:0px !important; top:0px !important; } @media all and (max-width:800px) { .basket .kroki_koszyk .steps .krok {width: 130px;height: 130px;} .basket .kroki_koszyk .steps h4 {display:none;} .basket .basket_btns .button-return-box { margin-right:5px; } .basket .basket_btns .button-submit-box { margin-left:5px; } #home_products .promo_small,.products-list #home_products .promo_small {max-width:none;} header .links {padding-right:0px;} #slider .carousel-caption h2 { font-size: 24px; line-height: 28px; margin-bottom: 5px } #slider .carousel-caption h3 { font-size: 36px; line-height: 32px; margin-bottom: 10px } #home_txt h2 { font-size: 22px; line-height: 26px; padding-left: 50px; margin: 40px 0 20px 0; position: relative } #home_txt h2 span { font-size: 80px; top: 7px; left: -5px } #home_txt .home_txt_inside { padding: 0 } #home_txt .home_txt_inside table { margin: 0 } #home_txt .home_txt_inside table td { display: block; width: 100%; padding: 0 } #slider .carousel-caption a { line-height: 32px } .products-home .products-list .produkt_box, .products-powiazane .products-list .produkt_box { padding: 10px } .news-list .news { flex-wrap: wrap; margin: 0 auto 30px auto } .news-list .news .info { padding: 0 } .home_cats .box { width: 100% } .cat-menu .navbar-toggle { margin: 0 } .products-list .produkt_box { width: 100% } #product_view .product-info .product-table { overflow-x: scroll } #product_view .product-info .product-table table { width: 560px } footer .foot_gray .social { margin: 50px 0px; } footer .foot_gray ul.m_stopka {margin-bottom:90px;} footer .foot_gray {padding-top:20px;} .pliki_pobranie_list .lista {width:auto;box-sizing:border-box;margin:0px -5px;} .pliki_pobranie_list .lista article {width:50%;padding-left:5px;padding-right:5px;} .mcontainer {padding:0px 10px;} .pliki_pobranie_list .lista article .inside {padding:8px;} .pliki_pobranie_list .lista figure {min-height:180px;} header .cat-menu .mcontainer::after {display:none;} header .basket {right:10px;top:65px;} header .mcontainer {padding-right:0px;} header .navbar-toggle {position:absolute;top:10px;right:15px;z-index:5;} header .mcontainer::after {max-height:130px;width:185px;} header .logo {margin-left:0px;margin-right:170px;width:100%;} header .basket {width:35%;} header .links {position:absolute;top:80px;width:70%;display:block;text-align:left;} header .telefon, header .email {margin:0px 0px 0px 0px;text-align:left;top:0px;} header .search-form {position:absolute;top:120px;padding-right:10px;} header {min-height:210px;} #page header {min-height:0px;} .news-home .mcontainer {max-width:100%;padding-bottom:40px;padding-top:0px;} .news-home h2 {font-size:24px;} .news-home h4 {margin-bottom:12px;} .news-home p {font-size:14px;} .news-home p.more a {padding: 10px 25px;} #home_baner .col-sm-6 {margin-top:20px;} #home_products .promo_small.promo_small2 article,#home_products .promo_small article {width:50%;padding-left: 10px;} #home_products .promo_small.promo_small2,#home_products .promo_small {margin-left:-10px;} #home_products .promo_small.promo_small2 article:nth-child(5) {display:none;} #home_products .promo_small article .inside,#home_products .promo_small article .inside {padding:10px;} #home_products .price {display:block;} #home_products p.cena {text-align:center;} #home_products p.cena_promo {text-align:center;margin-top:6px;margin-bottom:10px;} #home_products p.cena_promo del {position:relative;} #home_products .promo_big {width:100%;padding-right:10px;} #home_products .promo_small {width:100%;} #home_products .line {display:block;margin-right:-10px;} #home_products .promo_small article figure .ico-procent {right:-10px;} #home_products .promo_big article h2 {font-size:18px;margin-top:10px;padding-top:10px;height:50px;} #home_products .promo_big article {padding:15px;} #home_products article figure .ico-procent {right:-15px;top:-10px;} #home_products .price .cena {font-size:24px;} #home_products .promo_big article .basket {margin-top:10px;} #home_products .promo_big figure img {max-height:250px;margin:0px auto;} #slider .caption_inside h3 {margin-left:10%;max-width:80%;font-size:18px;line-height:22px;margin-top:25px;} header {overflow-x:hidden;max-width:100%;} #slider .carousel-caption h2 {max-width: 80%;margin-left:10%;padding-left:30px;margin-top:30px;} #slider .caption_inside span {left:0px;top:5px;bottom:5px;} body.nav-opened .cat-menu .menu .li a {color: #181616;} .news-list .row {margin: 0px;} .news-list .news .info {margin-top:10px;} .cat-menu .menu {justify-content: start;} .products-home .products-list .produkt_box, .products-list #home_products .promo_small article, .products-powiazane .products-list .produkt_box {width:50%;} .kat-box .kat-list .filters.top {flex-wrap: nowrap;margin-bottom:30px;} .kat-box .kat-list .filters.top .dawka,.kat-box .kat-list .filters.top .dawka.sdawka {margin-right:0px;} .products-list #home_products .promo_small {margin:0px 0px 0px -10px;width:auto;} #slider_prod #slider .caption_inside h2 {font-size:18px;margin-left:30px;padding-left:10px;} #slider .caption_inside {max-width:100%;} #slider_prod #slider .caption_inside h3 {margin-left:40px;font-size:16px;} #slider_prod #slider .caption_inside span {left:-15px;top:4px;bottom:2px;} #product_view .products-powiazane h3 {font-size:18px;} #product_view .flex {display:block;} #product_view #product_photo {width:100%;max-width:none;} #product_view .product-info .produkt_koszyk .cena {font-size:40px;} #product_view .product-info .do_koszyka {font-size:20px;} #product_view .product-info .produkt_koszyk {margin-top:20px;} #product_view .product-order .price_netto, #product_view .product-order .promo {margin-bottom:20px;} .kat-top h1, .page_txt header h1, .basket h1, .password_change h1, .register-box h1, .pliki_pobranie_list h1 {font-size:20px;text-align:left !important;line-height:26px;} .kat-top h1::before, .page_txt header h1::before, .basket h1::before, .password_change h1::before, .register-box h1::before, .pliki_pobranie_list h1::before {height:auto;bottom:5px;} #product_view .product-info {width:100%;padding-left:0px;margin-top:30px;} #product_view #product_photo .produkt-slider .main {flex-grow:1;} #product_view .product-info .ico-procent {top:0px;} #product_view .product-info h1 {margin-right:80px;} #product_view #product_photo .produkt-slider .thumb div.thumb-item {margin-bottom:5px;} #product_view #product_photo .produkt-slider .thumb {padding-left:10px;} .news-list .news figure {max-width:none;} .news-list .news figure img {width:100%;} #product_view .product-desc,#product_view .product-desc p,#product_view .product-desc li {font-size:16px;line-height:22px;} #product_view .product-desc h2 {font-size: 20px;line-height:26px;} #product_view .product-desc h3 {font-size: 18px;line-height: 24px;} #product_view #opis .col-sm { width:100% !important; } #product_view #opis .split-image-content { display:block !important; } #product_view #opis .product-details__images-main img { left:0px !important; top:0px !important; transform:none !important; } #home_products .promo_big article {height:auto;} } @media all and (max-width:766px) { header .links img {display:none;} #home_baner .mcontainer figure img,.news-home figure img {width:100%;max-width:none;} footer .foot_gray .adress {display: flex;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;flex-wrap:wrap;} footer .foot_gray .adress .line {flex-grow:1;} footer .newsletter {margin-left:0px;} footer .foot_gray ul.m_stopka {margin-bottom:50px;} footer .foot_gray ul.m_stopka {font-size:12px;} footer .foot_gray ul.m_stopka li {margin:5px 0px;} .news-box .flex {display:block;} .news-box .left-news {width:100%;} .news-box .right-news {width:100%;padding:0px;margin-top:30px;} .news-box .left-news img {max-width:none;width:100%;} #product_view .product-desc .nav-tabs li a {font-size:16px;padding: 10px 15px;} .kat-box .kat-list .filters.top {flex-wrap: wrap;} .kat-box .kat-list .filters.top .dawka {margin: 0 0 5px 0;} .kat-box .kat-list .filters.top .dawka, .kat-box .kat-list .filters.top .paginacja {width: 100%; text-align: left;} .kat-box .kat-list .filters.top .paginacja nav {justify-content: flex-start;} } @media all and (max-width:590px) { footer .foot_gray .mcontainer .row {display:block;} footer .foot_gray .mcontainer .row .col-sm-4 {max-width:none;} header .basket {max-width:110px;} header .mcontainer::after {width: 100px;} header .koszyk .basket-name {display:none;} header .koszyk > a {min-width:0px;} header .links a {padding:5px 0px;} #product_view .product-desc li {float:none;} #product_view .product-desc .nav-tabs li a {font-size:18px;padding: 10px 15px;width:100%;display:block;margin-top:4px;text-align:center;} #product_view .container-fluid {padding:0px;} #product_view #opis table { overflow-x:aut } } @media all and (max-width:490px) { .basket .row {margin-left:-10px;margin-right:-10px;} .basket .basket_btns {margin:0px 10px;} .basket #zaloguj .btn, .modal .btn-default { font-size:12px; line-height:16px; } .basket #zaloguj .btn, .modal .btn-default,.modal .btn-close { padding: 15px 10px; } .basket #tabela_koszyk .name {width:30%;} .basket #tabela_koszyk .ilosc {width:20%;} .basket #tabela_koszyk .ilosc input {padding:0px 10px;} .basket #tabela_koszyk .worth {width:25%;} .basket .kroki_koszyk .steps .krok { width:100px; height:100px; } .basket h1, .wyszukiwarka-top h1 {font-size:24px;line-height:26px;text-align:center;} .basket #tabela_koszyk .remove {right:0px;} .basket .kroki_koszyk .steps h4 {display:none;} .basket #tabela_koszyk {overflow-x:hidden;} .basket #tabela_koszyk .row {padding-right:15px;} .basket .klist {padding-left:6px;padding-right:6px;} .basket .osoba .btn-box, .moje-konto-box .osoba .btn-box, .moje-konto-box .send-btn-box, .register-box .osoba .btn-box, .register-box .send-btn-box { margin-top:20px; } .password_change h1, .register-box h1 {text-align:center;} .basket .basket_btns a, .basket.platnosc_online a.btn {font-size:15px;line-height:18px;} .basket .basket_btns a.return {padding-right:10px;padding-left:30px;margin-right:10px;} .basket .basket_btns a.submit {padding-left:10px;padding-right:30px;} .basket .basket_btns a.return .ico {left:10px;} .basket .basket_btns a.submit .ico {right:5px;} .basket .koszyk_info p {margin-top:20px;} .basket .koszyk_zgody {margin-top:20px;} .basket .nav-tabs > li > a, .moje-konto-box .nav-tabs > li > a {padding:15px 4px;min-height:64px;} .basket #zaloguj #logowanie {margin-top:15px;} .basket .klist .item {margin-top:10px;} .basket .koszyk_zgody {font-size:12px;} .products-home .products-list .produkt_box, .products-powiazane .products-list .produkt_box { padding: 22px; width: 100% } .products-home .products-list .produkt_box figure img, .products-powiazane .products-list .produkt_box figure img { margin: 0 auto } footer .b2>.row>div { padding: 0 15px } footer .b2 .menu { width: 400px; max-width: 100% } footer .menu.menu2 ul { -webkit-column-count: initial; -moz-column-count: initial; column-count: initial } .cat-menu .menu { padding-top: 50px } .news-box .left-news .news-slider { margin: 0 -5px } .news-box .left-news .news-slider .main { padding: 5px } .news-box .left-news .news-slider .thumb { padding: 5px } .home_cats h4.nag, .news-home h4.nag, .products-home h4.nag, .products-powiazane h4.nag { font-size: 18px } .home_cats h3.nag, .news-home h3.nag, .products-home h3.nag, .products-powiazane h3.nag { font-size: 28px } #product_view .product-info .box-parametry .cecha { flex-wrap: wrap } #product_view .product-info .box-parametry .l { width: 100%; padding: 0 } #product_view .product-info .box-parametry .r { width: 100% } #product_view .product-info .produkt-cena p { margin: 0 22px 10px 0 } #product_view .product-info .prod_ilosc { margin: 0 0px 10px 0; } #product_view .product-info .produkt_koszyk { flex-wrap: wrap } .kat-box .mcontainer { flex-wrap: wrap } .kat-box .kat-menu { width: 100% } .kat-box .kat-list { width: 100%; padding-left: 0 } #product_view .products-powiazane h3 { margin:15px 0px; } #slider .carousel-caption h2 { margin-top:10px; font-size:18px; line-height:24px; padding-left: 20px; max-width:65%; margin-left:5%; } #slider .caption_inside h3 { font-size: 14px; line-height: 18px; max-width:65%; margin-top:5px; margin-left:5%; } #slider .carousel-indicators { bottom:-40px; } #slider { margin-bottom:45px; } } @media all and (min-width:780px) { .modal-dialog {width:700px !important;} } @media all and (max-width:400px) { header .links {position:absolute;top:66px;width:50%;display:block;text-align:left;} } @media all and (min-width:750px) and (max-width:900px) { footer .foot_gray .m_stopka_big li {display:block;} footer .foot_gray .col-sm-4:nth-child(2) {padding:0px;} footer .foot_gray .social .box {margin: 5px;} header .links {display: flex;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;justify-content:space-between;top:90px;} } @media all and (min-width:900px) and (max-width:1180px) { #product_view .product-info .produkt_koszyk {display:block;} #product_view .product-info .prod_ilosc {display:inline-block;} #product_view .product-info .produkt_koszyk .cena {margin-bottom:20px;} #product_view .product-info .do_koszyka {top:-5px;} } article figure .leverbaar { position:absolute; top:0px; left:-15px; padding-right:20px; overflow:hidden; } article figure .leverbaar span { display:block; color:white; font-size: 14px; padding:5px 5px 5px 18px; background:url('/szablony/tio_shop/gfx/thick.png') #e85904 no-repeat 3px center; background-size:auto 10px; } article figure .leverbaar::after { content:""; display:inline-block; background:#e85904; width:10px; height:45px; position:absolute; top:-4px; right:15px; transform: rotate(15deg); } .promo_big article figure .leverbaar { top:-20px; left:-30px; } .promo_big article figure .leverbaar span { font-size:16px; padding:7px 5px 7px 30px; background:url('/szablony/tio_shop/gfx/thick.png') #e85904 no-repeat 6px center; background-size:auto 15px; } @media all and (max-width:1000px) { article figure .leverbaar::after {display:none;} article figure .leverbaar span {background-image:none;padding-left:5px;} article figure .leverbaar {left:-10px;} } @media all and (max-width:800px) { .promo_big article figure .leverbaar {left:-15px;top:-10px;} } .home_banery.banner-bottom-box {margin-bottom: 20px;}