body, html {
margin:0px;
padding:0px;
overflow-x:hidden;
font-display: auto;
}

body {
font-family: 'Poppins', sans-serif;
font-weight:400;
color:#1d1d1b;
font-size:13px;
padding-right: 0px !important;
}

.container {
padding:0px 100px;
width:100%;
}

#top .flex_top {
padding:0px 0px 0px 30px;
position:relative;
}

#top h2 {
margin:0px;
}

#top .top_l {
width:20%;
}

.logoh1 {font-size: 12px; text-align: center; margin: 0 0 20px 0; padding: 0; color: rgba(255, 255, 255, 0.3);}

#top .top_r {
padding-right:20px;
width:100%;
min-height:133px;
padding-left:60px;
}

body.sklep_wylaczony {
background:white;
}


.breadcrumps .col-sm-10 div {
display:inline-block;
}

.navbar-toggle {
margin:0px 0px 0px 1px;
background:black;
border-radius:0px;
}	

.navbar-toggle .icon-bar {background:white;}

a img {
opacity: 1;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
-webkit-backface-visibility: hidden;
}


a img:hover {
filter: alpha(opacity=70);
opacity: 0.7;
}

.clear {
clear:both;
}

/*loader*/

#loader_page{
    z-index:9;
    display:none;
    position:fixed;
    top:30%;
    left:50%;
    padding:15px;
    width:300px;
    height:140px;
    margin:-25px 0 0 -150px;
    background:#fff;
    border:1px solid #f58220;
    text-align:center;
    font-size:16px;
    font-weight:600;
    color:#231f20;
    box-shadow:0 0 5px #ccc
}

#loader_page_background{
    z-index:99;
    position:fixed;
    width:1000px;
    height:1000px;
    top:0;
    left:0;
    background:#fff
}

#loader_page img {
margin-top:10px;
}


/*menu_gorne*/

#menu_top {
background:white;
border:0px;
margin-bottom:0px;
margin-top:25px;
}

#menu_top.navbar {
min-height:0px;
padding-top:0px;
}

#menu_top .navbar-nav {
float:none;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;
text-align:left;
align-items: flex-start; /* Default */
justify-content:space-around;
-webkit-justify-content: space-around;
-webkit-align-items: flex-start;
}



#menu_top .navbar-nav li a {
padding:6px 0px 6px 0px;
color:#231f20;
font-size:17px;
font-weight:400;
line-height:17px;
display:block;
border-right:1px solid #e1e1e1;
margin:0px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
border-bottom:0px !important;
}

#menu_top .navbar-nav li.outlet a {
color:#f58220;	
}	

#menu_top .navbar-nav li:last-child a {
border:0px;	
}	



#menu_top .navbar-nav li {
cursor:pointer;
display: block;
text-align:center;
flex-grow:1;
padding-bottom:20px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
border-bottom:3px solid white;
}

#menu_top .navbar-nav li:hover a,#menu_top .navbar-nav li:focus a {
color:#f58220;	
}	


#menu_top .navbar-nav li.active {
border-bottom:3px solid #f58220;	
}

  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
      background:none;
	  color:#f58220;
  }	  




section#top {
margin:0px;
}

section#top .flex_top {
display: -webkit-box;   
display: -ms-flexbox;
display: -webkit-flex;
display: flex; 	
	
}	

#koszyk_box {
background:black;
width:120px;
text-align:center;
max-height:130px;
}	

#koszyk_box .koszyk {
background:url('../gfx/basket.png') no-repeat center 25px;
font-size:15px;
height:100%;
width:100%;
min-width:60px;
position:relative;
right:0px;
}

#koszyk_box .koszyk a.zobacz {
color:white;
text-decoration:none;
font-size:14px;
font-weight:400;
height:100%;
line-height:22px;
width:auto;
text-align:center;
display:block;
position:relative;
}

#koszyk_box .koszyk a.zobacz span.txt {
font-size:15px;
font-weight:400;
position:absolute;
bottom:15px;
left:50%;
transform: translateX(-50%);
}	

#koszyk_box .koszyk a.zobacz span.ilosc {
width:30px;
position:absolute;
top:27px;
left:48%;
}	

.top_top {
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;	
}	

.top_top .ikony {width:126px;height:51px;}
.top_top .ikony a {width:30px;height:40px;}
.top_top .fa {
font-size:16px;
color:#a5a4a4;
margin:22px 8px 0px 8px;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.top_top .fa-facebook:hover {
color:#f58220;
}
.top_top .fa-twitter:hover {
color:#f58220;
}
.top_top .fa-instagram:hover {
color:#f58220;
}
.top_top .fa-youtube-play:hover {
color:#f58220;
}



.top_bottom .container {
padding:0px 15px;	
}	

.top_bottom #green_top {
list-style:none;
margin:0px -15px;
padding:25px 0px 12px 0px;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;
text-align:left;
align-items: flex-start; /* Default */
justify-content:space-around;
-webkit-justify-content: space-around;
}

