/*********** Style Ogólne ***************/ body{overflow-x:hidden;} body.quick_contact { background-color:#131116; } a:focus{outline:none;} a{text-decoration:none !important;} .col-3{display:inline-block; float:left; width:33.333%;} .col-8{width:12.5%; display:inline-block; float:left; padding:0px 5px;} .col-2{width:50%; display:inline-block; float:left;} @media (max-width:991px){ html, body { overflow-x: hidden; } .col-8{width:25%;} } @media (max-width:767px){ .col-5{width:100%;} } @media (max-width:500px){ .col-3{width:50%;} .col-8{width:33.333%;} } @media (max-width:335px){ .col-8{width:50%;} .tapiso_site_header{margin-top:55px;} } @media (max-width:335px){ .col-3{width:100%;} } /*Ogólne style dla formularza*/ .input_group{margin-bottom:9px; } .input_group .form-control{height:48px; padding:14px 20px;} .input_group:after{display:block; content:''; clear:both;} .input_group_btns{overflow:hidden; margin:0px 0px 40px;} .input_group_btns{padding-top:10px;} .input_group_btns a{color:#38393d; font-size:17px; font-weight:400; padding:9px 20px; background:#fff; border:1px solid #b8babf;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;display:inline-block; float:right; width:auto; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .input_group_btns a:hover{background:#b8babf ; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .input_group_half{width:50%; display:inline-block; float:left;} .input_group_half:first-child{padding-right:3px;} .input_group_half:last-child{padding-left:3px;} #tapiso_log_in{height:75vh} #tapiso_log_in .log_reg_wrapper input{color:#6f6f6f; font-size:14px; font-weight:300; -webkit-appearance: none; appearance: none;} #tapiso_log_in .log_reg_wrapper input[type=email]{background:url(../images/icons/email.jpg) no-repeat; background-position:10px 15px;} #tapiso_log_in .log_reg_wrapper input[type=password]{background:url(../images/icons/lock_grey.svg) no-repeat; background-position:10px 14px;} #tapiso_log_in input::-webkit-input-placeholder {color: #6f6f6f;} #tapiso_log_in input:-moz-placeholder { color: #6f6f6f;} #tapiso_log_in input::-moz-placeholder {color: #6f6f6f; } #tapiso_log_in input:-ms-input-placeholder { color: #6f6f6f; } #tapiso_log_in .form-control:focus{box-shadow:none;} .input.form-control{padding:11px 12px ; height:44px;} .input[type=email], .input[type=password]{padding-left:35px;} .checkbox{margin-top:14px;} .checkbox label{color:#38393d;font-weight:300; } .checkbox label a{color:#148d47;} .checkbox label a:hover{color:#0d6833;} .input_group_btns button{color:#fff; font-size:17px; font-weight:400; padding:10px 25px 10px 25px; background:#148d47; border:1px solid #148d47;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;display:inline-block; float:right; width:auto; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin-left:6px;} .input_group_btns button:hover{background:#0e7539; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .input_group_btns{margin-bottom:0px;} input[type=email]{background:none; padding-left:12px;} /*input error*/ .input_group, .input_group_btns , .input_group_half{ position:relative;} .input_group textarea.form-control{height:148px;} .input_group input.error, .input_group_btns input.error, .input_group_half input.error{border:1px solid #ec354b;} .input_group label.error, .input_group_btns label.error, .input_group_half label.error{font-size:14px; line-height:14px; color:#fff; margin:0px; font-weight:300; padding:15px 20px; display:inline-block; position:absolute; bottom:120%;background:#ec354b; left:0; z-index:999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius:4px;} .input_group label.error:after, .input_group_btns label.error:after, .input_group_half label.error:after{display:block; content:''; position:absolute; left:15px; top:100%; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #ec354b transparent transparent transparent; } /************************* Strona tekstowa ******************************/ h1{font-size:42px; font-weight:700; margin-bottom:15px;} h2{font-size:36px; font-weight:700; margin-bottom:15px;} h3{font-size:24px; font-weight:700; margin-bottom:15px;} h4{font-size:18px; font-weight:700; margin-bottom:15px;} h5{font-size:14px; font-weight:700; margin-bottom:15px;} h6{font-size:12px; font-weight:700; margin-bottom:15px;} p, ul li{font-size:16px; font-weight:400; } table{margin-bottom:20px;} table tr th, table tr td{border:1px solid #f9f9f9; padding:8px 15px; color:#333333; } table tr th{background:#f9f9f9;} /*********** Style Nadpisane ***************/ .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none; border-color:none;} /*todo*/ #todo{width:1024px; margin:15px auto;} #todo h2{font-size:24px; margin:15px 0px;} #todo table{width:100%;} #todo table tr th{background:#eee; font-weight:bold; color:#000; padding:10px 15px; text-align:left;} #todo table tr td{border-bottom:1px solid #eee; padding:10px 15px; font-size:17px; text-align:left;} #todo table tr td:nth-child(1), #todo table tr th:nth-child(1){width:50px; text-align:center;} #todo table tr td:nth-child(3), #todo table tr th:nth-child(3), #todo table tr td:nth-child(4), #todo table tr th:nth-child(4){width:150px; text-align:center;} #todo table tr td:nth-child(3), #todo table tr td:nth-child(4){font-size:24px;} #todo table tr td:nth-child(5){color:#999; width:150px; text-align:center;} #todo table tr td:nth-child(5).active{font-weight:bold; color:#73bd0a;} #todo table tr td i.fa-check{ color:#73bd0a;} #todo table tr td i.fa-remove{color:#ccc;} #todo table tr:hover td{background:#fafafa;} #todo table tr td a{display:inline-block; width:100%;} #todo table tr td.none a{color:#ccc;} #todo table tr.nowe{background:#bfb7a6;} #todo table tr.nowe:hover{opacity:0.8;} /************* Nawigacja 1 ************/ h1.logo:hover{opacity:0.8;} h1.logo{overflow:hidden; max-width:245px; display:inline-block; float:left; margin-top:9px; margin-left:2px; margin-bottom:1px;} .navbar-brand{height:auto;} .navbar-default{ border-bottom:none !important;} .navbar-top-right:after{clear:both; display:block; content:''} .navbar-top-right h3{color:#9c9b9c; font-size:21px; line-height:22px; font-weight:300; display:inline-block; width:auto ; float:right; margin-top:12px; } .navbar-top-right h3 strong{color:9c9b9c; font-weight:500;} .navbar-top-right{max-width:600px; float:right; padding-top:10px;} .navbar-top-right .navbar-nav {margin-right:2px;} .navbar-top-right .navbar-nav > li > a.tapiso_compare{padding:0px; background:url(../images/compare.svg) no-repeat; width:37px; height:22px; position:relative; margin-top:13px; margin-right:30px;} .navbar-top-right .navbar-nav > li > a.tapiso_compare span{position:absolute; bottom:-2px; right:5px; font-size:10px; line-height:14px; padding:0px 5px; background:#ec354b; color:#fff; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; } .navbar-top-right .navbar-nav > li > a.tapiso_logout{padding-left:23px; background:url(../images/lock.svg) no-repeat; background-position:left center; margin-right:23px;} .navbar-top-right .navbar-nav > li > a.tapiso_logout:hover, .navbar-top-right .navbar-nav > li > a.tapiso_account:hover, .navbar-top-right .navbar-nav a.lang:hover{color:#ec354b;} .navbar-top-right .navbar-nav > li > a{color:#3a3539; font-size:17px; font-weight:400; line-height:17px; vertical-align:middle;height:auto; display:block; } .navbar-top-right .navbar-nav a.lang{color:#3a3539; font-size:17px; font-weight:400; line-height:17px; vertical-align:middle;height:auto; display:block; padding:15px; } .navbar-top-right .navbar-nav > li > a.tapiso_account{padding-left:23px; background:url(../images/office.svg) no-repeat; background-position:left center; margin-right:4px;} .navbar-top-right .navbar-nav > li > a.lang span:first-child{ height:14px; width:20px; margin-right:5px; display:inline-block; } .navbar-top-right .navbar-nav a.lang > .en_img{background:url(../images/en.svg) no-repeat; height:14px; width:20px; margin-right:5px; display:inline-block; } .navbar-top-right .navbar-nav a.lang .pl_img{background:url(../images/pl.svg) no-repeat; height:14px; width:20px; margin-right:5px; display:inline-block; } .navbar-top-right .navbar-nav a.lang > .de_img{background:url(../images/de.svg) no-repeat; height:14px; width:20px; margin-right:5px; display:inline-block; } .navbar-top-right .navbar-nav a.lang > .fr_img{background:url(../images/fr.svg) no-repeat; height:14px; width:20px; margin-right:5px; display:inline-block; } .navbar-top-right .navbar-nav .lang .caret{background:url(../images/arrow.svg) no-repeat;width:9px; height:5px; display:inline-block; border-left:none; border-right:none; border:none;} .navbar-nav > li > .dropdown-menu{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; border:none; box-shadow:none;padding:0px; } .navbar-top-right .navbar-nav > li > .lang {padding-right:0px;} #topbar .navbar{margin-bottom:0px;} #topbar .navbar-default {background:#fff !important;} #topbar .navbar-collapse{padding:0px !important;} @media (max-width:991px){ h1.logo{max-width:160px;} h1.logo img{width:100%;} .navbar-top-right{max-width:510px;} .navbar-top-right h3{font-size:17px; margin:0px !important;} .navbar-top-right .navbar-nav > li > a{font-size:15px;} } @media (max-width:767px){ .navbar-top-right .navbar-nav .open .dropdown-menu{position:absolute !important; background:#fff;} .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 14px;} } @media(min-width: 601px) and (max-width: 767px){ .navbar-top-right .navbar-nav > li{display:inline-block;} .navbar-top-right{text-align:center; padding-top:0px;} .navbar-top-right .navbar-nav{display:inline-block; width:auto; } .navbar-top-right h3{display:none;} } @media (max-width:600px){ #topbar .collapse{display:inline-block; width:100%; margin-right:0px; margin-left:0px;} .navbar-top-right{width:100% !important; float:none; margin:0px auto;} .navbar-top-right .navbar-nav > li {width:auto !important;} .navbar-top-right .navbar-nav{float:none;} .navbar-top-right h3{display:none;} #topbar .navbar-nav{margin-left:0px;margin-bottom:0px;margin-right:0px; margin-top:-18px;} h1.logo{float:none; display:inline-block; text-align:center; margin:0px auto;} h1.logo a{max-width:160px; margin:0px auto; display:inline-block;} h1.logo:after{display:block ; content:''; clear:both;} .navbar-top-right .navbar-nav > li{display:inline-block;} .navbar-top-right{text-align:center; padding-top:0px;} .navbar-top-right .navbar-nav{display:inline-block; width:auto; margin:0px auto;} #topbar .container > div{text-align:center;} .navbar-top-right .navbar-nav > li > a{font-size:13px;} } @media (min-width:0px) and (max-width:400px){ #topbar .navbar-top-right .navbar-nav > li a{margin:0px;} #topbar .container{position:relative; padding:0px;} .navbar-top-right .navbar-nav > li > a.tapiso_logout, .navbar-top-right .navbar-nav > li > a.tapiso_account{background:none; padding-left:10px;} .navbar-top-right .navbar-nav > li > a.lang span:first-child{display:none;} .container{z-index:0 !important;} } /****************** Nawigacja 2 ******************/ #tapiso_main_menu {background:#3b3d4c; } #tapiso_main_menu .navbar-default{background:#3b3d4c;} #tapiso_main_menu .navbar-nav > li > a{text-transform:uppercase; color:#fff; font-weight:900 ; font-size:17px; } #tapiso_main_menu .navbar-nav > li > a{padding:31px 20px ;} #tapiso_main_menu .navbar-nav > li > a{} .part-right{float:right; display:inline-block; position:relative; z-index:100;} .part-left{float:left; display:inline-block;} @media (min-width:1200px){ .part-left{margin-left:-20px;} } .navbar-nav, .navbar{border:none !important;} .navbar-default{margin-bottom:0px;} #tapiso_main_menu .navbar-default .navbar-nav > .active > a, #tapiso_main_menu .navbar-default .navbar-nav > .active > a:hover, #tapiso_main_menu .navbar-default .navbar-nav > .active > a:focus{background-color:#3b3d4c; color:#ec354b;} #tapiso_main_menu .navbar-default .navbar-nav > li > a{} #tapiso_main_menu .navbar-default .navbar-nav > li > a:after{background:#ec354b; content:''; display:block; width:0px; height:5px; position:absolute; bottom:0; left:0; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_main_menu .navbar-default .navbar-nav > li > a:hover:after{width:100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_main_menu .navbar-default .navbar-nav > .active > a:after{width:100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} /**********menu koszyk***********/ .tapiso_shopping_cart{background:#232532; padding:20px 20px 20px 20px; display:inline-block; float:left; min-width:246px; cursor:pointer;} .tapiso_shopping_cart > div.shopping_cart_content{padding-left:37px; background:url(../images/shop.svg) no-repeat; background-position:left center;} .tapiso_shopping_cart h3{color:#fff; font-size:15px; font-weight:700; margin-bottom:2px; text-transform:uppercase; margin-top:4px;} .tapiso_shopping_cart h3 span{} .tapiso_shopping_cart p{color:#fff; font-size:13px; font-weight:300; margin-bottom:0px;} .tapiso_shopping_cart p span{} #tapiso_main_menu .container{position:relative;} #tapiso_main_menu .part-right .tapiso_search_toggle_wrapper{display:inline-block; float:left; cursor:pointer; height:82px; width:75px; text-align:center; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_main_menu .part-right .tapiso_search_toggle_wrapper:hover{background:#ec354b; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_main_menu .part-right .tapiso_search_toggle{height:82px; width:75px; text-align:center; display:table;} #tapiso_main_menu .part-right .tapiso_search_toggle div{display:table-cell; vertical-align:middle;} #tapiso_main_menu .navbar-collapse{padding:0px !important; position:relative;} @media (max-width:1215px){ #tapiso_main_menu .navbar-nav > li > a{font-size:15px; padding:30px 14px;} } @media (max-width:991px){ #tapiso_main_menu .tapiso_shopping_cart {min-width:auto; z-index:1;} #tapiso_main_menu .part-right .tapiso_search_toggle{background:#211e26;} #tapiso_main_menu .part-right{position:relative; z-index:1; background:#211e26;} #tapiso_main_menu .part-right:before{position:absolute; top:0; left:-100%; width:100%; height:100%; background:#211e26; content:''; display:block; z-index:0;} #tapiso_main_menu .part-right:after{position:absolute; top:0; right:-100%; width:100%; height:100%; background:#211e26; content:''; display:block; z-index:0;} #tapiso_main_menu .tapiso_shopping_cart div{margin:0px auto;} #tapiso_main_menu .part-right{width:100%; margin-top:0px;} #tapiso_main_menu .navbar-collapse{text-align:center;} #tapiso_main_menu .part-left{float:none; display:inline-block;margin:0px auto;} #tapiso_main_menu .navbar-nav > li > a{padding:22px 17px 17px 17px;} #tapiso_main_menu .navbar-default .navbar-nav > li > a::after{bottom:-5px;} #tapiso_main_menu ul.nav.navbar-nav{margin:0px;} /*koszyk*/ .tapiso_shopping_cart{padding:14px;} .tapiso_shopping_cart h3 .mobile_none, .tapiso_shopping_cart p .mobile_none{display:none;} } @media(min-width: 768px) and (max-width: 991px){ #tapiso_main_menu .part-right{float:none;} } @media (max-width:767px){ #tapiso_main_menu .part-left{width:100%;} #tapiso_main_menu .navbar-default .navbar-nav > .active > a::after, #tapiso_main_menu .navbar-default .navbar-nav > li > a::after{display:none;} #tapiso_main_menu .navbar-default .navbar-nav > .active > a, #tapiso_main_menu .navbar-nav > li > a{border-bottom:1px solid #49464e; border-top:1px solid #3c3941; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_main_menu .navbar-default .navbar-nav > .active > a:hover{color:#fff;} #tapiso_main_menu .navbar-default .navbar-nav > .active > a:hover, #tapiso_main_menu .navbar-default .navbar-nav > .active > a:focus, #tapiso_main_menu .navbar-nav > li > a:hover, #tapiso_main_menu .navbar-nav > li > a:focus{background:#2e2c33; border-bottom:1px solid #2e2c33;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .navbar-collapse.collapse.in{width:100%; margin:0px !important;} #tapiso_main_menu .container{padding:0px !important} #tapiso_main_menu .part-right .tapiso_search_toggle div img{display:none;} #tapiso_main_menu .part-right .tapiso_search_toggle div {background:url(../images/icons/search-white.svg) no-repeat center center;} } /*koszyk rozwinięcie*/ .tapiso_shopping_cart{position:relative; z-index:999;} .shopping_cart_on{width:345px; background:#fff; z-index:999; padding:30px 30px 20px 30px; -webkit-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.39); -moz-box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.39); box-shadow: 0px 0px 28px -3px rgba(0,0,0,0.39); z-index:999; cursor:auto; display:none;} @media(min-width: 992px) { .shopping_cart_on{position:absolute;right:0; top:82px;} } @media(min-width: 768px) and (max-width:991px) { .shopping_cart_on{position:absolute;left:0; top:69px;} } @media(min-width: 0px) and (max-width:767px) { .shopping_cart_on{margin-top:69px; width:100%;} } .shopping_cart_on .products_in{padding-top:21px;} .shopping_cart_on .shopping_item > div{padding-left:55px; position:relative; padding-top:5px; } .shopping_cart_on .shop_img{display:inline-block; float:left; width:40px; overflow:hidden; max-height:56px; position:absolute; top:0; left:0;} .shopping_cart_on .product_info{display:inline-block; float:left; position:relative; width:100%;} .shopping_cart_on .shopping_item{position:relative; padding-left:28px; border-bottom:1px solid #e5e5e5; margin-bottom:15px; padding-bottom:6px;} .shopping_cart_on .shopping_item .close{position:absolute; top:20px; left:4px;} .shopping_cart_on h4{color:#6d6d6e; font-size:18px; font-weight:400; line-height:18px;} .shopping_cart_on h4 span{font-weight:300; color:#000;} .shopping_cart_on h4 strong{font-weight:700; color:#000000; } .shopping_cart_on .shopping_item div h2{margin:0px;} .shopping_cart_on .shopping_item div h2 a{font-size:14px; font-weight:700; color:#222222; line-height:14px; text-transform:uppercase; margin-top:0px; margin-bottom:5px; display:block; max-width:162px;} .shopping_cart_on .shopping_item div h2 a:hover{color:#f21a36;} .shopping_cart_on .shopping_item div h3{color:#7c7c7c; font-size:12px; font-weight:100; text-transform:inherit; margin-bottom:0px;} .shopping_cart_on .shopping_item div h3 span{color:#000;} .shopping_cart_on .shopping_item div .price{color:#211e26; font-size:17px; font-weight:900; display:block; width:100%; text-align:right; padding-right:4px; } .shopping_cart_on .close_button{} .shopping_cart_on .summary{overflow:hidden; padding-top:115px; margin-bottom:25px;} .shopping_cart_on .summary > span{color:#40373c; font-size:18px; font-weight:700; float:left; padding-top:6px; display:inline-block;} .shopping_cart_on .summary div{float:right;} .shopping_cart_on .summary p{color:#40373c; font-size:24px; font-weight:700;} .shopping_cart_on .summary p span{font-size:18px;} .shopping_cart_on .shopping_btns{overflow:hidden; padding:0px 11px;} .shopping_cart_on .shopping_btns .shop_delete{text-transform:uppercase; font-size:17px; color:#666666; font-weight:700; border:2px solid #666666; padding:7px 26px; display:inline-block; float:left;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_on .shopping_btns .shop_order{text-transform:uppercase; font-size:17px; color:#fff; font-weight:700; border:2px solid #0bb316; padding:7px 26px; background:#0bb316; display:inline-block; float:right;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_on .shopping_btns .shop_delete:hover{color:#fff; background:#666666 ;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_on .shopping_btns .shop_order:hover{background:#fff; color:#0bb316;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_on .shopping_item .close{width:13px; height:13px; background:url(../images/icons/cross.svg) no-repeat; background-position:center center; display:inline-block; opacity:1;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_on .shopping_item .close:hover{background:url(../images/icons/cross_hover.svg) no-repeat; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;background-position:center center;} /*przycisk zamknięcia*/ /*.close { position: absolute; right: 13px; top: 13px; width: 13px; height: 13px; opacity: 0.3; } .close:hover { opacity: 1; } .close:before, .close:after { position: absolute; left: 0px; content: ' '; height: 17px; width: 2px; background-color: #333; } .close:before { transform: rotate(45deg); } .close:after { transform: rotate(-45deg); }*/ @media (min-width: 0px) and (max-width:767px) { .shopping_cart_on .shopping_btns .shop_delete{font-size:13px; padding:7px 20px;} .shopping_cart_on .shopping_btns .shop_order{font-size:13px; padding:7px 20px;} .shopping_cart_on .summary p{font-size:18px; } .shopping_cart_on .summary{font-size:14px; padding-top:30px;} .shopping_cart_on .shopping_item div h2 a{width:100%; display:block; font-size:13px; margin-bottom:0px;} .shopping_cart_on .shopping_item div h3{margin-top:5px;} .shopping_cart_on .shopping_item div .price{font-size:15px;} .shopping_cart_on{padding:15px 30px;} } @media (max-width:335px){ .shopping_cart_on{margin-top:117px;} .shopping_cart_on .shopping_btns{padding:0px;} } /****** Wyszukiwarka ********/ .tapiso_search{display:none; z-index:200;} .tapiso_search.search_open{display:block;} .tapiso_search{overflow:hidden; position:absolute; top:0; height:100%; background:#504e55; } .tapiso_search form{width:100%; padding:0px; margin:0px;} .tapiso_search form .form-group{height:81px;} .tapiso_search input[type=text]{font-size:17px; font-weight:300; color:#fff; padding:20px 40px; background:none; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; height:83px;} .tapiso_search button.btn-default{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; color:#ff; font-size:17px; text-transform:uppercase; font-weight:900; padding:29px 50px ; background:#0bb316; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; position:relative; z-index:999; border:none; float:right; display:inline-block;} .tapiso_search button.btn-default:before{ -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; background:#09a513; width:0px; height:100%; right:0; bottom:0; position:absolute; content:''; display:block;} .tapiso_search button.btn-default:hover:before{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; width:100%; z-index:0; opacity:0.1;} .tapiso_search button.btn-default:after{ -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; background:#09a513; width:0px; height:100%; left:0; bottom:0; position:absolute; content:''; display:block;} .tapiso_search button.btn-default:hover:after{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; width:100%; z-index:0; opacity:0.1;} /*Placeholder kolor*/ .tapiso_search input[type=text]::-webkit-input-placeholder {color: #fff;} .tapiso_search input[type=text]:-moz-placeholder { color: #fff;} .tapiso_search input[type=text]::-moz-placeholder {color: #fff; } .tapiso_search input[type=text]:-ms-input-placeholder { color: #fff; } .tapiso_search .form-control:focus{box-shadow:none;} @media (min-width: 1200px){ .tapiso_search{width:925px;} .tapiso_search input[type="text"]{width:720px;} } @media(min-width: 600px) and (max-width: 1199px){ .tapiso_search{width:693px;} .tapiso_search input[type="text"]{width:505px;} } @media (max-width: 991px){ #tapiso_main_menu .part-right .tapiso_search_toggle_wrapper{height:69px; width:69px;} #tapiso_main_menu .part-right .tapiso_search_toggle{background:#f11a36 ; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; height:69px; width:69px;} #tapiso_main_menu .part-right .tapiso_search_toggle:hover{background:#e51631; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #tapiso_main_menu .collapse.navbar-collapse{margin-top:-5px; } .tapiso_search{width:430px; z-index:800; right:0; top:0px; height:69px;} .tapiso_search button.btn-default{padding:24px 30px; font-size:15px; } .tapiso_search input[type="text"]{width:300px; height:69px; padding:15px;} .tapiso_search form .form-group{height:69px; float:left;} } @media (max-width: 767px){ .tapiso_search{width:100%; } .navbar-toggle{position:absolute; top:19px; right:12px; z-index:800; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; border:none; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin:0px !important;} .navbar-toggle:hover{background:#ec354b !important; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#ec354b ;} .navbar-default .navbar-toggle .icon-bar{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .navbar-default .navbar-toggle:hover .icon-bar{background:#fff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_search input[type="text"]{font-size:15px; width:100%; padding-right:80px;} .tapiso_search button.btn-default{top:0; right:0; z-index:10; } } @media (max-width: 335px){ #tapiso_main_menu{overflow:visible;} #tapiso_main_menu .part-right .tapiso_search_toggle_wrapper{display:none;} .tapiso_search{display:block !important; top:69px; height:55px;} #tapiso_main_menu .part-right::after, #tapiso_main_menu .part-right::before{display:none;} .tapiso_search form{overflow:hidden;} .tapiso_search input[type="text"]{font-size:15px; width:100%; height:55px; padding-right:80px;} .tapiso_search button.btn-default{top:0; right:0; z-index:10; margin-top:-74px; padding:17px 20px;} } /********************* Slider *********************/ #baner_tapiso .baner_tapiso_slider{padding-left:0px !important;} .container{z-index:100; !important} #baner_tapiso .baner_tapiso_slider img{width:100%; } #baner_tapiso .baner_tapiso_slider .container{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; padding-top:80px;} #baner_tapiso .baner_tapiso_slider .text{position:relative; display:inline-block;width:auto; margin-left:-12px;} #baner_tapiso .baner_tapiso_slider h2{color:#ec354b; text-transform:uppercase; font-size:180px; font-weight:900; width:auto; display:inline-block; min-width:700px;} #baner_tapiso .baner_tapiso_slider h3{color:#a29dad; font-size:72px; line-height:normal; font-weight:100; position:absolute; right:2px; bottom:-41px; display:inline-block;} #baner_tapiso .baner_svg{display:block; background-color:rgba(0,0,0,0.1); width:596px; position:absolute; bottom:9%; left:15px;} #baner_tapiso .baner_tapiso_slider li, #baner_tapiso .bx-wrapper, #baner_tapiso .bx-viewport{min-height:400px;} /*pager*/ .bx-wrapper{position:relative;} .bx-wrapper .bx-pager.bx-default-pager a { background: #b4b0bb none repeat scroll 0 0; border-radius: 5px; display: block; height: 10px; margin: 0 5px; outline: 0 none; text-indent: -9999px; width: 10px; } .bx-wrapper .bx-pager.bx-default-pager .active{background: #3c3941 none repeat scroll 0 0;} .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #f01a36 none repeat scroll 0 0;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;} .bx-wrapper .bx-pager { color: #666; font-family: Arial; font-size: 0.85em; font-weight: bold; padding-top: 20px; text-align: center; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 20px; position: absolute; width: 100%; z-index:990; } @media (max-width: 1700px){ #baner_tapiso .baner_tapiso_slider h2{font-size:120px; margin-top:0px; min-width:400px;} #baner_tapiso .baner_tapiso_slider h3{font-size:48px; bottom:-26px;} #baner_tapiso .baner_svg{width:450px; } #baner_tapiso .baner_tapiso_slider .container{padding-top:5%;} } @media (max-width: 1300px){ #baner_tapiso .baner_tapiso_slider h2{font-size:112px; min-width:400px;} #baner_tapiso .baner_tapiso_slider h3{font-size:45px; } #baner_tapiso .baner_svg{width:260px; } #baner_tapiso .baner_tapiso_slider li, #baner_tapiso .bx-wrapper, #baner_tapiso .bx-viewport{min-height:300px;} } @media (max-width: 1050px){ #baner_tapiso .baner_tapiso_slider h2{font-size:85px;min-width:300px;} #baner_tapiso .baner_tapiso_slider h3{font-size:33px; bottom:-32px;} #baner_tapiso .baner_svg{width:200px; } #baner_tapiso .baner_tapiso_slider .container{padding-top:5%;} } @media (max-width: 767px){ #baner_tapiso .baner_tapiso_slider h2{font-size:56px; margin-top:0px;} #baner_tapiso .baner_tapiso_slider h3{font-size:22px; bottom:-12px;} #baner_tapiso .baner_tapiso_slider li, #baner_tapiso .bx-wrapper, #baner_tapiso .bx-viewport{min-height:200px;} } @media (max-width: 500px){ #baner_tapiso .baner_tapiso_slider h2{font-size:37px;} #baner_tapiso .baner_tapiso_slider h3{font-size:15px; bottom:-12px;} #baner_tapiso .baner_tapiso_slider .text{display:none;} #baner_tapiso .baner_tapiso_slider .container{padding-top:10%;} #baner_tapiso .baner_svg{bottom:10%; background-color:rgba(212,213,216,0.9); width:60%;} #baner_tapiso .baner_tapiso_slider li > img{width:200%; margin-left:-100%; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{display:none;} #baner_tapiso .baner_tapiso_slider li, #baner_tapiso .bx-wrapper, #baner_tapiso .bx-viewport{min-height:100px;} } @media (max-width: 335px){ #baner_tapiso{padding-top:55px; overflow:hidden;} #baner_tapiso .baner_svg{width:100%; bottom:0; left:0;} #baner_tapiso .baner_tapiso_slider h3{position:inherit; position:initial; margin-top:0px; display:block; } #baner_tapiso .baner_tapiso_slider h2{margin-bottom:0px; display:block;} #baner_tapiso .baner_tapiso_slider li, #baner_tapiso .bx-wrapper, #baner_tapiso .bx-viewport{min-height:70px;} } /************************ tapiso kategorie dywanów ************************/ #tapiso_offer > .container-fluid{padding:0px; z-index:100;} #tapiso_offer img{width:100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_offer > .container-fluid > a{padding:0px !important; position:relative; overflow:hidden} #tapiso_offer h2{color:#fff; text-transform:uppercase; margin:0px; font-size:48px; font-weight:700;} #tapiso_offer h4{color:#ffb146; font-size:18px; font-weight:300; margin-top:0px; margin-bottom:0px; text-transform:uppercase;} #tapiso_offer .category_text{position:absolute; bottom:26px; left:44px; display:block; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_offer a:hover .category_text{ -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #tapiso_offer .category_text{ z-index:900 !important ;} #tapiso_offer > .container-fluid ul > li:last-child {text-align:center; background:#f1f1f1;} #tapiso_offer > .container-fluid ul > li:last-child .category_text{text-align:center; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; height:100%; display:block; opacity:1 ;} #tapiso_offer > .container-fluid ul > li:last-child:hover .category_text{opacity:0.6;} #tapiso_offer > .container-fluid ul > li:last-child .category_text > div{display:table; width:100%; height:100%;} #tapiso_offer > .container-fluid ul > li:last-child .category_text > div > div{display:table-cell; vertical-align:middle;} #tapiso_offer > .container-fluid ul > li:last-child .category_text h2, #tapiso_offer > .container-fluid > a:last-child .category_text h4{width:100%; display:block; color:#ffb146; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_offer a:hover img{-moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} /*hover*/ .da-thumbs {list-style: none;width:100%;position: relative;margin: 0px auto;padding: 0;} .da-thumbs li {position: relative;padding:0px;} .da-thumbs li a, .da-thumbs li a img {display: block;position: relative;} .da-thumbs li a {overflow: hidden;} .da-thumbs li a > div {position: absolute;background: #333;background:rgba(207,30,51,0.85);width: 100%;height: 100%; display:none;} .da-thumbs li a > div.custom-hover-object {position: absolute;width: 100%;height: 100%; } .da-thumbs li a img{z-index:1;} .da-thumbs li:hover a img{z-index:1;} .da-thumbs li:hover a > div {z-index:2;} .category_hover div{display:table; width:100%; height:100%;} .category_hover p{font-size:37px; font-weight:300; color:#fff; text-transform:uppercase; vertical-align:middle; display:table-cell; text-align:center;} .category_hover p span{padding-top:110px; background:url(../images/hover.png) no-repeat; background-position:center top; display:block;} @media (max-width: 1500px){ .category_hover p{font-size:25px;} .category_hover p span {background-size:45px 45px; padding-top:50px;} } @media (max-width: 1200px){ #tapiso_offer h2{font-size:38px;} } @media (max-width: 991px){ .category_hover p{font-size:20px;} .category_hover p span {background-size:30px 30px; padding-top:35px;} } @media (max-width: 800px){ #tapiso_offer h2{font-size:22px !important;} #tapiso_offer h4{font-size:15px !important;} #tapiso_offer > .container-fluid ul > li:last-child .category_text > div, #tapiso_offer > .container-fluid ul > li:last-child .category_text > div > div{display:block !important; text-align:center;} #tapiso_offer > .container-fluid ul > li:last-child:hover h4{color:#ec354b;} #tapiso_offer > .container-fluid ul > li:last-child:hover div{opacity:1 !important;} #tapiso_offer > .container-fluid ul > li:last-child:hover .category_text{opacity:1;} #tapiso_offer > .container-fluid ul > li:last-child:hover .category_text h2{color:#ec354b;} } @media (max-width: 500px){ #tapiso_offer > .container-fluid > a{width:100% !important;} #tapiso_offer > .container-fluid{max-width:300px; margin:0px auto;} #tapiso_offer h2, #tapiso_offer h4{display:block; width:100%; text-align:center;} #tapiso_offer .category_text{width:100%; left:0; } } @media (min-width:501px) and (max-width: 991px){ #tapiso_offer > .container-fluid > ul > li.col-xs-6.col-md-4:last-child{width:100%;} #tapiso_offer > .container-fluid > ul > li.col-xs-6.col-md-4:last-child img{display:none;} #tapiso_offer > .container-fluid > ul > li.col-xs-6.col-md-4:last-child:hover{text-decoration:none;} #tapiso_offer > .container-fluid > ul > li.col-xs-6.col-md-4:last-child:hover h2, #tapiso_offer > .container-fluid > a.col-xs-6.col-md-4:last-child:hover h4{color:#f21a36; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_offer > .container-fluid > ul > li.col-xs-6.col-md-4:last-child .category_text{position:inherit; position:initial;padding:30px 0px } } @media (max-width: 500px){ #tapiso_offer > .container-fluid > ul > li.col-xs-6.col-md-4{width:100%;} } /******************** Filtrowanie Kolorów *********************/ .tapiso_filtering {padding:25px 0px 20px 0px;} .tapiso_filtering h3{font-size:17px; color:#59585b; font-weight:400; displayt:inline-block; float:left;} .tapiso_filtering .color_filtering ul{padding-top:5px;} .color_filtering ul:after, .shape_filtering ul:after, .color_filtering:after, .shape_filtering:after{display:block; content:''; clear:both;} .tapiso_filtering .shape_filtering ul{padding-top:3px;} .tapiso_filtering .color_filtering{display:inline-block; float:left; list-style-type:none;} .tapiso_filtering .shape_filtering ul, .tapiso_filtering .color_filtering ul{margin-left:10px; display:inline-block; float:left; padding-left:0px;} .color_filtering li{display:inline-block; float:left; padding:9px;position:relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; text-indent:-999; } .color_filtering li:after{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #f31a36 transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering li:before{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0;height: 0;border-style: solid; border-width: 7px 7px 0 7px;border-color: #ffffff transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering li:hover{background:#e5e4ea; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering li:hover:after, .tapiso_filtering .color_filtering li:hover:before{display:block; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering li a{width:31px; height:31px; display:inline-block;text-indent:-999em; } .color_filtering li a.color_1{background:#fff ; border:1px solid #eeeef0;} .color_filtering li a.color_2{background:#131117 ;border:1px solid #131117;} .color_filtering li a.color_3{background:#959595 ;border:1px solid #959595;} .color_filtering li a.color_4{background:#3b9de8 ; border:1px solid #3b9de8} .color_filtering li a.color_5{background:#8f3be8 ;border:1px solid #8f3be8;} .color_filtering li a.color_6{background:#e942da ;border:1px solid #e942da;} .color_filtering li a.color_7{background:#eb2526 ;border:1px solid #eb2526;} .color_filtering li a.color_8{background:#e4810d ;border:1px solid #e4810d;} .color_filtering li a.color_9{background:#ffd300 ;border:1px solid #ffd300;} .color_filtering li a.color_10{background:#32c000 ;border:1px solid #32c000 ;} .color_filtering li a.color_11{background:#b16214 ;border:1px solid #b16214 ;} .color_filtering li a.color_12{background:#d5c4ac ;border:1px solid #d5c4ac ;} .color_filtering li a.color_13{background:url(../images/pattern.jpg) no-repeat ;border:1px solid #fff; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering li:hover a.color_13{border:1px solid #e5e4ea;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shape_filtering, .tapiso_filtering .color_filtering {display:inline-block; } .shape_filtering{ float:right; margin-left:16px;} .tapiso_filtering .color_filtering { float:left; margin-left:16px;} .shape_filtering li a{display:inline-block; text-indent:-9999em; } .shape_filtering h3{margin-right:4px;} .shape_filtering li:nth-child(2){ margin-left:23px;} .shape_filtering li:nth-child(3){margin-left:23px;} .shape_filtering li a.shape_1{background:url(../images/shape_1.png) no-repeat ; width:25px; height:35px; background-size:25px 35px;} .shape_filtering li a.shape_2{background:url(../images/shape_2.png) no-repeat ; width:26px; height:35px; background-size:26px 35px;} .shape_filtering li a.shape_3{background:url(../images/shape_3.png) no-repeat ; width:31px; height:35px; background-size:31px 35px;} .shape_filtering li{display:inline-block; float:left; padding:9px;position:relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; text-indent:-999;} .shape_filtering li:after{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #f31a36 transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shape_filtering li:before{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0;height: 0;border-style: solid; border-width: 7px 7px 0 7px;border-color: #ffffff transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shape_filtering li:hover{background:#e5e4ea; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shape_filtering li:hover:after, .color_filtering li:hover:before{display:block; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} @media (max-width:1199px){ .tapiso_filtering{padding:15px 0px;} .tapiso_filtering .shape_filtering li:nth-child(2){ margin-left:0px;} .tapiso_filtering .shape_filtering li:nth-child(3){margin-left:0px;} .tapiso_filtering h3{width:100%; margin-right:0px; padding-left:9px; margin-top:0px;} .color_filtering li a{width:26px; height:26px; } .tapiso_filtering .color_filtering{max-width:572px; } .tapiso_filtering .shape_filtering {max-width:156px; float:left; padding-left:20px;} .tapiso_filtering .shape_filtering ul, .tapiso_filtering .color_filtering ul{margin-left:0px; padding-top:0px;} } @media (max-width:991px){ .tapiso_filtering .shape_filtering {padding-left:0px;} } /********************* Tapiso produkty **************************/ .tapiso_products_header h3{color:#1c1a20; font-size:36px; font-weight:700; margin:0px; display:block; width:100%; padding:0px 33px;} .tapiso_products_header {padding:20px 0px; border-bottom:1px solid #e8e6ed; position:relative; margin-bottom:50px;} .tapiso_products_header:after{display:block; content:''; background:#ec354b; position:absolute; bottom:0; left:0; height:2px; width:100%; } .tapiso_products_header h3:after{display:block; content:''; background:#fff; position:absolute; bottom:0; left:166px; height:2px; width:4px; z-index:999; } @media (max-width:991px){ .tapiso_products_header h3{font-size:20px;} .tapiso_products_header {padding:15px 0px;} .tapiso_products_header{margin-bottom:20px;} } @media (max-width:500px){ .tapiso_products_header h3{font-size:16px;} } #tapiso_products{padding-top:38px;} #tapiso_products .tabShow{visibility:visible; height:auto; } #tapiso_products .tabHide{visibility:hidden; height:0px; overflow:hidden;} #tapiso_products .slider_tabs{list-style-type:none; padding-left:0px; overflow:hidden;} #tapiso_products .slider_tabs > li{display:inline-block; width:auto; display:inline-block; padding:1px; padding-bottom:10px; border-bottom:1px solid #e8e6ed;} #tapiso_products .slider_tabs > li a{display:block; position:relative;} #tapiso_products .slider_tabs > li:last-child{position:relative;} #tapiso_products .slider_tabs > li:last-child:before{content:''; display:block; width:900px; height:1px; background:#e8e6ed; position:absolute; bottom:-1px; left:101%;} #tapiso_products .slider_tabs > li:first-child{padding:20px 0px;} #tapiso_products .slider_tabs > li a:before{display:block; content:''; width:2px; background:#fff; height:100%; position:absolute; top:0; left:0; z-index:960; } #tapiso_products .slider_tabs{width:100%; overflow:hidden;} #tapiso_products .slider_tabs li{ margin-bottom:0px;} #tapiso_products .slider_tabs > li > a{color:#c1c0c5; font-size:20px; font-weight:300;padding:10px 17px; border-left:2px solid #fff; border-right:2px solid #fff; margin-top:31px;} #tapiso_products .slider_tabs > li > a:hover{color:#ec354b; background:#fff; border-top:none; border-bottom:none;} #tapiso_products .slider_tabs > li > a.active, #tapiso_products .slider_tabs > li > a.active:hover, #tapiso_products .slider_tabs > li > a.active:focus{font-size:20px; font-weight:300; color:#1c1a20; padding:10px 17px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; border:none; background:#fff !important ; } .product_description > div{display:none;} .product_description > .active{display:block;} .product_description h4{height:75px;} .product_description h4, .product_description h4 a{color:#1c1a20; font-size:20px; text-transform:uppercase; font-weight:700; width:100%; text-align:center; margin-top:0px; margin-bottom:0px;} .product_description h4{max-width:236px; margin:0px auto; line-height:24px; padding-bottom:9px; position:relative} .product_description h4:after{content:''; display:block; width:74px; height:1px; background:#ececec; position:absolute; left:0; right:0; bottom:0; margin-left:auto; margin-right:auto; } .product_description h4:hover a{color:#ec354b;} .product_description .price{color:#4a4751; font-size:18.77px; font-weight:900; padding:9px 0px 10px 0px;} /**slider*/ .tapiso_slider {padding-top:11px;} .tapiso_slider .bx-wrapper{width:100%; padding:28px 0px 66px 0px;} .tapiso_slider .bx-wrapper .product_slider{width:100%; overflow:hidden; } div.product_item{display:inline-block; float:left; margin-right:0px; text-align:center; border:1px solid #e8e6ed; padding-bottom:5px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; position:relative;} div.product_item .product-item-img a{height:497px;display:inline-block; width:100%; padding:12px 10px 7px 10px; position:relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} /*div.product_item .product-item-img a:hover:after{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; content:''; display:block; width:100%; height:100%; background:#000; opacity:0.2; position:absolute; top:0; left:0; }*/ div.product_item .product-item-img a{display:none; height:542px;} div.product_item .product-item-img a.active{display:block;} div.product_item .product-item-img{text-align:center;} div.product_item .product-item-img img{display:inline-block; margin:0px auto; width:100%;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} div.product_item:hover .product-item-img a img{-moz-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} /*slider item hover*/ .product_item_hover{position:absolute; left:0; bottom:0; width:100%; background:#f2eff8;} .product_item_hover .color_choice{background:#f2eff8; padding-bottom:0px;} .product_item_hover .color_choice .bx-wrapper{padding:10px 0px;} .product_item_hover .color_choice .bx-wrapper .bx-viewport{width:100% !important;} .product_item_hover .color_choice h5{color:#4c4953; font-size:15px; font-weight:700; text-transform:uppercase; position:relative; margin:0px; padding:14px; margin-bottom:2px;} .product_item_hover .color_choice h5:after{display:block; content:''; width:222px; height:1px; background:#dcd9dd; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:0; } .colors_slider a{ width:53px; height:53px; background-position:center center; display:block;} .colors_slider div{ overflow:hidden;border:2px solid #d0ced7; width:53px !important; height:53px !important; display:inline-block; float:left; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; background-position:33% 11% !important;} .colors_slider div:hover{border:2px solid #312e39;} .colors_slider {overflow:hidden ; } .product_item_hover .color_choice.colors_inactive_slider .colors_slider{padding:12px 0px;} .colors_slider{display: inline-block; width:auto;} /*produtky strzałki*/ .tapiso_slider > .bx-wrapper > .bx-controls.bx-controls bx-has-controls-direction{display:block !important;} .tapiso_slider > .bx-wrapper > .bx-controls .bx-controls-direction{margin-right:10px;float:right;width:78px !important; background:url(../images/slash.png) no-repeat; background-position:center center; overflow:hidden; display:block;} .tapiso_slider > .bx-wrapper > .bx-controls .bx-controls-direction .bx-prev, .tapiso_slider > .bx-wrapper > .bx-controls .bx-controls-direction .bx-next{width:31px; height:30px; text-indent:-999em; display:inline-block; opacity:0.25; font-size:0px;} .tapiso_slider > .bx-wrapper > .bx-controls .bx-controls-direction .bx-prev{background:url(../images/arrow_left.png) no-repeat; background-position:center left; float:left;} .tapiso_slider > .bx-wrapper > .bx-controls .bx-controls-direction .bx-next{background:url(../images/arrow_right.png) no-repeat; background-position:center right; float:right;} .tapiso_slider > .bx-wrapper > .bx-controls .bx-controls-direction .bx-prev:hover, .tapiso_slider > .bx-wrapper > .bx-controls .bx-controls-direction .bx-next:hover{opacity:1;} .tapiso_slider > .bx-wrapper > .bx-controls.bx-has-controls-direction{position:absolute; top:-60px; right:0; display:inline-block !important;} /*przyciski*/ .shop_compare{background-color:rgba(0,0,0,0.6); display:none;} .shop_compare.item0.active{display:block;} .shop_compare.item1.active{display:block;} .shop_compare.item2.active{display:block;} .shop_compare.item3.active{display:block;} .shop_compare.item4.active{display:block;} .shop_compare.item5.active{display:block;} .shop_compare.item6.active{display:block;} .shop_compare.item7.active{display:block;} .shop_compare.item8.active{display:block;} .shop_compare.item9.active{display:block;} .shop_compare.item10.active{display:block;} .shop_compare.item11.active{display:block;} .shop_compare.item12.active{display:block;} .shop_compare.item13.active{display:block;} .shop_compare.item14.active{display:block;} .shop_compare.item15.active{display:block;} .shop_compare.item16.active{display:block;} .shop_compare.item17.active{display:block;} .shop_compare.item18.active{display:block;} .shop_compare.item19.active{display:block;} .shop_compare.item20.active{display:block;} .shop_compare.item21.active{display:block;} .shop_compare.item22.active{display:block;} .shop_compare.item23.active{display:block;} .shop_compare.item24.active{display:block;} .shop_compare.item25.active{display:block;} .shop_compare.item26.active{display:block;} .shop_compare.item27.active{display:block;} .shop_compare.item28.active{display:block;} .shop_compare.item29.active{display:block;} .shop_compare.item30.active{display:block;} .shop_compare:after{content:''; display:block; clear:both;} .shop_compare .shopping_cart{color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; display:block; padding:15px 0px 15px 43px; display:inline-block; float:left ;margin-left:20px; background:url(../images/icons/cart.png) no-repeat; background-position:left center;} .shop_compare .shopping_cart:hover{opacity:0.6;} .shop_compare .compare_button{position:relative; width:135px; height:50px; display:block; float:right; display:inline-block;} .shop_compare .compare_button span.text{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; font-size:14px; font-weight:700; color:#fff; text-transform:uppercase; background:#ec354b ;display:block; position:absolute; top:-30px; right:0; width:100%; padding:5px;} .shop_compare .compare_button span.text:after{content:''; display:block; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #ec354b transparent transparent transparent; position:absolute; height:4px; width:7px; top:30px; left:0; right:0; margin-left:auto; margin-right:auto;} .shop_compare .compare_button:hover span.text:after{opacity:0.8;} .shop_compare .compare_button span.heart{display:block; width:100%; height:100%; position:absolute; top:0; left:0;background:url(../images/icons/compare.png) no-repeat; background-position:center center; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shop_compare .compare_button:hover span.heart, .shop_compare .compare_button:hover span.text{opacity:0.8; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shop_compare .compare_button{background:#080403; } .color_choice .bx-wrapper {z-index:999;} .color_choice .bx-wrapper .bx-controls-direction{display:block !important; overflow:hidden; } .color_choice > .bx-wrapper .bx-controls-direction > a{font-size:0px; z-index:999;} .color_choice > .bx-wrapper .bx-controls-direction .bx-next{float:right;width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 10px; border-color: transparent transparent transparent #dcd9dd; text-indent:-999em; position:absolute; bottom:22px; right:-25px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_choice > .bx-wrapper .bx-controls-direction .bx-next:after{content:''; display:block; width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 10px; border-color: transparent transparent transparent #f2eff8; text-indent:-999em; position:absolute; top:-13px; right:1px; z-index:1;} .color_choice > .bx-wrapper .bx-controls-direction .bx-prev{ position:absolute; bottom:22px; left:-25px; width: 0; height: 0; border-style: solid; border-width: 13.5px 10px 13.5px 0; border-color: transparent #dcd9dd transparent transparent; z-index:900; float:left; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_choice > .bx-wrapper .bx-controls-direction .bx-prev:after{content:''; display:block; width: 0; height: 0; border-style: solid; border-width: 13.5px 10px 13.5px 0; border-color: transparent #f2eff8 transparent transparent; position:absolute; top:-13px; left:1px; z-index:999;} .color_choice > .bx-wrapper .bx-controls-direction .bx-prev:hover, .color_choice > .bx-wrapper .bx-controls-direction .bx-next:hover{opacity:0.5; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } @media (max-width:1199px){ div.product_item .product-item-img a{height:434px;} } @media (max-width:991px){ div.product_item .product-item-img a{height:450;} .product_item_hover{padding-top:0px;} } @media (min-width:992px){ div.product_item .product_item_hover{ opacity:0; bottom:-40px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} div.product_item:hover .product_item_hover{ opacity:1; bottom:0px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} } @media (min-width:1200px){ .color_choice .bx-wrapper{width:290px;} } @media (max-width:1199px){ .shop_compare .shopping_cart span{display:none;} } @media (max-width:991px){ .product_slider > div.product_item{padding-bottom:0px;} #tapiso_products .slider_tabs > li > a, #tapiso_products .slider_tabs > li > a.active, #tapiso_products .slider_tabs > li > a.active:hover, #tapiso_products .slider_tabs > li > a.active:focus{font-size:17px; width:100%; text-align:center; display:inline-block;} #tapiso_products .slider_tabs > li > a{margin-top:6px;} .product_item_hover{position:inherit; margin-top:30px;} .colors_slider div{width:35px !important; height:35px !important;} div.product_item .product-item-img a{height:502px;} .product_item_hover .color_choice.colors_inactive_slider .colors_slider{padding:5px 0px;} .product_description h4{height:60px;} } @media (min-width:992px) and (max-width:1199px){ .product_item_hover .color_choice .bx-wrapper{width:174px;} } @media (min-width:0px) and (max-width:991px){ .product_item_hover .color_choice .bx-wrapper{width:113px;} .product_description h4, .product_description h4 a{font-size:16px;} .product_description .price{font-size:16px; padding:4px;} } @media (max-width:767px){ #tapiso_products .slider_tabs {border-bottom:none;} #tapiso_products .slider_tabs, #tapiso_products .slider_tabs > li{width:100%;} #tapiso_products .slider_tabs > li > a, #tapiso_products .slider_tabs > li.active > a{margin-top:0px; padding:3px;} #tapiso_products .slider_tabs > li.active > a, #tapiso_products .slider_tabs > li.active > a:hover, #tapiso_products .slider_tabs > li.active > a:focus{padding:3px;} .tapiso_products_header{border-bottom:1px solid #e8e6ed;} .tapiso_products_header::after{width:46px; } #tapiso_products .slider_tabs > li > a, #tapiso_products .slider_tabs > li.active > a, #tapiso_products .slider_tabs > li.active > a:hover, #tapiso_products .slider_tabs > li.active > a:focus{font-size:17px; width:100%; text-align:center; display:inline-block; padding:3px;} #tapiso_products .slider_tabs > li > a.active, #tapiso_products .slider_tabs > li > a.active:hover, #tapiso_products .slider_tabs > li > a.active:focus{padding:3px !important;} .tapiso_slider .bx-wrapper{padding:20px 0px 40px 0px;} .tapiso_products_header h3{padding:0px;} .shop_compare .compare_button span.text{display:none;} .shop_compare .compare_button span.heart{ background-size:20px 20px;} .shop_compare .compare_button{height:40px;} .shop_compare .compare_button{width:40%;} .shop_compare .shopping_cart{ width:57%; margin-left:0; background-size:26px 20px; padding:10px 0 10px 30px; text-align:left;} .product_item_hover{padding-top:0px;} #tapiso_products .slider_tabs > li:nth-child(2){margin-left:0px;} #tapiso_products .slider_tabs > li{border-bottom:none; padding:0px;} #tapiso_products .slider_tabs > li:last-child:before{display:none;} .tapiso_products_header{border-bottom:1px solid #e8e6ed !important; margin-bottom:5px !important;} .tapiso_slider > .bx-wrapper > .bx-controls.bx-has-controls-direction{top:-160px; } div.product_item .product-item-img a{height:445px;} } @media (max-width:650px){ div.product_item .product-item-img a{height:382px;} } @media (max-width:550px){ div.product_item .product-item-img a{height:340px;} } @media (max-width:500px){ div.product_item .product-item-img a, .product_description h4, .product_description h4 a{height:auto ;} } @media (max-width:509px){ .tapiso_slider{max-width:300px !important; margin:0px auto;} div.product_item{margin-bottom:20px;} } /*nowość i wyprzedaż -30%*/ .additional{position:absolute; overflow:hidden; top:10px; left:0; z-index:900; padding-left:20px;} .new{color:#fff; background:#5fbf0a; font-size:11px; font-weight:700; text-transform:uppercase; padding:3px 6px; margin-right:10px;display:inline-block; float:left;} .sale{color:#fff; background:#da0505; font-size:11px; font-weight:700; padding:3px 6px; display:inline-block; float:left;} /************************* Tapiso Porównaj ***************************/ .tapiso_compare_products{width:178px; display:block; position:fixed; bottom:100px; right:0; z-index:999;} .tapiso_compare_products:hover h3{background:#c3172b;} .tapiso_compare_products h3{margin-bottom:8px;font-size:18px; font-weight:900; color:#fff; text-transform:uppercase; padding:20px 10px 22px 10px; text-align:center; display:block; background:#ec354b;} .tapiso_compare_products h3 span{font-size:48px; font-weight:100; color:#fff; display:block; width:100%; line-height:48px;} .tapiso_compare_products .products_comparison{padding:0px 2px;} .tapiso_compare_products .products_comparison img{width:100%;} .tapiso_compare_products .products_comparison div{width:39px; margin-right:4px; display:inline-block; float:left;position:relative; } .tapiso_compare_products .products_comparison div span{border:3px solid #fff;position:absolute; bottom:-13px; right:0px; width:13px; height:13px; background:url(../images/icons/cross.svg) no-repeat; background-position:center center; display:inline-block; opacity:1;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_compare_products .products_comparison div span:hover{background:url(../images/icons/cross_hover.svg) no-repeat; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;background-position:center center;} @media (max-width:991px){ .tapiso_compare_products h3{font-size:14px;} .tapiso_compare_products h3 span{font-size:26px; line-height:26px;} .tapiso_compare_products .products_comparison img{width:26px;} .tapiso_compare_products{width:130px;} } @media (max-width:767px){ .tapiso_compare_products .products_comparison img{display:none;} .tapiso_compare_products{width:100%;bottom:0; padding:0px;} .tapiso_compare_products h3{padding:15px 30px;} .tapiso_compare_products h3, .tapiso_compare_products h3 span{display:inline; line-height:26px; } .tapiso_compare_products h3 span{padding-right:15px;} .tapiso_compare_products .products_comparison img:nth-child(1), .tapiso_compare_products .products_comparison img:nth-child(2), .tapiso_compare_products .products_comparison img:nth-child(3){display:none;} } /************************* Tapiso Promocje ***************************/ #tapiso_sale {padding:93px 0px 45px 0px;} #tapiso_sale .tapiso_sale_text{position:relative; width:auto; text-align:center; display:inline-block; padding:78px 0px 93px 0px; margin-left:39px;} #tapiso_sale .tapiso_sale_text:before{display:block; content:''; width:81%; height:80px; position:absolute; top:0px; left:9.5%; border-left:8px solid #ec354b; border-right:8px solid #ec354b; border-top:8px solid #ec354b; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_sale .tapiso_sale_text:after{display:block; content:''; width:81%; height:176px; position:absolute; bottom:0px; left:9.5%; border-left:8px solid #ec354b; border-right:8px solid #ec354b; border-bottom:8px solid #ec354b; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_sale .tapiso_sale_text:hover:after{border-right:8px solid #fff; border-bottom:8px solid #fff; border-left:8px solid #fff; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_sale .tapiso_sale_text:hover:before{border-right:8px solid #fff; border-top:8px solid #fff; border-left:8px solid #fff; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_sale .tapiso_sale_text h3{font-weight:300; font-style:italic; color:#c1c0c5; font-size:24px; text-align:center; width:100%; text-transform:uppercase; z-index:1; margin-bottom:0px;} #tapiso_sale .tapiso_sale_text h3 strong{font-weight:900; } #tapiso_sale .tapiso_sale_text h2 {margin-top:-2px; margin-bottom:25px;} #tapiso_sale .tapiso_sale_text h2 a{color:#fff; font-size:105.23px; text-transform:uppercase; font-weight:700; margin-bottom:0px; margin-top:0px;text-align:center; width:100%; z-index:10; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; line-height:106px;} #tapiso_sale .tapiso_sale_text h2 a:hover{color:#ec354b; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_sale .tapiso_sale_text span{position:absolute; right:42px; top:-80px; font-size:82px; color:#ec354b; font-weight:700;} #tapiso_sale .tapiso_sale_text:hover span{color:#fff;} #tapiso_sale .tapiso_sale_text a.btn.btn-default{color:#fff; border:1px solid #fff; font-size:21px; font-weight:700; background:none;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; position:relative; margin:0px auto; display:inline-block; cursor:pointer; z-index:996;padding:14px 73px 14px 43px;} #tapiso_sale .tapiso_sale_text a.btn.btn-default:hover{background:#fff; color:#595a67;} #tapiso_sale .tapiso_sale_text a.btn.btn-default:after{display:block; content:''; background:url(../images/icons/btn_arrow.svg) no-repeat; position:absolute; top:0; bottom:0; margin-top:auto; margin-bottom:auto; right:43px; width:14px; height:13px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_sale .tapiso_sale_text a.btn.btn-default:hover:after{background:url(../images/icons/btn_arrow_hover.svg) no-repeat; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} @media (min-width:1200px){ #tapiso_sale{margin-bottom:23px;} } @media (max-width:991px){ #tapiso_sale .container{text-align:center;} #tapiso_sale .tapiso_sale_text{margin:0px auto;} } @media (max-width:767px){ #tapiso_sale {background-size:1465px 414px !important; padding:60px 0px 40px 0px;} #tapiso_sale .tapiso_sale_text h2 a{font-size:72px; line-height:72px;} #tapiso_sale .tapiso_sale_text h3 {font-size:16px; line-height:16px;} #tapiso_sale .tapiso_sale_text span{font-size:55px; line-height:55px; top:-46px;} #tapiso_sale .tapiso_sale_text a.btn.btn-default{font-size:14px; padding:9px 53px 9px 33px} #tapiso_sale .tapiso_sale_text a.btn.btn-default:after, #tapiso_sale .tapiso_sale_text a:hover.btn.btn-default:after{width:11px; height:13px; background-size:11px 13px; right:33px;} #tapiso_sale .tapiso_sale_text{padding:40px 0px;} #tapiso_sale .tapiso_sale_text:after{height:103px;} #tapiso_sale .tapiso_sale_text:before{height:62px;} #tapiso_sale .tapiso_sale_text{margin-left:0px;} } @media (max-width:500px){ #tapiso_sale .tapiso_sale_text h3{font-size:12px;} #tapiso_sale .tapiso_sale_text h2 a{font-size:34px; line-height:34px;} #tapiso_sale .tapiso_sale_text span{font-size:30px; line-height:30px; top:-25px;} #tapiso_sale .tapiso_sale_text{width:85%;} } @media (max-width:335px){ #tapiso_sale .tapiso_sale_text{width:100%;} #tapiso_sale .container{padding:0px 15px;} #tapiso_sale{background-position:60% 0px !important;} #tapiso_sale .tapiso_sale_text::after{height:83px;} #tapiso_sale {background-size:1292px 365px !important;} } /*********************** Tapiso Headers*************************/ /*Header*/ .tapiso_header h3{color:#1c1a20; font-size:48px; font-weight:700; margin:0px; display:block; width:100%;} .tapiso_header {padding:20px 0px; border-bottom:1px solid #e8e6ed; position:relative; margin-bottom:50px;} .tapiso_header:after{display:block; content:''; ; background:#ec354b; position:absolute; bottom:0; left:0; height:2px; width:166px; } .tapiso_header h3:after{display:block; content:''; background:#fff; position:absolute; bottom:0; left:166px; height:2px; width:4px; z-index:999; } @media (max-width:991px){ .tapiso_header h3{font-size:22px;} .tapiso_header {padding:15px 0px;} .tapiso_header{margin-bottom:20px;} } @media (max-width:500px){ .tapiso_header h3{font-size:18px;} } /*Header*/ .tapiso_header_medium h3{color:#1c1a20; font-size:28px; font-weight:700; margin:0px; display:block; width:100%; margin-bottom:4px;} .tapiso_header_medium {padding:7px 0px 20px 0px; border-bottom:1px solid #e8e6ed; position:relative; margin-bottom:50px;} .tapiso_header_medium:after{display:block; content:''; background:#ec354b; position:absolute; bottom:0; left:0; height:2px; width:166px; } .tapiso_header_medium h3:after{display:block; content:''; background:#fff; position:absolute; bottom:0; left:166px; height:2px; width:4px; z-index:999; } @media (max-width:991px){ .tapiso_header_medium h3{font-size:22px;} .tapiso_header_medium {padding:15px 0px;} .tapiso_header_medium{margin-bottom:20px;} } @media (max-width:500px){ .tapiso_header_medium h3{font-size:18px;} } /*********************** Tapiso Advantages*************************/ #tapiso_advantages{padding-bottom:60px;} #tapiso_advantages h4{text-align:center; color:#41383f; font-size:36px; font-weight:900; margin-top:0px; margin-bottom:6px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_advantages a:hover h4{color:#ec354b; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_advantages p{text-align:center; color:#7d7d7d; font-size:18px; font-weight:300; margin-top:px; margin-bottom:15px;} #tapiso_advantages .tapiso_icon{display:inline-block; width:100%; text-align:center; } #tapiso_advantages .tapiso_icon div{width:auto; display:inline-block; overflow:visible; width:200px; text-align:center;padding-top:45px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_advantages .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow_grey_1.svg) no-repeat; background-position:75px 32px;} #tapiso_advantages .col-3:hover .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow_red_1.svg) no-repeat; background-position:65px 42px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_advantages .col-3:nth-of-type(2) .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow_grey.svg) no-repeat ;background-position:85px 25px; } #tapiso_advantages .col-3:nth-of-type(2):hover .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow.svg) no-repeat;background-position:85px 35px;} #tapiso_advantages .col-3.icon-1 img{margin-left:-57px; margin-top:-10px;} #tapiso_advantages .col-3.icon-2 img{margin-left:-13px;} #tapiso_advantages .col-3.icon-3 img{margin-left:-35px; margin-top:-10px;} #tapiso_advantages .icon-3 .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow_grey_1.svg) no-repeat; background-position:80px 42px;} #tapiso_advantages .col-3.icon-3:hover .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow_red_1.svg) no-repeat; background-position:70px 52px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_advantages .tapiso_icon div{} @media (max-width:1199px){ #tapiso_advantages h4{font-size:26px;} #tapiso_advantages p{font-size:16px;} #tapiso_advantages .tapiso_icon div{padding-top:20px;} #tapiso_advantages .tapiso_icon div{background-position:100px 22px;} #tapiso_advantages .col-3:hover .tapiso_icon div{background-position:90px 22px; } #tapiso_advantages .col-3:nth-of-type(2) .tapiso_icon div{background-position:115px 10px; } #tapiso_advantages .col-3:nth-of-type(2):hover .tapiso_icon div{background-position:115px 20px;} #tapiso_advantages .col-3.icon-1 img{margin-left:0px; margin-top:0px;} #tapiso_advantages .col-3.icon-2 img{margin-left:0px;} #tapiso_advantages .col-3.icon-3 img{margin-left:0px; margin-top:0px;} } @media (max-width:991px){ #tapiso_advantages .tapiso_icon img{width:100px;} } @media (max-width:767px){ #tapiso_advantages h4{font-size:18px;} #tapiso_advantages p{font-size:13px;} #tapiso_advantages .tapiso_icon img{width:50px;} #tapiso_advantages .tapiso_icon div {padding-top:0px;} #tapiso_advantages .tapiso_icon div, #tapiso_advantages .col-3.icon-3 .tapiso_icon div{background-size:48px 43px !important; background-position:50px 3px; width:100px;} #tapiso_advantages .col-3:hover .tapiso_icon div, #tapiso_advantages .col-3.icon-3:hover .tapiso_icon div{background-size:48px 43px; background-position:50px 3px; } #tapiso_advantages .col-3:nth-of-type(2) .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow_grey.svg) no-repeat ; background-size:37px 42px; background-position:55px 0px;} #tapiso_advantages .col-3:nth-of-type(2):hover .tapiso_icon div{background:url(../images/icons/tapiso_icons_arrow.svg) no-repeat; background-size:37px 42px; background-position:55px 0px;} #tapiso_advantages{padding-top:20px; padding-bottom:30px;} } @media (min-width:335px) and (max-width:500px){ #tapiso_advantages .col-3.icon-3{margin:0px auto; width:100%;} #tapiso_advantages .container{text-align:center;} } /********************* Tapiso Newsletter ***************************************/ #tapiso_newsletter{background:url(../images/newsletter_bg.jpg) no-repeat; padding:48px 0px; display:none;} #tapiso_newsletter .tapiso_newsletter_header{text-indent:-999em; width:261px; height:60px; background:url(../images/newsletter_img.svg) no-repeat; margin-left:20px;} #tapiso_newsletter .newsletter-info{padding-left:45px; padding-top:10px;} #tapiso_newsletter .newsletter-info h4{color:#b8bbbf; font-size:16px; font-weight:700; text-transform:uppercase; margin-top:0px; margin-bottom:5px;} #tapiso_newsletter .newsletter-info p{color:#b8bbbf; font-size:14.30px; line-height:16px; font-weight:300; margin-top:0px; margin-bottom:0px;} #tapiso_newsletter .newsletter-info p strong{color:#f9ae48; font-size:18.39px; font-weight:900;} #tapiso_newsletter .tapiso_form{padding-left:36px; padding-top:7px;} #tapiso_newsletter .tapiso_form form{overflow:hidden;} #tapiso_newsletter .tapiso_form input, #tapiso_newsletter .tapiso_form .input-group{display:inline-block; float:left;box-shadow:none;} #tapiso_newsletter .tapiso_form .input-group{width:328px;} #tapiso_newsletter .tapiso_form .input-group{margin-right:10px;} #tapiso_newsletter .tapiso_form input[type=text]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; color:#8b878a; font-weight:300; font-size:14px; background:#fff; border:1px solid #fff; padding:12px 16px; height:45px; } #tapiso_newsletter .tapiso_form input[type=submit]{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; background:#cd1e32; color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; border:1px solid #cd1e32; padding:14px 31px 12px 31px; position:relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec354b+0,bf1c2f+100 */ background: #ec354b; /* Old browsers */ background: -moz-linear-gradient(top, #ec354b 0%, #bf1c2f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ec354b 0%,#bf1c2f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ec354b 0%,#bf1c2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec354b', endColorstr='#bf1c2f',GradientType=0 ); /* IE6-9 */} #tapiso_newsletter .tapiso_form input[type=submit]:before{ -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; background:#29272d; width:0px; height:100%; right:0; bottom:0; position:absolute; content:''; display:block;} #tapiso_newsletter .tapiso_form input[type=submit]:hover{background:#c6172c;} #tapiso_newsletter .tapiso_form input[type=submit]:hover:before{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; width:100%; z-index:0; opacity:0.1;} #tapiso_newsletter .tapiso_form input[type=submit]:after{ -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; background:#29272d; width:0px; height:100%; left:0; bottom:0; position:absolute; content:''; display:block;} #tapiso_newsletter .tapiso_form input[type=submit]:hover:after{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; width:100%; z-index:0; opacity:0.1;} #tapiso_newsletter .container > .row > div{display:inline-block; float:left;} @media (max-width:1199px){ #tapiso_newsletter .newsletter-info, #tapiso_newsletter .tapiso_form{padding-left:15px;} #tapiso_newsletter .tapiso_newsletter_header{width:140px; height:32px; background-size:140px 32px; margin-top:15px;} #tapiso_newsletter .tapiso_form .input-group{width:228px;} #tapiso_newsletter .container .row{margin:0px;} #tapiso_newsletter .tapiso_newsletter_header{margin-left:0px;} } @media (max-width:991px){ #tapiso_newsletter{padding:20px 0px;} #tapiso_newsletter .newsletter-info {padding-right:20px; padding-left:0px;} #tapiso_newsletter .tapiso_form{padding-left:0px; margin-top:10px; padding-top:0px;} #tapiso_newsletter .tapiso_newsletter_header{display:none !important;} #tapiso_newsletter .newsletter-info h4{padding-left:0px; font-size:14px;} #tapiso_newsletter .tapiso_form input[type=submit]{font-size:12px; padding:14px 10px;} #tapiso_newsletter .tapiso_form input[type=text]{padding:10px 10px; font-size:13px;} } @media (max-width:767px){ #tapiso_newsletter .tapiso_form{width:100%;} #tapiso_newsletter .tapiso_form input[type=text]{width:100%;} #tapiso_newsletter .tapiso_form input[type=submit]{width:40%; margin-left:0px;} #tapiso_newsletter .tapiso_form .input-group{width:59%; padding-right:10px; margin-right:0px;} #tapiso_newsletter .tapiso_form form{overflow:hidden; width:100%;} #tapiso_newsletter .newsletter-info h4, #tapiso_newsletter .newsletter-info p{width:100%; display:inline-block; text-align:center;} #tapiso_newsletter .newsletter-info{width:100%; padding-right:0px; padding-top:0px;} } @media (max-width:500px){ #tapiso_newsletter{background:#2a282e;} #tapiso_newsletter .tapiso_form input[type=submit], #tapiso_newsletter .tapiso_form .input-group{width:100%; padding-right:0px;} #tapiso_newsletter .tapiso_form .input-group{margin-bottom:10px;} #tapiso_newsletter .tapiso_form form{max-width:300px !important; margin:0px auto;} #tapiso_newsletter .tapiso_form {text-align:center;} #tapiso_newsletter .newsletter-info{padding-top:0px;} } /******************* Blog **************************/ #blog { padding:23px 0 65px 0; } #blog .row{padding-top:10px;} #blog .item .photo { position:relative; margin-bottom:25px; max-height:226px; overflow:hidden; } #blog .item .photo img { display:block; max-width:100%; } #blog .item .photo a .date { position:absolute; top:0; left:0; width:59px; height:59px; background: rgba(9,9,11,0.4); text-align:center; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} #blog .item .photo a:hover .date { padding-top:40px; width:100%; height:100%; background: none; } #blog .item .photo a:after{content:'';width:100%; height:0px; background:#000; opacity:0.2; position:absolute; top:0; left:0; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} #blog .item .photo a:before{content:'';width:100%; height:0px; background:#000; opacity:0.2; position:absolute; bottom:0; left:0; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} #blog .item .photo a:hover:after{ -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; height:100%;} #blog .item .photo a:hover:before{ -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; height:100%;} #blog .item .photo a .date .day { display:block; margin:10px 0 5px; line-height:25px; color:#fff; font-size:25px; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #blog .item .photo a:hover .date .day { font-size:32px; line-height:32px; } #blog .item .photo a .date .rest { display:block; line-height:12px; color:#e6e6e6; font-size:12px; font-weight:700; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } #blog .item .photo a:hover .date .rest { font-size:16px; line-height:16px; } #blog .item .photo a .read-more { position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; text-transform:uppercase; font-weight:400; text-align:center; opacity:0; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; background:#fff; color:#000; padding:7px;} #blog .item .photo a:hover .read-more { position:absolute; bottom:0px; left:0; opacity:1; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} #blog .item .photo a .read-more{ -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; z-index:200;} #blog .item .photo a .read-more:hover{background:#ec354b; color:#fff; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; opacity:0.6;} #blog .item .desc h5 { margin:0; color:#242323; line-height:20px; font-size:17px; font-weight:900; text-transform:uppercase; } #blog .item .desc h5 a { color:#242323; } #blog .item .desc h5 a:hover { color:#ec354b; } #blog .item .desc .social { margin:12px 0 20px; color:#aaa; line-height:18px; font-size:13px; font-weight:500; text-transform:uppercase; } #blog .item .desc .social a { margin-right:22px; padding-left:20px; color:#aaa; } #blog .item .desc .social a:hover { color:#ec354b; } #blog .item .desc .social .comments { background: url(../images/icons/comments.png) no-repeat left 2px; } #blog .item .desc .social .likes { background: url(../images/icons/likes.png) no-repeat 0 0; } #blog .item .desc p { margin:0 0 32px; color:#666; line-height:24px; font-size:15px; } #blog .item .desc a.more { display:inline-block; color:#242323; line-height:20px; font-size:13px; font-weight:900; text-transform:uppercase; } #blog .item .desc a.more:hover { color:#ec354b; } @media only screen and (min-width: 992px) and (max-width: 1199px) { /*** Blog ***/ #blog { padding:50px 0 90px 0; } #blog .item .photo { margin-bottom:15px; } #blog .item .photo a .read-more { display:none; } #blog .item .desc h5 { line-height:15px; font-size:15px; } #blog .item .desc .social { margin:8px 0 10px; line-height:18px; font-size:12px; } #blog .item .desc .social a { margin-right:22px; padding-left:20px; } #blog .item .desc p { margin-bottom:10px; line-height:20px; font-size:14px; } #blog .item .desc a.more { line-height:20px; font-size:13px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { /*** Blog ***/ #blog { padding:40px 0 60px; } #blog .item .photo { margin-bottom:15px; } #blog .item .photo a .read-more { display:none; } #blog .item .desc h5 { line-height:14px; font-size:14px; } #blog .item .desc .social { margin:8px 0 10px; line-height:18px; font-size:11px; } #blog .item .desc .social a { margin-right:15px; padding-left:18px; } #blog .item .desc p { margin-bottom:10px; line-height:18px; font-size:13px; } #blog .item .desc a.more { line-height:18px; font-size:12px; } } @media only screen and (max-width: 767px) { /*** Blog ***/ #blog { padding:30px 0 20px; } #blog .item {padding-bottom:20px; } #blog .item .photo { margin-bottom:15px; max-height:220px; overflow:hidden; margin-left:auto; margin-right:auto; max-width:365px; } #blog .item .photo img { margin:0 auto; text-align:center; } #blog .item .photo a:hover .date { padding-top:0; width:59px; height:59px; background: rgba(9,9,11,0.4); } #blog .item .photo a:hover .date .day { font-size:25px; line-height:25px; } #blog .item .photo a:hover .date .rest { font-size:12px; line-height:12px; } #blog .item .desc { text-align:center; } #blog .item .desc h5 { line-height:15px; font-size:15px; } #blog .item .desc .social { margin:8px 0 10px; line-height:18px; font-size:11px; } #blog .item .desc .social a { margin-right:15px; padding-left:18px; } #blog .item .desc p { margin-bottom:0; line-height:18px; font-size:13px; } #blog .item .desc a.more { line-height:18px; font-size:12px; } } /******************** Tapiso Stopka **************************/ #tapiso_footer{background:#131116; color:#b8bbbf; padding:60px 0px 30px 0px;} #tapiso_footer .container {} #tapiso_footer .container > div{overflow:hidden;} #tapiso_footer h2{ text-transform:uppercase; color:#fff; font-size:18px; font-weight:700; margin-top:0px; position:relative; padding:25px 0px; display:inline-block; width:100%; margin-bottom:16px;} #tapiso_footer h2:after{content:''; display:block; height:1px; background:#fff; width:33px; position:absolute; bottom:0; left:0px;} #tapiso_footer ul {list-style-type:none; color:#b8bbbf; padding-left:0px; } #tapiso_footer ul li a{ text-decoration:none; color:#b8bbbf; font-weight:300; font-size:15px; display:inline-block; padding:6.5px 0px; line-height:17px; vertical-align:middle; width:100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_footer ul li a:hover{color:#ec354b; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_footer .col-xs-6.col-md-3:first-child p{color:#b8bbbf; font-size:15px; line-height:22px; font-weight:300; } #tapiso_footer .col-xs-6.col-md-3{ height:100%; position:relative;} #tapiso_footer .col-xs-6.col-md-3:after{content:''; display:block; position:absolute; top:0; left:0; height:200%; width:1px; background:#211f24;} #tapiso_footer .col-xs-6.col-md-3:first-child:after{display:none;} #tapiso_footer .col-xs-6.col-md-3:first-child p{margin-top:-5px; } #tapiso_footer .col-xs-6.col-md-3 div{padding: 0px 13px; display:inline-block; width:100%;} #tapiso_footer .adres{text-indent:26px; display:inline-block; width:100%; font-siz:15px; } #tapiso_footer .adres:first-of-type{background:url(../images/fly.svg) no-repeat; background-position:left center; margin-top:6px; margin-bottom:2px} #tapiso_footer .phone{font-size:26px; font-weight:700; margin-top:2px; margin-bottom:0px;} #tapiso_footer .phone span{font-size:18px; font-weight:100; color:#5c5259;} #tapiso_footer .email, #tapiso_footer .email a{font-size:18px; font-weight:400; color:#b8bbbf; text-decoration:none; } #tapiso_footer .email a:hover{color:#ec354b; } #tapiso_footer .email span{font-weight:100; color:#5c5259;} /*Social Icons*/ #tapiso_footer ul.social{margin-top:25px; overflow:hidden; margin-bottom:0px;} #tapiso_footer ul.social li, #tapiso_footer ul.social li a{height:40px; width:40px; display:inline-block; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px;} #tapiso_footer ul.social li a{display:block; text-align:center; } #tapiso_footer ul.social li{float:left; margin-right:12px; } #tapiso_footer ul.social li.facebook:hover a{background:#3b5998;} #tapiso_footer ul.social li.google:hover a{background:#d31b1b;} #tapiso_footer ul.social li.twitter:hover a{background:#5ea9dd ;} #tapiso_footer ul.social li.youtube:hover a{background:#5ea9dd ;} #tapiso_footer ul.social li a img{display:inline-block;} #tapiso_footer ul.social li.facebook a{ line-height:26px;} #tapiso_footer ul.social li.google a{ line-height:26px;} #tapiso_footer ul.social li.twitter a{ line-height:27px;} #tapiso_footer ul.social li.youtube a{ line-height:24px;} #tapiso_footer ul.social li.facebook a img{width:8px; } #tapiso_footer ul.social li.google a img{width:15px;} #tapiso_footer ul.social li.twitter a img{width:17px;} #tapiso_footer ul.social li.youtube a img{width:17px;} #tapiso_footer ul.social li.facebook a img, #tapiso_footer ul.social li.twitter a img, #tapiso_footer ul.social li.google a img, #tapiso_footer ul.social li.youtube a img{opacity:0.3;} #tapiso_footer ul.social li.facebook:hover a img, #tapiso_footer ul.social li.twitter:hover a img, #tapiso_footer ul.social li.google:hover a img, #tapiso_footer ul.social li.youtube:hover a img{opacity:1;} .tapiso_footer_bottom{position:relative; margin-top:58px;} .tapiso_footer_bottom:after{content:''; display:block; position:absolute; top:0; left:-1000px; width:30000px; height:1px; background:#211f24;} .tapiso_footer_bottom .footer_left{display:inline-block; float:left; padding-top:3px;} .tapiso_footer_bottom .footer_right{display:inline-block; float:right; padding-top:29px; } .tapiso_footer_bottom p{font-size:13px; font-weight:300; color:#7f848a; text-align:right; margin-bottom:0px;} .tapiso_footer_bottom p a{text-decoration:none; color:inherit; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_footer_bottom p a:hover{color:#ec354b; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_footer_bottom h1{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_footer_bottom h1:hover{opacity:0.8; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} @media (max-width:1199px){ #tapiso_footer .phone{font-size:20px;} } @media (max-width:991px){ #tapiso_footer .col-xs-6.col-md-3:nth-child(3):after{display:none;} #tapiso_footer{padding:30px 0px 20px 0px;} } @media (max-width:767px){ .tapiso_footer_bottom h1{width:125px; margin:15px auto; } .tapiso_footer_bottom h1 a{display:block; width:100%;} .tapiso_footer_bottom h1 img{width:100%;} #tapiso_footer h2{padding:15px 0px;} .tapiso_footer_bottom{margin-top:20px;} #tapiso_footer h2{font-size:15px;} #tapiso_footer .col-xs-6.col-md-3:first-child p{font-size:13px; line-height:18px;} #tapiso_footer .email, #tapiso_footer .email a{font-size:15px;} } @media (max-width:550px){ .tapiso_footer_bottom .footer_left{text-align:center; width:100%; display:block;} #tapiso_footer .col-xs-6.col-md-3{width:100%;} .tapiso_footer_bottom p, .tapiso_footer_bottom .footer_right{display:block; width:100%; text-align:center; padding-top:0px;} #tapiso_footer .col-xs-6.col-md-3:first-child p{width:100%; text-align:center; display:inline-block;} #tapiso_footer h2{text-align:center; font-size:15px; } #tapiso_footer h2:after{right:0; left:0; margin-right:auto; margin-left:auto;} #tapiso_footer .col-xs-6.col-md-3:nth-child(2) {text-align:center;} #tapiso_footer .col-xs-6.col-md-3:nth-child(2) div{margin:0px auto;width:100%; display:inline-block;} #tapiso_footer .adres:first-of-type{background:none;} #tapiso_footer .adres{text-indent:0px;} #tapiso_footer ul.social{width:auto; margin:5px auto; display:inline-block; text-align:center;} #tapiso_footer ul.social li:last-child{margin-right:0px; font-size:13px;} #tapiso_footer ul li a{text-align:center;} #tapiso_footer .col-xs-6.col-md-3 p{font-size:14px; } #tapiso_footer .phone{font-size:18px;} } /**************************//**********************************//**************************//**********************************//**************************//**********************************/ /*************************************Logowanie***************************************/ #tapiso_log_in{overflow:hidden; position:relative; padding:110px 0px 160px 0px;} #tapiso_log_in .log_reg_wrapper{margin:0px auto; max-width:752px; background:#fff; overflow:hidden; padding:25px 15px 30px 15px; position:relative;} #tapiso_log_in .log_reg_wrapper:after{content:''; display:block; height:373px; width:1px; background:#eeeeee; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; } #tapiso_log_in .log_reg_wrapper p{color:#3c3941; font-size:18px; font-weight:300; margin-top:-4px; margin-bottom:30px;} #tapiso_log_in .log_reg_wrapper p strong{font-weight:500;} #tapiso_log_in .log_reg_wrapper h3{color:#3c3941; font-size:27px; font-weight:700; margin:0px 0px 32px 0px;} #tapiso_log_in .log_reg_wrapper .col-2{padding:0px 15px;} #tapiso_log_in .log_reg_wrapper .login_input_group{margin-bottom:9px; } #tapiso_log_in .log_reg_wrapper .login_input_group:after{display:block; content:''; clear:both;} #tapiso_log_in .log_reg_wrapper .login_input_group_btns{overflow:hidden; margin:28px 0px 40px;} #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_log .login_input_group_btns{padding-top:22px;} #tapiso_log_in .log_reg_wrapper .login_input_group_btns a{color:#38393d; font-size:17px; font-weight:400; padding:9px 20px; background:#fff; border:1px solid #b8babf;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;display:inline-block; float:right; width:auto; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_log_in .log_reg_wrapper .login_input_group_btns a:hover{background:#b8babf ; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_log_in .log_reg_wrapper .login_input_group_half{width:50%; display:inline-block; float:left;} #tapiso_log_in .log_reg_wrapper .login_input_group_half:first-child{padding-right:3px;} #tapiso_log_in .log_reg_wrapper .login_input_group_half:last-child{padding-left:3px;} #tapiso_log_in .log_reg_wrapper input{color:#6f6f6f; font-size:14px; font-weight:300; -webkit-appearance: none; appearance: none;} #tapiso_log_in .log_reg_wrapper input[type=email]{background:url(../images/icons/email.jpg) no-repeat; background-position:10px 15px;} #tapiso_log_in .log_reg_wrapper input[type=password]{background:url(../images/icons/lock_grey.svg) no-repeat; background-position:10px 14px;} #tapiso_log_in input::-webkit-input-placeholder {color: #6f6f6f;} #tapiso_log_in input:-moz-placeholder { color: #6f6f6f;} #tapiso_log_in input::-moz-placeholder {color: #6f6f6f; } #tapiso_log_in input:-ms-input-placeholder { color: #6f6f6f; } #tapiso_log_in .form-control:focus{box-shadow:none;} #tapiso_log_in .log_reg_wrapper input.form-control{padding:11px 12px ; height:44px;} #tapiso_log_in .log_reg_wrapper input[type=email], #tapiso_log_in .log_reg_wrapper input[type=password]{padding-left:35px;} #tapiso_log_in .log_reg_wrapper .checkbox{margin-top:14px;} #tapiso_log_in .log_reg_wrapper .checkbox label{color:#38393d;font-weight:300; } #tapiso_log_in .log_reg_wrapper .checkbox label a{color:#148d47;} #tapiso_log_in .log_reg_wrapper .checkbox label a:hover{color:#0d6833;} #tapiso_log_in .log_reg_wrapper button{color:#fff; font-size:17px; font-weight:400; padding:10px 19px 10px 19px; background:#148d47; border:1px solid #148d47;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;display:inline-block; float:right; width:auto; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin-left:6px;} #tapiso_log_in .log_reg_wrapper button:hover{background:#0e7539; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_log, #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_reset{padding-right:30px;} #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_reg{padding-left:30px;} #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_reset > p{font-size:14px; line-height:16px; max-width:218px; margin-top:-1px; margin-bottom:33px;} #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_reg .login_input_group_btns{margin-bottom:0px;} #tapiso_log_in .log_reg_wrapper .col-2 > a{color:#666666; font-weight:300; padding-top:45px; padding-left:10px ; display:block;} #tapiso_log_in .log_reg_wrapper .col-2 > a:hover{color:#148d47;} #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_reg input[type=email]{background:none; padding-left:12px;} #tapiso_log_in p.hidden{display:none;} /*input error*/ #tapiso_log_in .login_input_group, #tapiso_log_in .login_input_group_btns , #tapiso_log_in .login_input_group_half{ position:relative;} #tapiso_log_in .login_input_group input.error, #tapiso_log_in .login_input_group_btns input.error, #tapiso_log_in .login_input_group_half input.error{border:1px solid #ec354b;} #tapiso_log_in .login_input_group label.error, #tapiso_log_in .login_input_group_btns label.error, #tapiso_log_in .login_input_group_half label.error{font-size:14px; line-height:14px; color:#fff; margin:0px; font-weight:300; padding:15px 20px; display:inline-block; position:absolute; bottom:120%;background:#ec354b; left:0; z-index:999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius:4px;} #tapiso_log_in .login_input_group label.error:after, #tapiso_log_in .login_input_group_btns label.error:after, #tapiso_log_in .login_input_group_half label.error:after{display:block; content:''; position:absolute; left:15px; top:100%; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #ec354b transparent transparent transparent; } @media (max-width:1199px){ #tapiso_log_in{padding:40px 0px;} } @media (max-width:991px){ #tapiso_log_in .log_reg_wrapper h3{font-size:22px;} #tapiso_log_in .log_reg_wrapper p{font-size:14px;} #tapiso_log_in .log_reg_wrapper button, #tapiso_log_in .log_reg_wrapper .login_input_group_btns a{font-size:15px; padding:9px 15px;} #tapiso_log_in .log_reg_wrapper .checkbox label{font-size:13px;} #tapiso_log_in .log_reg_wrapper .login_input_group_btns{margin:15px 0px;} #tapiso_log_in .log_reg_wrapper input[type=email], #tapiso_log_in .log_reg_wrapper input[type=password]{background:none; padding-left:12px;} } @media (max-width:767px){ #tapiso_log_in{background:none !important; padding:20px 0px;} } @media (max-width:550px){ #tapiso_log_in .log_reg_wrapper{max-width:400px;} #tapiso_log_in .log_reg_wrapper .col-2{padding:0px 15px; width:100%;} #tapiso_log_in .log_reg_wrapper:after{display:none;} #tapiso_log_in .log_reg_wrapper .col-2.tapiso_col_reg{padding-top:25px;} } @media (max-width:335px){ #tapiso_log_in {margin-top:37px;} } /*************************** tapiso szybki kontakt *****************************/ #tapiso_quick_contact {background:#131116; position:fixed; bottom:0; left:0; width:100%; z-index:999; } #tapiso_quick_contact .tapiso_social{display:inline-block; float:right; padding-top:8px;} #tapiso_quick_contact .tapiso_social .youtube{background:url(../images/youtube.svg) no-repeat; background-position:center center; margin-right:20px; background-size:19px 19px;} #tapiso_quick_contact .tapiso_social .google{background:url(../images/google.svg) no-repeat; background-position:center center; margin-right:22px; background-size:19px 18px;} #tapiso_quick_contact .tapiso_social .facebook{background:url(../images/facebook.svg) no-repeat; background-position:center center; margin-right:12px; background-size:9px 20px;} #tapiso_quick_contact .tapiso_social .twitter{background:url(../images/twitter.svg) no-repeat; background-position:center center; margin-right:20px; background-size:20px 16px;} #tapiso_quick_contact .tapiso_social a{display:inline-block; float:left; width:23px; height:23px; text-indent:-999em; opacity:0.45; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_quick_contact .tapiso_social a:hover{opacity:1; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_quick_contact .up_down_button .container > div:first-child{overflow:hidden; cursor:pointer; display:inline-block; float:left; width:auto; padding-top:10px;} #tapiso_quick_contact .up_down_button:hover p{color:#ec354b;} #tapiso_quick_contact .up_down_button p{color:#cccccc; text-transform:uppercase; font-size:14px; font-weight:300; display:inline-block; float:left; } #tapiso_quick_contact .up_down_button span{margin-top:8px; margin-left:15px;display:inline-block; float:left; position:relative;width: 0; height: 0; border-style: solid; border-width: 6px 5.5px 0 5.5px; border-color: #cccccc transparent transparent transparent; } #tapiso_quick_contact .up_down_button:hover span{border-color: #ec354b transparent transparent transparent;} #tapiso_quick_contact .up_down_button:hover span.flipped{border-color: transparent transparent #ec354b transparent;} #tapiso_quick_contact .up_down_button span:after{display:block; content:''; position:absolute; top:-7px; left:-5px;width: 0; height: 0; border-style: solid; border-width: 6px 5.5px 0 5.5px; border-color: #131116 transparent transparent transparent; } #tapiso_quick_contact .up_down_button span.flipped{width: 0; height: 0; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #cccccc transparent;} #tapiso_quick_contact .up_down_button span.flipped:after{display:block; content:''; position:absolute; top:1px; left:-5px; width: 0; height: 0; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #131116 transparent; } .tapiso_contact_show{overflow:hidden; padding-top:10px; display:none; background:#131116; position:fixed; bottom:40px; left:0; width:100%;} .tapiso_contact_show .container div{padding-left:100px; position:relative; padding-top:40px; padding-bottom:40px; display:inline-block; float:left;} .tapiso_contact_show p, .tapiso_contact_show p a{color:#ffffff; font-weight:300; font-style:italic; font-size:24px; line-height:24px; margin:0px;} .tapiso_contact_show p a:hover{color:#ec354b;} .tapiso_contact_show span{width:68px; height:68px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; display:block; border:1px solid #7f7e81; position:absolute; top:0; left:2px; bottom:0; margin-top:auto; margin-bottom:auto;} .tapiso_contact_show .address span{background:url(../images/icons/pin.svg) no-repeat; background-position:center center;} .tapiso_contact_show .phone span{background:url(../images/icons/phone.svg) no-repeat; background-position:center center;} .tapiso_contact_show .email span{background:url(../images/icons/email_grey.png) no-repeat; background-position:center center;} .tapiso_contact_show .email p, .tapiso_contact_show .phone p{padding-top:11px; padding-bottom:15px;} .tapiso_contact_show .phone:after{display:block; content:''; width:46px; height:75px; background:url(../images/icons/rotate.png) no-repeat; position:absolute; right:27px ;top:0; bottom:0; margin-top:auto; margin-bottom:auto;} .tapiso_contact_show .address:after{display:block; content:''; width:46px; height:75px; background:url(../images/icons/rotate.png) no-repeat; position:absolute; right:37px; top:0;bottom:0; margin-top:auto; margin-bottom:auto;} .tapiso_contact_show .address span{left:15px;} .tapiso_contact_show .address{padding-left:105px; padding-right:230px;} .tapiso_contact_show .phone {padding-right:115px;} @media (max-width:1199px){ .tapiso_contact_show .phone{padding-right:90px;} .tapiso_contact_show .address{padding-right:90px;} .tapiso_contact_show .address span{left:0px;} .tapiso_contact_show .container div, .tapiso_contact_show .address{padding-left:90px;} .tapiso_contact_show .phone::after, .tapiso_contact_show .address::after{right:0px; } .tapiso_contact_show p, .tapiso_contact_show p a{font-size:20px;} .tapiso_contact_show span{height:55px; width:55px;} } @media (max-width:991px){ .tapiso_contact_show span{display:none;} .tapiso_contact_show .container div, .tapiso_contact_show .address{padding:30px 15px; width:33.333%;} } @media (max-width:767px){ .tapiso_contact_show p, .tapiso_contact_show p a{font-size:17px; line-height:17px;} } @media (max-width:600px){ .tapiso_contact_show p, .tapiso_contact_show p a{font-size:14px; line-height:14px;} .tapiso_contact_show .phone::after, .tapiso_contact_show .address::after{background:#828183; height:30px; width:1px; opacity:0.3; right:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto;} .tapiso_contact_show .container div, .tapiso_contact_show .address{padding:13px 15px;} .tapiso_contact_show .email p, .tapiso_contact_show .phone p{padding-bottom:6px; padding-top:6px;} } @media (max-width:450px){ #tapiso_quick_contact {display:none;} } /************************* Tapiso Newsletter ************************************************/ .form-control:focus{box-shadow:none; } #tapiso_newsletter_popup{position:fixed; z-index:999; width:100%; height:100%; left:0; top:0; background-color:rgba(0,0,0,0.4);} #tapiso_newsletter_popup > div{max-width:801px; top:0px; left:0; right:0; bottom:0; margin:auto; position:absolute; background:#fff ; height:463px; } #tapiso_newsletter_popup h3{color:#999999; text-transform:uppercase; font-size:37px; line-height:40px; font-weight:900; margin:0px 0px 34px 0px; text-align:center; width:100%; letter-spacing:-0.5px; word-spacing:-1.5px;} #tapiso_newsletter_popup p{font-size:18px; color:#000; line-height:22px; margin:0px 0px 32px 0px; text-align:center ; font-weight:300;} #tapiso_newsletter_popup .input_group{margin:0px auto; padding:0px 20px;} #tapiso_newsletter_popup .input_group_btns{text-align:center;} #tapiso_newsletter_popup .input_group_btns button{display:inline-block; width:auto; magin:0px auto;background:#ec354b; color:#fff; text-transform:uppercase; font-weight:400; font-size:17px; border:1px solid #ec354b; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; padding:7px 32px 7px 32px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_newsletter_popup .input_group_btns button:hover{background:#b90202; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_newsletter_popup input.form-control{border-radius: 0px; -webkit-border-radius: 0px; padding:7px 14px; -moz-border-radius:0px; border:2px solid #d6d9e0; height:45px; margin-bottom:25px;} #tapiso_newsletter_popup input.form-control:focus{border:2px solid #66afe9;} #tapiso_newsletter_popup .left_img{display:inline-block; float:left; width:321px; overflow:hidden;} #tapiso_newsletter_popup .newsletter_text{display:inline-block; float:left; width:480px; padding:66px 21px 10px 21px; position:relative;} .newsletter_close{background:#ec354b; width:32px; height:32px; text-align:center; position:absolute; top:-10px; right:-20px; padding-top:4px; cursor:pointer;} .newsletter_close:hover{background:#b90202} @media (max-width:1199px){ #tapiso_newsletter_popup h3{font-size:30px; line-height:30px; margin-bottom:15px;} #tapiso_newsletter_popup p{font-size:16px; line-height:20px; margin-bottom:15px;} #tapiso_newsletter_popup .input_group_btns button{font-size:15px;} #tapiso_newsletter_popup input.form-control{height:40px; padding:5px 14px;} } @media (max-width:991px){ #tapiso_newsletter_popup h3{font-size:24px; line-height:24px; margin-bottom:15px;} #tapiso_newsletter_popup p{font-size:16px; line-height:20px; margin-bottom:15px;} #tapiso_newsletter_popup .input_group_btns button{font-size:15px;} #tapiso_newsletter_popup input.form-control{height:40px;} #tapiso_newsletter_popup > div{max-width:700px; height:302px; } #tapiso_newsletter_popup .left_img{width:30%; height:100%;} #tapiso_newsletter_popup .left_img img{width:210%; } #tapiso_newsletter_popup .newsletter_text{width:70%; padding:30px 15px;} } @media (max-width:767px){ #tapiso_newsletter_popup h3{font-size:20px; line-height:20px; margin-bottom:15px;} #tapiso_newsletter_popup p{font-size:14px; line-height:19px; margin-bottom:15px; display:none;} #tapiso_newsletter_popup .input_group_btns button{font-size:15px;} #tapiso_newsletter_popup > div{max-width:80%; height:auto; position:inherit; position:initial; margin-top:50px;} #tapiso_newsletter_popup .left_img{width:100%; height:100px; float:none;} #tapiso_newsletter_popup .left_img img{width:100%; margin-top:-42%;} #tapiso_newsletter_popup .newsletter_text{width:100%; padding:30px 15px; float:none;} .newsletter_close{top:-119px;} #tapiso_newsletter_popup input.form-control{margin-bottom:10px;} } @media (max-width:500px){ #tapiso_newsletter_popup .left_img img{margin-top:-10%;} #tapiso_newsletter_popup h3{font-size:16px; line-height:16px;} } /************************* Lista Produktów *********************************************/ /**/ #tapiso_products_list{overflow:hidden;} #tapiso_products_list .col-md-3{padding-top:10px;} /*Tapiso podstrona header*/ .tapiso_site_header{background:#f7f6f6; padding-bottom:8px; padding-top:5px; margin-bottom:20px;} .tapiso_site_header:after{width:1000px; height:100%; position:absolute; top:0; left:100%; background:#f7f6f6; content:''; display:block;} .tapiso_site_header:before{width:1000px; height:100%; position:absolute; top:0; right:100%; background:#f7f6f6; content:''; display:block;} /***/ .tapiso_site_header .breadcrumb{ margin-bottom:5px;} .tapiso_site_header .breadcrumb li{color:#000; font-size:14px; font-weight:400;} .tapiso_site_header .breadcrumb li a{color:#666666; font-size:inherit; font-weight:inherit;} .tapiso_site_header .breadcrumb li a:hover{color:#ec354b;} .tapiso_site_header .breadcrumb li.active{font-weight:500;} /*Tapiso podstrona header główne linki*/ .tapiso_site_header .col-8 img{width:100%;} .tapiso_site_header .tapiso_small_categories{overflow:hidden; padding:0px 10px;} .tapiso_site_header .tapiso_small_categories h2{text-transform:uppercase; color:#3c3941; font-size:14px; font-weight:400; margin:8px 0px;} .tapiso_site_header .tapiso_small_categories a:hover h2{color:#ec354b;} .tapiso_site_header .tapiso_small_categories a{text-align:center;} .tapiso_site_header .tapiso_small_categories .foto_container{position:relative; overflow:hidden;} .tapiso_site_header .tapiso_small_categories .foto_container .tapiso_small_hover{position:absolute; top:100%; left:0; width:100%; height:100%;background-color:rgba(51,51,51,0.6); -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } .tapiso_site_header .tapiso_small_categories .foto_container .tapiso_small_hover span{background:url(../images/icons/eye.png) no-repeat; padding-top:47px; background-position:center top; font-size:12px; text-transform:uppercase; font-weight:400; color:#fff; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:inline-block; height:63px;} .tapiso_site_header .tapiso_small_categories a:hover .foto_container .tapiso_small_hover, .tapiso_site_header .tapiso_small_categories a.active .foto_container .tapiso_small_hover{top:0; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_site_header .tapiso_small_categories a.active .foto_container .tapiso_small_hover span{text-indent:-999em; height:47px; padding-top:39px;} .tapiso_site_header .tapiso_small_categories a:hover .foto_container .tapiso_small_hover span{} /*slider kategorie produktw*/ .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{background: rgba(0, 0, 0, 0) url("../images/arrow_left.png") no-repeat center center; position:absolute; top:0; bottom:20px; left:-50px; margin:auto;} .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-next{background: rgba(0, 0, 0, 0) url("../images/arrow_right.png") no-repeat center center; position:absolute; top:0; bottom:20px; right:-50px; margin:auto; } .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-next{display: inline-block; height: 30px; opacity: 0.25; text-indent: -999em; width: 31px; } /*Lista produktów nawigacja*/ #products{} #products .well{overflow:hidden;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; background:#fff; border:1px solid #fff; border-bottom:1px solid #eeeeee; border-top:none; padding-left:0px; padding-bottom:15px; box-shadow:none; margin-bottom:20px;} #products .well select{color:#070707; font-size:13px; font-weight:300; border:1px solid #eeeeee; padding:6px 5px; width:168px; appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */ background:none;} #products .well .sort-by select{background:url(../images/select_arrow.jpg) no-repeat; background-position:148px 13px; } #products .well .sort-by select:hover{background:url(../images/select_arrow_hover.jpg) no-repeat; background-position:148px 13px;} #products .well .amount select{background:url(../images/select_arrow.jpg) no-repeat; background-position:34px 13px; margin-left:9px; padding-left:8px;} #products .well .amount select:hover{background:url(../images/select_arrow_hover.jpg) no-repeat; background-position:34px 13px;} #products .well .navbar-form{margin:0px;} #products .well .navbar-form.amount select{width:53px;} #products .well .sort-by {margin-left:10px;} #products .list_btns_right{display:inline-block; float:right;} #products .btn-group{float:left} #products .btn-group > .btn{width:33px; height:33px;} #products .btn-group > .btn .glyphicon{top:4px;} #products .btn-group > .btn:last-child:not(:first-child), #products .btn-group > .dropdown-toggle:not(:first-child){background:#none; border:none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;} #products .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){background:#none; border:none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;} #products .btn-group > .btn.btn-default.btn-sm{background:#000;} #products .btn-group > .btn.btn-default.btn-sm.active{background:#ec354b;} #products .pagination{display:inline-block; float:left; margin:0px;} #products .pagination > li, #products .pagination > li > a, #products .pagination > li > span{background:none; border:none;} #products .pagination > li > a{font-size:13px; color:#070707; } #products .pagination > li > a:hover, #products .pagination > li > a.active{color:#ec354b;} #products .pagination > li > a{padding:6px 7px;} #products .pagination > li > a span:first-child{font-size:9px; color:#676767;} #products .pagination > li > a:hover span:first-child{color:#da0505;} #products .pagination{margin-right:20px;} /*kategorie tapiso bez slidera*/ .slider-toggle{text-align:center;} .tapiso_site_header .tapiso_small_categories.not_tapiso_small_categories{width:auto; display:inline-block; margin:0px auto;} .tapiso_site_header .tapiso_small_categories.not_tapiso_small_categories .col-8{width:146px;} @media (max-width:1199px){ .tapiso_site_header .tapiso_small_categories.not_tapiso_small_categories .col-8{width:120px;} } @media (max-width:991px){ .tapiso_site_header .tapiso_small_categories.not_tapiso_small_categories .col-8{width:110px;} .tapiso_site_header .tapiso_small_categories h2{font-size:11px !important;} } @media (max-width:767px){ #products .well .sort-by{margin-left:0px; display:inline-block; padding:0px 15px;} #products .pagination{margin:0px; padding:0px;} .navbar-form{display:inline-block;} #products .well .navbar-form.amount{padding:0px;} .tapiso_site_header .tapiso_small_categories.not_tapiso_small_categories .col-8{width:90px;} .tapiso_site_header::before, .tapiso_site_header::after{display:none;} } @media (min-width:300px) and (max-width:500px){ #products .well{position:relative;} #products .well .navbar-form.amount{padding:0px; position:absolute; top:9px; right:0;} #products .pagination{margin:0px auto;} } @media (max-width:500px){ #products .list_btns_right{width:100%; } #products .pagination{margin:0px; padding:15px;} #products .well select{width:115px; } #products .well .sort-by select{background:rgba(0, 0, 0, 0) url("../images/select_arrow.jpg") no-repeat scroll 97px 13px} #products .well .sort-by select:focus, #products .well .sort-by select:hover{background:rgba(0, 0, 0, 0) url("../images/select_arrow_hover.jpg") no-repeat scroll 97px 13px} .tapiso_site_header .tapiso_small_categories.not_tapiso_small_categories .col-8{width:33.333%;} .slider-toggle.nopadding{padding:0px 0px;} } @media (max-width:299px){ #products .well .navbar-form.amount{padding:15px 0px 0px 15px; display:inline-block; float:left; margin-left:0px;} #products .pagination{padding:15px 0px 0px 0px;} #products .well .sort-by{padding:0px 0px 0px 15px;} .tapiso_site_header .tapiso_small_categories.not_tapiso_small_categories .col-8{width:50%;} } /*header*/ .tapiso_header_small h3{color:#1c1a20; font-size:18px; font-weight:700; margin:0px; display:block; width:100%; text-transform:uppercase;} .tapiso_header_small {padding:15px 0px; border-bottom:1px solid #e8e6ed; position:relative; margin-bottom:7px;} .tapiso_header_small:after{display:block; content:''; background:#ec354b; position:absolute; bottom:0; left:0; height:2px; width:69px; } /*przycisk zwiń rozwiń*/ .up_down_carpets{display:inline-block; float:right; margin-top:-33px; cursor:pointer; margin-right:15px;} .up_down_carpets:hover p{color:#ec354b;} .up_down_carpets p{color:#cccccc; text-transform:uppercase; font-size:14px; font-weight:300; display:inline-block; float:left; } .up_down_carpets span{margin-top:8px; margin-left:15px;display:inline-block; float:left; position:relative;width: 0; height: 0; border-style: solid; border-width: 6px 5.5px 0 5.5px; border-color: #cccccc transparent transparent transparent; } .up_down_carpets:hover span{border-color: #ec354b transparent transparent transparent;} .up_down_carpets:hover span.flipped{border-color: transparent transparent #ec354b transparent;} .up_down_carpets span:after{display:block; content:''; position:absolute; top:-7px; left:-5px;width: 0; height: 0; border-style: solid; border-width: 6px 5.5px 0 5.5px; border-color: #f7f6f6 transparent transparent transparent; } .up_down_carpets span.flipped{width: 0; height: 0; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #cccccc transparent;} .up_down_carpets span.flipped:after{display:block; content:''; position:absolute; top:1px; left:-5px; width: 0; height: 0; border-style: solid; border-width: 0 5.5px 6px 5.5px; border-color: transparent transparent #f7f6f6 transparent; } .up_down_carpets p.hidden{display:none;} /*********************************produkty pojedyncze****************************************************************/ #products .product_item.grid-group-item{width:33.333%; display:inline-block; float:left; border:none; padding:0px 15px; margin-bottom:11px;} #products div.product_item.grid-group-item .product_item_hover{padding:0px 0px; /*display:block !important; bottom:0 !important; opacity:1 !important;*/} #products div.product_item.grid-group-item .product-item-img a{padding:10px 8px 7px; height:382px;} #products div.product_item.grid-group-item .shop_compare { background-color: rgba(0, 0, 0, 1);} #products div.product_item.grid-group-item .shop_compare .compare_button span.text{font-size:10.24px; top:-24px;} #products div.product_item.grid-group-item .shop_compare .compare_button span.text::after{top:25px;} #products div.product_item.grid-group-item .shop_compare .compare_button {width:100px; height:36px;} #products div.product_item.grid-group-item .shop_compare .compare_button .heart{background-size:23px 23px;} #products div.product_item.grid-group-item .shop_compare .shopping_cart{font-size:10.24px;} #products div.product_item.grid-group-item .shop_compare .shopping_cart{background-size:23px 18px; margin-left:16px;padding:10px 0 10px 28px} #products div.product_item.grid-group-item .product_item_hover .color_choice h5{font-size:10.97px; padding:11px;} #products div.product_item.grid-group-item .colors_slider div{width:24px !important; height:24px !important; margin-right:5px !important;} #products div.product_item.grid-group-item .colors_slider div a{width:24px !important; height:24px !important;} #products div.product_item.grid-group-item .product_item_hover .color_choice .bx-wrapper{width:227px;} #products div.product_item.grid-group-item .color_choice > .bx-wrapper .bx-controls-direction .bx-prev, #products div.product_item.grid-group-item .color_choice > .bx-wrapper .bx-controls-direction .bx-next{bottom:4px;} #products div.product_item.grid-group-item .color_choice > .bx-wrapper .bx-controls-direction .bx-prev{left:-18px;} #products div.product_item.grid-group-item .color_choice > .bx-wrapper .bx-controls-direction .bx-next{right:-18px;} #products div.product_item.grid-group-item .product_item_hover .color_choice .bx-wrapper{padding:5px 0px;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{font-size:14.63px; line-height:16px;} #products div.product_item.grid-group-item .product_description h4{max-width:172px;} #products div.product_item.grid-group-item .product_description .price{font-size:21px; padding-top:0px;} #products div.product_item.grid-group-item .product_description .price span{font-size:14px; font-weight:400;} #products div.product_item.grid-group-item .tapiso_table{display:none;} #products div.product_item.grid-group-item .color_choice.colors_inactive_slider{display:inline-block;} #products div.product_item.grid-group-item .color_choice.colors_inactive_slider .colors_slider{padding:3px 0px; width:auto; display:inline-block;} /*wykladzina*/ #products div.product_item.grid-group-item.flooring .product-item-img a{height:260px; margin-bottom:15px;} #products div.product_item.grid-group-item.flooring .product-item-img a img{max-width:260px; margin-top:-20px;} #products div.product_item.grid-group-item .product_description h4{height:50px;} @media (max-width:1199px){ #products div.product_item.grid-group-item .product_item_hover{overflow:hidden;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{font-size:14px; } #products div.product_item.grid-group-item .product_description .price{font-size:16px !important;} #products div.product_item.grid-group-item .shop_compare .compare_button span.text{display:none;} #products div.product_item.grid-group-item .product-item-img a{height:304px;} #products div.product_item.grid-group-item .product_item_hover .color_choice .bx-wrapper{width:173px;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{height:39px;} #products div.product_item.grid-group-item .product_description .price{height:23px;} #products div.product_item.grid-group-item.flooring .product-item-img a{height:180px; margin-bottom:15px;} #products div.product_item.grid-group-item.flooring .product-item-img a img{max-width:260px; margin-top:-20px;} } @media (max-width:991px){ #products div.product_item.grid-group-item .product_item_hover{position:inherit; position:initial;} #products div.product_item.grid-group-item .shop_compare .compare_button{width:50px;} #products div.product_item.grid-group-item .shop_compare .compare_button span.text{display:none;} #products div.product_item.grid-group-item .product_item_hover{padding:0px;} #products div.product_item.grid-group-item .color_choice.colors_inactive_slider .colors_slider{padding:0px 0px;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{margin-top:3px;} #products div.product_item.grid-group-item .product_item_hover .color_choice .bx-wrapper{width:115px;} #products div.product_item.grid-group-item.flooring .product-item-img a{padding:0px; height:210px;} } @media (max-width:767px){ #products div.product_item.grid-group-item.flooring .product-item-img a{padding:0px; height:26vw !important;} } @media (max-width:700px){ #products div.product_item.grid-group-item .product-item-img a{height:276px;} } @media (max-width:600px){ #products div.product_item.grid-group-item .shop_compare .compare_button{width:50px;} #products div.product_item.grid-group-item .product-item-img a{height:316px;} } @media (max-width:590px){ #products div.product_item.grid-group-item .product-item-img a{height:240px;} #products .product_item.grid-group-item{padding:0px 3px;} #products div.product_item.grid-group-item .shop_compare .shopping_cart{width:100%;} #products div.product_item.grid-group-item .shop_compare .compare_button{margin-bottom:-33px;} #products div.product_item.grid-group-item.flooring .product-item-img a{padding:0px; height:30vw !important;} } @media (max-width:520px){ #products div.product_item.grid-group-item .product-item-img a{height:212px;} #products div.product_item.grid-group-item .product_description .price{font-size:13px !important; height:23px;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{height:52px;} #products .product_item.grid-group-item{height;auto;} } @media (max-width:480px){ #products div.product_item.grid-group-item .product-item-img a{height:212px;} } @media (max-width:440px){ #products div.product_item.grid-group-item .product-item-img a{height:175px;} } @media (max-width:420px){ #products div.product_item.grid-group-item .shop_compare .shopping_cart{padding:10px 0 10px 0px !important; background:none !important;} #products div.product_item.grid-group-item .shop_compare .compare_button{width:32px;} #products div.product_item.grid-group-item .product-item-img a{height:167px;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{height:60px;} } @media (max-width:400px){ #products div.product_item.grid-group-item .product-item-img a{height:159px;} #products div.product_item.grid-group-item .color_choice{display:none !important;} } @media (max-width:360px){ #products div.product_item.grid-group-item .product-item-img a{height:211px;} #products div.product_item.grid-group-item .product_item_hover .color_choice{display:none;} .up_down_carpets{margin:-6px 0px 0px 16px; float:left; width:100%;} .tapiso_site_header{overflow:hidden;} } @media (max-width:360px){ #products .product_item.grid-group-item{width:50%;} #products div.product_item.grid-group-item .product_item_hover .color_choice {display:none;} #products .product_item.grid-group-item{height:auto;} #products div.product_item.grid-group-item.flooring .product-item-img a{padding:0px; height:45vw !important;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{height:40px;} } @media (max-width:320px){ #products .product_item.grid-group-item{width:80%; margin:0px 10% 15px 10%;} #products div.product_item.grid-group-item .product-item-img a, #products .product_item.grid-group-item{height:auto;} #products div.product_item.grid-group-item.flooring .product-item-img a{padding:0px; height:75vw !important;} } @media (max-width:300px){ #products .product_item.grid-group-item{width:100%; margin:0px 0px 15px 0px; padding:0px;} } /*lista produktów */ #products{padding-left:15px;} #products .product_item.grid-group-item.list-group-item{width:100%; border-bottom:1px solid #eeeeee; padding-bottom:15px; margin-bottom:8px; padding-right:0px; padding-left:0px; height:auto !important;} #products .product_item.grid-group-item.list-group-item .product-item-img a{width:245px; float:left; margin-left:-10px; height:auto !important;} #products .product_item.grid-group-item.list-group-item .info_wrapper{width:305px; display:inline-block; float:left; padding-left:12px; padding-top:12px;} #products .product_item.grid-group-item.list-group-item .product_description{width:100%; padding-top:30px;} #products .product_item.grid-group-item.list-group-item .product_description h4{max-width:100%; text-align:left;display:block; margin-bottom:5px;} #products .product_item.grid-group-item.list-group-item .product_description h4 a:hover{color:#ec354b;} #products .product_item.grid-group-item.list-group-item .product_description h4::after{display:none;} #products .product_item.grid-group-item.list-group-item .product_description .price{width:100%; text-align:left; font-size:14px; margin-bottom:18px;} #products .product_item.grid-group-item.list-group-item .product_item_hover{width:100%; display:inline-block; left:225px;opacity:1; position:inherit; padding:0px; padding-top:24px; } #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button {margin-left: 15px;background:#dedede; float:right; padding:7px 7px 7px 16px; width:auto; height:auto;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button:hover{background:#000;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button:hover span.text{color:#fff; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button span.text{position:inherit; position:initial; float:right; width:auto !important; background:none; color:#525252; font-size:14px; font-weight:700; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button span.text::after{display:none;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button span.heart{position:inherit; position:initial; float:left; width:19px; height:19px;background-size:19px 18px; display:inline-block; margin-top:6px; margin-right:2px;} #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart{float:left; position:relative; opacity:1; z-index:2;background:#ec354b; font-size:14px; font-weight:700; padding-top:12px; padding-bottom:12px; padding-right:13px;padding-left:45px; margin-left:0px !important;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; background:#ec354b !important; padding:12px 13px 12px 45px !important;} #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart:hover{background:#000; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart:after{content:''; display:block; width:23px; height:100%; position:absolute; top:0; left:16px; background:rgba(0, 0, 0, 0) url("../images/icons/cart.png") no-repeat scroll center center; background-size:20px 18px; } #products .product_item.grid-group-item.list-group-item .shop_compare{background-color:rgba(0, 0, 0, 0); margin-bottom:24px; } #products .product_item.grid-group-item.list-group-item .product_item_hover .color_choice{background:#fff;} #products .product_item.grid-group-item.list-group-item .product_item_hover .color_choice h5{text-align:left; color:#7d7a7a; font-size:10px; font-weight:400; padding:5px 0px;} #products .product_item.grid-group-item.list-group-item .product_item_hover .color_choice h5::after{display:none;} #products .product_item.grid-group-item.list-group-item .product_description h4, #products .product_item.grid-group-item.list-group-item .product_description h4 a{font-size:18px; color:#000; } #products .product_item.grid-group-item.list-group-item .color_choice > .bx-wrapper .bx-controls-direction .bx-prev::after{border-color: transparent #fff transparent transparent;} #products .product_item.grid-group-item.list-group-item .color_choice > .bx-wrapper .bx-controls-direction .bx-next::after{ border-color: transparent transparent transparent #fff;} #products .product_item.grid-group-item.list-group-item .product_item_hover .color_choice .bx-wrapper{margin-left:20px !important;} #products .product_item.grid-group-item.list-group-item .tapiso_table{display:inline-block; float:left; padding-top:42px;padding-left:30px;} #products .product_item.grid-group-item.list-group-item .tapiso_table th, #products .product_item.grid-group-item.list-group-item .tapiso_table td{padding:10px 15px;border:1px solid #f9f9f9; font-size:13px; font-weight:400; text-align:left; } #products .product_item.grid-group-item.list-group-item .tapiso_table tr:hover th, #products .product_item.grid-group-item.list-group-item .tapiso_table tr:hover td{background:#f9f9f9;} #products .product_item.grid-group-item.list-group-item .tapiso_table th{background:#f9f9f9; font-weight:500;} #products .product_item.grid-group-item.list-group-item .tapiso_table th:first-child{border-right:1px solid #f3f3f3;} #products .product_item.grid-group-item.list-group-item .tapiso_table th:first-child, #products .product_item.grid-group-item.list-group-item .tapiso_table td:first-child{width:166px;} #products .product_item.grid-group-item.list-group-item .tapiso_table th:last-child, #products .product_item.grid-group-item.list-group-item .tapiso_table td:last-child{width:133px;} #products .product_item.grid-group-item.list-group-item .tapiso_table table{margin-bottom:0px;} #products div.product_item.grid-group-item.list-group-item .product_item_hover{background:#fff;} #products div.product_item.grid-group-item.list-group-item .color_choice.colors_inactive_slider {float:left;} #products .product_item.grid-group-item.list-group-item .product_item_hover .color_choice.colors_inactive_slider .colors_slider{float:left;} @media (max-width:1199px){ #products .product_item.grid-group-item.list-group-item .info_wrapper{width:260px;} #products .product_item.grid-group-item.list-group-item .product_description h4, #products .product_item.grid-group-item.list-group-item .product_description h4 a{font-size:16px;} #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart, #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button, #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button span.text{font-size:10px; } #products .product_item.grid-group-item.list-group-item .tapiso_table th:first-child, #products .product_item.grid-group-item.list-group-item .tapiso_table td:first-child{width:118px;} #products .product_item.grid-group-item.list-group-item .tapiso_table th:last-child, #products .product_item.grid-group-item.list-group-item .tapiso_table td:last-child{width:97px;} #products .product_item.grid-group-item.list-group-item .tapiso_table {padding-left:10px;} #products .product_item.grid-group-item.list-group-item .product-item-img a{width:220px;} #products .product_item.grid-group-item.list-group-item .product_description{padding-top:10px;} #products .product_item.grid-group-item.list-group-item .tapiso_table{padding-top:10px;} #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart{width:auto;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button span.text{display:block;} } @media (max-width:991px){ #products .product_item.grid-group-item.list-group-item .product-item-img a{width:33.333%;margin-left:0px;} #products .product_item.grid-group-item.list-group-item .info_wrapper{width:33.333%;} #products div.product_item.grid-group-item.list-group-item .tapiso_table{width:33.333%;} #products div.product_item.grid-group-item.list-group-item .shop_compare .compare_button span.text{display:block !important;} #products div.product_item.grid-group-item.list-group-item .shop_compare .compare_button{float:none; margin-left:0px; margin-top:10px;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button{width:auto !important;} #products .product_item.grid-group-item.list-group-item .shop_compare {text-align:left;} #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart{float:none;} #products .product_item.grid-group-item.list-group-item .shop_compare .compare_button span.heart{margin-top:0px;} #products .product_item.grid-group-item.list-group-item .product_item_hover{padding-top:0px;} } @media (max-width:767px){ #products .product_item.grid-group-item.list-group-item .info_wrapper{width:66.667%;} #products div.product_item.grid-group-item.list-group-item .tapiso_table{width:100%;} #products div.product_item.grid-group-item.list-group-item .shop_compare .compare_button{margin-top:0px; float:left;margin-right:7px; } #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart{float:left; margin-bottom:7px;} #products .product_item.grid-group-item.list-group-item .tapiso_table th:first-child, #products .product_item.grid-group-item.list-group-item .tapiso_table td:first-child{width:50%;} #products .product_item.grid-group-item.list-group-item .tapiso_table th:last-child, #products .product_item.grid-group-item.list-group-item .tapiso_table td:last-child{width:50%;} #products .product_item.grid-group-item.list-group-item{margin-left:0px;} #products .product_item.grid-group-item.list-group-item .shop_compare{margin-bottom:0px;} #products .product_item.grid-group-item.list-group-item .product_description .price{margin-bottom:3px;} } @media (max-width:420px){ #products .product_item.grid-group-item.list-group-item .info_wrapper{width:100%;} #products .product_item.grid-group-item.list-group-item .product-item-img a{width:100%; } #products .product_item.grid-group-item.list-group-item .product-item-img a img{max-width:300px ; margin:0px auto;} #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart, #products .product_item.grid-group-item.list-group-item .shop_compare .shopping_cart .compare_button{margin-bottom:15px !important;} #products .product_item.grid-group-item.list-group-item .product_item_hover .color_choice{display:block;} } @media (max-width:300px){ } /*produkty sidebar*/ .tapiso_sidebar_categories ul{padding-left:0px;} .tapiso_sidebar_categories li.checkbox{color:#3c3941; font-size:16px; font-weight:300; border:none; border-bottom:1px solid #eeeeee; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; background:none; border-left-radius: 0px; -webkit-border-left-radius: 0px; -moz-border-left-radius:0px; border-right-radius: 0px; -webkit-border-right-radius: 0px; -moz-border-right-radius:0px; padding:15px 15px 15px 23px; margin-left:0px; width:100%; overflow:hidden; margin:0px !important;} .tapiso_sidebar_categories li.checkbox span{font-weight:300;} .tapiso_sidebar_categories li.checkbox:hover, .tapiso_sidebar_categories li.checkbox.active{color:#ec354b;} .tapiso_sidebar_categories li.checkbox label{padding-left:0px;} .tapiso_sidebar_categories .radio input[type="radio"], .tapiso_sidebar_categories .radio-inline input[type="radio"], .tapiso_sidebar_categories .checkbox input[type="checkbox"], .tapiso_sidebar_categories .checkbox-inline input[type="checkbox"]{margin-left:-50px;} .tapiso_sidebar_categories a{color:#3c3941; font-size:16px; font-weight:300; border:none; border-bottom:1px solid #eeeeee; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; background:none; border-left-radius: 0px; -webkit-border-left-radius: 0px; -moz-border-left-radius:0px; border-right-radius: 0px; -webkit-border-right-radius: 0px; -moz-border-right-radius:0px; padding:15px;} .tapiso_sidebar_categories a:hover{color:#ec354b;} @media (max-width:767px){ .tapiso_sidebar_categories li.checkbox{font-size:14px; padding:10px;} .tapiso_header_small h3{font-size:16px;} } .tapiso_sidebar_sizes ul{padding-left:0px;} .tapiso_sidebar_sizes li.checkbox{color:#3c3941; font-size:16px; font-weight:300; border:none; border-bottom:1px solid #eeeeee; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; background:none; border-left-radius: 0px; -webkit-border-left-radius: 0px; -moz-border-left-radius:0px; border-right-radius: 0px; -webkit-border-right-radius: 0px; -moz-border-right-radius:0px; padding:15px 15px 15px 23px;; margin-left:0px; width:100%; overflow:hidden; margin:0px !important;} .tapiso_sidebar_sizes li.checkbox span{font-weight:300;} .tapiso_sidebar_sizes li.checkbox:hover, .tapiso_sidebar_sizes li.checkbox.active, .tapiso_sidebar_sizes li.checkbox.s0.active, .tapiso_sidebar_sizes li.s1.checkbox.active, .tapiso_sidebar_sizes li.checkbox.s2.active, .tapiso_sidebar_sizes li.checkbox.s3.active, .tapiso_sidebar_sizes li.checkbox.s4.active{color:#ec354b;} .tapiso_sidebar_sizes li.checkbox label{padding-left:0px; width:70%;} .tapiso_sidebar_sizes .radio input[type="radio"], .tapiso_sidebar_sizes .radio-inline input[type="radio"], .tapiso_sidebar_sizes .checkbox input[type="checkbox"], .tapiso_sidebar_sizes .checkbox-inline input[type="checkbox"]{float:right; margin-left:-50px; } .sizes-reveal{position:relative;height:30px; width:30px; float:right; cursor:pointer;} .sizes-reveal:before{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #000000 transparent transparent transparent; } .sizes-reveal.sflipped:before{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #000000 transparent;} .sizes-reveal:hover:before{border-color: #ec354b transparent transparent transparent;} .sizes-reveal:after{content:''; display:block; position:absolute; top:-2px; left:0; right:0; bottom:0; margin:auto; width: 0; height: 0; border-style: solid; border-width: 8px 7.5px 0 7.5px; border-color: #fff transparent transparent transparent;} .sizes-reveal.sflipped:after{content:''; display:block; position:absolute; top:2px; left:0; right:0; bottom:0; margin:auto;width: 0; height: 0; border-style: solid; border-width: 0 7.5px 8px 7.5px; border-color: transparent transparent #fff transparent;} .sizes-reveal.sflipped:hover:before{border-color: transparent transparent #ec354b transparent; } .checkbox.s0, .checkbox.s1, .checkbox.s2, .checkbox.s3{display:none;} @media (max-width:767px){ .tapiso_sidebar_sizes li.checkbox{font-size:14px; padding:10px;} } /*filtrowanie wg kolorów*/ .color_filtering_check ul{padding-top:20px; margin-left:0px !important; padding-left:2px; margin-bottom:4px !important;} .color_filtering_check ul:after, .shape_filtering ul:after, .color_filtering_check:after{display:block; content:''; clear:both;} .color_filtering_check{display:inline-block; float:left; list-style-type:none;} .color_filtering_check ul{margin-left:10px; display:inline-block; float:left; padding-left:0px;} .color_filtering_check li{display:inline-block; float:left; padding:9px;position:relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin:0px 0px 10px 0px !important;} .color_filtering_check li:after{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #f31a36 transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering_check li:before{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0;height: 0;border-style: solid; border-width: 7px 7px 0 7px;border-color: #ffffff transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering_check li:hover, .color_filtering_check li.checkbox.active{background:#e5e4ea; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering_check li:hover:after, .tapiso_filtering .color_filtering li:hover:before, .color_filtering_check li.checkbox.active:after, .tapiso_filtering .color_filtering li.checkbox.active:before{display:block; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering_check li label{width:31px; height:31px; display:inline-block;text-indent:-999em; } .color_filtering_check li label.color_1{background:#fff ; border:1px solid #eeeef0;} .color_filtering_check li label.color_2{background:#131117 ;border:1px solid #131117;} .color_filtering_check li label.color_3{background:#959595 ;border:1px solid #959595;} .color_filtering_check li label.color_4{background:#3b9de8 ; border:1px solid #3b9de8} .color_filtering_check li label.color_5{background:#8f3be8 ;border:1px solid #8f3be8;} .color_filtering_check li label.color_6{background:#e942da ;border:1px solid #e942da;} .color_filtering_check li label.color_7{background:#eb2526 ;border:1px solid #eb2526;} .color_filtering_check li label.color_8{background:#e4810d ;border:1px solid #e4810d;} .color_filtering_check li label.color_9{background:#ffd300 ;border:1px solid #ffd300;} .color_filtering_check li label.color_10{background:#32c000 ;border:1px solid #32c000 ;} .color_filtering_check li label.color_11{background:#b16214 ;border:1px solid #b16214 ;} .color_filtering_check li label.color_12{background:#d5c4ac ;border:1px solid #d5c4ac ;} .color_filtering_check li label.color_13{background:url(../images/pattern.jpg) no-repeat ;border:1px solid #fff; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .color_filtering_check li:hover a.color_13{border:1px solid #e5e4ea;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} @media (max-width:767px){ .color_filtering_check li label{width:27px; height:27px;} } /**/ /*Filtrowanie wg kształtów*/ .shape_filtering_check ul:after, .shape_filtering_check:after{display:block; content:''; clear:both;} .shape_filtering_check ul{padding-top:3px; margin-left:0px !important; margin-top:12px; margin-bottom:8px;} .shape_filtering_check ul{margin-left:10px; display:inline-block; float:left; padding-left:0px;} .shape_filtering_check{ float:right; margin-left:16px; width:100%;} .shape_filtering_check li {margin-left:0px !important; margin-top:0px !important; margin-bottom:0px !important;} .shape_filtering_check li label{display:inline-block; text-indent:-9999em; } .shape_filtering_check h3{margin-right:4px;} .shape_filtering_check li:nth-child(2){ margin-left:23px;} .shape_filtering_check li:nth-child(3){margin-left:23px;} .shape_filtering_check li.shape_1 label{background:url(../images/shape_1.png) no-repeat ; width:37px; height:51px; display:block; background-size:37px 51px;} .shape_filtering_check li.shape_1 {margin-right:42px;} .shape_filtering_check li.shape_2 label{background:url(../images/shape_2.png) no-repeat ; width:40px; height:51px; background-size:40px 51px;} .shape_filtering_check li.shape_2{border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; margin-right:40px;} .shape_filtering_check li.shape_3 label{background:url(../images/shape_3.png) no-repeat ; width:43px; height:43px;background-size:43px 43px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px;} .shape_filtering_check li.shape_3 {border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px;} .shape_filtering_check li{display:inline-block; float:left; padding:9px;position:relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; text-indent:-999;} .shape_filtering_check li:after{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #f31a36 transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shape_filtering_check li:before{content:''; display:none; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-3px;width: 0;height: 0;border-style: solid; border-width: 7px 7px 0 7px;border-color: #ffffff transparent transparent transparent; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shape_filtering_check li:hover, .shape_filtering_check .active{background:#e5e4ea; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shape_filtering_check li:hover:after, .shape_filtering_check li.checkbox.shape_1.active:after, .shape_filtering_check li.checkbox.shape_2.active:after, .shape_filtering_check li.checkbox.shape_3.active:after {display:block; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .overflow{overflow:hidden;} @media (max-width:767px){ .shape_filtering_check li.shape_1, .shape_filtering_check li.shape_2{margin-right:15px;} } #tapiso_products .color_filtering ul, #tapiso_products .shape_filtering ul{padding-left:0px; margin-top:26px;} #tapiso_products .color_filtering ul li{margin-bottom:20px;} #tapiso_products .shape_filtering{width:100%; margin-left:0px; } /************ Price slider ********************/ /*Range style*/ #showcase { margin: 0px; text-align: left; width:100%; } #range { height: 300px; margin: 0 auto 30px; } #value-span, #value-input { width: 50%; float: left; display: block; text-align: center; margin: 0; } #price-slider, .noUi-target.noUi-ltr.noUi-horizontal.noUi-background, .noUi-origin{border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px;} .noUi-horizontal{height:8px;} .noUi-pips-horizontal{display:none;} .noUi-handle::after, .noUi-handle::before{display:none;} .noUi-horizontal .noUi-handle{border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; width:15px; height:15px; border:1px solid #ec354b;} .noUi-connect{background:#555555; } .noUi-background{background:#ec354b;border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; box-shadow:none;} .noUi-target{box-shadow:none; border:none; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px;} .noUi-horizontal .noUi-handle{top:-3px; left:-7px;} /*inputy*/ #showcase{margin-bottom:27px;} #showcase .tapiso_header_small{margin-bottom:42px;} #showcase input{font-size:16px; color:#3c3941; font-weight:300; text-align:center; width:94px; border:1px solid #b0b3c1; padding:6px; display:inline-block;} #showcase input#value-from{float:left;} #showcase input#value-to{float:right;} #showcase .price-form{overflow:hidden ; position:relative;} #showcase .price-form:after{display:block; content:''; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:5px; height:1px; background:#3c3941; } .show-filters{background:#ec354b; overflow:hidden; padding:13px ;width:260px !important;} .show-filters p{color: #fff; display: inline-block; font-size: 14px; float:left; font-weight: 300; text-transform: uppercase; margin-bottom:0px;} .show-filters span{border-color: #ffffff transparent transparent; border-style: solid; border-width: 6px 5.5px 0; display: inline-block; float: left; height: 0; margin-left: 15px; margin-top: 8px; position: relative; width: 0;} .show-filters span:after{border-color: #ec354b transparent transparent; border-style: solid; border-width: 6px 5.5px 0; content: ""; display: block; height: 0; left: -5px; position: absolute; top: -7px; width: 0;} .show-filters span.flipped{ border-color: transparent transparent #ffffff; border-style: solid; border-width: 0 5.5px 6px; } .show-filters span.flipped:after{ border-color: transparent transparent #ec354b; border-style: solid; border-width: 0 5.5px 6px; content: ""; display: block; height: 0; left: -5px; position: absolute; top: 1px; width: 0; } .show-filters {cursor:pointer;} @media (max-width:767px){ .tapiso_header_small h3{font-size:13px;} .tapiso_header_small { padding:10px 0px;} #showcase .tapiso_header_small{margin-bottom:7px;} #showcase{margin-bottom:0px;} .show-filters {display:block;} .noUi-target.noUi-ltr.noUi-horizontal.noUi-background{margin-top:30px;} } /*******************************************************Sekcja tekstowa*********************************************************************/ #tapiso_text{padding:40px 0px;} #tapiso_text ul{list-style-type:none; } #tapiso_text ul li{padding-left:15px; position:relative;} #tapiso_text ul li:after{content:''; display:block; width:6px; height:6px; border:1px solid #ec354b; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; position:absolute; top:0; left:0; bottom:0; margin-top:auto; margin-bottom:auto; } /*********************************************************** Google Map Tapiso ***********************************************************/ #tapiso_map, #googlemaps{height:517px;} #tapiso_map{position:relative; -webkit-box-shadow: 0px -12px 25px 4px rgba(0,0,0,0.11); -moz-box-shadow: 0px -12px 25px 4px rgba(0,0,0,0.11); box-shadow: 0px -12px 25px 4px rgba(0,0,0,0.11);} #tapiso_map:after{display:block; content:''; width:100%; background:#c6cece; height:4px; position:absolute; left:0; top:0; opacity:0.4; } /*marker*/ #tapiso_marker{cursor:initial; text-align:center; width:215px; text-align:center; } #tapiso_marker > div{overflow:hidden;} #tapiso_marker .marker-col-6{padding:20px;width:100%; display:inline-block; float:left; background:#ec354b;} #tapiso_marker h3{ text-align:center;font-family: 'Roboto', sans-serif;color:#fff; text-transform:uppercase; font-size:15px; font-weight:900; margin:0px auto 10px auto !important;} #tapiso_marker p{ text-align:center;font-family: 'Roboto', sans-serif;color:#fff; font-weight:300; font-size:13px; line-height:19px; letter-spacing:0.25px; margin-bottom:0px !important; } #tapiso_marker .marker-arrow{display:block; width:19px; height:10px; background:url(../images/tapiso_map_arrow.png) no-repeat; z-index:90; text-align:center; margin:0px auto;} /*usuniÄ™cie stylów mapki w zakÅ‚adce kontakt*/ #tapiso_map.no-style{-webkit-box-shadow: none;-moz-box-shadow:none;box-shadow: none;} #tapiso_map.no-style:after{display:none;} @media (max-width:991px){ #tapiso_map, #googlemaps{height:300px;} } @media (max-width:767px){ #tapiso_marker p{display:none;} #tapiso_marker h3{margin-bottom:0px; } #tapiso_marker{width:150px;} #tapiso_map, #googlemaps{height:200px;} } /*********************** Formularz kontaktowy ****************/ #tapiso_contact{overflow:hidden; position:relative; padding:60px 0px 60px 0px;} #tapiso_contact #tapiso_contact_form p{color:#3c3941; font-size:18px; font-weight:300; margin-top:-4px; margin-bottom:30px;} #tapiso_contact #tapiso_contact_form p strong{font-weight:500;} #tapiso_contact h3{color: #3c3941; font-size: 27px; font-weight: 700; text-transform:inherit; margin-bottom:10px;} #tapiso_contact h5{ color: #3c3941; font-size: 18px; font-weight: 300; margin-bottom: 30px;} #tapiso_contact .tapiso_header_small{margin-bottom:20px;} #tapiso_contact .col-2{padding:0px 15px;} #tapiso_contact .contact_input_group{margin-bottom:15px; } #tapiso_contact .contact_input_group:after{display:block; content:''; clear:both;} #tapiso_contact .contact_input_group_btns{overflow:hidden; margin:28px 0px 40px;} #tapiso_contact .col-2.tapiso_col_log .contact_input_group_btns{padding-top:22px;} #tapiso_contact .contact_input_group_btns a{color:#38393d; font-size:17px; font-weight:400; padding:9px 20px; background:#fff; border:1px solid #b8babf;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;display:inline-block; float:right; width:auto; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_contact .contact_input_group_btns a:hover{background:#b8babf ; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_contact .contact_input_group_half{width:50%; display:inline-block; float:left;} #tapiso_contact .contact_input_group_half:first-child{padding-right:5px;} #tapiso_contact .contact_input_group_half:last-child{padding-left:5px;} #tapiso_contact input, #tapiso_contact textarea{color:#6f6f6f; font-size:14px; font-weight:300; -webkit-appearance: none; appearance: none;} #tapiso_contact input[type=email]{background:url(../images/icons/email.jpg) no-repeat; background-position:10px 15px;} #tapiso_contact input[type=password]{background:url(../images/icons/lock_grey.svg) no-repeat; background-position:10px 14px;} #tapiso_contact input::-webkit-input-placeholder {color: #6f6f6f;} #tapiso_contact input:-moz-placeholder { color: #6f6f6f;} #tapiso_contact input::-moz-placeholder {color: #6f6f6f; } #tapiso_contact input:-ms-input-placeholder { color: #6f6f6f; } #tapiso_contact .form-control:focus{box-shadow:none;} #tapiso_contact input.form-control{padding:11px 12px ; height:44px;} #tapiso_contact input[type=email], #tapiso_contact input[type=password]{padding-left:35px;} #tapiso_contact button{color:#fff; font-size:17px; font-weight:400; padding:10px 19px 10px 19px; background:#000; border:1px solid #000;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px;display:inline-block; float:right; width:auto; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin-left:6px;} #tapiso_contact button:hover{background:#ec354b; border:1px solid #ec354b;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_contact .col-2 > a{color:#666666; font-weight:300; padding-top:45px; padding-left:10px ; display:block;} #tapiso_contact .col-2 > a:hover{color:#148d47;} #tapiso_contact textarea{height:150px;color: #6f6f6f; font-size: 14px; font-weight: 300;} /*input error*/ #tapiso_contact .contact_input_group, #tapiso_contact .contact_input_group_btns , #tapiso_contact .contact_input_group_half{ position:relative;} #tapiso_contact .contact_input_group input.error, #tapiso_contact .contact_input_group_btns input.error, #tapiso_contact .contact_input_group_half input.error{border:1px solid #ec354b;} #tapiso_contact .contact_input_group label.error, #tapiso_contact .contact_input_group_btns label.error, #tapiso_contact .contact_input_group_half label.error{font-size:14px; line-height:14px; color:#fff; margin:0px; font-weight:300; padding:15px 20px; display:inline-block; position:absolute; bottom:120%;background:#ec354b; left:0; z-index:999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius:4px;} #tapiso_contact .contact_input_group label.error:after, #tapiso_contact .contact_input_group_btns label.error:after, #tapiso_contact .contact_input_group_half label.error:after{display:block; content:''; position:absolute; left:15px; top:100%; width: 0; height: 0; border-style: solid; border-width: 5px 4.5px 0 4.5px; border-color: #ec354b transparent transparent transparent; } #tapiso_contact .container > div{padding:30px;} #tapiso_contact .container > div.tapiso_contact_data {padding-bottom:150px; background:#f9f9f9;} #tapiso_contact .tapiso_contact_data p{ color: #3c3941; font-size: 17px; font-weight: 300; margin-bottom: 5px;} #tapiso_contact .tapiso_contact_data p strong{font-weight:400;} #tapiso_contact .tapiso_contact_data h5{ color: #3c3941; font-size: 18px; font-weight: 300; margin-bottom: 30px;} #tapiso_contact .tapiso_contact_data h6{ color: #3c3941; font-size: 17px; font-weight: 500; margin-bottom: 15px;} #tapiso_contact .tapiso_contact_data p a{font-weight:400;} @media (max-width:1199px){ #tapiso_contact{padding:40px 0px;} } @media (max-width:991px){ #tapiso_contact h3{font-size:22px;} #tapiso_log_in .log_reg_wrapper p{font-size:14px;} #tapiso_contact button, #tapiso_contact .contact_input_group_btns a{font-size:15px; padding:9px 15px;} #tapiso_contact .contact_input_group_btns{margin:15px 0px;} #tapiso_contact input[type=email], #tapiso_contact input[type=password]{background:none; padding-left:12px;} } @media (max-width:767px){ #tapiso_contact{padding:20px 0px;} #tapiso_contact .tapiso_contact_data p{font-size:14px;} #tapiso_contact .tapiso_contact_data h5, #tapiso_contact h5{font-size:15px; margin-bottom:15px;} #tapiso_contact h3{font-size:17px; margin-bottom:0px;} #tapiso_contact .container > div, #tapiso_contact .container > div.tapiso_contact_data{padding:15px !important;} } /*** Mapa strony ***/ #site-map ul.pages { margin:0 0 50px; padding:0; list-style-type:square; } #site-map ul.pages > li { margin:14px 0 14px 5%; line-height:20px; font-size:17px; font-weight:400; } #site-map ul.pages > li a { color:#3c3941; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #site-map ul.pages > li a:hover { color:#ec354b; } #site-map ul.pages > li ul { margin:0 0 0 40px; padding:0; list-style-type:none; } #site-map ul.pages > li ul li { margin:12px 0; line-height:20px; font-size:16px; font-weight:300; } #site-map .site-map-offer { padding:30px 0; background:#f1f1f1; } #site-map .site-map-offer ul { margin:30px 0 30px; padding:0; list-style-type:square; overflow:hidden; } #site-map .site-map-offer ul li { float:left; width:45%; margin:0 0 0 5%; color:#3c3941; line-height:20px; font-size:16px; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #site-map .site-map-offer ul li:hover { margin-left:4%; width:46%; color:#ec354b; } #site-map .site-map-offer ul li a { display:block; padding-bottom:15px; color:#3c3941; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #site-map .site-map-offer ul li a:hover { color:#ec354b; } @media (max-width:767px){ #site-map .site-map-offer ul li { float:none; width:95%; } #site-map .site-map-offer ul li:hover { margin-left:4%; width:96%; } } @media (max-width:500px){ #site-map ul.pages > li { font-size:16px; } #site-map .site-map-offer ul li { width:inherit; margin-left:20px; } #site-map .site-map-offer ul li:hover { margin-left:20px; width:inherit; } } /*** Blog - list ***/ #blog-list .blog-list-items { overflow:hidden; } #blog-list .item { float:left; width:46.9%; margin:0 3.1% 35px 0; background:#fff; border:1px solid #f4f4f4; -webkit-box-shadow: 3px 3px 2px -1px rgba(217, 217, 217, 1); -moz-box-shadow: 3px 3px 2px -1px rgba(217, 217, 217, 1); box-shadow: 3px 3px 2px -1px rgba(217, 217, 217, 1); } #blog-list .item .photo { position:relative; overflow:hidden; } #blog-list .item .photo a img { display:block; max-width:100%; } #blog-list .item .photo a:hover img { opacity:0.9; } #blog-list .item .photo time { position:absolute; left:0; bottom:8px; padding:0 14px; color:#fff; font-size:13px; line-height:22px; font-weight:300; background: rgba(0,0,0,0.3); } #blog-list .item .describe { padding:24px 20px 0; } #blog-list .item .describe time { color:#c0bebe; font-size:13px; line-height:24px; font-weight:400; } #blog-list .item h3 { margin:0; color:#3c3c3c; font-size:30px; line-height:28px; font-weight:800; letter-spacing:-0.8px; } #blog-list .item h3 a { color:#3c3c3c; } #blog-list .item h3 a:hover { color:#ec354b; } #blog-list .item h4 { margin-top:4px; color:#ccc; font-size:13px; line-height:20px; font-weight:300; text-transform:uppercase; } #blog-list .item p { margin:18px 0 25px; color:#666; font-size:15px; line-height:21px; font-weight:300; } #blog-list .item .bottom { padding:15px 20px 15px; background:#f9f9f9; } #blog-list .item .social-icons { float:left; color:#aaa; line-height:18px; font-size:13px; font-weight:500; text-transform:uppercase; } #blog-list .item .social-icons a { margin-right:22px; padding-left:20px; color:#aaa; } #blog-list .item .social-icons a:hover { color:#ec354b; } #blog-list .item .social-icons .comments { background: url(../images/icons/comments.png) no-repeat left 2px; } #blog-list .item .social-icons .likes { background: url(../images/icons/likes.png) no-repeat 0 0; } #blog-list .item .bottom a.more { display:block; float:right; color:#242323; font-size:13px; line-height:20px; font-weight:900; text-transform:uppercase; } #blog-list .item .bottom a.more:hover { color:#ec354b; } #blog-list a.all-articles { display:block; margin-right:3.1%; margin-bottom:40px; background:#f5f5f5; color:#bab9b9; font-size:14px; line-height:40px; font-weight:700; text-align:center; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #blog-list a.all-articles:hover { background:#ec354b; color:#fefefe; } #blog-list .tagcloud a { display:inline-block; padding:6px 10px; margin:0 0 4px; color:#3c3941; font-weight:300; line-height:15px; font-size:15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } .widget-tags .tagcloud a:hover { background:#ec354b; color:#fefefe !important; } @media (max-width:1199px){ #blog-list .item h3 { font-size:24px; line-height:24px; } #blog-list .item p { font-size:14px; line-height:20px; } } @media (max-width:991px){ #blog-list .item { float:left; width:48.5%; margin:0 1% 35px 0; } #blog-list .item:nth-child(2n) { float:right; margin-right:0; } #blog-list .item h3 { font-size:20px; line-height:22px; } } @media (max-width:767px){ #blog-list .item { float:none; width:100%; margin:0 0 15px 0; } #blog-list .item:nth-child(2n) { float:none; } #blog-list .item .photo { height:48px; } #blog-list .item .photo a img { display:none; } #blog-list .item .photo time { bottom:0; padding:0 14px; color:#fff; font-size:13px; line-height:24px; font-weight:400; background:#ec354b; } #blog-list .item .describe time { display:inline-block; margin-left:-20px; margin-bottom:24px; padding:0 14px; background:#ec354b; color:#fff; font-size:13px; line-height:24px; font-weight:400; } #blog-list a.all-articles { margin-right:0; } } @media (max-width:500px){ #blog-list .item h3 { font-size:18px; line-height:20px; } #blog-list .item h4 { font-size:11px; line-height:18px; } #blog-list .item p { font-size:13px; line-height:20px; } #blog-list .item .social-icons { margin-bottom:5px; } } /*** Blog - details ***/ #blog-list .blog-details { margin-bottom:60px; } #blog-list .blog-details .blog-details-header { margin-bottom:20px; } #blog-list .blog-details .blog-details-header h3 { color:#3c3c3c; line-height:60px; font-size:54px; font-weight:800; } #blog-list .blog-details .blog-details-header .date { display:inline-block; padding:0 14px; color:#fff; font-size:13px; line-height:24px; font-weight:400; background:#ec354b; } #blog-list .blog-details article img { display:block; margin-bottom:20px; max-width:100%; } #blog-list .blog-details .tags { padding:15px 20px; background:#f9f9f9; font-weight:400; font-size:16px; line-height:20px; -webkit-box-shadow: 3px 3px 2px -1px rgba(217, 217, 217, 1); -moz-box-shadow: 3px 3px 2px -1px rgba(217, 217, 217, 1); box-shadow: 3px 3px 2px -1px rgba(217, 217, 217, 1); } #blog-list .blog-details .tags a { color:#3c3941; font-weight:300; } #blog-list .blog-details .tags a:hover { color:#ec354b; } @media (max-width:1199px){ #blog-list .blog-details .blog-details-header h3 { line-height:56px; font-size:50px; } } @media (max-width:991px){ #blog-list .blog-details .blog-details-header h3 { line-height:52px; font-size:46px; } } @media (max-width:767px){ #blog-list .blog-details .blog-details-header h3 { line-height:46px; font-size:38px; } } @media (max-width:500px){ #blog-list .blog-details .blog-details-header h3 { line-height:34px; font-size:28px; } #blog-list .blog-details .blog-details-header .date { padding:0 10px; font-size:12px; line-height:24px; font-weight:300; } #blog-list .blog-details .tags { padding:15px 10px; font-size:14px; line-height:20px; } } /*** Article ***/ article h2 { line-height:48px; font-size:42px; font-weight:800; } article h3 { line-height:38px; font-size:32px; font-weight:800; } article h4 { line-height:38px; font-size:30px; font-weight:300; } article h5 { line-height:24px; font-size:17px; font-weight:400; } article p { margin:0 0 20px; color:#666; line-height:24px; font-size:16px; font-weight:300; } article a { color:#3c3941; } article a:hover { color:#ec354b; } article ul { margin-bottom:20px; list-style-type:square; } article ul li { margin-bottom:10px; color:#666; line-height:24px; font-size:16px; font-weight:300; } article ol { margin-bottom:20px; } article ol li { margin-bottom:10px; color:#666; line-height:24px; font-size:16px; font-weight:300; } article table { margin-bottom:20px; width:100%; border-collapse:collapse; border:1px solid #eee; } article table th { padding:10px 10px; border:1px solid #eee; color:#3c3941; line-height:24px; font-size:16px; font-weight:400; background:#f9f9f9; } article table td { padding:5px 10px; border:1px solid #eee; color:#666; line-height:22px; font-size:15px; font-weight:300; } @media (max-width:1199px){ article h2 { line-height:44px; font-size:38px; } article h3 { line-height:34px; font-size:28px; } article h4 { line-height:34px; font-size:26px; } } @media (max-width:991px){ article h2 { line-height:40px; font-size:34px; } article h3 { line-height:30px; font-size:24px; } article h4 { line-height:30px; font-size:22px; } } @media (max-width:767px){ article h2 { line-height:32px; font-size:26px; } article h3 { line-height:28px; font-size:23px; } article h4 { line-height:28px; font-size:21px; } article h5 { line-height:24px; font-size:17px; } article p { line-height:24px; font-size:15px; } article ul li { line-height:24px; font-size:15px; } article ol li { line-height:24px; font-size:15px; } article table th { line-height:18px; font-size:15px; } article table td { line-height:22px; font-size:14px; } } @media (max-width:500px){ article h2 { line-height:24px; font-size:20px; font-weight:500; } article h3 { line-height:22px; font-size:18px; font-weight:500; } article h4 { line-height:22px; font-size:17px; } article h5 { line-height:22px; font-size:16px; } article p { margin-bottom:10px; line-height:20px; font-size:14px; } article ul { margin-bottom:10px; padding-left:20px; } article ul li { line-height:20px; font-size:14px; } article ol { margin-bottom:10px; padding-left:20px; } article ol li { line-height:20px; font-size:14px; } article table { margin-bottom:10px; overflow:scroll; } article table th { line-height:22px; font-size:14px; } article table td { line-height:22px; font-size:14px; } } /****************************** porównanie produktów **************************************/ #tapiso_product_comparison{overflow:hidden;} .tapiso_product_comparison_wrapper{overflow:hidden; margin-bottom:68px; position:relative;} .tapiso_product_comparison_wrapper h4{color:#1c1a20; text-transform:uppercase; font-size:22px; font-weight:700; max-width:200px; line-height:24px; text-align:center; margin:0px auto 20px auto;} .tapiso_product_comparison_wrapper ul{list-style-type:none;} .tapiso_product_comparison_wrapper ul img{width:100%;} .tapiso_product_comparison_wrapper .tapiso_comparison_slider li{height:300px; overflow:hidden;} .tapiso_product_comparison_wrapper ul, .tapiso_product_comparison_wrapper .tapiso_comparison_slider .bx-viewport{padding-left:0px !important; width:100%;} .tapiso_product_comparison_wrapper .tapiso_comparison_slider {overflow:hidden;} /*elementy*/ .tapiso_product_comparison_wrapper .price{color:#545257; font-weight:700; font-size:17px; margin-top:-52px; padding-left:11px; margin-bottom:20px;} .tapiso_product_comparison_wrapper .price span{font-weight:400;} /*pager*/ .tapiso_product_comparison_wrapper{padding-left:25%;} .tapiso_product_comparison_wrapper .bx-pager-slider {padding:0px 10px; } .tapiso_product_comparison_wrapper .bx-pager-slider li{width:60px; height:60px !important; border:3px solid #e1e1e1; display:inline-block; float:left; overflow:hidden; margin-right:4px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; cursor:pointer;} .tapiso_product_comparison_wrapper .bx-pager-slider li:hover{border:3px solid #ec354b;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_product_comparison_wrapper .bx-pager-slider li img{width:100%;} .tapiso_product_comparison_wrapper > .bx-wrapper {max-width:100% !important;} .tapiso_product_comparison_wrapper .bx-pager-slider{position:relative;} .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-prev{position:absolute; bottom:27px; left:-30px; z-index:900;} .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-next{position:absolute; bottom:27px; right:-30px;z-index:900;} .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-next, .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-prev{opacity:0;} .tapiso_product_comparison_wrapper .bx-pager-slider:hover .bx-controls-direction .bx-next, .tapiso_product_comparison_wrapper .bx-pager-slider:hover .bx-controls-direction .bx-prev{opacity:1;} @media (max-width:1199px){ .tapiso_product_comparison_wrapper .bx-pager-slider li{height:40px !important;} } /*controls*/ .tapiso_product_comparison_wrapper .bx-controls.bx-has-controls-direction{overflow:hidden; margin-top:15px; padding-right:15px; margin-bottom:20px;} .tapiso_product_comparison_wrapper .bx-controls-direction{display:block !important;float:right;} .tapiso_product_comparison_wrapper .bx-controls-direction .bx-prev:after{content:''; display:block; top:9px; left:12px; position:absolute; width: 0; height: 0; border-style: solid; border-width: 9px 10px 9px 0;border-color: transparent #ffffff transparent transparent; } .tapiso_product_comparison_wrapper .bx-controls-direction .bx-prev:hover:after{content:''; display:block; top:9px; left:12px; position:absolute; width: 0; height: 0; border-style: solid; border-width: 9px 10px 9px 0; border-color: transparent #f7f7f7 transparent transparent;} .tapiso_product_comparison_wrapper .bx-controls-direction .bx-prev:before{content:''; display:block;width: 0; height: 0; border-style: solid; border-width: 9px 10px 9px 0; border-color: transparent #9b9b9c transparent transparent; position:absolute; top:9px; left:11px;} .tapiso_product_comparison_wrapper .bx-controls-direction .bx-next:after{content:''; display:block; top:9px; left:12px; position:absolute; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 10px; border-color: transparent transparent transparent #ffffff; } .tapiso_product_comparison_wrapper .bx-controls-direction .bx-next:hover:after{content:''; display:block; top:9px; left:12px; position:absolute; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 10px; border-color: transparent transparent transparent #f7f7f7;} .tapiso_product_comparison_wrapper .bx-controls-direction .bx-next:before{content:''; display:block; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 10px; border-color: transparent transparent transparent #9b9b9c; position:absolute; top:9px; left:13px;} .tapiso_product_comparison_wrapper .bx-controls-direction .bx-prev, .tapiso_product_comparison_wrapper .bx-controls-direction .bx-next{background:#ffff; width:36px; height:36px; position:relative; display:inline-block; text-indent:-999em;} .tapiso_product_comparison_wrapper .bx-controls-direction .bx-prev:hover, .tapiso_product_comparison_wrapper .bx-controls-direction .bx-next:hover{background:#f7f7f7;} /*parametry*/ .tapiso_parameters{margin-top:-37px;} .tapiso_parameters .parameter-row{position:relative; padding:16px 0px;} .tapiso_parameters .parameter-row p{width:100%; text-align:center; color:#6b6b6e; font-size:16px; padding:16px 30px; font-weight:400; margin-bottom:0px;} .tapiso_parameters .parameter-row p:first-child{color:#34343a; position:absolute; top:0; left:-100%; text-align:left;padding:16px 30px;} .tapiso_parameters .parameter-row p:last-child{position:relative; padding:0px 30px;} .col-xs-12.col-sm-6.col-md-4:first-child .tapiso_parameters .parameter-row:after{content:''; display:block; position:absolute; bottom:0; left:-1000px; height:1px; width:3000px; background:#f7f6f6;} .tapiso_parameters .parameter-row.with_colors p:first-child{margin-top:7px;} .tapiso_product_comparison_wrapper .row > div:nth-of-type(2) .tapiso_parameters .parameter-row p:first-child, .tapiso_product_comparison_wrapper .row > div:nth-of-type(3) .tapiso_parameters .parameter-row p:first-child{display:none;} /*dopasowanie slidera dot. kolorów produktów*/ .tapiso_product_comparison_wrapper .color_choice .bx-controls-direction .bx-prev::before, .tapiso_product_comparison_wrapper .color_choice .bx-controls-direction .bx-next::before{display:none;} .tapiso_product_comparison_wrapper .color_choice > .bx-wrapper .bx-controls-direction .bx-prev::after{border-color: transparent #fff transparent transparent;} .tapiso_product_comparison_wrapper .color_choice > .bx-wrapper .bx-controls-direction .bx-next::after{border-color: transparent transparent transparent #fff; left:-11px;} .tapiso_product_comparison_wrapper .color_choice > .bx-wrapper .bx-controls-direction .bx-prev:hover::after, .tapiso_product_comparison_wrapper .color_choice .bx-controls-direction .bx-prev:hover:after{border-color: transparent #fff transparent transparent;} .tapiso_product_comparison_wrapper .color_choice > .bx-wrapper .bx-controls-direction .bx-next:hover::after, .tapiso_product_comparison_wrapper .color_choice .bx-controls-direction .bx-next:hover:after{border-color: transparent transparent transparent #fff; left:-11px;} .tapiso_product_comparison_wrapper .color_choice{margin-bottom:none; height:40px;overflow:hidden; margin-top:2px; margin-bottom:2px;} .tapiso_product_comparison_wrapper .color_choice > .bx-wrapper {width:212px;} .tapiso_product_comparison_wrapper .color_choice > .bx-wrapper .bx-controls.bx-has-controls-direction{margin-bottom:0px;} .tapiso_product_comparison_wrapper .color_choice .colors_slider_comparison div{width:40px !important; height:40px !important; margin-right:3px !important;} .tapiso_product_comparison_wrapper .color_choice .colors_slider_comparison div a{width:40px !important; height:40px !important;} .tapiso_product_comparison_wrapper .color_choice .product_item_hover .color_choice .bx-wrapper{width:214px;} .tapiso_product_comparison_wrapper .color_choice .colors_slider_comparison > .bx-wrapper .bx-controls-direction .bx-prev, #products .color_choice > .bx-wrapper .bx-controls-direction .bx-next{bottom:12px;} .tapiso_product_comparison_wrapper .color_choice .colors_slider_comparison > .bx-wrapper .bx-controls-direction .bx-prev{left:-18px;} .tapiso_product_comparison_wrapper .color_choice .colors_slider_comparison > .bx-wrapper .bx-controls-direction .bx-next{right:-18px;} .parameter-row.with_colors{text-align:center; display:inline-block; width:100%;} .color_choice.colors_inactive_slider{ display:inline-block; overflow:hidden; margin:0px auto; } .color_choice.colors_inactive_slider .colors_slider_comparison{width:auto} /*rozmiary*/ .tapiso_comparison-sizes {max-width:100%;} .tapiso_comparison-sizes {margin:0px auto;} .tapiso_comparison-sizes dl{overflow:hidden; margin-top:0px;} .tapiso_comparison-sizes dt , .tapiso_comparison-sizes dd{padding:13px 0px; border-bottom:1px solid #f7f6f6;} .tapiso_comparison-sizes dt{float:left; display:inline-block; font-size:16px; color:#6b6b6e; font-weight:400; width:50%; text-align:left; padding-left:47px;} .tapiso_comparison-sizes dd{float:right; display:inline-block; font-size:16px; color:#333333; font-weight:400; width:50%; text-align:right; padding-right:47px;} /*przycisk na pełną szerokość - koszyk*/ .tapiso_product_comparison_wrapper .shop_compare{display:block; background:#ec354b; text-align:center; position:relative; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_product_comparison_wrapper .shop_compare .shopping_cart{float:none; position:relative; opacity:1; z-index:2;background:#ec354b; font-size:14px; font-weight:700; padding-top:12px; padding-bottom:12px; padding-right:13px;padding-left:45px; margin-left:0px !important;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin:0px auto; width:auto !important;} .tapiso_product_comparison_wrapper .shop_compare .shopping_cart:after { background: rgba(0, 0, 0, 0) url("../images/icons/cart.png") no-repeat scroll center center / 20px 18px; content: ""; display: block; height: 100%; left: 16px; position: absolute; top: 0; width: 23px; } .tapiso_product_comparison_wrapper .shop_compare:hover, .tapiso_product_comparison_wrapper .shop_compare:hover .shopping_cart{background:#000; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} /*kółeczko*/ .header_circle {border-radius: 500px; -webkit-border-radius: 500px; -moz-border-radius:500px; border:3px solid #ec354b; width:135px; height:135px; padding-top:32px; position:absolute; top:184px; } .header_circle p{color:#1c1a20; font-size:45px; font-weight:100; text-align:center; margin-bottom:0px; margin-top:0px; line-height:45px;} .header_circle span{color:#1c1a20; font-size:15px; font-weight:900; text-transform:uppercase;text-align:center; display:block; width:100%;} @media (min-width:992px){ .header_circle{left:80px;} } @media (max-width:1199px){ .tapiso_product_comparison_wrapper .tapiso_comparison_slider li{height:250px;} .tapiso_comparison-sizes dt, .tapiso_comparison-sizes dd{padding:10px 0px;} .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-next, .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-prev{opacity:1;} .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-prev, .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-next{bottom:19px;} .tapiso_product_comparison_wrapper{padding-right:15px;} .tapiso_product_comparison_wrapper .color_choice > .bx-wrapper{width:128px;} } @media (max-width:991px){ .header_circle{width:90px; height:90px; padding-top:20px; right:0px; top:30px; z-index:900; background:#fff; } .header_circle p{font-size:22px; line-height:18px;} .header_circle span{font-size:13px;} .tapiso_product_comparison_wrapper {padding-left:0px; padding-top:30px;} .tapiso_parameters .parameter-row{overflow:hidden;} .tapiso_parameters .parameter-row p:first-child{position:inherit; position:initial; width:50%;float:left; display:inline-block; padding:0px 15px;} .tapiso_parameters .parameter-row p:last-child{width:50%; text-align:left;float:right; padding:0px 15px; text-align:right;} .tapiso_product_comparison_wrapper .row > div:nth-of-type(2) .tapiso_parameters .parameter-row p:first-child, .tapiso_product_comparison_wrapper .row > div:nth-of-type(3) .tapiso_parameters .parameter-row p:first-child{display:inline-block;} .tapiso_comparison-sizes dt{padding-left:15px;} .tapiso_comparison-sizes dd{padding-right:15px;} .tapiso_product_comparison_wrapper h4{font-size:20px; line-height:22px;} .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-prev, .tapiso_product_comparison_wrapper .bx-pager-slider .bx-controls-direction .bx-next{bottom:19px;} .tapiso_parameters .parameter-row.with_colors p:first-child{width:auto !important;} .product_delete {margin-bottom:20px;} .tapiso_product_comparison_wrapper .color_choice.colors_inactive_slider{float:right;} } @media (max-width:767px){ .tapiso_product_comparison_wrapper {padding-left:0px;} .tapiso_parameters .parameter-row{padding:8px 0px;} .tapiso_parameters .parameter-row p:first-child, .tapiso_parameters .parameter-row p:last-child, .tapiso_comparison-sizes dd, .tapiso_comparison-sizes dt{font-size:13px;} .tapiso_product_comparison_wrapper { margin:0px auto; } #tapiso_product_comparison .container{text-align:center;} .tapiso_header_medium h3{text-align:left;} .tapiso_site_header .breadcrumb, .tapiso_product_comparison_wrapper .price{text-align:left;} .tapiso_product_comparison_wrapper .tapiso_comparison_slider li{height:200px;} .tapiso_product_comparison_wrapper h4{font-size:16px; line-height:20px;} .tapiso_product_comparison_wrapper{padding-right:0px;} } @media (min-width:501px) and (max-width:767px){ .tapiso_product_comparison_wrapper{width:400px;} } @media (max-width:500px){ .header_circle{display:none;} .tapiso_product_comparison_wrapper .tapiso_comparison_slider li{height:150px !important;} } /*.tapiso_comparison_slider_wrapper{display:none;} .tapiso_comparison_slider_wrapper.item-0.active{display:block;} .tapiso_comparison_slider_wrapper.item-1.active{display:block;} .tapiso_comparison_slider_wrapper.item-2.active{display:block;} .tapiso_comparison_slider_wrapper.item-3.active{display:block;} .tapiso_comparison_slider_wrapper.item-4.active{display:block;} .tapiso_comparison_slider_wrapper.item-5.active{display:block;} .tapiso_comparison_slider_wrapper.item-6.active{display:block;} .tapiso_comparison_slider_wrapper.item-7.active{display:block;} .tapiso_comparison_slider_wrapper.item-8.active{display:block;} .tapiso_comparison_slider_wrapper.item-9.active{display:block;} .tapiso_comparison_slider_wrapper.item-10.active{display:block;} .tapiso_comparison_slider_wrapper.item-11.active{display:block;} .tapiso_comparison_slider_wrapper.item-12.active{display:block;}*/ /*usuwanie produktu*/ .product_delete {display:inline-block; text-align:center; padding:12px; text-transform:uppercase; color:#aaaaaa; background:#fff; border:2px solid #aaaaaa; width:100%; margin-top:15px; font-weight:700; font-size:14px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .product_delete:hover{background:#aaaaaa; color:#fff; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } .colors_slider_comparison{} .colors_slider_comparison a{ width:53px; height:53px; background-position:center center; display:block;} .colors_slider_comparison div{ overflow:hidden;border:2px solid #d0ced7; width:53px !important; height:53px !important; display:inline-block; float:left; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; background-position:33% 11% !important;} .colors_slider_comparison div:hover{border:2px solid #312e39;} .colors_slider_comparison {overflow:hidden ; } /********************************************* Tapiso Product ***********************************************************/ #tapiso_product_site{} #tapiso_product_site .tapiso_product_info{} /*produkt tapiso zdjęcia*/ #tapiso_product_site .tapiso_product_block_images{display:inline-block; float:left; width:58%; } #tapiso_product_site .tapiso_product_block_images:after{display:block; content:''; clear:both;} #tapiso_product_site .tapiso_product_block_images .tapiso_image{width:563px; float:right; padding:0px 24px 0px 6px; overlow:hidden;} #tapiso_product_site .tapiso_product_block_images .tapiso_image img{width:100%;} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails{disp-lay:inline-block; float:left} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails div div.slide{width:107px; height:107px; margin-bottom:10px; border:2px solid #eeeeee; overflow:hidden;cursor:pointer;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails div div.slide:hover{border:2px solid #ec354b;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails div img{width:100%;} /*produkt tapiso informacje*/ #tapiso_product_site .tapiso_product_block_info{font-size:16px; color:#555557; width:42%; display:inline-block; float:left; overflow:hidden; padding:0px 15px;} #tapiso_product_site .tapiso_product_block_info h2{float:left; clear:right;position:relative;color:#000; font-size:30px; font-weight:900; line-height:36px; display:inline-block; margin:0; padding:10px 0px; max-width:292px; position:relative ; margin-bottom:12px; text-transform:uppercase; margin-top:5px;} #tapiso_product_site .tapiso_product_block_info h2:after{display:block; content:''; width:100%; height:1px;bottom:0; left:0; position:absolute; width:200%; background:#ececec; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_title{overflow:hidden;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title div{width:100%; overflow:hidden; padding-top:3px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title div:after{} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title p{font-size:12px; color:#959595; font-weight:400; display:inline-block; float:left; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_title .tapiso_rating_average{float:right;display:inline-block; margin-top:0px; width:auto;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title .tapiso_rating_average span.average{display:inline-block; float:left; color:#000;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title .tapiso_rating_average .rating-container{display:inline-block; float:left; width:auto} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title p.add_to_compare a{ margin-left:15px;padding:8px 8px 5px 8px;cursor:pointer;color:#eb2526; font-weight:700; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title p.add_to_compare:hover a{color:#fff ; background:#eb2526; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title p strong{color:#000; color:#000;} #tapiso_product_site .tapiso_product_block_info h3{font-size:20px; color:#000; font-weight:700; margin:11px 0px 13px 0px; } /*colors*/ #tapiso_product_site .tapiso_product_colors{width:100%; margin-bottom:15px;} #tapiso_product_site .tapiso_product_colors.color_filtering_check ul{padding-top:5px; max-width:395px;} #tapiso_product_site .tapiso_product_info {padding:50px 0px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes form{ max-width:434px; display:inline-block;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes form select{font-size:14px; padding:12px 30px; height:auto; border:none; } #tapiso_product_site .tapiso_product_block_info .btn-group.bootstrap-select.form-control{borer:2px solid #fff; height:45px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes form select option{position:relative;padding:12px 30px 12px 146px; border-left:2px solid #e5e4ea; border-right:2px solid #e5e4ea;border:0px; outline:0px;} .tapiso_product_available, .tapiso_product_unavailable{position:relative;} #tapiso_product_site .dropdown-menu > li > a.tapiso_product_available{padding:11px 20px; overflow:hidden; border-bottom:1px solid #f3f3f6;} #tapiso_product_site .dropdown-menu > li > a .glyphicon{display:none !important;} #tapiso_product_site .btn-group.bootstrap-select.show-tick form-control dropup open .btn.dropdown-toggle.btn-default{padding:12px 30px;} #tapiso_product_site .dropdown-menu > li{padding:0px 10px;} #tapiso_product_site .dropdown-menu.open{border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; border:2px solid #e5e4ea; border-top:2px solid #fff; margin-top:-2px; box-shadow:none;} .tapiso_product_sizes label{color:#555557; font-weight:400; font-size:400; position:absolute; top:0; left:0;} .tapiso_product_sizes form{position:relative;} /* You can use both or either. Depends on what you want or need */ select:focus + label, select:hover + label { color: red; } /* to be explicit and to let readers know what to expect */ select:blur + label { color: black; } .text-muted{position:absolute; top:18px; left:0;} .available_text{color:#148d47; font-size:13px; display:inline-block; float:right; font-weight:500;} .unavailable_text{color:#c0c0c0; font-size:13px; display:inline-block; float:right; font-weight:500;} .carpet_size{color:#555557; font-size:14px; display:inline-block; float:left; width:135px;} .carpet_price{color:#000; font-size:14px; display:inline-block; float:left; font-weight:900;} .carpet_price.discount{color:#ec354b;} .carpet_price.discount small{font-size:inherit; font-weight:400; color:#6f6f6f; text-decoration:line-through;} .carpet_size.unavailable{color:#c0c0c0; } .carpet_price.unavailable{color:#c0c0c0;} .carpet_price.discount.unavailable{color:#c0c0c0;} .carpet_price.discount.unavailable small{color:#c0c0c0;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes span.text{padding:12px 30px 12px 146px; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes form select option .price{color:#00; font-weight:700;} #tapiso_product_site .tapiso_product_block_info .btn-default:active, #tapiso_product_site .tapiso_product_block_info .btn-default.active, #tapiso_product_site .tapiso_product_block_info .open > .dropdown-toggle.btn-default{background:#fff; box-shadow:none;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes .form-control{text-align:center;margin-right:5px;border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; margin-bottom:10px; } #tapiso_product_site .tapiso_product_block_info form .btn.dropdown-toggle.btn-default{width:100%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:0px; border:2px solid #e5e4ea; background:#ffff; padding:12px 30px; color:#555557; font-size:14px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes button{color:#bcbbc4;width:47px; display:inline-block; float:left; height:47px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes input[type=text]{height:47px; width:67px; display:inline-block; float:left;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes .quantity{overflow:hidden; display:inline-block; float:left;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes a.shopping_cart{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;padding:12px 30px 12px 63px ; display:inline-block; position:relative;float:right; width:196px; background:#ec354b; color:#fff; font-size:17px; text-transform:uppercase; font-weight:700;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes a.shopping_cart:hover{background:#000; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes a.shopping_cart:after{content:''; display:block;background:rgba(0, 0, 0, 0) url("../images/icons/cart_2.png") no-repeat scroll center center / 24px 19px; position:absolute; top:8px; left:26px; width:30px; height:30px; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_details{padding-bottom:6px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_details p{font-size:16px; line-height:26px; color:#000; font-weight:400; margin-bottom:0px; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_details p strong{font-weight:700; } #tapiso_product_site .tapiso_product_delivery{padding:11px 30px 22px 30px; margin-top:30px;background:#f9f9fa;} #tapiso_product_site .tapiso_product_delivery h3{margin:11px 0px 10px 0px; } #tapiso_product_site .tapiso_product_delivery p{color:#000; margin-bottom:0px; line-height:24px;} #tapiso_product_site .tapiso_product_description{display:inline-block; width:100%; margin-top:7px;} #tapiso_product_site .tapiso_product_description > h3{display:inline-block; width:100%; border-bottom:1px solid #ececec; padding:22px 0px; margin-bottom:40px; margin-top:-3px;} #tapiso_product_site .tapiso_product_colors.color_filtering_check{margin-bottom:3px;} .slider-zoom{width:566px; display:inline-block;}/*zoom*/ .slider .lista a:hover img{opacity:0.8 !important;} @media (max-width:1199px){ .#tapiso_product_site .tapiso_product_block_images{width:50%;} .tapiso_product_block_info{width:100%;} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails div{width:82px; height:82px;} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails{width:82px;} #tapiso_product_site .tapiso_product_block_images .tapiso_image{padding:0px 15px; width:459px;} #tapiso_product_site .tapiso_product_block_info h2{font-size:24px; line-height:30px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes button{width:28px; height:28px;padding:1px 6px ; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes button span{font-size:14px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes input[type="text"]{width:40px; height:28px;} #tapiso_product_site .tapiso_product_block_info form .btn.dropdown-toggle.btn-default{height:50px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes a.shopping_cart{padding:10px 20px; width:auto; font-size:14px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes a.shopping_cart::after{display:none;} .tapiso_product_colors.color_filtering_check li label{width:25px; height:25px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_details{padding-top:15px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_details p{font-size:15px; line-height:22px;} #tapiso_product_site .tapiso_product_delivery{margin-top:10px;} .slider-zoom{width:436px;}/*zoom*/ } @media (max-width:991px){ #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails div{display:inline-block; float:left;} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails{width:100%; } #tapiso_product_site .tapiso_product_delivery{display:none;} #tapiso_product_site .tapiso_product_description > h3{margin:10px 0px; padding-bottom:10px; padding-top:10px;} #tapiso_product_site .tapiso_product_block_images .tapiso_image{width:100%; padding:0px 10px 0px 0px;} .slider-zoom{width:351px;}/*zoom*/ } @media (min-width:768px){ .slider-no-zoom{display:none;} } @media (max-width:767px){ #tapiso_product_site .tapiso_product_block_images, #tapiso_product_site .tapiso_product_block_info{width:100%; padding:0px;} #tapiso_product_site .tapiso_product_block_images .tapiso_image{padding:0px; float:none;} #tapiso_product_site .tapiso_product_block_images .tapiso_product_thumbnails{float:none;} #tapiso_product_site .tapiso_product_block_info h2{ max-width:100%;} #tapiso_product_site .tapiso_product_description > h3{font-size:16px; } #tapiso_product_site .tapiso_product_description > p{font-size:13px; line-height:20px;} #tapiso_product_site .tapiso_product_info{padding:25px 0px 0px 0px;} .slider-zoom{/*display:none !important;*/ width:100%;} .slider-no-zoom img{width:100% !important; margin:0px;} .slider-no-zoom {display:block !important;} .slider-no-zoom ul{width:100%; padding-left:0px;} .slider-no-zoom ul:after{display:block; content:''; clear:both;} .slider-no-zoom .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{background: rgba(0, 0, 0, 0) url("../images/arrow_left.png") no-repeat center center; float:left;} .slider-no-zoom .bx-wrapper .bx-controls .bx-controls-direction .bx-next{background: rgba(0, 0, 0, 0) url("../images/arrow_right.png") no-repeat center center; float:left} .slider-no-zoom .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .slider-no-zoom .bx-wrapper .bx-controls .bx-controls-direction .bx-next{display: inline-block; height: 30px; opacity: 0.25; text-indent: -999em; width: 31px; } .slider-no-zoom .bx-wrapper .bx-controls .bx-controls-direction{overflow;hidden; width:70px; float:right;} .slider-no-zoom .bx-wrapper .bx-pager{display:none;} } @media (min-width:1200px){ .slider-no-zoom{display:none;} } /* * Stars */ .rating-loading { width: 25px; height: 25px; font-size: 0; color: #fff; background: transparent url('../img/loading.gif') top left no-repeat; border: none; } .rating-container .rating { cursor: default; position: relative; vertical-align: middle; display: inline-block; overflow: hidden; white-space: nowrap; } .rating-disabled .rating { cursor: not-allowed; } .rating-container .star { display: inline-block; margin: 0 2px; text-align: center; cursor:pointer; } .rating-container .empty-stars { color: #aaa; } .rating-container .filled-stars { position: absolute; left: 0; top: 0; margin: auto; color: #f4be00; white-space: nowrap; overflow: hidden; } .rating-rtl { float: right; } .rating-animate .filled-stars { transition: width 0.25s ease; -o-transition: width 0.25s ease; -moz-transition: width 0.25s ease; -webkit-transition: width 0.25s ease; } .rating-rtl .filled-stars { left: auto; right: 0; -moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0); -o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0); } .rating-rtl.is-star .filled-stars { right: 0.06em; } .rating-rtl.is-heart .empty-stars { margin-right: 0.07em; } /** * Sizes */ .rating-xl { font-size: 4.89em; } .rating-lg { font-size: 3.91em; } .rating-md { font-size: 3.13em; } .rating-sm { font-size: 2.5em; } .rating-xs { font-size: 13px; } .rating-xl { font-size: 4.89em; } /** * Clear */ .rating-container .clear-rating { display:none; } .clear-rating-active { cursor: pointer !important; } .clear-rating-active:hover { color: #843534; } .rating-container .clear-rating { padding-right: 5px; } .rating-container .empty-stars{color:#c1c3c7;} /** * Caption */ .rating-container .caption { color: #000; display: inline-block; vertical-align: middle; font-size: 60%; margin-top: -0.6em; font-weight:700; font-size:12px; background:#fff; padding:0px; display:none; } .rating-container .caption { margin-left: 5px; margin-right: 0; } .rating-rtl .caption { margin-right: 5px; margin-left: 0; } /** * Print */ @media print { .rating-container .clear-rating { display: none; } } /*komentarze*/ .tapiso_rating_average{display:inline-block; float:right; margin-top:-59px;} .tapiso_rating_average .average{display:inline-block; float:left; font-size:12px; font-weight:400; padding-right:5px; margin-right:-2px;} .tapiso_rating_average .average span{font-weight:700;} .tapiso_rating_average .rating-xs{font-size:11px;} .tapiso_rating_average .rating-container{display:inline-block; float:left;} .tapiso_products_comments{width:58%; display:inline-block; float:left;padding:0px 7px 0px 0px; overflow:hidden; padding-bottom:40px;} .tapiso_product_opinions h3{padding-bottom:23px; width:100%; border-bottom:1px solid #ececec;} .tapiso_products_comments .tapiso_single_comment{position:relative;padding-left:80px; overflow:hidden; padding-top:10px;margin-bottom:13px;} .tapiso_products_comments .tapiso_single_comment .tapiso_user{overflow:hidden; margin-bottom:10px;} .tapiso_products_comments .tapiso_single_comment .avatar{display:inline-block; float:left;border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius:50px; position:absolute; top:0px; left:15px;} .tapiso_products_comments .tapiso_single_comment .avatar img{width:100%;} .tapiso_products_comments .tapiso_single_comment .comment_content{display:inline-block; float:left;} .tapiso_products_comments .tapiso_single_comment .tapiso_rating{float:right; margin:2px 15px 0px 0px;} .tapiso_products_comments .tapiso_single_comment .comment_content h6{font-weight:400; font-size:15px; color:#000; display:inline-block; float:left; margin:0px; padding-top:3px;} .tapiso_products_comments .tapiso_single_comment .comment_content p{display:inline-block; width:100%; color:#6b6b6e; font-size:15px; line-height:22px; padding-left:30px; position:relative; } .tapiso_products_comments .tapiso_single_comment .comment_content p:after{background:#dadada; content:''; width:2px; height:100%; position:absolute; top:0; left:15px; } .tapiso_products_comments .tapiso_single_comment .comment_content span.date{color:#ec354b;font-weight:400; font-size:15px;position:relative; display:inline-block; float:left; padding-left:14px;} .tapiso_products_comments .tapiso_single_comment .comment_content span.date:before{content:'/'; display:block; width:7px; height:100%; left:3px; top:0; position:absolute; color:#cdcdcd;} .opinions_unreveal{cursor:pointer; display:inline-block; float:right; padding-right:20px;color:#ec354b; font-size:14px; font-weight:400; text-transform:uppercase; position:relative;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; margin-right:18px;} .opinions_unreveal:hover{color:#000; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .opinions_unreveal:before{content:''; display:block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #ec354b transparent transparent transparent; right:0; top:6px; position:absolute;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } .opinions_unreveal:hover:before{border-color: #000 transparent transparent transparent;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .opinions_unreveal:after{content:''; display:block; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; border-color: #fff transparent transparent transparent; right:0; top:5px;position:absolute;} .tapiso_products_form{width:42%; display:inline-block; float:left; padding:0px 0px 0px 22px;} .tapiso_products_form form{padding-top:20px;} .tapiso_products_form .tapiso_comment_rating{width:auto; margin-top:8px;} .tapiso_products_form .tapiso_comment_rating .text{display:inline-block; float:left; padding-right:10px; padding-top:3px; font-style:italic;} .tapiso_products_form .tapiso_comment_rating .rating-container{display:inline-block; float:left; } .tapiso_products_form .tapiso_comment_rating .rating-xs{font-size:20px; } .tapiso_products_form .tapiso_comment_rating .rating-xs .star{margin:0px 3px;} .tapiso_products_form .input_group_btns button{margin-top:-6px;} @media (max-width:991px){ .tapiso_products_form, .tapiso_products_comments{width:100%; padding:0px;} } @media (max-width:767px){ .tapiso_products_comments .tapiso_single_comment .avatar{width:30px; height:30px;} .tapiso_products_comments .tapiso_single_comment{padding-left:57px;} .tapiso_products_comments .tapiso_single_comment .comment_content h6{font-size:13px;} .tapiso_products_comments .tapiso_single_comment .comment_content span.date, .opinions_unreveal{font-size:13px;} .tapiso_products_comments .tapiso_single_comment .comment_content p{font-size:13px; line-height:19px;} .tapiso_rating_average{margin-top:5px; width:100%; text-align:right; margin-bottom:10px;} .tapiso_products_form .tapiso_comment_rating .text{display:none;} .tapiso_product_opinions h3{font-size:16px; padding-bottom:10px;} } @media (max-width:500px){ .tapiso_products_form .input_group_btns{text-align:center; padding-top:0px; margin-top:0px;} .tapiso_products_form .input_group_btns button{margin:0px auto; width:100%;} .tapiso_products_form .tapiso_comment_rating .rating-container{text-align:center; width:100%;} .tapiso_products_comments .tapiso_single_comment .comment_content p::after{display:none;} .tapiso_products_comments .tapiso_single_comment .comment_content p{padding-left:0px;} } /*produkty polecane slider*/ .product_item_wrapper{width:16.666%; padding:0px 5px; display:inline-block; float:left; padding-bottom:15px;} .product_item_wrapper .product_item .product_description h4{line-height:10px; padding-bottom:0px; } .product_item_wrapper .product_item .product_description h4:after{display:none;} .product_item_wrapper .product_item .product_description h4 a{font-size:12px; line-height:15px;} .product_item_wrapper .product_item .product_description .price{font-size:12px;} .product_item_wrapper .product_item .product_description .price span{font-weight:400;} .product_item_wrapper div.product_item .product-item-img a{height:258px;} .product_item_wrapper div.product_item{float:none; width:100%; padding-bottom:0px;} .product_item_wrapper div.product_item .product_item_hover{overflow-x:hidden;} .product_item_wrapper div.product_item .product_item_hover .color_choice h5{font-size:13px;} .product_item_wrapper div.product_item .shop_compare .shopping_cart{background:none; font-size:13px; padding-left:15px; margin-left:0px;} .product_item_wrapper div.product_item .shop_compare .compare_button{width:50px;} .product_item_wrapper div.product_item .shop_compare{background:#ec354b !important;} .product_item_wrapper div.product_item .shop_compare .compare_button span.text{display:none;} .product_item_wrapper div.product_item .colors_slider div{width:24px !important; height:24px !important;} .product_item_wrapper div.product_item .colors_slider div a{width:24px !important; height:24px !important;} .product_item_wrapper div.product_item .color_choice > .bx-wrapper .bx-controls-direction .bx-next{bottom:13px;} .product_item_wrapper div.product_item .color_choice > .bx-wrapper .bx-controls-direction .bx-next:after{top:-13px;} .product_item_wrapper div.product_item .color_choice > .bx-wrapper .bx-controls-direction .bx-prev{bottom:13px;} .product_item_wrapper div.product_item .color_choice > .bx-wrapper .bx-controls-direction .bx-prev:after{top:-13px;} #tapiso_remoendation .bx-pager.bx-default-pager{display:none;} #tapiso_remoendation .container > .bx-wrapper > .bx-viewport > .bx-controls.bx-has-pager.bx-has-controls-direction > .bx-controls-direction > .bx-prev, #tapiso_remoendation .container > .bx-wrapper > .bx-viewport > .bx-controls.bx-has-pager.bx-has-controls-direction > .bx-controls-direction{display:block !important;} /*produtky strzałki*/ #tapiso_remoendation .container > .bx-wrapper > .bx-controls.bx-controls bx-has-controls-direction{display:block !important;} #tapiso_remoendation .container > .bx-wrapper > .bx-controls .bx-controls-direction{margin-right:10px;float:right;width:78px !important; background:url(../images/slash.png) no-repeat; background-position:center center; overflow:hidden; display:block;} #tapiso_remoendation .container > .bx-wrapper > .bx-controls .bx-controls-direction .bx-prev, #tapiso_remoendation .container > .bx-wrapper > .bx-controls .bx-controls-direction .bx-next{width:31px; height:30px; text-indent:-999em; display:inline-block; opacity:0.25; font-size:0px;} #tapiso_remoendation .container > .bx-wrapper > .bx-controls .bx-controls-direction .bx-prev{background:url(../images/arrow_left.png) no-repeat; background-position:center left; float:left;} #tapiso_remoendation .container > .bx-wrapper > .bx-controls .bx-controls-direction .bx-next{background:url(../images/arrow_right.png) no-repeat; background-position:center right; float:right;} #tapiso_remoendation .container > .bx-wrapper > .bx-controls .bx-controls-direction .bx-prev:hover, #tapiso_remoendation .container > .bx-wrapper > .bx-controls .bx-controls-direction .bx-next:hover{opacity:1;} #tapiso_remoendation .container > .bx-wrapper > .bx-controls.bx-has-controls-direction{position:absolute; top:-97px; right:0; display:inline-block !important; } .slider_recomendation .product_description h4{height:auto;} .slider_recomendation .product_item_hover .color_choice .bx-wrapper{width:55px; padding:5px 0px; } .product_item_wrapper div.product_item .color_choice > .bx-wrapper .bx-controls-direction .bx-prev, .product_item_wrapper div.product_item .color_choice > .bx-wrapper .bx-controls-direction .bx-next{bottom:4px; } @media (max-width:1199px){ .product_item_wrapper{width:25%;} .product_item_wrapper div.product_item .product-item-img a{height:325px;} #tapiso_remoendation .container > .bx-wrapper > .bx-controls.bx-has-controls-direction{top:-65px; } } @media (max-width:991px){ .slider_recomendation .product_item_wrapper{width:33.333%;} .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:328px;} .slider_recomendation .product_item_wrapper div.product_item .product_item_hover{position:inherit; padding-top:0px;} .slider_recomendation .product_item_wrapper div.product_item .shop_compare .compare_button span.heart{background-size:20px 18px;} .slider_recomendation .product_item_wrapper div.product_item .shop_compare .shopping_cart{padding:10px 15px;} .slider_recomendation .product_item_wrapper div.product_item .shop_compare .compare_button{height:38px;} } @media (max-width:767px){ .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:325px;} .slider_recomendation .product_item_wrapper div.product_item .shop_compare .shopping_cart{font-size:10px;} } @media (max-width:640px){ .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:300px;} .product_item_wrapper div.product_item .shop_compare .compare_button{width:35px;} } @media (max-width:600px){ .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:245px;} .slider_recomendation .shop_compare .shopping_cart{width:100%} .slider_recomendation .product_item_wrapper div.product_item .shop_compare .compare_button{margin-bottom:-34px;} .slider_recomendation .product_item_wrapper .product_item .product_description h4 a{width:100%; display:block; height:30px;} } @media (max-width:500px){ .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:215px;} } @media (max-width:450px){ .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:180px;} .slider_recomendation .product_item_wrapper .product_item .product_description h4 a{width:100%; display:block; height:30px;} } @media (max-width:380px){ .slider_recomendation .product_item_wrapper{width:50%;} #tapiso_remoendation .container{ padding:20px 0px;} .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:229px;} .slider_recomendation .slide{width:300px; margin:0px auto; text-align:center; display:inline-block;} .product_item_wrapper .product_item .product_description h4 a{padding:0px 10px;} .slider_recomendation .product_item_hover .color_choice{display:none;} } @media (max-width:290px){ .slider_recomendation .product_item_wrapper div.product_item .product-item-img a{height:195px;} } @media (max-width:350px){ } /*** Koszyk ***/ #tapiso_shopping_cart_sb { margin-bottom:85px; } #tapiso_shopping_cart_sb ul.steps { margin:30px 0 28px; padding:0; list-style-type:none; } #tapiso_shopping_cart_sb ul.steps li { display:inline-block; color:#747474; font-size:14px; font-weight:500; } #tapiso_shopping_cart_sb ul.steps > li + li:before { content:"/\00a0"; padding:0 5px; } #tapiso_shopping_cart_sb ul.steps li.active { color:#000; } #basketWrap .select { text-align:center; width:5.4%; } #basketWrap .select input[type="checkbox"] { margin-top:2px; } #basketWrap .name { text-align:left; width:33%; } #basketWrap .quantity { text-align:center; width:15.6%; } #basketWrap .remove { text-align:center; width:25%; } #basketWrap .grossValue { text-align:right; width:19.5%; } #basketWrap .rowHead { padding:15px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; color:#6f6f6f; font-size:15px; line-height:15px; font-weight:400; } #basketWrap .rowHead > div { float:left; } #basketWrap .rowHead .quantity { text-align:left; padding-left:45px; } #basketWrap .rowBody { padding:15px 0; border-bottom:1px solid #e1e1e1; } #basketWrap .rowBody:hover { background:#fcfcfc; } #basketWrap .rowBody > div { float:left; } #basketWrap .rowBody > div > .inner { padding:29px 0; } #basketWrap .rowBody > div.select > .inner { padding:27px 0 22px; } #basketWrap .rowBody > div.name > .inner { padding:0; } #basketWrap .rowBody > div.quantity > .inner { padding:19px 0; } #basketWrap .rowBody > div.grossValue > .inner { padding:22px 0 0; } #basketWrap .rowBody .name a.photo { display:block; float:left; } #basketWrap .rowBody .name a.photo img { display:block; max-width:50px; max-height:70px; } #basketWrap .rowBody .name a.photo:hover img { opacity:0.8; } #basketWrap .rowBody .name .data { float:left; width:71%; padding:17px 0 5px 8px; } #basketWrap .rowBody .name .data a.title { display:inline-block; color:#000; font-size:15px; line-height:17px; font-weight:700; } #basketWrap .rowBody .name .data a.title:hover { color:#ec354b; } #basketWrap .name .quantityProduct { display:none; } #basketWrap .name .quantityProduct a.add { display:block; float:left; width:31px; height:31px; margin-right:5px; line-height:31px; background:#fff; border:1px solid #ebebeb; color:#afb1b6; font-size:15px; font-weight:800; outline:none; text-align:center; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #basketWrap .name .quantityProduct a.add:hover { background:#ec354b; border-color:#ec354b; color:#fff; } #basketWrap .name .quantityProduct input.text { display:block; float:left; width:46px; height:31px; line-height:31px; border:1px solid #ebebeb; color:#000; text-align:center; font-size:13px; font-weight:700; } #basketWrap .name .quantityProduct input.text:focus { outline:none; border-color:#ec354b; } #basketWrap .name .quantityProduct input::-webkit-input-placeholder { color:#000 !important; opacity: 1; } #basketWrap .name .quantityProduct input:-moz-placeholder { color: #000 !important; opacity: 1; } #basketWrap .name .quantityProduct input::-moz-placeholder { color: #000 !important; opacity: 1; } #basketWrap .name .quantityProduct input:-ms-input-placeholder { color: #000 !important; opacity: 1; } #basketWrap .name .quantityProduct a.subtract { display:block; float:left; width:31px; height:31px; margin-left:5px; line-height:31px; background:#fff; border:1px solid #ebebeb; color:#afb1b6; font-size:15px; font-weight:800; outline:none; text-align:center; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #basketWrap .name .quantityProduct a.subtract:hover { background:#ec354b; border-color:#ec354b; color:#fff; } #basketWrap .name .grossValueProduct { display:none; } #basketWrap .name .grossValueProduct span { display:block; color:#6f6f6f; font-size:14px; line-height:22px; font-weight:400; } #basketWrap .name .grossValueProduct strong { display:block; color:#000; font-size:24px; line-height:24px; font-weight:800; } #basketWrap .name .grossValueProduct s { display:block; color:#6f6f6f; font-size:16px; line-height:16px; font-weight:500; } #basketWrap .rowBody .quantity a.add { display:block; float:left; width:31px; height:31px; margin-right:5px; line-height:31px; background:#fff; border:1px solid #ebebeb; color:#afb1b6; font-size:15px; font-weight:800; outline:none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #basketWrap .rowBody .quantity a.add:hover { background:#ec354b; border-color:#ec354b; color:#fff; } #basketWrap .rowBody .quantity input.text { display:block; float:left; width:46px; height:31px; line-height:31px; border:1px solid #ebebeb; color:#000; text-align:center; font-size:13px; font-weight:700; } #basketWrap .rowBody .quantity input.text:focus { outline:none; border-color:#ec354b; } #basketWrap .rowBody .quantity input::-webkit-input-placeholder { color:#000 !important; opacity: 1; } #basketWrap .rowBody .quantity input:-moz-placeholder { color: #000 !important; opacity: 1; } #basketWrap .rowBody .quantity input::-moz-placeholder { color: #000 !important; opacity: 1; } #basketWrap .rowBody .quantity input:-ms-input-placeholder { color: #000 !important; opacity: 1; } #basketWrap .rowBody .quantity a.subtract { display:block; float:left; width:31px; height:31px; margin-left:5px; line-height:31px; background:#fff; border:1px solid #ebebeb; color:#afb1b6; font-size:15px; font-weight:800; outline:none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #basketWrap .rowBody .quantity a.subtract:hover { background:#ec354b; border-color:#ec354b; color:#fff; } #basketWrap .rowBody .remove a.removeCross { display:block; margin:0 auto; width:11px; height:12px; background: url(../images/cross2.png) no-repeat; } #basketWrap .rowBody .remove a.removeCross:hover { background: url(../images/cross2red.png) no-repeat; } #basketWrap .rowBody .grossValue strong { display:block; color:#000; font-size:24px; line-height:24px; font-weight:800; } #basketWrap .rowBody .grossValue s { display:block; color:#6f6f6f; font-size:16px; line-height:16px; font-weight:500; } #basketWrap .rowBottom { padding:13px; background:#f9f9f9; border-bottom:1px solid #ebebeb; } #basketWrap .rowBottom .code { float:left; } #basketWrap .rowBottom .code br { display:none; } #basketWrap .rowBottom .code span { color:#6f6f6f; font-size:13px; text-transform:uppercase; font-weight:500; } #basketWrap .rowBottom .code input.text { margin:0 10px; padding:7px 9px; width:106px; border:1px solid #e1e1e1; color:#6f6f6f; font-size:12px; font-weight:300; } #basketWrap .rowBottom .code input::-webkit-input-placeholder { color:#6f6f6f !important; opacity: 1; } #basketWrap .rowBottom .code input:-moz-placeholder { color: #6f6f6f !important; opacity: 1; } #basketWrap .rowBottom .code input::-moz-placeholder { color: #6f6f6f !important; opacity: 1; } #basketWrap .rowBottom .code input:-ms-input-placeholder { color: #6f6f6f !important; opacity: 1; } #basketWrap .rowBottom .code .confirm-code { margin-right:15px; padding-left:16px; background: url(../images/confirm.png) no-repeat 0 3px; color:#6f6f6f; font-size:12px; text-transform:uppercase; font-weight:300; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #basketWrap .rowBottom .code .confirm-code:hover { color:#0bb316; } #basketWrap .rowBottom .code .remove-code { padding-left:15px; background: url(../images/remove.png) no-repeat 0 3px; color:#6f6f6f; font-size:12px; text-transform:uppercase; font-weight:300; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #basketWrap .rowBottom .code .remove-code:hover { color:#ec354b; } #basketWrap .rowBottom .all { float:right; color:#6f6f6f; font-size:14px; } #basketWrap .rowBottom .all strong { padding-left:8px; color:#000; font-size:24px; line-height:24px; font-weight:800; } #basketWrap .rowLinks { margin-bottom:40px; padding:12px 0; } #basketWrap .rowLinks a { display:inline-block; margin-right:19px; color:#6f6f6f; font-size:13px; font-weight:300; } #basketWrap .rowLinks a:hover { color:#000; } #basketWrap .rowLinks a.delete-selected { float:right; margin-right:15px; padding-left:14px; background: url(../images/remove_grey.png) no-repeat 0 6px; } #basketWrap .rowLinks a.delete-selected:hover { color:#ec354b; background: url(../images/remove.png) no-repeat 0 6px; } #tapiso_shopping_cart_sb .info { float:left; width:60%; } #tapiso_shopping_cart_sb .info p { margin-bottom:3px; color:#000; font-size:13px; line-height:18px; font-weight:500; text-transform:uppercase; } #tapiso_shopping_cart_sb .info p .green { margin-left:8px; color:#0bb316; font-size:18px; text-transform:none; font-weight:400; } #tapiso_shopping_cart_sb a.button_green { float:right; width:207px; height:52px; line-height:52px; background:#0bb316; border:2px solid #0bb316; color:#fff; font-size:17px; font-weight:700; text-align:center; text-transform:uppercase; } #tapiso_shopping_cart_sb a.button_green:hover { background:#fff; color:#0bb316; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #tapiso_shopping_cart_sb .product_recommended > h4 { margin:28px 0 30px 5px; font-weight:500; } #tapiso_shopping_cart_sb .product_recommended .product_item_wrapper { width:50%; } .product_recommended .color_choice .bx-wrapper{width:55px;} .product_recommended .product_description h4{height:37px;} @media (max-width:1199px){ #basketWrap .name { width:38.5%; } #basketWrap .quantity { width:20%; } #basketWrap .remove { width:15%; } #tapiso_shopping_cart_sb .left-column { width:100%; } #tapiso_shopping_cart_sb .right-column { display:none; } } @media (max-width:991px){ #basketWrap .rowBottom .code { width:inherit; } } @media (max-width:700px){ #basketWrap .name { width:57%; } #basketWrap .quantity { display:none; } #basketWrap .grossValue { width:21%; } #basketWrap .rowBody .name .data { padding-top:0; } #basketWrap .rowBody .name .quantityProduct { display:block; margin-top:10px; overflow:hidden; } #basketWrap .rowBody .name .quantityProduct a.add { margin-right:2px; } #basketWrap .rowBody .name .quantityProduct a.subtract { margin-left:2px; } #basketWrap .rowBody .grossValue strong { font-size:20px; line-height:20px; } #basketWrap .rowBody .grossValue s { font-size:14px; line-height:14px; } #basketWrap .rowBottom .code { width:100%; margin-bottom:12px; } #basketWrap .rowLinks a { margin-right:10px; } #basketWrap .rowLinks a.delete-selected { margin-right:0; } #tapiso_shopping_cart_sb .info { float:none; width:100%; } } @media (max-width:500px){ #tapiso_shopping_cart_sb ul.steps li { font-size:12px; } #basketWrap .name { width:94%; } #basketWrap .remove { display:none; } #basketWrap .grossValue { display:none; } #basketWrap .rowBody .name .photo { width:19%; } #basketWrap .rowBody .name .data { width:81%; padding-right:0; } #basketWrap .name .grossValueProduct { display:block; margin-top:5px; text-align:right; } #basketWrap .rowBottom .code br { display:block; } #basketWrap .rowBottom .code .confirm-code, #basketWrap .rowBottom .code .remove-code { display:inline-block; margin-top:10px; } #basketWrap .rowLinks a { display:block; } #tapiso_shopping_cart_sb .info { margin-bottom:20px; } #tapiso_shopping_cart_sb .info p { font-size:12px; line-height:16px; } } @media (max-width:350px){ #tapiso_shopping_cart_sb ul.steps li { display:block; } #tapiso_shopping_cart_sb ul.steps > li + li:before { display:none; } } @media (max-width:335px){ #tapiso_shopping_cart_sb { margin-top:55px; } } /*** Koszyk kolejne kroki ***/ #basketWrap_nextStep { margin-bottom:30px; } #basketWrap_nextStep .name { text-align:left; width:35%; padding-left:2%; } #basketWrap_nextStep .quantity { text-align:center; width:16%; } #basketWrap_nextStep .grossValue { text-align:right; width:47%; } #basketWrap_nextStep .rowHead { margin-bottom:15px; color:#6f6f6f; font-size:20px; line-height:36px; font-weight:500; } #basketWrap_nextStep .rowBody { padding:15px 0; border-top:1px solid #e1e1e1; } #tapiso_shopping_cart_sb.step3 #basketWrap_nextStep .rowBody:last-child { border-bottom:1px solid #e1e1e1; } #basketWrap_nextStep .rowBody:hover { background:#fcfcfc; } #basketWrap_nextStep .rowBody > div { float:left; } #basketWrap_nextStep .rowBody > div.name > .inner { padding:0; } #basketWrap_nextStep .rowBody > div.quantity > .inner { padding:24px 0; } #basketWrap_nextStep .rowBody > div.grossValue > .inner { padding:22px 0 0; } #basketWrap_nextStep .rowBody .name a.photo { display:block; float:left; } #basketWrap_nextStep .rowBody .name a.photo img { display:block; max-width:50px; max-height:70px; } #basketWrap_nextStep .rowBody .name a.photo:hover img { opacity:0.8; } #basketWrap_nextStep .rowBody .name .data { float:left; width:71%; padding:17px 0 5px 8px; } #basketWrap_nextStep .rowBody .name .data a.title { display:inline-block; color:#000; font-size:15px; line-height:17px; font-weight:700; } #basketWrap_nextStep .rowBody .name .data a.title:hover { color:#ec354b; } #basketWrap_nextStep .rowBody .name .data .quantityProduct { display:none; } #basketWrap_nextStep .rowBody .name .data .grossValueProduct { display:none; text-align:right; } #basketWrap_nextStep .rowBody .name .data .grossValueProduct strong { display:block; color:#000; font-size:24px; line-height:24px; font-weight:800; } #basketWrap_nextStep .rowBody .name .data .grossValueProduct s { display:block; color:#6f6f6f; font-size:16px; line-height:16px; font-weight:500; } #basketWrap_nextStep .rowBody .quantity { color:#6f6f6f; font-weight:700; font-size:15px; } #basketWrap_nextStep .rowBody .grossValue strong { display:block; color:#000; font-size:24px; line-height:24px; font-weight:800; } #basketWrap_nextStep .rowBody .grossValue s { display:block; color:#6f6f6f; font-size:16px; line-height:16px; font-weight:500; } #tapiso_shopping_cart_sb .radio-list { margin-bottom:35px; } #tapiso_shopping_cart_sb .radio-list h3 { margin-bottom:30px; padding-bottom:16px; border-bottom:1px solid #ececec; color:#4b4848; font-size:26px; line-height:36px; font-weight:500; } #tapiso_shopping_cart_sb .radio-list .radio { margin-bottom:16px; margin-left:10px; } #tapiso_shopping_cart_sb .radio-list .radio input[type="radio"]:focus { outline:none !important; } #tapiso_shopping_cart_sb .radio-list .radio label { padding-left:10px; width:100%; color:#4b4848; font-size:17px; font-weight:400; line-height:17px; } #tapiso_shopping_cart_sb .radio-list .radio label .delivery { float:left; width:45%; } #tapiso_shopping_cart_sb .radio-list .radio label .term { float:left; width:40%; } #tapiso_shopping_cart_sb .radio-list .radio label .term .green { color:#148d47; font-style:italic; } #tapiso_shopping_cart_sb .radio-list .radio label .price { float:left; width:15%; color:#000; text-align:right; font-size:20px; font-weight:800; } #tapiso_shopping_cart_sb .shipping-address h3 { margin-bottom:30px; padding-bottom:16px; border-bottom:1px solid #ececec; color:#4b4848; font-size:26px; line-height:36px; font-weight:500; } #tapiso_shopping_cart_sb .shipping-address .line { margin:20px 0; } #tapiso_shopping_cart_sb .shipping-address .checkbox label { font-size:14px; } #tapiso_shopping_cart_sb .shipping-address .radio label { padding-left:5px; width:100%; color:#4b4848; font-size:17px; font-weight:400; line-height:17px; } #tapiso_shopping_cart_sb .shipping-address .another-address { display:none; } #tapiso_shopping_cart_sb .shipping-address .another-address.show { display:block; } #tapiso_shopping_cart_sb .form-control { padding:14px 10px; height:43px; } #tapiso_shopping_cart_sb .summary-box { margin-top:57px; padding:10px 20px 30px; background:#f9f9f9; } #tapiso_shopping_cart_sb .summary-box h3 { margin-bottom:33px; color:#4b4848; font-weight:500; font-size:26px; } #tapiso_shopping_cart_sb .summary-box .price { overflow:hidden; margin-bottom:12px; } #tapiso_shopping_cart_sb .summary-box .price span { color:#4b4848; display:inline-block; float:left; font-size:18px; font-weight:400; line-height:30px; text-transform:uppercase; } #tapiso_shopping_cart_sb .summary-box .price p { display:inline-block; float:right; font-size:21px; font-weight:800; margin-bottom:0; line-height:30px; } #tapiso_shopping_cart_sb .summary-box .price.summary { border-top:1px solid #e7e7e7; padding-top:17px; margin-top:20px; margin-bottom:30px; } #tapiso_shopping_cart_sb .container { position: relative; } #tapiso_shopping_cart_sb .summary-box { margin-left: 0px; } #tapiso_shopping_cart_sb .summary-box .shopping_btns { margin-top:30px; overflow:hidden; } #tapiso_shopping_cart_sb .summary-box .shopping_btns .shop_delete{ text-transform:uppercase; font-size:17px; color:#666666; font-weight:700; border:2px solid #666666; padding:7px 0; width:47%; text-align:center; display:inline-block; float:left; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #tapiso_shopping_cart_sb .summary-box .shopping_btns .shop_order{ text-transform:uppercase; font-size:17px; color:#fff; font-weight:700; border:2px solid #0bb316; padding:7px 0; width:47%; text-align:center; background:#0bb316; display:inline-block; float:right; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #tapiso_shopping_cart_sb .summary-box .shopping_btns .shop_delete:hover{ color:#fff; background:#666666 ;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #tapiso_shopping_cart_sb .summary-box .shopping_btns .shop_order:hover{ background:#fff; color:#0bb316;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } .shopping_cart_popup .radio-list { margin-bottom:35px; } .shopping_cart_popup .radio-list .radio { margin-bottom:16px; margin-left:10px; } .shopping_cart_popup .radio-list .radio input[type="radio"]:focus { outline:none !important; } .shopping_cart_popup .radio-list .radio label { padding-left:10px; width:100%; color:#4b4848; font-size:17px; font-weight:400; line-height:17px; } .shopping_cart_popup .radio-list .radio label .delivery { float:left; width:35%; } .shopping_cart_popup .radio-list .radio label .term { float:left; width:45%; } .shopping_cart_popup .radio-list .radio label .term .green { color:#148d47; font-style:italic; } .shopping_cart_popup .radio-list .radio label .price { float:left; width:20%; color:#000; text-align:right; font-size:20px; font-weight:800; } #tapiso_shopping_cart_sb.step3 .tapiso_customer_data { border-top:none; padding-top:0; } #tapiso_shopping_cart_sb.step3 .tapiso_customer_data .delivery p { display:inline-block; color:#4b4848; font-size:17px; font-weight:500; } #tapiso_shopping_cart_sb.step3 .tapiso_customer_data .delivery p:first-child { margin-right:140px; } #tapiso_shopping_cart_sb.step3 .tapiso_order_summary .price.summary { margin-bottom:30px; } #tapiso_shopping_cart_sb.step3 .tapiso_order_summary a.shop_order { text-transform:uppercase; font-size:17px; color:#fff; font-weight:700; border:2px solid #0bb316; padding:7px 30px; text-align:center; background:#0bb316; display:inline-block; float:right; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } #tapiso_shopping_cart_sb.step3 .tapiso_order_summary a.shop_order:hover { background:#fff; color:#0bb316; } #tapiso_shopping_cart_sb .step4-thanks { padding:40px 0; margin:0 auto; width:585px; text-align:center; } #tapiso_shopping_cart_sb .step4-thanks h3 { color:#148d47; font-size:26px; line-height:30px; } #tapiso_shopping_cart_sb .step4-thanks p { margin-bottom:30px; color:#6f6f6f; font-size:16px; line-height:24px; } #tapiso_shopping_cart_sb .step4-thanks p strong { font-weight:700; color:#000; } .tapiso_admin #basketWrap_nextStep .rowBody { border-top:none; border-bottom:1px solid #e1e1e1; } @media (max-width:1199px){ #tapiso_shopping_cart_sb .summary-column { width:100%; } #tapiso_shopping_cart_sb .summary-box { margin-top:30px; } } @media (min-width:0px ) and (max-width:1199px){ #tapiso_shopping_cart_sb .summary-box { margin-top:15px !important;} } @media (max-width:991px){ #basketWrap_nextStep .name { width:55%; } #basketWrap_nextStep .quantity { width:16%; } #basketWrap_nextStep .grossValue { width:27%; } #tapiso_shopping_cart_sb .radio-list h3 { font-size:22px; line-height:26px; } #tapiso_shopping_cart_sb .radio-list .radio { margin-bottom:20px; } #tapiso_shopping_cart_sb .radio-list .radio label .delivery { display:inline-block; float:none; width:inherit; } #tapiso_shopping_cart_sb .radio-list .radio label .term { display:inline-block; float:none; width:inherit; color:#6f6f6f; font-size:15px; } #tapiso_shopping_cart_sb .radio-list .radio label .price { display:inline; float:none; width:inherit; text-align:left; } #tapiso_shopping_cart_sb .shipping-address h3 { font-size:22px; line-height:26px; } .shopping_cart_popup .radio-list .radio label { font-size:15px; line-height:15px; } .shopping_cart_popup .radio-list .radio label .price { font-size:18px; } } @media (max-width:767px){ .tapiso_customer_data > h3{font-size:19px;} .customer_data_summary h3, .tapiso_admin .tapiso_customer_data .customer_data h3{font-size:18px;} #tapiso_shopping_cart_sb.step3 .tapiso_customer_data .delivery p, .tapiso_customer_data .customer_data p {font-size:14px;} #tapiso_shopping_cart_sb .step4-thanks { padding:30px 0; width:inherit; } } @media (max-width:700px){ #tapiso_shopping_cart_sb .radio-list h3 { font-size:20px; line-height:24px; } #tapiso_shopping_cart_sb .shipping-address h3 { margin-bottom:20px; font-size:20px; line-height:24px; } #tapiso_shopping_cart_sb .summary-box h3 { font-size:22px; line-height:24px; } .shopping_cart_popup .radio-list .radio label .delivery { display:inline-block; float:none; width:inherit; } .shopping_cart_popup .radio-list .radio label .term { display:inline-block; float:none; width:inherit; color:#6f6f6f; font-size:13px; } .shopping_cart_popup .radio-list .radio label .price { display:inline; float:none; width:inherit; text-align:left; font-size:15px; } #tapiso_shopping_cart_sb.step3 .tapiso_customer_data .delivery p:first-child { margin-right:40px; } #tapiso_shopping_cart_sb.step3 .tapiso_customer_data .col-xs-6 { width:100%; } #tapiso_shopping_cart_sb.step3 .tapiso_customer_data .customer_data h3 { font-size:16px; } } @media (max-width:500px){ #basketWrap_nextStep .name { width:100%; } #basketWrap_nextStep .rowBody .name a.photo { width:19%; } #basketWrap_nextStep .rowBody .name .data { width:81%; padding:0 0 0 8px; } #basketWrap_nextStep .rowBody .quantity { display:none; } #basketWrap_nextStep .rowBody .grossValue { display:none; } #basketWrap_nextStep .rowBody .name .data .quantityProduct { display:block; } #basketWrap_nextStep .rowBody .name .data .grossValueProduct { display:block; } #basketWrap_nextStep .grossValue { width:29%; } #tapiso_shopping_cart_sb .radio-list .radio { margin-left:0; } #tapiso_shopping_cart_sb .radio-list .radio label .price { font-size:18px; } #tapiso_shopping_cart_sb .summary-box { padding:10px 10px 20px; } #tapiso_shopping_cart_sb .summary-box h3 { margin-top:10px; margin-bottom:15px; } #tapiso_shopping_cart_sb .summary-box .price { margin-bottom:5px; } #tapiso_shopping_cart_sb .summary-box .price.summary { margin-top:15px; padding-top:12px; } #tapiso_shopping_cart_sb .summary-box .price span { font-size:16px; } #tapiso_shopping_cart_sb .summary-box .price p { font-size:19px; } #tapiso_shopping_cart_sb.step3 .tapiso_customer_data .delivery p, .tapiso_customer_data .customer_data p {font-size:13px;} #tapiso_shopping_cart_sb .step4-thanks h3 { font-size:20px; line-height:28px; } #tapiso_shopping_cart_sb .step4-thanks p { margin-bottom:10px; font-size:14px; line-height:20px; } } @media (max-width:350px){ } @media (max-width:335px){ } /***************************************************************************/ .tapiso_new_slider.tapiso_slider .bx-controls-direction{display:none;} #baner_tapiso .bx-controls-direction{display:none;} .tapiso_product_comparison_wrapper .tapiso_comparison_slider li{height:450px;} /******************* monika **************************************/ /*globalne*/ button.btn.btn-lg.btn-primary.btn-block.btn_tap_green{background:#0bb316; border:1px solid #0bb316;} button.btn.btn-lg.btn-primary.btn-block.btn_tap_green:hover{background:#08a312; border:1px solid #08a312;} /*komunikaty*/ .shopping_cart_popup{width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;text-align:center; display:table;} .container_table{display:table-cell; vertical-align:middle; } .shopping_cart_popup .shopping_cart_popup_content{ background:#fff;max-width:833px; margin:auto; text-align:left; /*position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;*/ margin:0px auto;/*min-height:320px;*/max-height:542px; z-index:2; } .shopping_cart_popup .popup_hide{display:block; width:100%; height:100%; background:#000; width:100%; height:100%; position:fixed; top:0; left:0; z-index:-1;/* position:absolute; top:0; left:0; z-index:1;*/ opacity:0.6} .shopping_cart_popup .shopping_cart_popup_content .el_rel{position:relative;} .shopping_cart_popup .shopping_cart_popup_content .content{ padding:37px 40px; width:100%; overflow:scroll; max-height:542px; } .shopping_cart_popup .shopping_cart_popup_content div .popup_close{background:#ec354b; width:32px; height:32px; text-align:center; position:absolute; top:-10px; right:-20px; padding-top:4px; cursor:pointer; overflow:visible;} .shopping_cart_popup .shopping_cart_popup_content .content a{font-size:inherit; font-style:italic; font-weigth:300; color:#148d47;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_popup .shopping_cart_popup_content .content a:hover{color:#000;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_popup .shopping_cart_popup_content p{font-size:18px; line-height:24px; margin-bottom:24px; font-weight:300;} .shopping_cart_popup .shopping_cart_popup_content p:last-child{margin-bottom:0px;} .shopping_cart_popup .shopping_cart_popup_content span.price{color:#148d47;font-size:30px; font-weight:900;} .shopping_cart_popup .shopping_cart_popup_content .col-xs-6.col-sm-6{padding:0px;} .shopping_cart_popup .shopping_cart_popup_content h3{font-size:30px; font-weight:700; color:#3c3941; margin-top:0px; margin-bottom:30px;} @media (max-width:1199px){ } @media (max-width:991px){ .shopping_cart_popup .shopping_cart_popup_content{max-width:70%; max-height:250px; } .shopping_cart_popup .shopping_cart_popup_content .content{max-height:250px;} .shopping_cart_popup .shopping_cart_popup_content .content{padding:20px;} .shopping_cart_popup .shopping_cart_popup_content p{font-size:15px; margin-bottom:15px;} .shopping_cart_popup .shopping_cart_popup_content h3, .shopping_cart_popup .shopping_cart_popup_content span.price{font-size:24px;} } @media (max-width:767px){ .shopping_cart_popup .shopping_cart_popup_content p{font-size:13px; margin-bottom:7px;} .shopping_cart_popup .shopping_cart_popup_content .content{padding:15px;} .shopping_cart_popup .shopping_cart_popup_content h3{font-size:18px;} .shopping_cart_popup .shopping_cart_popup_content span.price{font-size:16px;} } /*produkt*/ /*zoom style*/ /*.zoomWrapper{z-index:999; height:auto !important;}*/ /*.zoomWrapper{display:inline-block; float:left; width:531px !important;}*/ @media (min-width:1200px){ .responsive_img{width:531px !important; margin-left:15px; height:auto !important;} } @media (max-width:1199px){ .responsive_img{width:415px !important; margin-left:15px; height:auto !important;} } @media (max-width:991px){ .responsive_img{width:320px !important; margin-left:15px; height:auto !important;} } @media (max-width:767px){ .responsive_img{width:300px !important; margin-left:5px; height:auto !important;} } @media (max-width:350px){ .responsive_img{width:200px !important; margin-left:5px; height:auto !important;} .zoomWrapper{height:300px !important;} } #gallery_01{display:inline-block; float:left;} .slider {width:100%;overflow:hidden; clear:both;} /* przyciski next prev */ .slider .navigation{position:absolute; bottom:0; left:0; background:#fff; padding-top:40px; border:2px solid #fff;} .slider .prev, .slider .next {position:relative;width:45px;height:45px;font:11px Arial; color:#333; margin:2px;background:#fff;float:none;margin:5px 30px;border:1px solid #fff;display:block;bottom:0;} .slider .prev:hover, .slider .next:hover {background:#f9f9f9; border:1px solid #f9f9f9;} .slider .next:before{content:''; display:block; width: 0;height: 0;border-style: solid;border-width: 12px 10px 0 10px;border-color: #c8c8c8 transparent transparent transparent; position:absolute; top:17px; left:12px;} .slider .next:after{content:''; display:block; width: 0;height: 0;border-style: solid;border-width: 12px 10px 0 10px;border-color: #fff transparent transparent transparent; position:absolute; top:16px; left:12px;} .slider .next:hover:after{content:''; display:block; width: 0;height: 0;border-style: solid;border-width: 12px 10px 0 10px;border-color: #f9f9f9 transparent transparent transparent; position:absolute; top:16px; left:12px;} .slider .prev:before{content:''; display:block; width: 0;height: 0;border-style: solid;border-width: 0 10px 12px 10px;border-color: transparent transparent #c8c8c8 transparent;position:absolute; top:17px; left:12px;} .slider .prev:after{content:''; display:block; width: 0;height: 0;border-style: solid;border-width: 0 10px 12px 10px;border-color: transparent transparent #fff transparent;position:absolute; top:18px; left:12px;} .slider .prev:hover:after{content:''; display:block; width: 0;height: 0;border-style: solid;border-width: 0 10px 12px 10px;border-color: transparent transparent #f9f9f9 transparent;position:absolute; top:18px; left:12px;} /* wrapper */ .slider .wrapper {width:107px;height:743px;position:relative;overflow:hidden;float:left; background:#ff;} /* lista */ .slider .lista {margin:0;padding:0;list-style-type:none;clear:both;overflow:hidden;position:absolute;width:10000px; width:107px; } .slider .lista a {border:2px solid #eeeeee;width:107px; display:block;margin-bottom:12px; height:107px;overflow:hidden;} .slider .lista a img{width:107px;} @media (max-width:1199px){ } @media (max-width:991px){ .slider{padding-left:70px;} .slider .wrapper{margin-left:-71px; height:548px;} .slider .wrapper, .slider .lista {width:70px;} .slider .lista > a{width:70px; height:70px !important; overflow:hidden;} .slider .lista a img{width:70px;} .slider .prev, .slider .next{margin:5px 10px;} } @media (max-width:767px){ .slider{padding-left:70px; max-width:450px; margin:0px auto;} .slider .wrapper{margin-left:-71px;height:387px;} .slider .wrapper, .slider .lista {width:70px;} .slider .lista > a{width:70px; height:70px !important; overflow:hidden;} .slider .lista a img{width:70px;} .slider .lista{} .slider .wrapper{height:350px;} #tapiso_product_site .container{max-width:700px;} } @media (max-width:500px){ .slider{padding-left:40px;} .slider .wrapper{margin-left:-41px; height:354px;} .slider .wrapper, .slider .lista {width:40px;} .slider .lista > a{width:40px; height:40px !important; overflow:hidden;} .slider .lista a img{width:40px;} .slider .lista{} .slider .prev, .slider .next{margin:5px 0px;} } @media (max-width:350px){ } /************************************* Panel Klienta ***********************************************/ .tapiso_admin {overflow:hidden; padding-bottom:60px;} .tapiso_admin .admin_sidebar{color:#4b4848; padding:36px 40px 60px 40px; background:#fcfcfc; margin-top:20px;} .tapiso_admin .admin_sidebar h3{font-size:27px; margin-top:0px; mnargin-bottom:20px;} .tapiso_admin .admin_sidebar li {margin-bottom:6px;} .tapiso_admin .admin_sidebar li a{color:inherit; font-weight:700; font-size:18px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_admin .admin_sidebar li a span{padding-right:11px; opacity:0;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_admin .admin_sidebar li a:hover span, .tapiso_admin .admin_sidebar li a:focus span , .tapiso_admin .admin_sidebar li a.active span{opacity:1;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_admin .admin_sidebar li a:hover, .tapiso_admin .admin_sidebar li a:focus , .tapiso_admin .admin_sidebar li a.active{color:#0bb316;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_admin .admin_sidebar ul{list-style-type:none; padding-left:0px; } .simple_header{margin-bottom:0px;margin-top:-5px;} .simple_header h3{color:#4b4848; font-weight:900; font-size:26px; border-bottom:1px solid #ececec; padding-bottom:22px; margin-bottom:0px;} .tapiso_admin form h3{font-size:18px; font-weight:500; color:#3c3941; margin-bottom:17px; display:block;} .tapiso_admin form .row{margin-bottom:7px;} .tapiso_admin form input{} .tapiso_admin form .form-control{height:43px; padding:9px 10px;} .tapiso_admin form h6{font-size:14px; font-weight:300; color:#38393d; margin-top:30px; margin-bottom:24px; display:block;} .tapiso_admin form .input_group_btns button{margin-top:25px; text-transform:uppercase; font-size:17px; font-weight:700; padding:14px 30px;} button.btn.btn-lg.btn-primary.btn-block.btn_tap_green.left{float:left; margin-top:10px ;margin-left:0px;} @media (max-width:1199px){ .tapiso_admin .admin_sidebar h3, .simple_header h3{font-size:20px;} .simple_header h3{padding-bottom:10px;} .tapiso_admin .admin_sidebar li a{font-size:16px} .tapiso_admin .admin_sidebar{padding:30px;} } @media (max-width:991px){ .tapiso_admin .admin_sidebar li{display:inline-block; float:left;} /*.simple_header h3{margin-bottom:10px;}*/ .tapiso_admin form h6{margin:10px 0px;} .tapiso_admin .admin_sidebar ul{overflow:hidden;} .tapiso_admin .admin_sidebar li{margin-bottom:7px;} .tapiso_admin form h3{font-size:16px;} .tapiso_admin .admin_sidebar li{padding-right:15px;} } @media (max-width:767px){ .tapiso_admin .admin_sidebar h3, .simple_header h3{font-size:17px;} .tapiso_admin .admin_sidebar li a{font-size:14px;} .tapiso_admin .admin_sidebar{padding:15px;} .tapiso_admin form h3, .tapiso_admin form h6{font-size:14px;} #tapiso_log_in .log_reg_wrapper h3{margin-bottom:15px !important;} #tapiso_log_in .log_reg_wrapper p{margin-bottom:15px !important;} .tapiso_admin form .input_group_btns{margin-top:10px;} .tapiso_admin form .input_group_btns button{font-size:13px; margin-top:0px;} .tapiso_admin{padding-bottom:30px;} .tapiso_admin .input_group_btns{margin-top:0px; padding-top:0px;} } @media (max-width:700px){ } @media (max-width:500px){ #tapiso_log_in .log_reg_wrapper h3{margin:0 0 15px} } /*zamówienia*/ .tapiso_admin .tapiso_orders_list{display:inline-block; width:100%;} .tapiso_admin .tapiso_orders_list .tapiso_order_header{border-bottom:1px solid #e1e1e1; overflow:hidden; padding:17px 0px;} .tapiso_admin .tapiso_orders_list .tapiso_order_header .row > div{color:#6f6f6f; font-weight:400; font-size:15px;text-align:center} .tapiso_admin .tapiso_orders_list .tapiso_order_single{border-bottom:1px solid #e1e1e1; overflow:hidden; padding:5px 0px 0px 0px; display:block;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div{color:#000000; font-size:15px; font-weight:500; text-align:center; padding:20px;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div.price{font-size:18px; font-weight:900;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div p{color:#6f6f6f; font-size:15px; font-weight:400;} .tapiso_admin .tapiso_orders_list .tapiso_order_single:hover .row div p, .tapiso_admin .tapiso_orders_list .tapiso_order_single:focus .row div p{color:#0bb316;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div p span{padding-left:7px; font-size:14px; } .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div p span:after{content:'';top:0px; left:9px; position:absolute; width: 0; height: 0; border-style: solid; border-width:7.5px 0 7.5px 8px; border-color: transparent transparent transparent #fff;} @media (max-width:1199px){ } @media (max-width:991px){ } @media (max-width:767px){ .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div{font-size:14px;} .tapiso_admin .tapiso_orders_list .tapiso_order_header .row > div > div:last-child{display:none;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div:nth-child(2), .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div:nth-child(3){padding:31px 0px;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div > div:last-child{color:#6f6f6f; margin-top:7px;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div:first-child{text-align:left;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div.price{font-size:17px;} } @media (max-width:500px){ .tapiso_admin .tapiso_orders_list .tapiso_order_header .row > div:last-child{display:none;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div:nth-child(3){padding:23px 0px; padding-right:15px;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div p{ width:40px; height:40px; display:block; overflow:hidden; position:relative;float:right;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div p span:after{display:none;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div p span{position:absolute; top:0; left:0; width:100%; height:100%; display:block; background:#fff;padding-top:10px;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div:first-child, .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div:nth-child(2), .tapiso_admin .tapiso_orders_list .tapiso_order_header .row > div:first-child, .tapiso_admin .tapiso_orders_list .tapiso_order_header .row > div:nth-child(2){width:45%;padding-left:5px; paddingright:10px; text-align:left;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row > div:last-child{width:10%;} .tapiso_admin .tapiso_orders_list .tapiso_order_single .row div.price{font-size:14px;} } /*zamówienie szczegóły*/ .tapiso_admin .tapiso_orders_list .tapiso_order_single_details{border-bottom:1px solid #e1e1e1; overflow:hidden; padding:5px 0px 0px 0px; display:block;} .tapiso_admin .tapiso_orders_list .tapiso_order_single_details .row {display:table; height:102px; width:100%;} .tapiso_admin .tapiso_orders_list .tapiso_order_single_details .row > div{color:#000000; font-size:15px; font-weight:500; text-align:center; padding:20px;} .tapiso_admin .tapiso_orders_list .tapiso_order_single_details .row div.price{font-size:18px; font-weight:900; float:right;} .tapiso_admin .tapiso_orders_list .tapiso_order_single_details .row > div.tapiso_amount{color:#6f6f6f; font-size:15px; font-weight:700; display:inline-block; float:left;} .tapiso_admin .tapiso_orders_list .tapiso_order_single_details .row > div.tapiso_amount span{font-weight:400;} .tapiso_admin .tapiso_orders_list .tapiso_order_single_details .row > div.tapiso_details_product{display:table-cell; vertical-align:middle; } .tapiso_admin .tapiso_orders_list .tapiso_order_single_details .row > div.tapiso_details_product p{max-width:175px; font-weight:700; line-height:17px;display:block; float:left; padding-left:8px;margin:calc(); text-align:left; text-transform:uppercase;} div.product_thumb{width:51px; display:inline-block; float:left;} div.product_thumb img{width:100%;} .tapiso_admin{} .tapiso_customer_data{padding-top:3px; border-top:1px solid #ececec;} .tapiso_customer_data > h3{font-size:22px; color:#4b4848;} .tapiso_customer_data .customer_data{margin-bottom:23px;} .tapiso_customer_data .customer_data p{margin-bottom:0px; color:#4b4848; } .tapiso_customer_data .customer_data p strong{color:#201c1c; font-weight:400;} .tapiso_customer_data .customer_data h3{font-size:18px; font-weight:500; color:#201c1c1; margin-bottom:4px; display:block; margin-top:0px;} .customer_data_summary h3{font-size:22px; font-weight:700; margin-bottom:8px;} .customer_data_summary .delivery { padding-right:57px;} .customer_data_summary .delivery {margin-bottom:7px; overflow:hidden;} .customer_data_summary .delivery p{font-weight:500; color:#4b4848; font-size:17px;} .customer_data_summary .delivery p:first-child{display:inline-block; float:left;} .customer_data_summary .delivery p:last-child{display:inline-block; float:right;} @media (max-width:1199px){ } @media (max-width:991px){ .tapiso_customer_data > h3{font-size:21px;} .customer_data_summary h3, .tapiso_admin .tapiso_customer_data .customer_data h3{font-size:18px;} .customer_data_summary .delivery p, .tapiso_admin .tapiso_customer_data .customer_data p{font-size:14px;} } @media (max-width:767px){ .tapiso_customer_data > h3{font-size:19px;} .customer_data_summary h3, .tapiso_admin .tapiso_customer_data .customer_data h3{font-size:16px;} .customer_data_summary .delivery p, .tapiso_admin .tapiso_customer_data .customer_data p{font-size:13px;} } @media (max-width:300px){ .customer_data_summary .delivery p:last-child{float:left;} } .tapiso_order_summary .price{overflow:hidden; padding:3px 12px;} .tapiso_order_summary .price span{color:#666666; font-weight:400; font-size:14px; text-transform:uppercase; display:inline-block; float:left; padding:10px 0px;} .tapiso_order_summary .price p{colr:#000000; font-weight:900; font-size:24px; display:inline-block; float:right; margin-bottom:0px;} .tapiso_order_summary .price.summary{border-top:1px solid #e7e7e7; margin-top:10px;padding-top:17px;} .tapiso_order_summary h3{margin-bottom:10px; font-size:22px; font-weight:700; padding-left:13px;} .tapiso_order_summary{padding-left:0px; margin-bottom:23px; } .customer_data_summary {padding-top:4px;} @media (max-width:1199px){ } @media (max-width:991px){ .tapiso_order_summary h3{font-size:18px;} .tapiso_order_summary .price p{font-size:18px;} .tapiso_order_summary .price span{font-size:14px; padding:3px 0px;} } @media (max-width:767px){ .tapiso_order_summary h3{font-size:16px;} .tapiso_order_summary .price p{font-size:16px;} .tapiso_order_summary .price span{font-size:13px; padding:3px 0px;} } /**************************** Produkt filtrowanie kolorów poprawki ***************************************************/ #tapiso_product_site .tapiso_product_colors ul{padding-left:0px;} #tapiso_product_site .tapiso_product_block_info .tapiso_product_title div{padding-top:0px;} #tapiso_product_site .tapiso_product_block_info{overflow:visible;} #tapiso_product_site .dropdown-menu.open{padding:0px;} .form-control.selectpicker{height:58px; margin-bottom:100px;} @media (min-width:767px) and (max-width:1199px){ #tapiso_product_site .tapiso_product_block_info .tapiso_product_title .tapiso_rating_average{float:left;} } @media (min-width:767px) and (max-width:991px){ .carpet_price{float:right;} .carpet_price.discount{float:left;} #tapiso_product_site .tapiso_product_block_info form .btn.dropdown-toggle.btn-default{height:58px; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes .quantity, #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes a.shopping_cart{margin-top:10px;} } @media (max-width:991px){ #tapiso_product_site .tapiso_product_block_info h3{font-size:18px;} #tapiso_product_site .tapiso_product_block_info h2{font-size:22px;} } @media (max-width:500px){ .carpet_price{float:right;} .carpet_price.discount, #tapiso_product_site .tapiso_product_block_info .tapiso_product_title .tapiso_rating_average{float:left;} #tapiso_product_site .tapiso_product_block_info form .btn.dropdown-toggle.btn-default{height:58px; } #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes .quantity, #tapiso_product_site .tapiso_product_block_info .tapiso_product_sizes a.shopping_cart{margin-top:10px;} #tapiso_product_site{padding-top:0px;} } @media (max-width:300px){ #tapiso_product_site .tapiso_product_block_info .tapiso_product_title p.add_to_compare a{margin-left:0px;} } /*porównanie produktów zmiana w galerii*/ .tapiso_comparison_slider li{overflow:hidden; max-height:400px; } .zoomWrapper{left:0;} @media (min-width:1200px){ .responsive_img2, .responsive_img3, .responsive_img4, .responsive_img2, .responsive_img3, .responsive_img5{width:270px !important; height:auto !important; margin:0px;} .tapiso_comparison_slider li{width:270px !important; margin:0px auto;} .tapiso_zoom_container{width:100%; height:454px; } } @media (max-width:1199px){ .responsive_img2, .responsive_img3, .responsive_img4, .responsive_img5{width:220px !important; height:auto !important;} .tapiso_comparison_slider li{width:220px !important;} .tapiso_zoom_container{width:100%; height:400px; } } @media (max-width:991px){ .tapiso_zoom_container{width:100%; height:400px; width:220px; margin:0px auto;} } @media (max-width:767px){ .tapiso_comparison_slider{height:400px;} .tapiso_comparison_slider_wrapper{width:220px;} .tapiso_comparison_slider_wrapper{margin:0px auto;} .responsive_img2, .responsive_img3, .responsive_img4, .responsive_img5{width:220px !important; height:auto !important;} .tapiso_zoom_container{width:100%; height:400px; margin-left:-107px;} .slider-toggle{padding:0px 40px;} .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left:-33px;} .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right:-33px;} } @media (max-width:500px){ .tapiso_comparison_slider li{margin-left:-70px;} .tapiso_comparison_slider_wrapper{margin:0px auto;} .tapiso_zoom_container{width:100%; height:400px; margin-left:-100px;} .tapiso_product_comparison_wrapper .price{ margin-top:-76px; margin-bottom:7px;} } @media (max-width:600px){ .slider-toggle{display:none;} #top-bar-tapiso{display:none;} } /************************************************************** Top bar z dodatkowymi informacjami ***************************************************************/ #top-bar-tapiso{background:#edecf2; padding:10px 0px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #top-bar-tapiso .row_{overflow:hidden; width:auto;width:auto !important} #top-bar-tapiso a{color:#756f75; font-size:13px; font-weight:700; line-height:13px; margin-bottom:0px; display:inline-block; float:left; padding-right:40px; padding-left:20px; text-transform:uppercase; padding-top:3px; padding-bottom:3px;} #top-bar-tapiso a span{padding-right:7px; font-size:9px;} #top-bar-tapiso a:hover, header#Header #top-bar-tapiso a:hover{color:#ec354b;} .adv1{background:url(../images/icons/tapiso_icon_1_small.svg) no-repeat scroll left center;} .adv2{background:url(../images/icons/tapiso_icon_2_small.svg) no-repeat scroll left center;} .adv3{background:url(../images/icons/tapiso_icon_3_small.png) no-repeat scroll left center;} @media (min-width:768px){ header#Header{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; position:fixed; top:36px; left:0; width:100%; z-index:998;} header#Header {-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling{position:fixed; top:36px; left:0; width:100%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; z-index:998; } #top-bar-tapiso{position:fixed; top:0; left:0; width:100%; z-index:999;} #top-bar-tapiso.scrolling{ -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; z-index:999;background:#211e26; } #top-bar-tapiso.scrolling a{z-index:999; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #top-bar-tapiso.scrolling .row_{ z-index:999; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #top-bar-tapiso.scrolling .container{position:relative;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #top-bar-tapiso.scrolling a{color:#a19ca9;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #top-bar-tapiso.scrolling .adv1{background:url(../images/icons/tapiso_icon_1_small_light.svg) no-repeat scroll left center;} #top-bar-tapiso.scrolling .adv2{background:url(../images/icons/tapiso_icon_2_small_light.svg) no-repeat scroll left center;} #top-bar-tapiso.scrolling .adv3{background:url(../images/icons/tapiso_icon_3_small_light.png) no-repeat scroll left center;} #topbar{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} header#Header.scrolling #tapiso_main_menu .navbar-default .navbar-nav > li > a::after, header#Header.scrolling #tapiso_main_menu .navbar-default .navbar-nav > .active > a::after{bottom:-2px;} } @media (min-width:992px){ header#Header.scrolling #tapiso_main_menu {} header#Header.scrolling .tapiso_search_toggle, header#Header.scrolling .tapiso_search_toggle_wrapper{height:50px; background-position:center center;} header#Header.scrolling #tapiso_main_menu .part-left{float:left;} header#Header.scrolling #tapiso_main_menu .part-right .tapiso_search_toggle div{padding-top:0px;} header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart{padding:13px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart > div.shopping_cart_content{background-size:13px auto; padding-left:20px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart p{display:none;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #topbar{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .shopping_cart_on{top:50px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .shopping_cart_on{z-index:999;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .navbar-toggle{display:none;} header#Header.scrolling #tapiso_main_menu .navbar-nav > li > a{padding-top:14px; padding-bottom:14px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .navbar-nav > li > a{font-size:15px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #topbar{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} header#Header.scrolling #topbar{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:-103px; } header#Header.scrolling #topbar.scrolling{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } #tapiso_main_menu{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} #tapiso_main_menu.scrolling{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} /*.tapiso_shopping_cart.scrolling{position:fixed; top:0; right:0; z-index:999} .shopping_cart_on.scrolling{position:fixed; top:81px; right:0;}*/ .tapiso_search input[type="text"]{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_search button.btn-default{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .tapiso_search button.btn-default{padding:13px 50px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .tapiso_search input[type="text"], header#Header.scrolling .tapiso_search form .form-group, header#Header.scrolling .tapiso_search form{height:48px;} header#Header.scrolling .tapiso_search input[type="text"]{padding-top:11px; padding-bottom:11px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} } @media (min-width:768px) and (max-width:991px){ header#Header.scrolling #top-bar-tapiso a{padding-right:10px;} header#Header.scrolling .shopping_cart_on{left:inherit; right:0;} header#Header.scrolling #top-bar-tapiso .row_{top:15px;} header#Header.scrolling #topbar{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; margin-top:-81px; } header#Header.scrolling #topbar.scrolling{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .tapiso_search input[type="text"]{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} .tapiso_search button.btn-default{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .tapiso_search button.btn-default{padding:13px 30px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .tapiso_search input[type="text"], header#Header.scrolling .tapiso_search form .form-group, header#Header.scrolling .tapiso_search form, header#Header.scrolling .tapiso_search.search_open{height:48px;} header#Header.scrolling .tapiso_search input[type="text"]{padding-top:11px; padding-bottom:11px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart p{display:none;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .shopping_cart_on{top:50px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .navbar-nav > li > a{padding-top:14px; padding-bottom:14px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .navbar-nav > li > a{font-size:15px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_main_menu{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} #tapiso_main_menu.scrolling{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;} header#Header.scrolling #tapiso_main_menu .part-right .tapiso_search_toggle div{padding-top:13px;} header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart{padding:13px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart > div.shopping_cart_content{background-size:13px auto; padding-left:20px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling .tapiso_search_toggle, header#Header.scrolling .tapiso_search_toggle_wrapper{height:23px; background-position:center center;} header#Header.scrolling #tapiso_main_menu .part-right .tapiso_search_toggle div{height:48px; padding-bottom:13px;} header#Header.scrolling .shopping_cart_on{right:inherit; left:0; top:48px;} header#Header.scrolling .tapiso_search{display:block; height:48px;} #tapiso_main_menu .tapiso_shopping_cart, header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart p, #tapiso_main_menu .part-right, header#Header.scrolling #tapiso_main_menu .part-right{-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} #tapiso_main_menu .tapiso_shopping_cart{ height:41px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} header#Header.scrolling #tapiso_main_menu .tapiso_shopping_cart{height:48px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;} } .after-before{position:relative;} .after-before:after{content:''; display:block; position:absolute; top:0; left:100%; width:1500px; height:100%; background:#f5f5f5;} /************************************ padding top dla contentu ****************************************/ @media (min-width:1200px){ #tapiso_shopping_cart_sb, #baner_tapiso, .tapiso_site_header, #tapiso_text, #blog-list, #site-map, #tapiso_map, #baner_tapiso_2{margin-top:224px;} } @media (min-width:992px) and (max-width:1199px){ #tapiso_shopping_cart_sb, #baner_tapiso, .tapiso_site_header, #tapiso_text, #blog-list, #site-map, #tapiso_map, #baner_tapiso_2{margin-top:224px;} } @media (min-width:768px) and (max-width:991px){ #tapiso_shopping_cart_sb, #baner_tapiso, .tapiso_site_header, #tapiso_text, #blog-list, #site-map, #tapiso_map, #baner_tapiso_2{margin-top:250px;} } #tapiso_log_in{height:100vh;} @media (min-width:1200px){ #tapiso_log_in{padding-top:334px;} } @media (min-width:992px) and (max-width:1199px){ #tapiso_log_in{padding-top:300px;} } @media (min-width:768px) and (max-width:991px){ #tapiso_log_in{padding-top:285px;} } .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, .tapiso_site_header .bx-wrapper .bx-controls .bx-controls-direction .bx-next{overflow:visible;} .tapiso_site_header .slider-toggle{height:128px; overflow:hidden;} .tapiso_site_header .tapiso_small_categories .foto_container{min-height:100px;} /******************************************************** baner tapiso ncarousel slider /***********/ body{overflow-x:hidden;} #baner_tapiso_2{/*background:url(../images/bg.jpg) no-repeat; */padding:0px 9%; overflow:hidden;} #baner_tapiso_2 .container-fluid{padding:0;} #baner_tapiso_2 img{opacity:1; width:100%;} #baner_tapiso_2 ul:after{content:''; display:block; clear:both;} #baner_tapiso_2 ul li{padding:0 7px; position:relative;} #baner_tapiso_2 {overflow-y:hidden;} #baner_tapiso_2 .bx-wrapper .bx-viewport{overflow:visible !important;} #baner_tapiso_2 .bx-wrapper .bx-prev{position:absolute; top:0; right:100%; width:400px; height:100%; background:rgba(255,255,255,0.7) url(../images/arrow_left2.png) no-repeat; background-position:90% center; font-size:0px; text-indent:-999em;} #baner_tapiso_2 .bx-wrapper .bx-next{position:absolute; top:0; left:100%; width:400px; height:100%; background:rgba(255,255,255,0.7) url(../images/arrow_right2.png) no-repeat; background-position:10% center; font-size:0px; text-indent:-999em;} #baner_tapiso_2 .bx-wrapper .bx-prev:hover, #baner_tapiso_2 .bx-wrapper .bx-next:hover{opacity:0.9;} #baner_tapiso_2 .bx-wrapper .bx-pager.bx-default-pager{display:none;} /*text*/ #baner_tapiso_2 .text{position:absolute; bottom:0; left:0 ; padding:0 75px 49px 75px;} #baner_tapiso_2 .text h2 a, #baner_tapiso_2 .text h2{color:#fff; font-size:60px; font-weight:900; margin:0 0 3px 0; line-height:60px;} #baner_tapiso_2 a:hover .text h2 {color:#ec354b ;} #baner_tapiso_2 a:hover img{opacity:0.9;} #baner_tapiso_2 .text p{color:#fff; font-size:15px; line-height:18px; font-weight:400;} @media (max-width:1500px){ #baner_tapiso_2 .text h2 a, #baner_tapiso_2 .text h2{font-size:45px; line-height:45px;} #baner_tapiso_2 .text p{font-size:14px;} #baner_tapiso_2 .text{padding:0 30px 20px 30px;} } @media (max-width:1199px){ #baner_tapiso_2 .text h2 a, #baner_tapiso_2 .text h2{font-size:36px; line-height:36px;} #baner_tapiso_2 .text p{font-size:14px;} #baner_tapiso_2 .text{padding:0 20px 20px 20px;} } @media (max-width:767px){ #baner_tapiso_2{padding:0 50px;} #baner_tapiso_2 .text h2 a, #baner_tapiso_2 .text h2{font-size:24px; line-height:24px;} #baner_tapiso_2 .text p{display:none;} #baner_tapiso_2 ul li:last-child{display:none !important;} #baner_tapiso_2 .bx-wrapper .bx-prev{background-size:15px auto !important; background-position:97% center;} #baner_tapiso_2 .bx-wrapper .bx-next{background-size:15px auto !important; background-position:3% center;} } @media (max-width:459px){ #baner_tapiso_2 ul li:last-child{display:none !important;} #baner_tapiso_2{margin-top:65px;} } #tapiso_offer{display:none;} /************************************************************************************* filtrowanie na całą szerokosć*/ .filtrProducts{ display:inline-block; display: none; width:100%; background:#fafafa; padding-bottom:25px; padding-top:0 !important; } #tapiso_products_list .col-md-3.filtrProducts{padding-top:0 !important;} .filterTitle{cursor:pointer;} #showcase{width:66%; float:left; display:inline-block;} .priceBox{ display:inline-block; width:50%; padding:0 15px 0 0;} .mobile-hidden{margin:0 15px;} .shape_filtering_check{ display:inline-block; width:50%; margin:0px; padding: 0 15px 0 0;} .shape_filtering_check ul.mobile-hidden{margin:0 15px !important; padding:0px;} .shape_filtering_check li.shape_1{margin-right:15px !important;} .shape_filtering_check li.shape_2{margin-right:15px !important;} .shape_filtering_check li.shape_3{margin-right:15px !important;} .uncheck-all{margin:0; display:inline-block; width:100%;} .color_filtering_check ul{padding-top:0px;} .tapiso_sidebar_sizes{ width:33%; float:left; padding: 0 15px 0 0;} .tapiso_sidebar_categories{ width:33%; float:left; padding: 0 15px 0 0; display:none;} .uncheck-categories{display:none;} .tapiso_sidebar_sizes ul{display: block; height: 250px; overflow: auto; padding-left: 0;} #products .product_item.grid-group-item{width:25%;} #products{padding:0px;} .filterTitle{float:right;} .tapiso_header_small h3{width:auto; display:inline-block;} #products div.product_item.grid-group-item .product-item-img a{height:244px;} .color_filtering_check .uncheck-all{display:inline-block; float:right; width:auto;} div.product_item .product-item-img{margin-bottom:20px;} @media (max-width:767px){ #products div.product_item.grid-group-item .product-item-img a{height:100px; height:20vw;} #products div.product_item.grid-group-item .shop_compare .shopping_cart{text-indent:-999em; width:25px;} #products .product_item.grid-group-item.list-group-item .product_description h4, #products .product_item.grid-group-item.list-group-item .product_description h4 a{text-align:left;} } @media (max-width:560px){ #products div.product_item.grid-group-item .product-item-img a{height:110px; height:33vw;} } @media (max-width:400px){ #products .product_item.grid-group-item{width:33.333%;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{font-size:11px; line-height:12px;} #products .product_item.grid-group-item{margin:0;} #products div.product_item.grid-group-item .product_description h4, #products .product_description h4 a{height:40px;} #products .product_item.grid-group-item.list-group-item .product_description h4, #products .product_item.grid-group-item.list-group-item .product_description h4 a{line-height:normal;} } .filterTitle{font-size:15px; line-height:15px; color:#fff; font-weight:400; padding:10px 20px; background:#1d57d5;} .filterTitle{float:left;} @media (max-width:767px){ #showcase, .shape_filtering_check, .priceBox{width:100%;} .form-result{overflow:hidden;} .tapiso_sidebar_sizes{width:100%; padding:0;} .filterTitle{font-size:14px; line-height:14px; color:#fff; font-weight:400; padding:10px 20px; background:#1d57d5;} } /****************************************************************************************************************** filtrowanie dodatkowe menu */ .btns-for-filters-reveal{display:inline-block; float:right; width:907px; padding-top:13px;} .btns-for-filters-reveal div{display:inline-block; float:left; width:25%;} .btns-for-filters-reveal div h3{} .btns-for-filters-reveal div h3{color:#1c1a20; font-size:15px; font-weight:700; margin:0px; display:block; width:100%; text-transform:uppercase;} .btns-for-filters-reveal div {padding:8px 0px; border-bottom:1px solid #e8e6ed; position:relative; margin-bottom:7px;} .btns-for-filters-reveal div:after{display:block; content:''; background:#1d57d5; position:absolute; bottom:0; left:0; height:2px; width:69px; } .btns-for-filters-reveal div:hover{cursor:pointer;} .btns-for-filters-reveal div:hover h3{color:#1d57d5 ;} @media (max-width:1199px){ .btns-for-filters-reveal{width:600px;} } @media (max-width:991px){ .btns-for-filters-reveal{width:492px;} #products .well{width:90%; margin:5px auto;} } @media (max-width:767px){ .btns-for-filters-reveal{width:100%;} #tapiso_products_list .col-md-12 .row{margin:0; text-align:center;} .btns-for-filters-reveal{display:none;} .show-filters{margin:0 auto;} .tapiso_header_small{text-align:center;} .tapiso_header_small::after{right:0; margin:auto;} }