@charset "utf-8";

/* CSS Document */
html { height: 100% }

body { font-family: 'Oswald', sans-serif; font-weight: 200; height: 100%; }

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* margin: 0 auto -153px; */
}

section { }

.col-xs-4.new::after {
    content: "nowość";
    position: absolute;
    right: 0;
    top: 0;
    background: red;
    color: wheat;
    padding: 5px 15px;
    font-weight: bold;
    transform: rotate(45deg);
    transform-origin: 0;
    font-family: cursive;
    font-size: 15px;
}


.main{padding-bottom: 30px;}
.strona-glowna .main .container .row .col-xs-12{display:flex; flex-wrap: wrap; justify-content: center;}

.article{width:100%;}

.main .container .row .col-xs-12 .article .article-wraper {padding:10px; height:100%;position: relative;}
.main .container .row .col-xs-12 .article .article-wraper .article-content{ height:100%; padding-bottom: 45px;}
.main .container .row .col-xs-12 .article .article-wraper .article-content .row .col-xs-12{justify-content: normal; display: block;}

.produkty{padding-top: 25px;}

.btn.btn-default.wiecej{position: absolute; bottom:2px ; left:50%; transform: translate(-50%,0); font-size:14px; color:#3e3e3e;}

.article.col-1{width:80%; margin-top:25px}

.article.col-2{width:50% ;margin-top:25px;}
.article.col-3{width:33%}
.article.col-4{width:25%}

ul.partnerzy_ul{padding:10px; text-transform: uppercase;}
ul.partnerzy_ul li{list-style: none; position: relative; line-height: 20px;padding:0px 5px 5px 35px}
ul.partnerzy_ul li::before{position: absolute; left:0; top:0; content: ""; width:18px; height:18px; background: url(../gfx/li_partnerzy.png) left top no-repeat;background-size: cover;}


h2{    font-size: 25px; border-bottom: 1px solid #333333; padding-bottom: 10px;}

p.opisP {
    padding: 25px;
}


.row.page-full {
   padding-top: 5%;
    padding-bottom: 5%;
	    border-bottom: 1px solid #dadada;
}



a.link_anim{transition: all 1s; display:block }

a.link_anim:hover img{animation-duration: 1s; animation-fill-mode: both; animation-name: wobble;}

/*#slider .player::before{ display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;}

#slider .container-fluid, #slider .row, #slider .col-xs-12{margin:0; padding:0;}*/

/*#slider:before {
  display: block;
  content: "";
  width: 100%;
  padding-top:28.3%;
}

#slider .content{position: absolute; left:0; right:0; top:0; bottom: 0;}*/


ul.kontakt{padding:25px;}

ul.kontakt li{list-style:none;; padding:15px 5px 15px 55px ; position: relative}

ul.kontakt li::before{    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    background-size: cover;
    transform: translate(0,-50%);}
ul.kontakt li a{ font-weight: bold; color:#333333 }

ul.kontakt li a:hover{color:#052200}
ul.kontakt li.phone::before{background: url(../gfx/phone.png)}

ul.kontakt li.email::before{background: url(../gfx/mail.png)}

ul.kontakt li.adress::before{background: url(../gfx/znacznik.png)}
ul.kontakt li.adress{font-weight: normal}

.go-top {
    position: fixed;
    right: 5px;
    bottom: -5px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    width: 47px;
    height: 42px;
    background: url(../gfx/go_top.png) center center no-repeat;
    display: none;
	z-index: 200;
}



.breadcrumbs{width:100%;}

.breadcrumbs .bc-separator{display: none;}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "»";
}
.breadcrumbs li a{color:#7C7C7C;}
.breadcrumbs li a:hover{color:#052200}

/*serwis-map*/
.serwis-map{width:100%}

.serwis-map ul.menu-box li a{color: #333; font-weight: bold;}
.serwis-map ul.menu-box li a:hover{color:#973937}



/**/
.flex-it{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
.flexD{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.padSize{
    padding:0 114px;
}
.padSize2{
    padding:0 28px;
}
/**/

.strona-glowna .flexD > div{
    display: flex;
    align-items: flex-end;
}

#slider{
	background: #fff;

	position: relative;

}

#slider .player{

	background: rgba(0,0,0,0.2);
	position: absolute;
	width:30vw;
	right:20px;
	bottom:5%;

}
#slider .player .embed-responsive{border:2px solid #fff;}
/*konkurs*/
.konkurs ~.player{display: none;}
.konkurs .article-wraper .article-content img{width:100%; height:auto;}
.player .bkonkurs{border:2px solid #fff; margin-bottom:5%; }

.player .bkonkurs img{width:100%; height: auto;}




@media screen and (min-width: 768px) {

	body{padding-top:95px;}
	.navbar.navbar-default{border-radius:0; min-height: 95px;margin-bottom: 0;    box-shadow: -3px 3px 7px rgba(0,0,0,0.4); z-index: 1;}
	.navbar .container{position: relative; height:95px;}

	.navbar .navbar-collapse{position:absolute; right:185px; top:50%; transform: translate(0,-50%);}

	.navbar .social-media{position: absolute; right:-15px;top:50%; transform: translate(0,-50%);}

	.navbar .social-media a{display:inline-block; width:32px; height:32px; background-position: center top; background-repeat: no-repeat; margin:0 3px;    background-size: 100%;}
	.navbar .social-media a span{display: none;}

	.navbar .social-media a:hover{background-position: center bottom;}

	.navbar .social-media a.fb{background-image: url("../gfx/social-media/fb.png")}
	.navbar .social-media a.yt{background-image: url("../gfx/social-media/yt.png")}
	.navbar .social-media a.twitter{background-image: url("../gfx/social-media/twitter.png")}
	.navbar .social-media a.instagram{background-image: url("../gfx/social-media/instagram.png")}
    .navbar .social-media a.tiktok{background-image: url("../gfx/social-media/tiktok.png")}
	.navbar-nav.navbar-right li a {font-size:18px;}
	.navbar-nav.navbar-right li a:hover{color:#973937}
	.navbar-nav.navbar-right li.selected a, .navbar-nav.navbar-right li.on-path-to-page a{ color:#0D3700}
}

@media screen and (max-width: 767px) {

	body{padding-top:50px;}
    .col-xs-4.new::after {
      
        font-size: 10px;
    }

	.navbar .container{position:static; height:inherit;}

	.navbar .navbar-brand{ width:100px;}

	.navbar-nav.navbar-right li.selected a, .navbar-nav.navbar-right li.on-path-to-page a{ color:#0D3700}

	/*social media top*/
	.navbar .social-media{position: fixed; right:70px;top:5px; transform:none;}

	.navbar .social-media a{display:inline-block; width:35px; height:35px; background-position: center top; background-repeat: no-repeat; background-size: cover;}
	.navbar .social-media a span{display: none;}

	.navbar .social-media a:hover{background-position: center bottom;}

	.navbar .social-media a.fb{background-image: url("../gfx/social-media/fb.png")}
	.navbar .social-media a.yt{background-image: url("../gfx/social-media/yt.png")}
	.navbar .social-media a.twitter{background-image: url("../gfx/social-media/twitter.png")}
	.navbar .social-media a.instagram{background-image: url("../gfx/social-media/instagram.png")}
    .navbar .social-media a.tiktok{background-image: url("../gfx/social-media/tiktok.png")}

	/**/


	/*player*/
    #slider .player{width:100%; position: relative; right:auto; bottom: auto;}
    .padSize{
        padding:0px;
    }
    .padSize2{
        padding:0;
    }
}

@media screen and (max-width: 991px)
{
	.article.col-1{width:100%}
	.article.col-2{width:100%}
	.article.col-3{width:50%}
	.article.col-4{width:50%}
}
/*footer*/
.footer { width: 100%; min-height: 50px; background-color: #dcdcdc; padding: 20px 20px 30px 20px; color:#717070; }
.footer .f-right, .footer .f-left { padding: 10px 0 }
.footer .f-right p { font: 10px Verdana, sans-serif; margin: 10px; text-align: right; }
.footer .f-right p a.best-group { background: rgba(0, 0, 0, 0) url("../gfx/logo_footer.gif") no-repeat scroll left top; display: inline-block; height: 10px; vertical-align: middle; width: 80px; }
.footer .f-left p { font: 14px 'Oswald', sans-serif; margin: 10px; }
.footer .f-left a{color:#717070;}
/**/


#cookies_info {
    background: #e7e7e7 none repeat scroll 0 0;
    bottom: 0;
    opacity: 0.9;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#cookies_info .ck-inner {
    margin: 0 auto;
    padding: 25px 0;
    width: 900px;
}
#cookies_info .ck-inner .ck-content {
    display: inline-block;
    width: 636px;
}
#cookies_info .ck-inner .ck-accept {
    background-color: #f7f7f3;
    border: 1px outset #43a1c8;
    box-shadow: 0 0 1px #00597b;
    color: #fd7b01;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: 18px 12px 16px 24px;
    padding: 6px 20px;
}
#cookies_info .ck-inner .ck-accept:hover {
    box-shadow: 0 0 6px #00597b;
}
#cookies_info .ck-inner .ck-accept span {
}


.amazonki::before {
        content: "";
    position: absolute;
    width: 45%;
    height: 100%;
    background: url(/media/Naturio/federacja-stowarzyszen-amazonki.png);
    background-size: contain;
    right: 2px;
    top: -15px;
    background-repeat: no-repeat;
	pointer-events: none;
}