.top_bottom #green_top li {
-webkit-box-flex: 1; 
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
display: block;
text-align:center;
}

.top_bottom #green_top li a {
color:#231f20;
font-weight:400;
font-size:15px;
display:block;
text-align:center;
text-decoration:none;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}

.top_bottom #green_top li a:hover {
color:#f58220;
}

.top_top #menu_top_top {
list-style:none;
margin:0px;
padding:20px 0px 12px 0px;
text-align:left;
}

.top_top #menu_top_top li {
display:inline-block;
margin-right:20px;
text-align:center;
}

.top_top #menu_top_top li a {
    color:rgba(35,31,32,0.6);
    font-size:13px;
    text-decoration:none;
    text-align:center;
    font-weight:300;
    opacity:1; 
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.top_top #menu_top_top li a:hover  {
    color:#f58220;
}

.top_top .login_box {
color:#a5a4a4;
font-weight:400;
font-size:13px;
line-height:13px;
text-align:right;
padding-top:22px;
flex-grow:1;
}

.top_top .login_box a {
color:#a5a4a4;
text-decoration:none;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
opacity:1;
line-height: 14px;
}
.top_top .login_box a img {vertical-align: bottom;}

.top_top .login_box a.top_login {
color:#a5a4a4;
}

.top_top .login_box a:hover {
    color:#f58220;
} 

#search_box {
position:absolute;
right:50px;
top:15px;
}



footer .foot_bottom p {
margin:20px 0px 20px 0px;
font-size: 26px;
line-height: 32px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
}
footer .foot_bottom img {
margin:30px 35px 50px 35px;
}

footer .foot_newsletter {
background:url('../gfx/newsletter_tlo.jpg') no-repeat center center;
background:url('../gfx/newsletter_tlo.webp') no-repeat center center;
background-size:cover;
padding-top:50px;
padding-bottom:70px;
color:white;
font-size:16px;
line-height:24px;
font-weight:400;
}


footer .foot_newsletter h3 {
color:white;
font-family: 'Poppins', sans-serif;
font-weight:600;
font-size:50px;
margin:0px 0px 30px 0px;
}

footer .foot_newsletter  a {
color:white;text-decoration:underline;
}

footer .foot_newsletter  a:hover {
text-decoration:none;
}

h3.txt_line {
overflow:hidden;
}
h3.txt_line:before,
h3.txt_line:after {
    border-top: 1px solid #fba861;
    content: "";
    display: inline-block;
    height: .1em;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: .15em;
}
h3.txt_line:before {
    right: 0.3em;
    margin-left: -50%;
}
h3.txt_line:after {
    left: 0.3em;
    margin-right: -50%;
}

footer .foot_newsletter #newsletter_mail {
background:url('../gfx/newsletter_ico.jpg') white no-repeat 15px center;
padding:0px 35px 0px 45px;
border:0px;
font-size:16px;
font-weight:400;
color: rgba(35, 31, 32, 0.6);
text-align:center;
line-height:48px;
margin:20px 0px;
width:80%;
max-width:600px;
}

footer .foot_newsletter a.btn {
background:#231f20;
color:white;
font-weight:500;
text-transform:uppercase;
border-radius:0px;
line-height:44px;
padding:0px 30px;
  -moz-transition:background-color .15s ease-in;
-o-transition:background-color .15s ease-in;
-webkit-transition:background-color .15s ease-in;
transition:background-color .15s ease-in-out;
}


footer .foot_newsletter a.btn:hover {
background:#f58220;
border: 1px solid #fff;
}

footer .foot_black {
background:url('../gfx/stopka_tlo.jpg') #231f20 no-repeat center bottom;
padding-bottom:30px;
}

footer .foot_cat .line {
border-bottom:1px solid #f58220;
padding-top:50px;
margin-bottom:60px;
}
footer .agent img {height:auto !important;}
footer .foot_cat {
padding-top:40px;
}

footer .foot_cat ul {
list-style:none;
margin:0px;
padding:0px; 
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;
text-align:left;
align-items: flex-start; /* Default */
justify-content:space-around;
-webkit-justify-content: space-around;
-webkit-align-items: flex-start;
} 

footer .right_contact ul {
list-style:none;
margin:0px;
padding:0px;
}

footer .foot_cat ul ul {
display:block;
}  

footer .foot_cat ul li {
vertical-align:top;
-webkit-box-flex: 1; 
-webkit-flex: 0 1 auto;
flex: 0 1 auto;
display: block;
text-align:left;
padding-right:10px;
}

footer .foot_cat ul li.last {
margin-right:0;
}

footer .foot_cat ul li ul li,footer .right_contact li {
display:block;
max-width:none;
}  

footer .foot_cat h3 a {
color:white;
font-weight:400;
font-size:16px;
}

footer .foot_cat h3 {
margin:30px 0px 0px 0px;
}

footer .foot_cat h3:after {
 content: "";
 display: block;
 width:22px;
 height:2px;
 background:#f58220;
 margin:15px 0px 20px 0px;
}

