html, html body { margin: 0; padding: 0; font-family: Poppins, sans-serif; font-weight: 400; color: #2d2d2d } .mcontainer { max-width: 100%; width: 1430px; 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% } #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: #5d9603 } #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: #5d9603 } header { border-top: 16px solid #609808; border-bottom: 1px solid #dadada } header .top { display: flex; justify-content: space-between; align-items: center; padding: 40px 0 35px 0; border-bottom: 1px solid #dadada } header .logo { display: flex; position:relative; } header .logo span.name-small {width:100%;text-align:center;color: #609808;font-size:12px;position:absolute;left:0px;bottom:-20px;line-height:12px;margin:0px;} header .logo svg { width: 98px; height: auto; display: block } header .logo .cls-1 { fill: #009444 } .cls-2, header .logo .cls-1 { fill-rule: evenodd } header .logo .cls-2 { fill: #8dc63f } header .logo h1,header .logo h2 { margin: 0 0 0 -8px; padding-left: 8px } header .logo a { font-size: 30px; line-height: 18px; font-family: Quicksand, sans-serif; font-weight: 700; color: #609808; 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 } header .search-form form { position: relative; padding: 0 104px 0 0 } header .search-form form svg { display: block; width: 17px; position: absolute; top: 15px; left: 15px } 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 40px; height: 48px; border: 1px solid #dfdfdf; outline: 0; box-shadow: none; border-bottom-left-radius: 24px; border-top-left-radius: 24px; border-right: none } 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: #9b9b9b; font-size: 14px; line-height: 20px; font-family: Quicksand, sans-serif; font-weight: 500 } header .search-form form input:-ms-input-placeholder { color: #9b9b9b } header .search-form form input::placeholder { color: #9b9b9b } header .search-form form a { position: absolute; background: #fff; width: 127px; height: 100%; border-radius: 24px; top: 0; right: 0; text-align: center; padding: 14px 0; font-size: 14px; color: #000; line-height: 20px; font-weight: 700; text-transform: uppercase; text-decoration: none; z-index: 2; overflow: hidden } header .search-form form a:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #5d9603; border-radius: 24px } header .search-form form a:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; border-radius: 24px; background: #5d9603; 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: #5d9603 } header .links { display: flex; justify-content: space-between } header .links a { font-size: 14px; color: #000; line-height: 16px; padding: 2px 0; font-weight: 700; text-transform: uppercase; text-decoration: none; margin: 0 40px 0 0 } header .links a:nth-last-of-type(1) { margin-right: 0 } header .links a svg { fill: #5d9603; stroke: #5d9603; display: inline-block; width: auto; height: 20px; margin: 0 5px 0 0; vertical-align: bottom } header .links a:hover { color: #5d9603 } header .koszyk { position: relative } header .koszyk>a { background: #5d9603; height: 48px; border-radius: 24px; color: #fff; padding: 11px 24px; display: block; text-decoration: none; position: relative; min-width: 210px; border: 2px solid #5d9603 } header .koszyk>a svg { width: 26px; height: auto; display: inline-block; vertical-align: top; float: right; 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 .cost { color: #fff; font-family: Quicksand, sans-serif; font-weight: 500; font-size: 14px; line-height: 22px; display: inline-block; vertical-align: top; padding: 0 10px 0 0 } header .koszyk .basket-name { color: #fff; font-family: Quicksand, sans-serif; font-weight: 700; font-size: 14px; line-height: 22px; display: inline-block; vertical-align: top; text-transform: uppercase; float: right; margin: 0; padding: 0 5px 0 10px; position: relative } header .koszyk .basket-name:before { content: ' '; background: #fff; width: 1px; height: 14px; left: 0; top: 50%; margin-top: -7px; position: absolute } header .koszyk .no { display: block; position: absolute; top: -11px; right: 24px; min-width: 22px; height: 22px; border: 1px solid #fff; background: #5d9603; border-radius: 11px; text-align: center; font-size: 12px; font-family: Quicksand, sans-serif; font-weight: 700; line-height: 20px } header .koszyk #produkty_koszyka_box { display: none; position: absolute; top: 100%; right: 0; background: #fff; z-index: 20; width: 500px; 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; 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: #5d9603 } 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: 24px; text-transform: uppercase; text-decoration: none; font-size: 14px; color: #fff; background: #5d9603; 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:after { content: ' '; z-index: 2; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #5d9603; border-radius: 24px } 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: #fff; border-radius: 24px; -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% } header .koszyk #produkty_koszyka_box .zobacz_koszyk:hover span { color: #5d9603 } .cat-menu .menu { display: flex; align-items: center; justify-content: flex-start } .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: #dadada; width: 1px; height: 14px; left: 0; top: 50%; position: absolute; margin: -7px 0 0 -.5px } .cat-menu .menu>.li>a,.cat-menu .menu>.li>h2 a { display: block; font-size: 16px; font-weight: 700; line-height: 20px; color: #181616; text-decoration: none; text-transform: uppercase; position: relative; padding: 14px 0 } .cat-menu .menu .li>a:hover,.cat-menu .menu>.li>h2 a:hover, .cat-menu .menu>.li.active>a { color: #5d9603 } .cat-menu .menu>.li.active>a:before { content: ' '; display: block; background: #5d9603; height: 3px; width: 100%; top: -6px; left: 0; position: absolute } .cat-menu .menu .li .submenu-toogle { max-height: 0; overflow: hidden; position: absolute; top: 100%; left: 0; min-width: 100%; z-index: 2; -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:hover .submenu-toogle { max-height: 500px } .cat-menu .menu .li .submenu-toogle>.submenu { background: #fff; padding: 0 10px 10px 10px; text-align: left; display: flex; border: 1px solid #dfdfdf; border-top: none } .cat-menu .menu .li .submenu-toogle>.submenu>.col { padding: 0 10px; min-width: 220px } .cat-menu .menu .li .submenu a { font-size: 15px; line-height: 18px; color: #181616; padding: 7px 0; font-weight: 400; text-decoration: none; display: block } .cat-menu .menu .li .submenu .li a:hover, .cat-menu .menu .li .submenu .li.active a { color: #5d9603 } .cat-menu .menu .li .submenu .submenu { padding-left: 10px } .cat-menu .navbar-toggle { display: none; width: 50px; height: 50px; border: 1px solid #dadada; border-radius: 10px; margin: 10px 0 10px auto; padding: 0 10px; float: none } .cat-menu .navbar-toggle .icon-bar { display: block; margin: 6px 0; background: #dadada; height: 3px; width: 100% } .cat-menu .navbar-toggle:hover { border-color: #609808; background: #609808 } .cat-menu .navbar-toggle:hover .icon-bar { background: #fff } #slider { padding: 0 0 30px 0; position: relative } #slider:after { content: ' '; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: url(/szablony/tio_shop/gfx/slider-border-bottom.png) no-repeat center top; background-size: cover } #slider .carousel-caption { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; bottom: initial } #slider .carousel-caption h4 { font-family: Caveat, cursive; font-size: 36px; line-height: 48px; color: #fff; font-weight: 700; margin: 0 0 20px 0 } #slider .carousel-caption h3 { font-family: Poppins, sans-serif; font-size: 60px; line-height: 48px; color: #fff; text-transform: uppercase; font-weight: 600; margin: 0 0 30px 0 } #slider .carousel-caption a { display: inline-block; width: 210px; background: rgba(255, 255, 255, .9); border-radius: 24px; line-height: 48px; font-size: 14px; text-transform: uppercase; text-decoration: none; font-family: Quicksand, sans-serif; color: #181616; font-weight: 700; -webkit-transition: background .4s; -moz-transition: background .4s; -o-transition: background .4s; -ms-transition: background .4s; transition: background .4s } #slider .carousel-caption a:hover { background: #fff } #slider .carousel-indicators { position: relative; bottom: initial; left: initial; width: 100%; margin: 0 } #slider .carousel-indicators li { background: #609808; border: 2px solid #609808; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px } #slider .carousel-indicators li.active { background: 0 0 } #slider .carousel-control { position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; background: #fff; margin: -30px 0 0 0; opacity: 0 } #slider:hover .carousel-control { opacity: .6 } #slider .carousel-control:hover { opacity: 1 } #slider .carousel-control:after, #slider .carousel-control:before { content: ' '; display: block; width: 14px; height: 2px; background: #000; 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: 30px } #slider .carousel-control.right { right: 30px } .breadcrumps { padding: 25px 0 40px 0 } .breadcrumps, .breadcrumps a { font-family: Quicksand, sans-serif; font-size: 11px; line-height: 14px; color: #000; font-weight: 400; text-decoration: none; text-transform: uppercase } .breadcrumps a:hover { color: #5d9603 } .breadcrumps a span { display: inline-block } .breadcrumps .inline>div { display: inline } .kat-top { position: relative; min-height: 150px; margin: 0 0 40px 0; overflow: hidden } .kat-top img { max-width: 100%; width: auto; min-height: 150px; position: relative; left: 50%; webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } .kat-top h1 { display: block; padding: 10px 30px; font-size: 36px; text-align: center; line-height: 40px; color: #000; font-weight: 600; text-transform: uppercase; background: #fff; margin: 0; position: absolute; top: 50%; left: 50%; webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .kat-box { overflow: hidden } .kat-box .mcontainer { display: flex } .kat-box .kat-menu { width: 17% } .kat-box .kat-menu h3 { font-size: 24px; line-height: 28px; font-weight: 900; color: #202224; border-bottom: 3px solid #5d9603; 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 0; color: #202224; font-weight: 600; 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: #5d9603 } .kat-box .cat-box>.li+.li { border-top: 1px solid #dfdfdf } .kat-box .cat-box>.li.sub>a { padding-right: 20px } .kat-box .cat-box>.li svg.bt { fill: #afafaf; 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 } .kat-box .cat-box .submenu .li h3 a { font-size: 15px; line-height: 18px; padding: 7px 0 7px 24px; font-weight: 400; color: #181616; display: block; text-decoration: none; position: relative } .kat-box .cat-box .submenu .li h3 {margin:0px;border:0px;padding:0px;} .kat-box .cat-box .submenu .li.active> h3 a, .kat-box .cat-box .submenu .li> h3 a:hover { color: #5d9603 } .kat-box .cat-box .submenu .li.active> h3 a:before { border-color: #5d9603; background: #5d9603 } .kat-box .cat-box .submenu .li>h3 a: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 .cat-box .submenu .submenu { padding-left: 10px } .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: #5d9603 } .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: #5d9603 } .kat-box .filters-box .ul li.active:before { background: #5d9603 } .kat-box .filters-box .ul li:nth-last-of-type(1) { margin-bottom: 10px } .kat-box .kat-list { width: 83%; padding-left: 45px } .kat-box .kat-desc { color: #000; font-size: 16px; line-height: 26px; padding: 0 0 20px 0; border-bottom: 3px solid #5d9603; margin: 0 0 30px 0 } .kat-box .kat-list .filters.top { display: flex; justify-content: space-between; font-size: 14px; line-height: 40px; color: #9b9b9b; font-family: Quicksand, sans-serif; font-weight: 700; text-transform: uppercase; margin: 0 auto 10px auto } .kat-box .kat-list .filters.top .dropdown-toggle { height: 50px; border: 1px solid #dfdfdf; border-radius: 25px; padding: 0 20px 0 30px; outline: 0 !important; background: 0 0; box-shadow: none; color: #000; font-family: Quicksand, sans-serif; font-weight: 700; font-size: 14px; line-height: 40px; text-transform: uppercase } .filters .dropdown-menu>.active>a, .filters .dropdown-menu>.active>a:focus, .filters .dropdown-menu>.active>a:hover { background-color: #5d9603 } .filters>div>span { margin-right: 5px } .paginacja nav { display: flex; align-items: center } .paginacja nav span { display: block; margin-right: 5px } .paginacja .pagination { display: flex; margin: 0; border: 1px solid #dfdfdf; padding: 12px; border-radius: 25px } .paginacja .pagination li { margin: 0 5px; display: block } .paginacja .pagination li a { line-height: 26px !important; height: 26px; text-align: center; min-width: 26px; border-radius: 13px !important; background: 0 0 !important; font-size: 14px; line-height: 40px; color: #000; font-family: Quicksand, sans-serif; font-weight: 700; padding: 0; border: none !important } .paginacja .pagination li a:hover { border: none !important; background: #5d9603 !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: #5d9603 !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.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 .row { display: flex; flex-wrap: wrap; margin: 0 -22px } .products-list .produkt_box { width: 33%; padding: 22px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s } .products-home .products-list .produkt_box, .products-powiazane .products-list .produkt_box { width: 25% } .products-list .produkt_box:hover { -webkit-box-shadow: 0 0 21px -10px rgba(0, 0, 0, .75); -moz-box-shadow: 0 0 21px -10px rgba(0, 0, 0, .75); box-shadow: 0 0 21px -10px rgba(0, 0, 0, .75) } .products-list .produkt_box figure { margin: 0 auto 15px auto; width: 340px; max-width: 100%; position: relative } .products-list .produkt_box figure img { display: block } .products-list .produkt_box figure a { display: block; position: relative; overflow: hidden } .products-list .produkt_box figure a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .products-list .produkt_box figure .ico-procent { position: absolute; width: 44px; height: 44px; border: 2px solid #fff; border-radius: 50%; text-align: center; line-height: 40px; background: #f2d60b; z-index: 2; top: -20px; right: -20px; font-size: 12px; font-weight: 600 } .products-list .produkt_box .info { display: flex; justify-content: space-between } .products-list .produkt_box .info .price { padding-left: 10px; text-align: right } .products-list .produkt_box .info .price .cena { margin: 0; font-size: 22px; line-height: 20px; color: #5d9603; font-weight: 600 } .products-list .produkt_box .basket { display: flex; margin: 10px 0 0 0; justify-content: space-between } #product_view .product-info .do_koszyka, .products-list .produkt_box .basket .do_koszyka { line-height: 48px; height: 48px; width: 186px; text-align: center; border-radius: 24px; display: block; text-transform: uppercase; text-decoration: none; font-size: 14px; color: #000; font-weight: 600; padding: 0 20px; position: relative; overflow: hidden } #product_view .product-info .do_koszyka span, .products-list .produkt_box .basket .do_koszyka span { color: #000; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; -ms-transition: color .4s; transition: color .4s; z-index: 3; position: relative } #product_view .product-info .do_koszyka:before, .products-list .produkt_box .basket .do_koszyka:before { content: ' '; display: block; width: 100%; height: 100%; border-radius: 24px; border: 2px solid #5d9603; position: absolute; left: 0; top: 0; z-index: 2 } #product_view .product-info .do_koszyka:after, .products-list .produkt_box .basket .do_koszyka:after { content: ' '; display: block; width: 0; height: 100%; border-radius: 24px; background: #5d9603; position: absolute; left: 0; top: 0; z-index: 1; -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:hover span, .products-list .produkt_box .basket .do_koszyka:hover span { color: #fff } #product_view .product-info .do_koszyka:hover:after, .products-list .produkt_box .basket .do_koszyka:hover:after { width: 100% } #product_view .product-info .prod_ilosc, .products-list .produkt_box .basket .prod_ilosc { width: 90px; position: relative } #product_view .product-info .prod_ilosc input, .products-list .produkt_box .basket .prod_ilosc input { width: 100%; height: 48px; border: 1px solid #dfdfdf; border-radius: 24px; text-align: center; font-size: 14px; color: #000; font-family: Quicksand, sans-serif; font-weight: 700; padding: 0 30px; outline: 0; box-shadow: none } #product_view .product-info .prod_ilosc .b_btn, .products-list .produkt_box .basket .prod_ilosc .b_btn { position: absolute; font-size: 14px; line-height: 30px; font-family: Quicksand, sans-serif; font-weight: 700; color: #dfdfdf; text-align: center; display: block; width: 30px; top: 50%; margin-top: -15px; text-decoration: none } #product_view .product-info .prod_ilosc .b_btn:hover, .products-list .produkt_box .basket .prod_ilosc .b_btn:hover { color: #000 } #product_view .product-info .prod_ilosc .b_btn.subtract, .products-list .produkt_box .basket .prod_ilosc .b_btn.subtract { left: 0 } #product_view .product-info .prod_ilosc .b_btn.add, .products-list .produkt_box .basket .prod_ilosc .b_btn.add { right: 0 } .products-list .produkt_box h2,.products-list .produkt_box h3 { margin: 0; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: 400; color: #000 } .products-list .produkt_box h2 a,.products-list .produkt_box h3 a { color: #000; text-decoration: none } .products-list .produkt_box h2 a:hover,.products-list .produkt_box h3 a:hover { color: #5d9603 } #product_view .flex { display: flex; flex-wrap: wrap; padding: 0 0 70px 0; overflow: hidden } #product_view #product_photo { width: 40% } #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: flex; flex-wrap: wrap; margin: 0 -11px } #product_view #product_photo .produkt-slider .main { width: 100%; padding: 11px; position: relative } #product_view #product_photo .produkt-slider .main .magnification { position: absolute; bottom: 21px; right: 21px; display: block; width: 54px; height: 54px; border: 1px solid #fff; padding: 10px; z-index: 2 } #product_view #product_photo .produkt-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 } #product_view #product_photo .produkt-slider .main .magnification:hover { background: #fff } #product_view #product_photo .produkt-slider .main .magnification:hover svg { stroke: #000 } #product_view #product_photo .produkt-slider .thumb { width: 33.33333%; padding: 11px } #product_view #product_photo .produkt-slider a { display: block; overflow: hidden } #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-info { width: 60%; padding-left: 35px } #product_view .product-info h1 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: uppercase; margin: 0 0 20px 0 } #product_view .product-info .box-parametry { margin: 0 0 45px 0 } #product_view .product-info .box-parametry .cecha h2 { display: flex; font-size: 16px; line-height: 20px; padding: 7px 0; color: #000; margin:0px; } #product_view .product-info .box-parametry .l { width: 200px; padding-right: 20px; margin: 0; font-weight: 300; display:inline-block; } #product_view .product-info .box-parametry .r { width: calc(100% - 200px); margin: 0; font-weight: 500; display:inline-block; } #product_view .product-info .product-order { display: flex } #product_view .product-info .produkt-cena p { font-size: 36px; line-height: 46px; color: #5d9603; font-weight: 600; margin: 0 40px 0 0 } #product_view .product-info .produkt-cena p .promo { color: #000; font-size: 22px; font-weight: 300 } #product_view .product-info .produkt_koszyk { display: flex } #product_view .product-info .prod_ilosc { width: 100px; margin: 0 25px 0 0 } #product_view .product-info .prod_ilosc input { height: 54px; font-size: 17px; border-radius: 27px } #product_view .product-info .prod_ilosc .b_btn { font-size: 16px } #product_view .product-info .do_koszyka:after { background: #fff } #product_view .product-info .do_koszyka { background: #5d9603; font-size: 17px; height: 54px; line-height: 54px; border-radius: 27px; line-height: 50px; text-align: center; width: 240px } #product_view .product-info .do_koszyka:after, #product_view .product-info .do_koszyka:before { border-radius: 27px } #product_view .product-info .do_koszyka span { color: #fff } #product_view .product-info .do_koszyka:hover span { color: #5d9603 } #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: #5d9603 } #product_view .product-desc { padding: 40px 0 0 0; margin: 0 0 50px 0; border-top: 1px solid #dadada; overflow: hidden } #product_view .product-desc table { width: 100%; display: block } #product_view .product-desc table tr { display: flex; margin: 0 -22px } #product_view .product-desc table tr td { display: block; width: 100%; padding: 22px } #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: #000 } #product_view .product-desc p { font-weight: 400; font-size: 16px; line-height: 26px; color: #000; 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: 16px; line-height: 26px; color: #000 } #product_view .product-desc b, #product_view .product-desc strong { font-weight: 600 } #product_view .product-desc a { color: #000; font-weight: 500; text-decoration: none } #product_view .product-desc a:hover { color: #5d9603 } #product_view .produkt_produkty { overflow: hidden } .news-home { padding: 30px 0; overflow: hidden } .news-list { padding: 0 } .news-list .row { display: flex; flex-wrap: wrap; margin: 0 -22px } .news-list .news { display: flex; width: 50%; padding: 22px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; transition: all .4s } .news-list .news:hover { -webkit-box-shadow: 0 0 21px -10px rgba(0, 0, 0, .75); -moz-box-shadow: 0 0 21px -10px rgba(0, 0, 0, .75); box-shadow: 0 0 21px -10px rgba(0, 0, 0, .75) } .news-list .news figure { margin: 0; padding: 0; display: block; width: 100% } .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: 50%; border-radius: 50%; overflow: hidden; max-width: 340px; max-height: 340px; 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 40px } .news-list .news .date { font-family: Quicksand, sans-serif; font-weight: 700; font-size: 14px; line-height: 16px; color: #5d9603; margin: 0 0 10px 0 } .news-list .news h3 { font-family: Quicksand, sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; margin: 0 0 10px 0; color: #181616; padding: 0 0 14px 0; position: relative } .news-list .news h3:after { content: ' '; width: 40px; height: 4px; background: #609808; left: 0; bottom: 0; position: absolute } .news-list .news h3 a { color: #181616; text-decoration: none } .news-list .news h3 a:hover { color: #5d9603 } .news-list .news .desc { font-family: Quicksand, sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; margin: 0; color: #000 } .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; 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 .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: 60%; padding-left: 35px } .news-box .right-news h1 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: uppercase; margin: 0 0 20px 0 } .news-box .right-news .desc table { width: 100%; display: block } .news-box .right-news .desc table tr { display: 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: #5d9603 } .page_txt h1 { font-weight: 600; 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: #5d9603 } .page_txt .desc img {max-width: 100%;} .page_txt.o_nas .desc table, .page_txt.o_nas .desc table tbody {display: block;} .page_txt.o_nas .desc table tr {margin: 0 -5px; width: 100%; display: flex; flex-wrap: wrap;} .page_txt.o_nas .desc table td {display: block; width: 50%; padding: 5px;} .password_change h1, .register-box h1 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: uppercase; margin: 0 0 20px 0 } .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: 24px; 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: #5d9603; 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: 24px; 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: #5d9603; background: #5d9603 } .modal form .item, .moje-konto-box .item, .password_change .item, .register-box .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 } .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 #dfdfdf; height: 48px; border-radius: 24px; font-size: 14px; color: #000; font-family: Quicksand, sans-serif; font-weight: 700; padding: 0 30px; outline: 0 !important; box-shadow: none } .basket .item textarea { height: 200px; resize: none; padding: 15px } .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 { 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 { 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 { content: ' '; display: block; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #5d9603; 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 { 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, .register-box .koszyk_zgody .checkbox input:checked+label:before { background: #5d9603 } .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 { border-color: #dfdfdf } .moje-konto-box .koszyk_zgody .checkbox input:checked:disabled+label:before, .register-box .koszyk_zgody .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: #5d9603 } .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: 27px } .moje-konto-box .send-btn-box input, .register-box .send-btn-box input { border-color: #5d9603; padding: 16px; font-size: 16px; line-height: 18px; border-radius: 27px; 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; text-transform: uppercase; color: #000; font-size: 16px; line-height: 18px; padding: 15px 30px; text-align: center; border-radius: 24px; 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: 24px; border: 2px solid #5d9603 } .password_change #logowanie .btn:after { content: ' '; z-index: 2; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #5d9603; border-radius: 24px; -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; 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: 24px; border-top-right-radius: 24px; 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: #5d9603; background: #5d9603; 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: #5d9603 } .basket .btn_inny_adres:hover, .moje-konto-box .btn_inny_adres:hover { color: #5d9603 } .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: #5d9603 } .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: #5d9603 } .basket h1, .wyszukiwarka-top h1 { font-weight: 600; font-size: 28px; line-height: 38px; text-transform: uppercase; margin: 0 0 20px 0 } .basket h1 strong { font-weight: 600 } .basket .kroki_koszyk { margin: 0 0 30px 0 } .basket .kroki_koszyk .steps .krok { margin: 0 auto; width: 220px; height: 220px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; border: 2px solid #000; position: relative; background: #5d9603 } .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: #5d9603 } .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: #5d9603; border-color: #5d9603 } .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; align-items: center; width: 100%; margin: 0 -5px; 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 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: 24px; border: 1px solid #dfdfdf; text-align: center; font-size: 14px; color: #000; font-family: Quicksand, sans-serif; font-weight: 700; 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-family: Quicksand, sans-serif; font-weight: 700; 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; 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; 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: 26px; 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: 24px; 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: 24px; 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: #5d9603; 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 #5d9603; 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: #5d9603 } .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: #5d9603 } .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: 48px; border: 1px solid #dfdfdf; border-radius: 24px; 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 } .basket.platnosc_online h1 { text-align: center } .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: #5d9603 } footer { background: #1d1d1f url(/szablony/tio_shop/gfx/bg_stopka.jpg) no-repeat center top; padding: 86px 0 60px 0; overflow: hidden; background-size: cover; color: #fff; margin-top: 60px } footer .b1 h3 { color: #609808; 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: #609808; 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: #609808 } footer .b2 h3 { margin: 14px 0 25px 0; color: #609808; 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; 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: #609808; text-decoration: none } footer .copy { color: #fff; font-size: 12px; font-weight: 300; line-height: 14px } footer .copy a { color: #fff; text-decoration: none } footer .copy a:hover { color: #609808 } .modal .modal-content { border-radius: 20px; overflow: hidden } .modal .modal-header { background: #5d9603 } .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: #5d9603 } .modal .buttons { display: flex } .basket #zaloguj .btn, .modal .btn-default { border-radius: 24px; font-size: 16px; line-height: 18px; padding: 15px 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: #5d9603; 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, .modal .btn-default:focus, .modal .btn-default:hover { background: 0 0; border: none; outline: 0; box-shadow: none } .basket #zaloguj .btn:before, .modal .btn-default:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #5d9603; border-radius: 24px; z-index: 1 } .basket #zaloguj .btn:after, .modal .btn-default:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #5d9603; border-radius: 24px; 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 span { color: #fff } .modal .btn-close { border-radius: 24px; 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: 24px; z-index: 1 } .modal .btn-close:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #000; border-radius: 24px; 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; align-items: center } .modal .logowanie a.register { font-weight: 300; color: #000; text-decoration: none; margin: 0 0 0 auto } .modal .logowanie a.register:hover { color: #5d9603 } .modal .modal-body a { color: #000; text-decoration: none } .modal .modal-body a:hover { color: #5d9603 } .wyszukiwarka-top { margin: 0 0 50px 0 } .wyszukiwarka-top h1 { text-align: center; margin: 0 } .wyszukiwarka-top h1 span { color: #5d9603 } .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: #609808; font-weight: 400 } #cookie_info p a:hover { color: #fff; text-decoration: none } #cookie_info b { font-size: 12px; 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_cats { padding: 20px 0 } .home_cats h3 { font-size: 16px; font-weight: 700 } .home_cats .col-sm-5 { padding-right: 5px } .home_cats .col-sm-7 { padding-left: 0 } .home_banery img:hover { opacity: .8 } .home_cats .line { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 -15px } .home_cats .box { position: relative; width: 33.33333%; padding: 15px 15px 30px 15px } .home_cats .box figure { display: block; margin: 0; padding: 0; position: relative; overflow: hidden } .home_cats .box figure:after { content: ' '; background: #000; width: 200%; height: 100%; position: absolute; top: 0; right: 150%; opacity: .7; transform: skew(-45deg); -webkit-transition: right .4s; -moz-transition: right .4s; -o-transition: right .4s; -ms-transition: right .4s; transition: right .8s } .home_cats .box:hover figure:after { right: -50% } .home_cats .box figure a { display: block } .home_cats .box figure img { display: block; width: 100% } .home_cats .box h3 { position: absolute; background: #fff; bottom: 0; left: 10%; width: 80%; margin: 0; text-align: center; text-transform: uppercase; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px } .home_cats .box:hover h3 a { color: #fff } .home_cats .box:hover h3 { background: #609808; bottom: 40px } .home_cats .box h3 a { color: #000; text-decoration: none; display: block; line-height: 19px; font-size: 19px; font-weight: 500; padding: 22px 10px } .home_cats h4.nag, .news-home h4.nag, .products-home h4.nag, .products-powiazane h4.nag { text-align: center; font-family: Caveat, cursive; color: #5d9603; font-weight: 700; font-size: 24px } .home_cats h3.nag, .news-home h3.nag, .products-home h3.nag, .products-powiazane h3.nag { color: #181616; margin: 0; text-align: center; font-size: 36px; font-weight: 400; font-family: Poppins, sans-serif; margin-bottom: 35px; display: flex; justify-content: center; align-items: center } .home_cats h3.nag span, .news-home h3.nag span, .products-home h3.nag span, .products-powiazane h3.nag span { background: #181616; height: 1px; flex-grow: 1; margin-right: 24px } .home_cats h3.nag span:last-child, .news-home h3.nag span:last-child, .products-home h3.nag span:last-child, .products-powiazane h3.nag span:last-child { margin-right: 0; margin-left: 24px } .home_fixed { background: url(/szablony/tio_shop/gfx/home_fixed.jpg) no-repeat center center; height: 60vh; background-attachment: fixed; background-size: cover; position: relative } .home_fixed::before { height: 44px; display: block; content: ""; background: url(/szablony/tio_shop/gfx/fixed_top.png) no-repeat center bottom; position: absolute; background-size: cover; z-index: 2; width: 100%; top: 0 } .home_fixed::after { height: 39px; display: block; content: ""; background: url(/szablony/tio_shop/gfx/fixed_bottom.png) no-repeat center top; position: absolute; bottom: 0; width: 100%; background-size: cover; z-index: 2 } #home_txt { position: relative; margin: 40px 0; overflow: hidden } #home_txt .home_txt_inside { max-width: 55%; float: right; position: relative; z-index: 2; padding: 120px 0 140px 0 } #home_txt .img_left { position: absolute; top: 40px; left: 0; width: 40%; height: 100% } #home_txt .img_left img { max-height: 90% } #home_txt .img_right { position: absolute; top: 0; right: 0; width: 70%; height: 100%; opacity: .12 } #home_txt .img_right img { width: auto; max-width: none; height: 100% } #home_txt h2 span { color: #e0c724; font-size: 120px; position: absolute; left: -30px } #home_txt h2 { max-width: 480px; font-weight: 500; color: #000; font-family: Poppins, sans-serif; font-size: 30px; line-height: 40px; padding-left: 60px; margin-top: 90px; margin-bottom: 40px; position: relative } #home_txt .home_txt_inside, #home_txt .home_txt_inside table { font-size: 16px; color: #000; font-weight: 300; font-family: Poppins, sans-serif; line-height: 26px; text-align: justify; hyphens: auto } #home_txt .home_txt_inside, #home_txt .home_txt_inside table td { padding: 0 15px } #home_txt .home_txt_inside table { margin-left: -15px } #home_txt .home_txt_inside a { color: #181616; font-size: 14px; font-weight: 600; margin-top: 40px; display: inline-block; text-transform: uppercase; padding: 10px 50px; border-radius: 60px; transition: all .6s; position: relative; overflow: hidden; z-index: 1 } #home_txt .home_txt_inside a::after, #home_txt .home_txt_inside a::before { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; transition: all .4s; border-radius: 23px; z-index: -1 } #home_txt .home_txt_inside a::after { width: 100%; border: 2px solid #181616; z-index: 1 } #home_txt .home_txt_inside a::before { background-color: #5d9603; width: 0% } #home_txt .home_txt_inside a:hover::before { width: 100% } #home_txt .home_txt_inside a:hover { color: #fff; text-decoration: none } .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: #609808 } 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: #609808; text-decoration: none } header .nav-toggle { display: none } @media all and (max-width:1300px) { header .links { flex-direction: column } header .links a { margin: 0 } header .links a+a { margin-top: 5px } .cat-menu .menu>.li { width: 100%; padding: 5px 10px } } @media all and (max-width:1200px) { #product_view .product-desc table tr td, .products-home .products-list .produkt_box, .products-powiazane .products-list .produkt_box { padding: 15px } #product_view .product-desc table tr, .products-list .row { margin: 0 -15px } .home_cats .box h3 a { font-size: 17px; line-height: 17px } .paginacja nav { flex-wrap: wrap } .filters>div>span, .paginacja nav span { display: block; width: 100%; text-align: left; line-height: 14px; margin: 0 0 4px 0 } .kat-box .kat-list .filters.top { margin: 0 -5px } .kat-box .kat-list .filters.top>div { padding: 0 5px } } @media all and (max-width:992px) { header .top { flex-wrap: wrap; padding: 10px 0 } header .logo { order: 1; width: 40%; margin-bottom: 30px; max-height: 50px } header .logo h1,header .logo h2 { 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: 60%; padding-right: 20px } header .basket { order: 4; width: 40% } header .koszyk { text-align: right } header .koszyk>a { width: auto; display: inline-block } #slider .carousel-caption h2 { font-size: 32px; line-height: 40px; margin-bottom: 15px } #slider .carousel-caption h3 { font-size: 52px; line-height: 44px; margin-bottom: 20px } #slider .carousel-caption a { font-size: 12px; line-height: 42px } #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; 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 } 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 } .cat-menu .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 } } @media all and (max-width:768px) { .basket .basket_btns a.return {margin-right:10px;} .basket .koszyk_zgody {margin-top:10px;} .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:10px; } } @media all and (max-width:767px) { .page_txt.o_nas .desc table td { width: 100%; } #slider .item img { display: block; width: 767px; max-width: 767px; position: relative; left: 50%; webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) } #slider .carousel-caption h3 { font-size: 46px; line-height: 40px; margin-bottom: 20px } #slider .carousel-control.left { left: 10px } #slider .carousel-control.right { right: 10px } .products-home .products-list .produkt_box, .products-powiazane .products-list .produkt_box { padding: 22px; width: 50% } footer .b2>.row { justify-content: center } footer .b2 .menu { width: 100%; margin: 30px 0 0 0; float: none } footer .b2 .menu.menu1 { width: 400px; max-width: 100% } footer .b2>.row>div+div { border: none } footer .copy .row>div { width: 100%; text-align: center; margin: 20px 0 0 0 } .news-box .flex { flex-wrap: wrap } .news-box .left-news { width: 586px; max-width: 100%; margin: 0 auto } .news-box .right-news { width: 100%; padding-left: 0; margin-top: 30px } #product_view .product-info h1, .news-box .right-news h1, .page_txt h1 { font-size: 24px; line-height: 30px } #product_view .product-desc h2, .news-box .right-news .desc h2, .page_txt .desc h2 { font-size: 20px; line-height: 24px; margin: 0 0 15px 0 } #product_view .product-desc h3, .news-box .right-news .desc h3, .page_txt .desc h3 { font-size: 18px; line-height: 20px; margin: 0 0 15px 0 } #product_view .product-desc li, #product_view .product-desc p, #product_view .product-info .box-parametry .cecha, .news-box .right-news .desc p, .page_txt .desc li, .page_txt .desc p { font-size: 14px; line-height: 20px } #product_view .product-desc p, .news-box .right-news .desc p, .page_txt .desc p { margin-bottom: 15px } .kat-box .mcontainer { flex-wrap: wrap } .kat-box .kat-menu { width: 100% } .kat-box .kat-list { width: 100%; padding-left: 0 } .home_cats h4.nag, .news-home h4.nag, .products-home h4.nag, .products-powiazane h4.nag { font-size: 20px } .home_cats h3.nag, .news-home h3.nag, .products-home h3.nag, .products-powiazane h3.nag { font-size: 32px } #product_view .product-desc table tr { flex-wrap: wrap; margin: 0 -15px } #product_view .product-desc table tr td { padding: 15px } #product_view #product_photo { width: 586px; max-width: 100% } #product_view .product-info { width: 100%; padding-left: 0; margin-top: 30px } } @media all and (max-width:600px) { .kat-box .kat-list .filters.top { flex-wrap: wrap; justify-content: flex-end } .filters>div>span, .paginacja nav span { display: initial; width: auto; margin-right: 5px } .filters>div+div { margin-top: 10px } } @media all and (max-width:540px) { #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% } header { position: relative } header .basket, header .links, header .logo, header .search-form { width: 100%; justify-content: center; padding: 0 } header .links, header .search-form { margin-bottom: 15px } header .logo span.name-small {width:100%;text-align:center;bottom:-15px;} header .basket { padding-right: 70px } header .cat-menu { position: absolute; width: 50px; height: 50px; bottom: 10px; right: 10px } header .cat-menu .mcontainer { padding: 0 } header .top { border-bottom: none } .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 } } @media all and (max-width:490px) { .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:16px;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 6px;min-height:80px;} .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 .prod_ilosc, #product_view .product-info .produkt-cena p { margin: 0 25px 10px 0 } #product_view .product-info .produkt_koszyk { flex-wrap: wrap } }