body {margin: 0; font-size: 15px; padding: 0; color: #535353; font-family: 'Lato', sans-serif; width: 100%; font-weight: 400;}
a, a:hover, a:visited, a:link{text-decoration: none;}
h1, h2, h3, h4, h5, p, span, a {position: relative; margin: 0; padding: 0;  }
h1, h2, h3, h4, h5{color: #181816;}
h1, h2{font-size: 36px; margin-bottom: 15px; font-weight: 900; text-transform: uppercase;}
h1 span, h2 span{color: #a6a6a6; font-size: 14px; display: block; text-transform: uppercase;}
h3{font-size: 18px; margin-bottom: 15px; font-weight: 700;}
h4{font-size: 12px; color: #aaaaaa; text-transform: uppercase; font-weight: 700;
margin: 0 0 5px 0;}
h4 span{//font-size: 37px;}
.uk_r{display: none;}
.logo-ue{margin-right: 15px;}
h5{font-size: 24px;}
ul{margin-left: auto; margin-right: auto;}
.oferta ul li, .page ul li{list-style: none; background: url(../img/li.png) no-repeat left 7px; padding-left: 25px;}
a {color: #6fb63b; text-decoration: none;}
a:focus, a:hover, a:visited{  color: #6fb63b; text-decoration: none;}
img {border: 0; vertical-align: initial!important;}
.clear{clear: both;}
.over{overflow: auto; width: 100%; position: relative;}
.no-padding{padding-left: 0;}
.padding{padding-top: 50px; padding-bottom: 50px;}
.bg_f{border: 1px solid #d8d8d8; padding: 20px 20px 0 20px; margin-bottom: 20px;}
.bg_f h3 {font-weight: 700;}
.bg_f h3 a{//color: #fcdb05;}
.page h3{color: #6fb63b; font-weight: 400;}
@media (min-width: 768px) {.container {width: 100%;}}
@media (min-width: 992px) {.container {width: 100%;}}
@media (min-width:1307px){.container{width:1290px;}.owl-pagination{width: 1290px; margin: 0 auto 25px auto;}}
.sticky .social img{margin-top: 5px;}
.navbar{margin: 0 auto; width: 100%; z-index: 3; height: auto; z-index: 5; top: 0; padding: 0 0 21px; border: 0; background: #242424; //box-shadow: 0 5px 10px #bdbdbd; border-radius: 0; height: 150px;}
.sticky {left: 0; margin: 0 auto; padding: 0; position: fixed; width: 100%; z-index: 100; height: 45px;}
.navbar-nav {float: right; //width: 100%;}
.navbar-header a.navbar-brand{padding: 0;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin: 0;}
.navbar-brand p{padding-left: 30px;}
.navbar-brand p, .navbar-brand p a{color: #181816; font-size: 14px; font-weight: 300;}
/*.navbar-brand p:nth-child(1){background: url(../img/tel.png) no-repeat center left; margin-bottom: 10px;}
.navbar-brand p:nth-child(2){background: url(../img/mail.png) no-repeat center left;}*/
.sticky .navbar-brand p:nth-child(2){display: none;}
.navbar-header a.navbar-brand img{width: 100%;}
.navbar-header{padding: 0;}
.sticky .navbar-header {padding: 10px 0;}
.navbar-brand{height: auto;}
.navbar-brand img{height: 44px; width: auto!important; float: none!important;}
.logo2{height: 32px; margin-left: 15px; margin-top: 6px;}
div.navbar-brand{height: auto; /*border-left: 1px solid #dbdbdb;*/ margin-left: 15px!important; padding-left: 15px; padding-top: 0; padding-bottom: 0;}
.navbar-collapse{float: right;}
.navbar-collapse .navbar-brand{float: left;}
.sticky div.navbar-brand {margin-top: 0!important; padding-top: 5px; padding-bottom: 5px;}
.sticky .navbar-header a.navbar-brand img.logo{height: 30px; width: auto;}
.sticky .social{display: none;}
.navbar-default .navbar-nav > li > a {color: #2d2924; padding-top: 14px; padding-bottom: 14px; border-bottom: 2px solid transparent;}
.sticky .navbar-nav > li > a  {padding-top: 14px; padding-bottom: 14px;}
.navbar-nav > li{font-weight: 700; font-size: 17px; padding-right: 10px;}
.p-tel{/*background: url(../img/tel-wh.png) no-repeat center left; background-size: 8%;*/ display: inline-block; padding-left: 30px; padding-right: 15px;}
.p-mail{/*background: url(../img/mail-wh.png) no-repeat center left; background-size: 8%;*/ display: inline-block;}
.p-fb {padding-left: 30px; display: inline-block;}
.p-yt {padding-left: 21px !important; display: inline-block;}
.youtube {margin-bottom: 4px;}
.social {float: right; margin-top: -21px; padding-right: 48px;}
.top-bar {background-color:#6fb63b; color: #fff; padding-top: 3px; padding-bottom: 3px;}
.navbar-nav > li.ukryj{display: none;}
.dropdown-menu > li {font-family: tahoma; font-weight: 400; text-transform: none; font-size: 15px;}
.navbar-nav > li:hover .dropdown-menu {display: block;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{border-bottom: 2px solid #6fb63b; background: transparent; color: #6fb63b;}
.dropdown-menu > li > a{color: #000; border-bottom: 2px solid transparent; padding: 5px 20px;}
.dropdown-menu{box-shadow: 0 0 0; border-radius: 0; padding: 0; border: none;}
.navbar-default .navbar-toggle{border-color: #3ea1da;}
.navbar-default .navbar-toggle .icon-bar {background-color: #3ea1da;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 7px;}
.navbar-toggle {margin-right: 0; margin-top: 0; padding: 15px; margin-bottom: 0; border-radius: 0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #6fb63b;}
.navbar-default .navbar-toggle {border-color: #6fb63b;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {  background-color: transparent;}
.navbar-default .navbar-nav > li.flagi > a, .navbar-default .navbar-nav > li.flagi > a:hover{/*background: url(../img/pokaz.jpg) no-repeat center right;*/ padding-right: 25px; border: 0; font-weight: 300; font-size: 14px;}
.navbar-default .navbar-nav > li.flagi{//padding-left: 15px; padding-right: 15px; /*border-left: 1px solid #dbdbdb;*/ }
.navbar-default .navbar-nav > li.strefa{//border-left: 1px solid #dbdbdb; //padding-left: 15px; }

.navbar-default .navbar-nav > li.strefa > a, .navbar-default .navbar-nav > li.strefa > a:hover{text-transform: uppercase; //border: 0; padding-top: 5px; padding-bottom: 5px; text-align: left; padding-right: 0; float: left; border: 2px solid #089B08;
  background-color: transparent;
  color: #fff !important; font-size: 18px;
  font-weight: 600;
  line-height: 2.4;
  letter-spacing: 0.54px; padding: 0 30px;
  border-radius: 90px;}
.navbar-default .navbar-nav > li.strefa > a.sklep{margin-top: 5px;}
.navbar-default .navbar-nav > li.strefa > a:first-child, .navbar-default .navbar-nav > li.strefa > a:first-child:hover{//background: url(../img/strefa_instalatora.jpg) no-repeat center left; //padding-left: 50px; }
.navbar-default .navbar-nav > li.strefa > a svg{float: left; margin-right: 10px;}
.navbar-default .navbar-nav > li.strefa > a span{display: block; line-height: 20px;}
.baner{position: relative; text-align: center; //max-width: 1659px; margin: 120px auto 0 auto; overflow: hidden;}
.baner img{width: 100%;}
.p-b img{/*width: auto; height: 256px;*/ width: 100vw; height: auto; float: left;}
.baner h1{position: absolute; top: calc(50% - 130px); left: 15px; z-index: 3; //color: #6fb63b;text-shadow: 2px 2px 1px #fff; text-align: left;}
#owl-baner .owl-controls{position: absolute; width: 100%; margin: 0 auto; text-align: right; z-index: 4; bottom: 10px; left: 0;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{display: inline-block;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #28904d;}
.owl-theme .owl-controls .owl-page span{background: #9f9f9f; height: 10px; width: 10px; margin: 0 5px; display: inline-block; border-radius: 50px;}
.promooo {position: absolute; text-align: left; width: 100%; z-index: 1; color: #fff; top: calc(50% - 130px);}

.p-b .promooo{top: calc(50% - 95px);}
.p {margin: 0 auto; max-width: 100%; overflow: hidden; width: 520px; float: left;}
.p h2, .p h1 {font-weight: 700; text-transform: uppercase; color: #6fb63b; font-size: 20px;}
.p h3{text-transform: uppercase; font-size: 56px; font-weight: 900; margin: 0;}
a.btn-default, a.btn-info{color: #181816;}
.btn-default, .btn-info{color: #181816; font-size: 12px; background-color: transparent; background-image: url("../img/next_z.png"); background-position: calc(100% - 15px) center; background-repeat: no-repeat; border: 2px solid #6fb63b; border-radius: 0; text-transform: uppercase; font-weight: 900; padding: 12px 60px 12px 40px; margin-top: 30px;}
.btn-default:hover, .btn-default:focus{background-color: #6fb63b; color: #fff; background-image: url("../img/next_active.png"); border: 2px solid #6fb63b;}
.btn-info{background-image: url("../img/prev.png"); background-position: 15px center; padding: 12px 40px 12px 60px;}
.btn-info:hover, .btn-info:focus{background-color: #6fb63b; color: #fff; background-image: url("../img/prev_active.png"); border: 2px solid #6fb63b;}
form .btn-default, form .btn-default:hover, form .btn-default:focus{margin-top: 0;}
form .zar, form .zar:hover, form .zar:focus{margin-top: 15px;}

.oferta img{max-width: 100%; height: auto!important;/*padding: 0 20px;*/}
.oferta .item{text-align: center; padding-bottom: 30px;}
.oferta .item:hover{//border: 1px solid #d8d8d8;}
.oferta .row{position: relative;}
.oferta .col-md-9{position: static;}
.oferta .owl-controls{position: absolute; left: 0;}
.oferta .owl-buttons {text-align: center; margin-top: -110px;}
.oferta h2{font-size: 19px; z-index: 3; font-weight: 900; margin:0; height: 44px;}
.oferta .item h3{font-size: 12px; color: #aaaaaa; text-transform: uppercase; font-weight: 700; margin: 0 0 5px 0;}
.oferta .item{position: relative; z-index: 2; padding: 0 0 30px 0; margin-bottom: 30px;}
.oferta #owl-img-home .item{padding: 0;}
.oferta h4{margin-top: 15px; height: 27px;}
.oferta .img, .oferta .img2{margin: 0 auto; text-align: center;}
.oferta .img img, .oferta .img2 img{max-width: 100%; width: auto; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;}
.oferta .img2 img{border-bottom: 1px solid #d8d8d8;}
.owl-prev, .owl-next{background-color: #fff; border: 2px solid #6fb63b; width: 50px; height: 50px; border-radius: 0; background-position: center; background-repeat: no-repeat; display: inline-block; color: transparent;}
.owl-prev:hover, .owl-next:hover{background-color: #6fb63b; border: 2px solid #6fb63b;}
.owl-theme .owl-controls .owl-buttons div{opacity: 1;}
.owl-prev{background-image: url(../img/prev.png); background-repeat: no-repeat; background-position: center; margin-left: 15px;margin-right: -2px;}
.owl-prev:hover{background-image: url(../img/prev_active.png);}
.owl-next:hover{background-image: url(../img/next_active.png);}
.owl-next{background-image: url(../img/next.png); background-repeat: no-repeat; background-position: center;}
.oferta  .owl-theme .owl-controls .owl-pagination, #owl-baner .owl-buttons{display: none;}
.o-nas{background: #f7f7f7; overflow: hidden;}
.o-nas h2{font-size: 48px; margin-bottom: 20px; font-weight: 700; color: #100f0f;}
.o-nas img{min-height: 500px;}
.o-nas .padding{padding-left: 65px;}
.o-nas .no-padding{overflow: hidden;}
#aktualnosci{position: relative;}
.aktualnosci h4{margin: 20px 0;}
.aktualnosci h2{margin-bottom: 80px;}
.aktualnosci h3{line-height: 1.4;}
.aktualnosci .item{overflow: hidden; margin: 0 15px;}
.aktualnosci .item img{width: 100%;}
.aktualnosci .owl-pagination{position: absolute; top: 0; text-align: right; width: 100%;}
.form-inline{margin-top: 30px;}
.form-inline .form-control, .form-inline .form-control:hover, .form-inline .form-control:focus{border: 0; background-color: #fff; color: #535353; font-size: 18px; font-family: 'Lato'; font-weight: 300; padding: 15px 30px;}
#freshmail_email{width: 600px; max-width: 97%;}
#wyslij{background-image: url(../img/mail2.png); background-position: center; background-repeat: no-repeat; color: transparent; width: 70px;}
#wyslij, #wyslij:hover, #wyslij:focus{margin-left: -12px;}
.newsletter a{color: #fcdb05;}
.newsletter p{color: #fff;}
.stopka{border-bottom: 1px solid #d8d8d8; text-align: center;}
.form-group{margin-bottom: 0;}


#map{width: 100%; height: 254px;}
.copy{padding: 30px 0; background: #ededed; color: #4c4c4c; font-size: 13px; font-weight: 400;}
.toTop {border: 2px solid #6fb63b; height: 48px; width: 48px; margin: 0 auto 0 20px; text-align: center; z-index: 10; cursor: pointer; background-image: url(../img/gora.png); background-position: center; background-repeat: no-repeat; float: right;}
.toTop:hover{background-color: #6fb63b; background-image: url(../img/gora_hover.png);}
.p_padding {padding-top: 16px; padding-bottom: 16px;}

.block{display: block;}

.page{font-size: 15px; border-bottom: 1px solid #d8d8d8;}
.bg_li {background: #f6f6f6; border-left: 7px solid #6fb63b; margin: 20px 0; padding: 30px; position: relative; overflow: hidden; clear: both;}
.page p, .oferta p{position: relative; margin-bottom: 15px;}
.page .media-left a{display: block;}
.imgof img{width: 100%;}

.page img{max-width: 100%; height: auto!important; width: auto!important;}
.bg-szare img {width: 100%!important;}

.page .media-body img{max-width: auto!important; height: auto!important;}

.kontakt h2, ul.lista h2{background: #6fb63b; color: #fff; padding: 10px; font-size: 19px;}
.kontakt h2 a{color: #fff;}
.kontakt  h2 a{display: block;}
.kontakt  h2 span{color: #fff; float: right; margin-top: 8px;}



.media{margin-bottom: 20px; overflow: visible;}
.media-left{padding-right: 30px;}
.media .btn-default{margin-top: 15px;}
.nrpages, .nav_p{text-align: center; width: 100%; position: relative; overflow: hidden;}
.oferta ul.pagination li{background: transparent; padding: 0; display: inline-block;}
.nrpages a{border: 2px solid #6fb63b; padding: 12px 17px; display: inline-block; font-size: 12px; color: #181816; font-weight: 900; text-transform: uppercase; border-right: 0;}
.nrpages a:hover, .nrpages a.active{background-color: #6fb63b; color: #fff; border: 2px solid #6fb63b; border-right: 0;}
.nrpages a.nastepna{background-image: url("../img/next_z.png"); background-repeat: no-repeat; background-position: calc(100% - 15px) center; padding-right: 60px; border-right: 2px solid #6fb63b;}
.nrpages a.poprzednia{background-image: url("../img/prev_z.png"); background-repeat: no-repeat; background-position: 15px center; padding-left: 60px;}
.nrpages a.nastepna:hover{background-image: url("../img/next_active.png");}
.nrpages a.poprzednia:hover{background-image: url("../img/prev_active.png");}
ul.pagination{margin: 0;}

.form-control, .form-control:focus{margin-bottom: 25px; width: 100%; height: auto; padding: 5px 10px; border: 1px solid #d8d8d8; background: #fff; color: #000; border-radius: 0; box-shadow: 0 0 0; font-size: 18px;}
.form-control::-webkit-input-placeholder {color: #666; opacity: 1;}
.form-control::-moz-placeholder {color: #666; opacity: 1;}
.form-control:-ms-input-placeholder {color: #666; opacity: 1;}
.form-control:-moz-placeholder {color: #666; opacity: 1;}
textarea.form-control, textarea.form-control:focus, textarea.form-control:hover{height: 250px;}
.img-responsive{margin-left: auto; margin-right: auto; max-width: 100%;}
.no-radius{border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

.btn-link{padding: 6px 45px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; color: #fff!important; text-transform: uppercase; margin-top: 30px;}
.btn-link:hover{background-color: #fedf99; color: #87214c!important; text-decoration: none;}
.btn-search{background-color: #fedf99; color: #87214c; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase; letter-spacing: 3px;}
.color_granat{color: #87214c;}
.bg_granat{background: #87214c;}
.container-fluid {padding-right: 0px; padding-left: 0px;}
.bg_linia{background: url(../img/bg_linia.png) no-repeat; height: 5px; width: 100%; margin-top: -5px; margin-bottom: 5px; position: relative;}
.media-body {display: block; width: 100%;}
.left_menu{padding: 0; margin: 0; list-style: none; height: 100%;}
.bg-biale{background: #fff; margin: auto; padding: 0;}
.bg-szare{/*background: #efefef;*/ overflow: visible; margin: 0;}
.bg-szare .col-md-3{padding: 0;}
.padding .row{margin-left:0; margin-right: 0;}
.page ul.left_menu li{padding: 0; background: transparent;}
li.naglowek{display: none;}
a.menub:hover, .left_menu a.on {border-left: 2px solid #6fb63b; border-bottom: 1px solid #6fb63b; color: #6fb63b;}
li:nth-child(2) a.menub {//border-bottom: none;}
a.menub {width: 100%; color: #2d2924; font-weight: 700; font-size: 17px; padding: 14px; overflow: hidden; display: block; border-bottom: 1px solid #dbdbdb; border-left: 2px solid #dbdbdb; padding-left: 15px;}
.navigacja {width: 100%; border-bottom: 1px solid #dbdbdb; overflow: hidden; z-index: 1; margin: 0 auto 30px auto;}
.navigacja a {color: #2d2924; padding: 15px 0; display: inline-block; border-bottom: 1px solid #fff;}
.navigacja a.on, .navigacja a:hover {color: #6fb63b; border-bottom: 1px solid #6fb63b; z-index: 3;}
.navigacja img{margin: 0 20px; width: 18px!important;}
#sync1 .item{margin: 15px 0 30px 0;}
#sync1 .item img{max-width: 100%;}
#sync2 .item img{max-width: 100%;}
#sync1 .item, #sync2 .item{text-align: center; border: 1px solid #dbdbdb;}
#sync1 .item a, #sync2 .item a{display: block;}
#sync1 .owl-prev, #sync1 .owl-next{position: absolute; top: calc(50% - 55px); z-index: 3;}
#sync1 .owl-prev {margin-left: 0; margin-right: 0; left: -10px}
#sync1 .owl-next{right: -10px;}
#sync2 .item{margin: 0 15px 30px 15px; overflow: hidden;}
.p_f{padding: 70px 0; display: inline-block;}

.oferta ul.nav li{padding: 0; background: transparent;}
.nav-tabs > li > a {border-radius: 0; font-weight: 900; color: #181816; cursor: pointer; font-size: 20px;}
.nav-tabs > li > a {margin-right: 0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #6fb63b;}
.tab-content{margin-top: 30px;}

table{width: 100%; max-width: 100%;}
table tr:nth-of-type(2n+1) {background-color: #f9f9f9;}
table tr td, table tr th{padding: 8px; line-height: 1.42857143; vertical-align: top;  border-top: 1px solid #dbdbdb; vertical-align: middle;}

#opis_art {
  margin-left: 15px;
}

/*modal*/
button > span {
  font-size: 35px;
}

/*info_map - page kontakt
.info_map {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
    position: absolute;
    left: 5vw;
    top: 100px;
    max-width: 35vw;
    min-width: 15vw;
    max-height: 90vh;
}*/

.nagroda-heder{
  float: left;
}
.punkty{
  text-align: right;
}
.progress{
  width: 400px;
    float: right;
}
.opis{
  float: left;
}
.przycisk-wybieram{
    padding-top: 40px;
}
.wybieram{
  width: 50%;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    background-color: #6fb63b;
    border-radius: 15px;
    font-size: 38px;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
}

.p-tel i{
  font-size:16px;
  color:#fff;
  margin-right: 5px;
}
.p-mail {
  font-size:16px;
  color:#fff;
  margin-right: 5px;
}

@media (max-width:1900px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }
 .menu-ua {width: 80% !important;}
}
@media (max-width:1851px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }
}
@media (max-width:1820px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }
}
@media (max-width:1760px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }
}
@media (max-width:1710px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }
}
@media (max-width:1650px){
 #bs-example-navbar-collapse-1 {
 width: calc(100% - 415px)
 }
}
@media (max-width:1580px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }
}
@media (max-width:1530px){
 #bs-example-navbar-collapse-1 {
   width: calc(100% - 415px)
 }

 .navbar-default .navbar-nav > li.flagi > a > span {display: none;}
  .navbar-default .navbar-nav > li.flagi > a > img {margin-right: 5px;}
  .navbar-default .navbar-nav > li.strefa > a b{display: none;}
}
@media (max-width:1515px){
  .navbar-brand p span{display: none;}
  .p-yt {padding-left: 15px !important;}


}
@media (max-width:1420px){
 #bs-example-navbar-collapse-1 {
    width: 83%;
 }
}
@media (max-width:1400px){
  .p-b .promooo{top: calc(50% - 85px);}


}
@media (max-width:1390px){
.menu-ua {width: 82% !important;}
}
@media (max-width:1380px){
  .navbar {padding-bottom: 21px;}
  div.navbar-brand {border-left: 0; margin-left: 0 !important;}
  /*.navbar-default .navbar-nav > li.flagi span{display: none;}*/
  .p {margin-top: 15px;}
  .p a {margin-top:10px;}
  .p h2 {margin-bottom: 0;}
}
@media (max-width:1360px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }


}
@media (max-width:1360px){
  .navbar_ua > li {font-size: 15px; padding-right: 0;}
}
@media (max-width:1310px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }


}
@media (max-width:1307px){
  .owl-pagination, .owl-buttons{width: 100%;}
  .owl-pagination{width: 100%; padding-right: 10px;}
  #sync1 .owl-prev {left: 15px}
  #sync1 .owl-next{right: 15px;}


}
@media (max-width:1280px){
  .p {margin-top: 20px;}
  /*.social{display:block !important;}*/
   #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px);}
  .flagi_ua {margin-left: 0 !important;}

}
@media (max-width:1240px){
  .navbar_ua > li {font-size: 13px;}
  .navbar-nav > li {font-weight: 400; font-size: 15px; padding-right: 5px;}

}
@media (max-width:1230px){
  .navbar-default .navbar-nav > li.flagi {
    margin-left: 15px !important;
  }



}
@media (max-width:1210px){
 #bs-example-navbar-collapse-1 {
    width: calc(100% - 415px)
 }
}
@media (max-width:1200px){
  .navbar-header{//width:20% !important;}
  div.navbar-brand{display: none;}
  .page form .col-lg-6{float: left; width: 50%;}
  .flagi_ua {padding-left: 0 !important; padding-right: 0 !important;}
  .menu-ua {width: 80% !important;}

}
@media (max-width:1180px){

  .newsletter{background-size: auto 440px;}
  .p h3 {font-size: 32px;}
  .p {width: 350px;}
  .promooo {top: calc(50% - 100px);}
  .oferta .owl-buttons{margin-top: -50px;}
}
@media (max-width:1154px){
 .navbar-nav > li {
    padding-right: 5px;}
  .navbar-default .navbar-nav > li.flagi {
    padding-left: 0;
    padding-right: 0;
  }
 .navbar-brand {
  padding-left: 15px !important;
 }
}
@media (max-width:1110px){
  .navbar-default .navbar-nav > li.strefa {padding-left: 15px; //width: 48px;}
  .navbar-default .navbar-nav > li.flagi {padding-left: 0; padding-right: 15px;}
  .navbar-nav > li > a{padding-left: 10px; padding-right: 10px;}
  .p-b .p{text-align: right!important;}
  .container-fluid {
  padding-left: 10px !important;
  padding-right: 10px !important;
 }
 .navbar-nav > li {font-weight: 400; font-size: 14px; padding-right: 0;}
  .navbar-header a.navbar-brand img {width: 115px; margin-top: 11px; height: auto;}
#bs-example-navbar-collapse-1 {
  width: calc(100% - 280px);
}
 .navbar-default .navbar-nav > li > a {padding-left: 5px!important; padding-right: 5px!important;}
 .navbar-default .navbar-nav > li.strefa > a:first-child{width: 45px;}
}
@media (max-width:1040px){
  .navbar-nav > li {
      padding-right: 0;
  }

}
@media (max-width:991px){

  .oferta .owl-buttons{margin-top: 0;}
  .o-nas .padding {padding-left: 15px;}
  .o-nas img {min-height: 100px; width: 100%;}
  .no-padding {padding-right: 0;}
  .p {margin-top: 30px;}
  .p a {margin-top:5px;}
  .navbar-brand {
  padding-left: 15px !important;}

}
@media (max-width:899px){
  #bs-example-navbar-collapse-1{width:82% !important;}
  .navbar-nav > li {
    padding-right: 0;
 }
  .navbar-header{width:18% !important;}
}
@media (max-width:845px){
  #bs-example-navbar-collapse-1{width:85% !important;}
  .navbar-header{width:15% !important;}
  .navbar-nav > li {font-size: 13px;}
  .top-contact {width: 79% !important;}
  .navbar-nav {padding-left: 20px;}
}
@media (max-width:768px)
  {.navbar-header {width: 100% !important;}
  .p-yt {padding-left: 22px !important;}
  div.navbar-brand{display: block; border-left: 1px solid #dbdbdb; margin-left: 35px !important;}
  .navbar-brand p span {display: inline-block;}
  .navbar-header {padding: 0 15px;}
  .navbar-collapse {float: none;}
  .navbar-default .navbar-nav > li > a{padding: 10px 15px;}
  .navbar-default .navbar-nav > li:last-child > a{padding-right: 15px;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{background: #fff; z-index: 22; position: relative; border: 0; padding: 0 15px;}
  .navbar-nav {margin: 0;}
  .navbar-nav > li{text-align: left; font-weight: 700; font-size: 17px;}
  .navbar-header a.navbar-brand img.logo {width: 155px; margin-top: 0;}
  .dropdown-menu {float: none; position: relative; text-align: left;}
  .navbar-nav {float: none;}
  .navbar-fixed-top .navbar-collapse{max-height: 440px;}
  .navbar-default .navbar-nav > li.flagi{border: 0;}
  .navbar-default .navbar-nav > li.flagi span {display: inline-block; margin-left: 5px;}
  .navbar-default .navbar-nav > li.strefa{width: auto; border: 0;}
  .navbar-default .navbar-nav > li.strefa > a {width: auto;}
  .copy .p_padding{text-align: right; padding-top: 0;}
  .oferta .owl-controls {position: relative;}
  a.menub{width: 100%; float: left; border-bottom: 1px solid #dbdbdb; border-top: 0;}
  .tab-content > .tab-pane {width: 100%; position: relative; overflow: auto;}
  .p {width: 300px; text-align: right!important;}
  /*.baner img {width: auto; height: 295px;}
  .p-b img {height: 254px;}*/
  .p-b img{ width: 100vw; height: auto; float: left;}
  .promooo {display: none;}
  .media-left {display:block; padding-right: 0;}
  .media-body p {text-align: left;}
  .media-body h2 {font-size: 26px !important;}
  .media-body h4 {margin-top: 10px;}
  .media-left img {width:100%;}
  .navbar-default .navbar-nav > li.strefa {float:left;}
  .navbar-default .navbar-nav > li.flagi > a > span {display: inline-block;}
}

@media (max-width:582px){
  .top-contact {font-size: 14px;}
}
@media (max-width:555px){
.p-mail{display: none;}
}
@media (max-width:550px){
  .zalety .col-xs-6{width: 100%;}
  #freshmail_email {width: 250px;}
  .oferta .col-xs-6{width: 100%;}
  .oferta h2{height: auto;}
  .page form .col-lg-6{float: none; width: 100%; padding: 0;}
  div.navbar-brand {border-left: 0; margin-left: 0 !important;}
  .navbar-default .navbar-nav > li.flagi span{display: none;}
  .promooo {display: none;}
  .wybieram {font-size:20px;}
}
@media (max-width:510px){
  div.navbar-brand {border-right: 0 !important; width:30%;}
  .navbar-brand div {display: inline;}
}
@media (max-width:500px){
  .copy p{text-align: center;}
  .copy .col-xs-5, .copy .col-xs-7{width: 100%; text-align: center;}
  .copy .p_padding{padding-top: 16px;}
  .copy .text-right{text-align: left;}
  .toTop{position: absolute; bottom: 0; right: 15px;}
  .aktualnosci, .o-nas, .oferta {text-align: center;}
  .aktualnosci .owl-pagination {position: relative; text-align: center;}
  .oferta ul li{text-align: left;}
  .nav-tabs > li > a {font-size: 16px; font-weight: 400;}
  div.navbar-brand p span{display: none;}
  .copy .col-xs-5 {display: none;}
  .copy .row {position: relative;}
  .copy .col-xs-7 {position: absolute; bottom: -40px;}
  .baner{margin-top: 110px;}
}

@media (max-width:450px){
  /*div.navbar-brand{display: none;}*/
  .form-inline .form-control, .form-inline .form-control:hover, .form-inline .form-control:focus {padding: 15px 10px; font-size: 14px;}
  #wyslij {width: 45px;}
  #freshmail_email {width: 200px;}

  .o-nas h2 {font-size: 36px;}
  .nav-tabs > li > a {font-size: 13px;}
  .nav > li > a {padding: 10px 7px;}
  h1, h2 {font-size: 30px;}

}
@media (max-width:360px){
  .navbar-brand .logo {width: 100% !important;}
  .navbar-brand {width: 40%;}
  .page { font-size: 13px;padding-left: 10px; padding-right: 10px;}
  .media-body p {text-align: left;}
  .media-body h2 {font-size: 25px !important;}
  .p-yt {
    padding-left: 15px !important;
}
@media (max-width:360px){
  .social {padding-right: 28px;}
}
@media (max-width:300px){
  .toTop{position: relative; right: 0; float: none; margin: 16px auto 0 auto;}
  .copy .text-right{text-align: center;}
}