footer .foot_cat h4 a,footer .mstopka a,footer .right_contact h4 a {
color: rgba(255, 255, 255, 0.7);
font-weight:400;
font-size:12px;
}

footer .foot_cat h4,footer .right_contact ul h4 {
margin:8px 0px;
}


footer .foot_cat a,footer .mstopka a,footer .right_contact h4 a {
-moz-transition:color .15s ease-in;
-o-transition:color .15s ease-in;
-webkit-transition:color .15s ease-in;
transition:color .15s ease-in-out;
text-decoration:none;
}

footer .foot_cat a:hover,footer .mstopka a:hover,footer .right_contact h4 a:hover {
color:#f58220;
}

footer .mstopka {
list-style:none;
margin:30px 0px;
padding:0px;
}

footer .mstopka li {
margin:8px 0px;
}

footer .cenniki {
margin:60px 0px 30px 0px;
}

	


footer .cenniki a {
font-size: 12px;
line-height:16px;
margin-right:20px;
color: rgba(255, 255, 255, 0.7);
text-decoration:none;
-moz-transition:color .15s ease-in;
-o-transition:color .15s ease-in;
-webkit-transition:color .15s ease-in;
transition:color .15s ease-in-out;
}

footer .cenniki a:hover {
color:#f58220;
}

footer .cenniki .cico1,footer .cenniki .cico2,footer .cenniki .cico3 {
color:#f58220;
font-size:18px;
margin-right:3px;
position:relative;
bottom:-3px;
}

footer .cenniki .cico2 {
color:#1aacdc;
}

footer .cenniki .cico3 {
color:#e83425;
}

footer .foot_contact {
color:white;
font-size:12px;
}

 footer .right_contact { 
color: rgba(255, 255, 255, 0.7);
font-size:12px; 
 }
 
 footer .right_contact p {
 margin-top:35px;
 }
 

footer .foot_contact .col-xs-4 {
font-size:16px;
margin-top:30px;
margin-bottom:30px;
}

footer .foot_contact .foot-logo img {display: block; margin: 0 auto 20px auto;height:auto !important;}


footer .foot_contact span, footer .right_contact span {
font-weight:600;
}


footer .foot_contact .col-xs-4 img {
margin-bottom:25px;
}

footer .foot_contact a {
color:white;
font-weight:600;
text-decoration:none;
-moz-transition:color .15s ease-in;
-o-transition:color .15s ease-in;
-webkit-transition:color .15s ease-in;
transition:color .15s ease-in-out;
}

footer .foot_contact a:hover {
color:#f58220;
}



footer .right_contact h3 {
color:white;
font-weight:400;
font-size:16px;
}

footer .right_contact h3 {
margin:30px 0px 0px 0px;
}

footer .right_contact h3:after {
 content: "";
 display: block;
 width:22px;
 height:2px;
 background:#f58220;
 margin:15px 0px 20px 0px;
}


#cookie_info {
    background:white;
	border-radius:10px;
    top:20%;
    color:#231f20;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height:20px;
    position: fixed;
    right:0;
	left:0;
	margin: 0px auto;
    max-width:600px;
    width: 100%;
    z-index: 9999;
}

#cookie_info h4 {
margin:0px 0px 20px 0px;
background:#efeeef;
padding:15px 20px;
font-family: 'Poppins', sans-serif;
font-size: 18px;
border-radius: 10px 10px 0px 0px;	
}	

#cookie_info p {
padding-right:20px;
padding-left:20px;	
}	

#cookie_info .zamknij_cookie_info {
    background: rgba(0, 0, 0, 0) url("../gfx/cookie_close.png") repeat scroll 0 0;
    display: block;
    height: 21px;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
}
#cookie_info a {
    color: #f58220;
    text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

#cookie_info .buttons {
background:#efeeef;
padding:15px 20px;	
border-radius: 0px 0px 10px 10px;
display:flex;
align-items:center;
justify-content:center;
margin-top:15px;
flex-wrap:wrap;
}	

#cookie_info .buttons a.btn_zaakceptuj,#cookie_info .buttons a.btn_ustawienia {
background:#f58220;color:white;display:inline-block;padding:5px 20px;
border-radius: 5px;margin:5px 5px;
}

#cookie_info .buttons a.btn_ustawienia {
background: #979898;
}
#cookie_info .buttons a.btn_odrzuc {color:#979898;display:inline-block;margin:0px 5px;}
#cookie_info .buttons a.btn_zaakceptuj:hover,#cookie_info .buttons a.btn_ustawienia:hover {
	background:#f58220;	
}


#cookie_info a:hover {
color:#f58220;
}


#cookie_info .zamknij_cookie_info:hover {
    opacity: 1;
}

#cookie-bg {position:fixed;width:100%;height:100%;top:0px;left:0px;background: rgba(0, 0, 0, 0.55);z-index:998;}



body.cookie_set {overflow:hidden;}
body.cookie_set #cookie_info {display:none;}
#cookiesSettings a,#cookiesSettings button {	-webkit-transition:all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;}
#cookiesSettings .overlay {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9999;background: rgba(0, 0, 0, 0.55);}	
#cookiesSettings .cookiesSettingsBox {position:fixed;top:5%;right:0;left:0;width:100%;margin: 0 auto;max-width:600px;background:white;z-index:10001;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#cookiesSettings .inside {font-size: 14px;line-height: 20px;font-weight: 300;}
#cookiesSettings .inside h3 {margin:0px 0px 20px 0px;background:#efeeef;padding:10px 25px;font-family: 'Poppins', sans-serif;font-size: 18px;border-radius: 10px 10px 0px 0px;}
#cookiesSettings .inside .cookie_table h3 {border-radius:0px;background:none;}
#cookiesSettings .inside .inside_txt {overflow-y:auto;padding:5px 25px;height:calc(90vh - 90px);}
#cookiesSettings .inside .inside_txt p {margin-bottom:10px;}
#cookiesSettings .inside .inside_txt a {text-decoration:none;font-weight:700;color: #f58220;}
#cookiesSettings .inside .inside_txt a:hover {color:black;}
#cookiesSettings .btn_accept {border-radius: 5px;background:#f58220;color:white;font-weight:700;border:0px;padding:10px 20px 12px 20px;line-height:15px;font-size:15px;margin:10px 0px;} 
#cookiesSettings .btn_accept:hover {background:#6c6d6c;}
#cookiesSettings .cookie_table h3 {padding-left:0px;padding-right:0px;}
#cookiesSettings .cookie_table p.more {height:0;overflow:hidden;margin:0px;}
#cookiesSettings .cookie_table .info_txt {padding:10px;background:#F0F0F0;margin-bottom:20px;}
#cookiesSettings .cookie_table .info_txt.more p.more {height:auto;overflow:visible;margin-bottom:10px;}
#cookiesSettings .cookie_table .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#cookiesSettings .cookie_table .switch input {
    opacity: 0;
    height: 0;
    width: 0;
}


#cookiesSettings .cookie_table .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px;
bottom: 0;
background-color: #F0F0F0;
-webkit-transition: .4s;
transition: .4s;
}

#cookiesSettings .cookie_table .slider:before {
    border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

#cookiesSettings .cookie_table .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #CCCCCC;
    -webkit-transition: .4s;
    transition: .4s;
}

#cookiesSettings .cookie_table .nag {display:flex;justify-content: space-between;align-items:center;margin-bottom:10px;}


#cookiesSettings .cookie_table input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(26px);
	background-color:#f58220;
}

#cookiesSettings .cookie_table input:checked + .slider {
    background-color: #CCCCCC;
}








#top .cat_info {
display:none;
position:absolute;
z-index:300;
width:100%;
}

#top .cat_info .catbox {
border-top:1px solid rgb(218,218,218);
background:white;
border-radius:0px;
width:100%;
padding:40px 30px 30px 30px;
}

#top .cat_info .catbox .cont_box,#top .cat_info .scat_t {
display:table;
width:100%;
}

#top .cat_info .catbox .cat_row,#top .cat_info .scat_row {
display: table-row;
width:100%;
}

#top .cat_info .scat_img {
display: table-cell;
width:30%;
}

#top .cat_info .scat_kat {
 display: table-cell;
 width:70%;
 vertical-align:middle;
}



#top .cat_info .catbox .producenci_box {
display: table-cell;
width:20%;
}

#top .cat_info .catbox .kat_box {
display: table-cell;
width:60%;
border-left:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
padding:0px 30px;
}

#top .cat_info .catbox .produkt_box {
display: table-cell;
width:20%;
padding-left:30px;
}

 #top .cat_info h4 {
font-weight:400;
font-size:17px;
color:#231f20;
margin-top:0px;
margin-bottom:30px;
line-height:17px;
}


#top .cat_info ul {
list-style:none;
margin:0px;
padding:0px;
}

#top .cat_info ul li a {
    color:rgba(35,31,32,0.6);
    display: block;
    font-size: 17px;
    line-height:27px;
    font-weight: 300;
    text-decoration:none;
    -moz-transition:color .15s ease-in;
    -o-transition:color .15s ease-in;
    -webkit-transition:color .15s ease-in;
    transition:color .15s ease-in-out;
    
}

#top .cat_info ul li {
margin-bottom:20px;
}


#top .cat_info .producenci_box ul li {
margin-bottom:5px;
}

#top .cat_info ul li:hover a {
color:#f58220;
}


#top .cat_info .produkt_box h2 {
line-height:24px;
text-align:center;
margin:0px;
}

#top .cat_info .produkt_box h2 a {
color:#231f20;
font-weight:400;
font-size:16px;
text-align:center;
line-height:24px;
}

#top .cat_info .produkt_box h2:before {
 content: "";
 display: block;
 width:40px;
 height:2px;
 background:#f58220;
 margin:35px auto 10px auto;
}

#top .cat_info .produkt_box figure img {
margin:0px auto;
}

#top .cat_info .produkt_box {
margin-right:20px;
margin-bottom:20px;
}

#top .cat_info .produkt_box p.cena {
text-align:center;
font-size:18px;
font-weight:600;
margin-top:20px;
}



.breadcrumps {
color:#4e4b4b;
font-size:13px;
font-family: 'Poppins', sans-serif;
font-weight:300;
margin:15px 0px 50px 0px;
}

.breadcrumps div {
display:inline-block;
}

.breadcrumps a {
text-decoration:none;
color:rgba(78,75,75,0.6);
-moz-transition:color .15s ease-in;
-o-transition:color .15s ease-in;
-webkit-transition:color .15s ease-in;
transition:color .15s ease-in-out;
}

.modal-open {
    padding-right: 0px !important;
}

.breadcrumps a:hover {
color:black;
}

.breadcrumps span.arrow {
background:url('../gfx/bred_arrow.jpg') no-repeat center center;
display:inline-block;
width:10px;
}

ul#SliderHome  {
margin:0px;
padding:0px;
background:white;
width:100% !important;
}


#SliderHome li {
list-style:none;
margin:0px;
padding:0px;
overflow:hidden;
}



.home_slider .slick-dots {
background:white;
position:relative;
margin-top:10px;
margin-bottom:20px;
width:100%;
}


#SliderHome img {
width:100% !important;
height:auto !important;
}

section#top .logo {
margin-bottom:20px;
margin-top:25px;
}


.home_slider.start ul#SliderHome {
display:none;
}

.home_hit.start #hit_slider {display:none;}
.home_hit.start {height:250px;}

.home_slider.start .slick-dots {
display:none;
}

.home_slider.start {
min-height:250px;
}

.home_slider.start,.home_hit.start  {
background:url('../gfx/ajax-loader.gif') rgb(244,244,244) no-repeat center center;
}


#myCarousel {
overflow:hidden;
margin-bottom:0px;
}

#SliderHome h2.podpis,
#SliderHome h1.podpis,
#SliderHome p.podpis {
color:white;
font-size:60px;
font-family: 'Poppins', sans-serif;
font-weight:700;
text-align:center;
line-height:60px;
position:absolute;
bottom:-140px;
width:66%;
left:18%;
z-index:3;
text-shadow: 4px 4px 2px #231F20;
}

#SliderHome p.podpis2 {
color:white;
margin:0px;
font-size:27px;
font-family: 'Poppins', sans-serif;
font-weight:300;
text-align:center;
z-index:3;
position:absolute;
bottom:-140px;
width:66%;
left:18%;
text-shadow: 4px 4px 2px #231F20;
}


.bx-wrapper {
position:relative;
}

.bx-controls-direction {

}

.slick-slider .slick-arrow {
background:none;
border:0px;
font-size:0px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
width:60px;
height:80px;
opacity:0;
display:block;
position:absolute;
top:30%;
z-index:2;
}


.slick-slider .slick-prev {
 background:url('../gfx/slide_left.png') no-repeat center center;
 left:10px;
}

.slick-slider .slick-next {
 background:url('../gfx/slide_right.png') no-repeat center center;
 right:10px;
}

.slick-slider:hover .slick-arrow {
 opacity:1;
}

.slick-dots {
text-align:center;
}


.slick-dots li {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
}


.slick-dots button {
border: 1px solid #8d8d8d;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 6px;
  outline: 0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;

}

.slick-dots li.slick-active button {
background:#f58220;
border:1px solid #f58220;
}

#SliderHome li.bx-clone {display:none !important;}


#SliderHome li img {
display: block;
}


h2.dzial_linia,h1.dzial_linia {
 text-align:center;
 overflow:hidden;
 font-size:50px;
 line-height: 62px;
 font-family: 'Poppins', sans-serif;
 font-weight:700;
 margin:40px 0px;
}

h2.dzial_linia a,h1.dzial_linia a {
text-decoration:none;
color:#231f20;
display:inline-block;
-moz-transition:color .15s ease-in;
-o-transition:color .15s ease-in;
-webkit-transition:color .15s ease-in;
transition:color .15s ease-in-out;
}

h2.dzial_linia a:hover,h1.dzial_linia a:hover {
color:#f58220;
}

h2.dzial_linia::before, h2.dzial_linia::after,h1.dzial_linia::before, h1.dzial_linia::after {
    border-top: 1px solid #e1e1e1;
    content: "";
    display: inline-block;
    height: 0.1em;
    margin-bottom: 0.15em;
    position: relative;
    vertical-align: middle;
    width: 50%;
}


h2.dzial_linia::before,h1.dzial_linia::before {
    margin-left: -50%;
    right: 0.3em;
}

h2.dzial_linia::after,h1.dzial_linia::after {
    left: 0.3em;
    margin-right: -50%;
}

.home_banery .ban_box figure img {
width:100% !important;
height:auto !important;
margin: 0 auto;
display: block;
border-radius: 50%;
-webkit-transition: -webkit-transform 400ms;
-moz-transition: -moz-transform 400ms;
-o-transition: -o-transform 400ms;
-ms-transition: -ms-transform 400ms;
transition: transform 400ms;
}
.home_banery .ban_box figure:hover img {
	filter: alpha(opacity=100);
    opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.home_banery .ban_box figure:hover a:before {
	border-color: #f58220;
}

.home_banery {
margin-bottom:80px;
margin-top:0px;
padding: 30px 0;
background: url('szablony/tio_shop/gfx/banners-bgn3.jpg') no-repeat center;
background: url('szablony/tio_shop/gfx/banners-bgn3.webp') no-repeat center;
background-size: cover;
}

.home_banery .row {
margin-left:-4px;
margin-right:-4px;
}

.home_banery .ban_box {
padding:0px 15px;
}

.home_banery .ban_box .figure {
position:relative;
text-align: center;
}
.home_banery .ban_box figure {
	position: relative;
	width: 100%;
	max-width: 426px;
	margin: 0 auto;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}
.home_banery .ban_box figure a:before {
	content: ' ';
	display: block;
	width: 94%;
	height: 94%;
	top: 3%;
	left: 3%;
	border: 2px solid #fff;
	position: absolute;
	border-radius: 50%;
	z-index: 2;
	-webkit-transition: border-color 400ms;
	-moz-transition: border-color 400ms;
	-o-transition: border-color 400ms;
	-ms-transition: border-color 400ms;
	transition: border-color 400ms;
}

.home_banery .ban_box .figure .ban_pasek {
margin:20px auto 0px auto;
position:relative;
color:white;
 font-size:24px;
 font-family: 'Poppins', sans-serif;
 font-weight:700;
 text-align:center;
}

.home_banery .ban_box .figure .ban_pasek h4 {
position: relative;

margin:0px;
line-height:38px;
font-size: 30px;
 font-weight:600;
 margin: 0;
}
.home_banery .ban_box .figure .ban_pasek h4:first-line {
font-size: 24px;
 font-weight:400;
}


.home_banery .ban_box .figure .ban_pasek h4 a {
color:white;
text-decoration:none;
 -webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}


.home_banery .ban_box .figure .ban_pasek h4 a:hover {
     color:#fff;
}



.home_cont_black {
background:#231f20;
text-align:center;
color:white;
font-family: 'Poppins', sans-serif;
font-weight:300;
font-size:12px;
margin-top:70px;
}

.home_cont_black h4 {
 font-size:19px;
 font-family: 'Poppins', sans-serif;
 font-weight:600;
 color:white;
}

.home_cont_black h4 span {
color:#f58220;
}

.home_cont_black .line {
width:30%;
background:#f58220;
height:2px;
border:0px;
}

.home_cont_black .col-sm-3 div {
padding:20px 50px 70px 50px;
}

.home_cont_black .col-sm-3 div figure {
height:190px;
position:relative;
margin-bottom:30px;
}

.home_cont_black .col-sm-3 div figure img {
position:absolute;
bottom:0px;
left:0px;
right:0px;
margin:0px auto;
}

.home_producenci {
margin:70px 0px;
}

.home_producenci .info {
color:rgba(35,31,32,0.6);
font-weight:400;
font-size:16px;
line-height:24px;
width:45%;
margin:0px auto 20px auto;
text-align:center;
}

.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
    width:16%;
}

.slideshow_producenci {
height:100px;
}

.home_producenci .owl-carousel .item {
min-height:300px;
position:relative;
}

.home_producenci .owl-carousel .item img {
position:absolute;
top:0px;
bottom:0px;
margin:auto 0px;
}

.navbar-static-top {z-index:10;}


#koszyk_box #produkty_koszyka_box {
position:absolute;
z-index:1001;
border:1px solid #e1e1e1;
box-shadow: 3px 3px 4px #1b1b1b;
width:400px;
right:1px;
top:125px;
background:white;
text-align:right;
padding:5px;
color:#1d1d1b;
font-size:13px;
line-height:16px; 
display:none;    
}

#koszyk_box #produkty_koszyka_box .row {
margin:0px;
margin-bottom:10px;
border-bottom:1px solid #e1e1e1;
padding-bottom:7px;
}

#koszyk_box #produkty_koszyka_box .col-xs-2 {
padding:0px 5px 0px 0px;
}

#koszyk_box #produkty_koszyka_box .col-xs-3 {
padding-right:0px;
}

#koszyk_box #produkty_koszyka_box .col-xs-5 {
padding-left:0px;
}

#koszyk_box #produkty_koszyka_box h3 a {
 color:#231f20;
 font-weight:400;
 font-size:13px;
 text-decoration:none;
 -webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
 font-family: 'Poppins', sans-serif;
 line-height:16px;
}

#koszyk_box #produkty_koszyka_box h3 a:hover {
  color:#f58220;
}

#koszyk_box #produkty_koszyka_box h3 {
margin:0px;
 line-height:16px;
}

#koszyk_box #produkty_koszyka_box .zobacz_koszyk {
 color:#f58220;
 font-size:14px;
 text-decoration:none;
 -webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
 font-family: 'Poppins', sans-serif;
 line-height:16px;
 font-weight:600;
}

#koszyk_box #produkty_koszyka_box .zobacz_koszyk:hover {
 color:#231f20;
}


#koszyk_modal #koszyk_box #produkty_koszyka_box {
width:auto;
top:auto;
}

#koszyk_modal #koszyk_box {
position:relative;
left:0px;
width:100%;
top:0px;
}

#myCarouselPage .item img {
width:100% !important;
height:auto !important;
}

#myCarouselPage .item .box_podpis {
position:absolute;
top:30%;
left:6%;
font-weight:700;
font-size:48px;
line-height:48px;
color:#231f20;
}

#myCarouselPage .item .box_podpis p {
margin:5px 0px;
}

#myCarouselPage .item .box_podpis p.podpis2 {
margin-left:80px;
}

.modal-title span {
color:#f58220;
}

label.error {
color:red;
font-weight:500;
font-size:14px;
 font-family: 'Poppins', sans-serif;
} 


.porownywarka-widget {
    border: 1px solid #e1e1e1;
    border-right:0px;
    background: #fff none repeat scroll 0 0;
    padding-bottom: 40px;
    position: fixed;
    right: -280px;
    top: 200px;
    transition: all 400ms ease 0s;
    width: 280px;
    z-index: 2;
}

.porownywarka-widget .button {
    color: #fff;
    height: 160px;
    left: -40px;
    position: absolute;
    top: -1px;
    width: 40px;
}

.porownywarka-widget .button span {
    background:#F58628;
    display: block;
    font-size: 18px;
    height: 40px;
     font-family: 'Poppins', sans-serif;
    font-weight:600;
    letter-spacing:1px;
    line-height: 24px;
    margin-top: 160px;
    padding: 8px;
    text-align: center;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
    transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    width: 160px;
}

.porownywarka-widget .button a {
    color: #fff;
    text-decoration: none;
}

.porownywarka-widget:hover {
right:0px;
}

.porownywarka-widget .btn-widget {
    bottom: -1px;
    left: 0;
    margin: 0 0 0 -1px;
    position: absolute;
    width: 100%;
}

.porownywarka-widget .btn.porownaj {
    background: #f58220;
    border:0px;
    width: 100%;
    border-radius:0px;
    color:white;
    text-transform:uppercase;
    font-weight:600;
    -moz-transition:background-color .15s ease-in;
    -o-transition:background-color .15s ease-in;
    -webkit-transition:background-color .15s ease-in;
    transition:background-color .15s ease-in-out;
}

.porownywarka-widget .btn.porownaj:hover {
  background:#000;
}

.porownywarka-widget figure {
margin:5px;
}

.porownywarka-widget h3 {
margin:5px 0px 5px 0px;
font-size:14px;
font-weight:600; 
}

.porownywarka-widget h3 a {
 color:#231f20;
}

.porownywarka-widget .item {
margin-bottom:5px;
padding:5px;
border-bottom: 1px solid #e1e1e1;
}

.porownywarka-widget .item .btn {
background:red;
display:block;
color:white;
padding: 4px 12px;
text-align:left;
font-size:12px;
border-radius:0px;
line-height:12px;
margin-top:10px;
border:0px;
-moz-transition:background-color .15s ease-in;
-o-transition:background-color .15s ease-in;
-webkit-transition:background-color .15s ease-in;
transition:background-color .15s ease-in-out;
}

.porownywarka-widget .item .col-xs-3 {
padding-right:0px;
}

.porownywarka-widget .item .btn:hover {
background:#cc092f;
}

.porownywarka-widget .widget {
min-height:150px;
}

.page_head h2,.page_head h1 {
margin-top:0px;
}


.modal .btn {
font-family: 'Poppins', sans-serif;
border-radius:0px;
border:0px;
background:#f58220;
color:white;
font-weight:500;
text-transform:uppercase;
border-radius:0px;
line-height:34px;
padding:0px 30px;
-moz-transition:background-color .15s ease-in-out;
-o-transition:background-color .15s ease-in-out;
-webkit-transition:background-color .15s ease-in-out;
transition:background-color .15s ease-in-out;
}


.modal .btn:hover {
background: #231f20;
}

.modal .btn-close {
background:#f58220;
}

.modal a {
 font-weight:500;
 color:#f58220;
 text-decoration:none;
-moz-transition:color .15s ease-in-out;
-o-transition:color .15s ease-in-out;
-webkit-transition:color .15s ease-in-out;
transition:color .15s ease-in-out;
}

.modal a:hover {
   color:#000;
}

.modal .form-control {
border-radius:0px;
}

.modal #zaloguj,.modal #przypomnij {
font-weight: 500;
font-size:14px;
}

.modal #zaloguj input,.modal #przypomnij input {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  max-width:100%;
}

.modal_p_list h3 {
border-bottom: 1px solid #e1e1e1;
font-size:14px;
padding-bottom:10px;
}

.modal_p_list  .item h3 {
font-size: 14px;
font-weight: 600;
margin:0px;
border:0px;
}

.modal_p_list  .item h3 a {
 color: #231f20;
 text-decoration:none;
}

.modal_p_list  .item h3 a:hover {
text-decoration:underline;
}


.modal_p_list .item {
padding: 5px;
border-bottom: 1px solid #e1e1e1;
}

.modal_p_list .item .btn {
background:red;
display:block;
color:white;
padding: 4px 12px;
text-align:left;
font-size:12px;
border-radius:0px;
line-height:12px;
margin-top:10px;
text-transform:none;
border:0px;
-moz-transition:background-color .15s ease-in;
-o-transition:background-color .15s ease-in;
-webkit-transition:background-color .15s ease-in;
transition:background-color .15s ease-in-out;
}

.modal_p_list .item .col-xs-3 {
padding-right:0px;
}

.modal_p_list .item .btn:hover {
background:#cc092f;
}

.modal_p_list .btn.porownaj {
background:#F58628;
font-size:14px;
text-transform:none;
line-height:30px;
margin-top:20px;
color:white;
-moz-transition:background-color .15s ease-in;
-o-transition:background-color .15s ease-in;
-webkit-transition:background-color .15s ease-in;
transition:background-color .15s ease-in-out;
}

.modal_p_list .btn.porownaj:hover {
background:#2FAE6C;
color:white;
}



.p404 {
font-size:16px;
line-height:26px;
}

.p404 a {
  color:#f58220;
}
input {outline: none; box-shadow: none;}

footer .foot_realizacja {
color: rgba(255, 255, 255, 0.7);
font-size:12px;
}

footer .foot_realizacja a {
color: white;
}

.up_page img {
position:fixed;
bottom:20px;
right:10px;
z-index:200;
display:none;
}

#hit_slider .slide_item {
padding:0px 15px 60px 15px;
min-height:640px;
width:100%;
}
#hit_slider .slick-list {max-height:780px;overflow:hidden;}


.home_hit {width:100%;min-height:790px;}

.home_hit .container {
padding:0px 85px;
}

.home_hit .slick-arrow {
font-size:0px;
}

.home_hit .slick-prev {
left:-20px;
}

.home_hit .slick-next {
right:-20px;
}

#iframe-msg iframe {width: 100%; height: 500px; border: none;}
#iframe-msg .close {position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; opacity: 1; outline: none; box-shadow: none;}
#iframe-msg .close svg {fill: #2d2d2d;}
#iframe-msg .close:hover svg {transform: rotateZ(180deg);}
.basket.leasing header {margin-bottom: 50px;}
.basket.leasing p {margin: 0 0 20px 0; text-align: center;}
.basket.leasing .btn-box {text-align: center;}
.basket.leasing .btn-box a {font-family: "Montserrat", sans-serif; display: inline-block; border: 1px solid #ff0000; font-size: 12px; line-height: 16px; padding: 8px 15px; background: #ff0000; color: #fff; text-decoration: none; border-radius: 17px; text-transform: uppercase; font-weight: 700; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;}
.basket.leasing .btn-box a:hover {color: #ff0000; background: #fff;}
#iframe-msg .leasing-info {margin:10px 0px;font-size:16px;}
#iframe-msg .leasing-info span {color:#f58220;font-weight:600;}
.news img {max-width: 100%;}
.page_txt table {max-width: 100%; table-layout: fixed;}

.lista_produktow .cena_kod_kod {
margin:10px 0px;
font-size:12px;
text-align:center;	
}	
.lista_produktow .cena_kod_kod span {
font-weight:500;color:#e53125;	
}	

.history_price {font-size:10px;color: rgba(35,31,32,0.6);}

@media all and (max-width:767px) {
	.home_banery {
		background-image: url('szablony/tio_shop/gfx/banners-bgn2.jpg');
		background-image: url('szablony/tio_shop/gfx/banners-bgn2.webp');
	}
	.home_banery .ban_box+.ban_box {margin-top: 40px;}
	#cookie_info .buttons a {display:block;width:100%; text-align:center;}
}


#promo_30_urodziny #koszyk_box {
  background:none;
  width: 90px;
  height:90px;
  text-align: center;
  position:absolute;
  top:0px;
  right:0px;
  z-index:2;
}

#promo_30_urodziny #koszyk_box .koszyk a.zobacz span.txt {
	display:none;
	
}	

#promo_30_urodziny #koszyk_box #produkty_koszyka_box {top:80px;}
#promo_30_urodziny .day-tile.teaser img {max-width:100%;}