@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Lato:300&subset=latin-ext');

/*font-family: 'Amatic SC', cursive;*/
/*font-family: 'Lato', sans-serif;*/

/*@font-face{*/
    /*font-family: 'Bitter';*/
    /*src: url('./../fonts/Bitter-Bold.ttf');*/
/*}*/
/* latin-ext */
@import url('https://fonts.googleapis.com/css?family=Bitter:700&subset=latin-ext');
@font-face{
    font-family: 'Chalk';
    src: url('./../fonts/KGChasingPavements.ttf');
}

::selection {
    background: #84b714;
}
::-moz-selection {
    background: #84b714;
}

.comodo {position: absolute; right: 0; }
.comodoTL {position: absolute; bottom: 10px; right: 10px;}

.social-icons {position: fixed; top: 30%; right: 0; width: 40px; padding-right: 5px; z-index: 9999;}
.social-icons img {width: 100%;     margin-top: 10px;
    filter: drop-shadow(0px 0px 2px #000);
}


#header {position: fixed; width: 100%; background-color: rgba(0,0,0,.55); z-index: 99999; max-height: 80px; color: #fff; border-top: 4px solid #84b714; transition: all .2s;}
#elite {background-image: url('/images/top_elite.png'); background-position: center bottom; background-size: auto; color: #fff; min-height: 100vh; display: flex; align-items: center; z-index: 9; position: relative; font-family: 'Amatic SC', cursive;}
#elite h1 {font-size: 5.2em;}
#elite h4 {font-size: 3.0em;}
#elite p {font-size: 3.0em;}



.topleft {display: flex; align-items: center; padding-top: 10px; transition: all .2s;}

.topright {display: flex; align-items: center; justify-content: flex-end; padding-top: 15px; transition: all .2s;}
.topright .top-ico {padding-right: 12px; }
.topright .top-ico img {max-width: 30px; width: 100%;}

.logo-cont {text-align: center;}
.logo-cont img.logo {max-height: 100px; transition: all .2s;}

#header.smaller {max-height: 60px;}
#header.smaller .topleft {padding-top: 0;}
#header.smaller .topright {padding-top: 5px;}
#header.smaller .logo-cont img.logo {max-height: 70px;}

#cennik {color: #fff; background-color: #000; min-height: calc(100vh + 50px); margin-top: -50px; display: flex; align-items: center; background-image: url('/./../images/bg_kredam.jpg'); background-size: cover; padding-top: 150px; padding-bottom: 150px; flex-direction: column;}

#cennik .row {margin-top: 15px;}

.prettySelect{width: 100%; border: 1px solid #fff; border-radius: 0; background-color: transparent;}
.prettySelect ul.list {background-color: transparent; border-radius: 0; width: 100%;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #84b714; font-weight: bold;}

#cennik input.data_rozp {width: 100%; border: 1px solid #fff; border-radius: 0; background-color: transparent; height: 42px; color: #fff; padding-left: 15px;}

.iloscdni-cont, .ilosczestawow-cont {border: 1px solid #fff; height: 42px; display: flex; align-items:center; justify-content: space-evenly;}
input[name="ilosc_dni"], input[name="ilosc_zestawow"] {background: transparent; border: none; outline: none; color: #fff; width: 60px; margin-left: 10px; margin-right: 0px; text-align: center;}
input[name=kod_rabatowy] {background: transparent; border: none; height: 40px; outline: none; color: #fff; width: calc(100% - 110px);  text-align: center; float: left;}
.checkDisCode {width:110px; height: 40px; float: left; text-align: center; padding-top: 8px; font-size: 14px;}
.checkDisCode i:hover {color: #84b714; cursor: pointer;}
.checkDisCode:hover {color: #84b714; cursor: pointer;}
.kodCont {position: relative; overflow: hidden; border: 1px solid #fff;}
.plus-day, .minus-day {cursor: pointer;}
.plus-day:hover, .minus-day:hover {color: #84b714;}

.nice-select:active, .nice-select.open, .nice-select:focus {background-color: #84b714;}
.nice-select .list:hover .option:not(:hover) {
    background-color: #000!important;
}
.nice-select .option {background-color: #000!important;}
.cena-box {
    border-style: solid;
    border-width: 12px 12px 9px 17px;
    -moz-border-image: url('/images/ramka.png') 12 12 9 17;
    -webkit-border-image: url('/images/ramka.png') 12 12 9 17;
    -o-border-image: url('/images/ramka.png') 12 12 9 17;
    border-image: url('/images/ramka.png') 12 12 9 17 fill;
    padding-top: 20px; padding-bottom: 20px;
    /*max-width: 60%; */
    margin: 0 auto;
    text-align: center;
}

.cena-box span.zestaw-price {font-family: 'Chalk', arial, sans-serif; font-size: 38px; text-align: center; display: block;}
.cena-box span.dzien-price {font-family: 'Chalk', arial, sans-serif; font-size: 38px; text-align: center; display: block;}

.section-header {
    font-family: 'Amatic SC', cursive;
    font-size: 3em;
    margin-bottom: 40px;
}
.onas {
    font-family: 'Amatic SC', cursive;
    font-size: 3em;
    margin-top: 60px;
    margin-bottom: 40px;
}

#start {padding-top: 100px; padding-bottom: 100px; min-height: 60vh; background-image: url('/./../images/elite_2.png'); background-size: 100% 100%; margin-top: -25px; text-align: center; color :#fff;  display: flex; align-items: center;     z-index: 99;  position: relative;}
#start img {height: 80px;}
#start h5 {margin-top:20px; font-family: 'Bitter';}

#menu {color: #fff; background-color: #000; min-height: calc(60vh + 20px); margin-top: -25px; display: flex; align-items: center; background-image: url('/./../images/bg_kredam.jpg'); background-size: cover; padding-top: 150px; padding-bottom: 150px; position: relative; position: relative;  z-index: 0;}
.section-header.orange {color: #f47a23;}
.section-header.white {color: #fff;}
.section-header.black {color: #000;}
.menu-box {
    border-style: solid;
    border-width: 12px 12px 9px 17px;
    -moz-border-image: url('/images/ramka.png') 12 12 9 17;
    -webkit-border-image: url('/images/ramka.png') 12 12 9 17;
    -o-border-image: url('/images/ramka.png') 12 12 9 17;
    border-image: url('/images/ramka.png') 12 12 9 17 fill;
    padding-top: 20px; padding-bottom: 20px;
}

#porady { padding-bottom: 150px;}
#porady .porada h3 a {color: #84b714;}
#porady .porada a {color: #f47a23; display: block;}

#partnerzy {background-image: url('/./../images/elite_3.png'); background-size: 100% 100%; margin-top: -25px; text-align: center; color :#fff;  display: flex; align-items: center;     z-index: 99;  position: relative;}
#partnerzy .section-header {margin-bottom: 0;}
#partnerzy .logos {background: #fff; border-radius: 5px; padding: 40px; max-width: 40%; float: right;}
#partnerzy .logos img {margin: 30px; max-width: 100px; filter: grayscale(100%);}
#partnerzy .logos img:hover {filter: grayscale(0);}


#kontakt {color: #fff; background-color: #000; min-height: calc(60vh + 25px); margin-top: -25px; display: flex; align-items: center; background-image: url('/./../images/bg_kredam.jpg'); background-size: cover;}
#kontakt img {max-width: 100%;}

.form-cont {background: #fff; color: #000; border-radius: 8px; padding: 45px;}
.form-cont .form-row {margin-top: 15px;}
.form-cont input {width: 100%; border: none; background-color: #e3e3e3; border-radius: 4px;}
.form-cont textarea {width: 100%; border: none; background-color: #e3e3e3; border-radius: 4px; resize: none;}

nav.navi {
    /*display: none;*/
    /*background: #fff;*/
    padding: 0;
    color: #000;
    position: relative;
    top: -24px;
    transition: all .2s;
    font-family: "Amatic SC", cursive;
    transform: scale(0);
    /*transform-origin: 50% 0;*/
    background-color: rgba(0,0,0,.55);
    border-radius: 0px 0px 5px 5px;
    display: none;
    opacity: 0;
    transform-origin: 115px -35px;
    max-width: 360px;
}
#header.smaller nav.navi {top: -14px}

nav.navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #000;
    text-align: center;
}
nav.navi.opened {}
nav.navi ul li {padding-top: 10px; padding-bottom: 10px; text-shadow: 0px 0px 4px #000, 0px 0px 5px #000;}
nav.navi ul li a {color: #fff; text-transform: uppercase; padding-top: 6px; padding-bottom: 6px; font-size: 20px; font-weight: bold;}
nav.navi ul li a:hover {color: #84b714; text-decoration: none;}
/*nav.navi.opened {display: block;}*/
.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #84b714;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -10px; }
.hamburger-inner::after {
    bottom: -10px; }

.hamburger--3dx .hamburger-box {
    perspective: 80px; }

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

@keyframes pulse {
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
}

.znizkaCont {text-align: center; padding-top: 30px;}
#burst-12 {
    background: #84b714;
    width: 50px;
    height: 50px;
    position: relative;
    text-align: center;
    display: none;
    margin: 0 auto;
    animation: pulse 2s infinite ease-in-out;
}
#burst-12:before, #burst-12:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 50px;
    background: #84b714;
}
#burst-12:before {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
#burst-12:after {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
}

#burst-12 span {position: relative; font-size: 18px; line-height: 50px; color: #fff; z-index: 999;}

.top-nrs a {display: block; color: #fff; text-decoration: none;}
.top-nrs a:hover {color: #84b714; text-decoration: none;}

.porada-img {width: 100%; object-fit: cover; height: 200px; margin-bottom: 10px;}

.zgoda .inputzgoda {float: left; width: 10%;}
.zgoda span.zgodazgoda {width: 90%; float: right; display: block; font-size: 12px;}

#kontakt {padding-top: 100px; padding-bottom: 100px;}
#kontakt img.mapka {max-width: 80%; width: 100%;}
#kontakt input, #kontakt textarea {padding-left: 8px;}

.firanki-bottom {width: 100%; position: absolute; bottom: 0; background-image: url('../images/firankibottom.png'); left: 0; right: 0; background-repeat: repeat-x; height: 25px;}
.firanki-top {width: 100%; position: absolute; top: 0; background-image: url('../images/firankitop.png'); left: 0; right: 0; background-repeat: repeat-x; height: 25px;}


.btn-elite {border: 2px solid #F47A23; padding: 4px 8px; color: #fff; border-radius: 5px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,122,35,.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(244,122,35,.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(244,122,35,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f47a23',GradientType=0 );
display: inline-block; margin-top: 30px; font-size: 20px;  text-transform: uppercase;
font-family: 'Lato', sans-serif;
    transition: all .2s;
    font-weight: 300;
    cursor: pointer;
}
.btn-elite:hover {color: #fff;
    background: -moz-linear-gradient(top, rgba(244,122,35,.8) 0%, rgba(244,122,35,.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(244,122,35,.8) 0%,rgba(244,122,35,.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(244,122,35,.8) 0%,rgba(244,122,35,.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a23', endColorstr='#f47a23',GradientType=0 );
    text-decoration: none;
}
.btn-elite.mauto {margin: 30px auto;}
.btn-elite.send {margin: 30px auto;}

.kontmap {display: flex; align-item: center; justify-content: center;}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url('../images/ar_right.svg'); width: 50px; height: 50px; right: -50px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {background-image: url('../images/ar_left.svg'); width: 50px; height: 50px; left: -50px;}
.swiper-button-next:focus, .swiper-button-prev:focus {outline: none;}
.sglTydzien {position: relative;}


.eliteModal {position: fixed; background: rgba(0,0,0,.7);  bottom: 0; left: 0; right: 0; width: 100%; align-items: center; justify-content: center; z-index: 999999; display: none; height: 100%;}
.innerModal {max-width: 600px; width: 100%; background: #000; color: #fff; background-image: url('/./../images/bg_kredam.jpg'); background-position: center center; padding: 40px; border: 1px solid #fff; margin: 10% auto;}
.innerModal input {background: transparent; border: 1px solid #fff; outline: none; box-shadow: none; border-radius: 0;}
.innerModal select {background: transparent; border: 1px solid #fff; outline: none; box-shadow: none; border-radius: 0; width: 100%; color: #fff; height: 42px; padding-left: 10px;}
.innerModal input:focus {background: transparent; outline:none; box-shadow: none;}
.innerModal select:focus {background: transparent; outline:none; box-shadow: none;}
.phonesModal {position: fixed; background: rgba(0,0,0,.7);  bottom: 0; left: 0; right: 0; width: 100%; align-items: center; justify-content: center; z-index: 999999; display: none; height: 100%;}

.phonesModal a {color: #fff; text-decoration: none; font-size: 24px;}
.phonesModal .col-md-2 {line-height: 40px;}



.formZam input {background: transparent; border: 1px solid #fff; outline: none; box-shadow: none; border-radius: 0;}
.formZam select {background: transparent; border: 1px solid #fff; outline: none; box-shadow: none; border-radius: 0; width: 100%; color: #fff; height: 42px; padding-left: 10px;}
.formZam input:focus {background: transparent; outline:none; box-shadow: none;}
.formZam select:focus {background: transparent; outline:none; box-shadow: none;}

.chbox span {font-size: 12px;}

.footer { text-align: center;background: #000; border-bottom: 4px solid #84b714; line-height: 38px; font-size: 13px; position: relative;}
.footer a.edf {margin-top: -10px; height: 50px; border-radius: 5px 5px 0px 0px;
    margin-left: auto; margin-right: auto; display: inline-block; color: #fff; padding: 12px;
    background: -moz-linear-gradient(top, rgba(76,109,5,1) 0%, rgba(132,183,20,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(76,109,5,1) 0%,rgba(132,183,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(76,109,5,1) 0%,rgba(132,183,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c6d05', endColorstr='#84b714',GradientType=0 );

}
.footer span.pull-left {float: left; color: #fff;}
.footer span.pull-right {float: right;}
.footer a {color: #fff;}
.footer a:hover {text-decoration: none; color: #84b714;}
.footer img {max-height: 20px; vertical-align: sub;}
.end {background: #222222; width: 100%; height: 26px;}
.end a {color: #666; text-decoration: none; font-size: 14px; line-height: 26px;}
.designedby {float: right;}
.footer span.pull-right a:first-of-type {margin-right: 12px;}
.footer span.pull-left a:nth-of-type(2) {margin-right: 12px;}

.top-post img {width: 100%; position: relative;}
.pad0 {padding: 0;}
.top-post .title-cont {position: absolute; left: auto; bottom: 0; right: auto; margin: 0 auto; width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    padding-top: 40px;
}
.top-post .title-cont h1 {color: #fff;}
.content {padding-top: 50px; padding-bottom: 100px;}

.top-dieta img {max-height: 550px; object-fit: cover;}

.topleft i {position: relative; top: -6px;}


.dieta-tygodnie {background: url('../images/bg_kredam_pion.jpg'); color: #fff; background-size: 100% auto;}

.prettySelect {margin-bottom: 15px;}
.menu-btn-cont {}
.menu-btn-cont .btn-menu {border: 1px solid #fff; text-align: center; color: #fff; background: transparent; height: 42px; width: 100%; cursor: pointer; margin-top: 15px; transition: all .2s;}
.menu-btn-cont .btn-menu:hover {background: #84b714;}


#cennikForm input {color: #fff;}
#cennikForm a {color: #fff;}
#cennikForm label {margin-bottom: 2px;}
#cennikForm input {margin-bottom: 10px;}
.chbox {margin-top: 10px;}
.form-control:focus {border-color: #84b714; outline-color: #84b714;}
input:focus {border-color: #84b714; outline-color: #84b714;}

.cennikInnerModal {transition: height 1s;}
.godz-otw {color: #fff; line-height: 26px; font-weight: normal;}
.godz-otw img {max-width: 70px; text-align: center; display: block; margin: 0 auto; max-height: initial; margin-bottom: 20px;}
.teleaddress {text-align: center; color: #fff; line-height: 26px; font-weight: normal;}
.teleaddress img {display: block; margin: 0 auto; max-height: initial; max-width: 70px; width: 100%; margin-bottom: 20px;}

.topfotrow {padding-top: 30px; padding-bottom: 30px;}

.cts {position: absolute;
    right: 10px;
    bottom: -5px;
    z-index: 9999;
    max-height: unset!important;}

.mobilbuton {display: none;}
.zamowieniecontainer {display: none; margin-top: 42px;}

#gallery {top: -80px;  position: relative; padding-top: 50px;}
#gallery .container-photos .swiper-gallery .swiper-wrapper {}
#gallery .container-photos {padding-top: 5px; padding-bottom: 5px; background-color: #84b714;}
.galnav {position: relative; height: 50px;}
.galnav .swiper-button-next {right: 15px;}
.galnav .swiper-button-prev {right: 50px; left: auto;}
.swiper-gallery img {width: 100%;}
.elite-image-link {position: relative; display: block;}
.elite-image-link .image-desc {
    background-color: #84b714dd;
    display: flex; position: absolute; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    z-index: 9;
    color: #fff;
    transition: opacity .2s;
    padding: 10px;
    text-align: center;
}
.elite-image-link:hover .image-desc {opacity: 1;}
/*#gallery .container-photos a img {*/
    /*width: 100%;*/
    /*height: 300px; object-fit: cover;*/
/*}*/

#diety {padding-top: 100px; padding-bottom: 100px;}
.dieta {display: flex; align-items: center; margin-bottom: 15px;}
.dieta .dieta-l {flex: 2; text-align: center; padding: 10px;}
.dieta .dieta-r {flex: 9; padding: 10px; text-align: left;}
.dieta img {max-width: 80px; margin-bottom: 10px;}

.dieta:nth-of-type(even){flex-direction: row-reverse;}
.dieta:nth-of-type(even) .dieta-r {text-align: right;}

.mapwrap .pin {position: absolute;}
.mapwrap .pin img {display: inline-block; margin: 0 auto; width: 11px; margin-bottom: 2px;}
.mapwrap .pin span {font-size: 4px; line-height: 4px;}

.Popup {
    position: fixed; background: rgba(0,0,0,.7);  bottom: 0; left: 0; right: 0; width: 100%; align-items: center; justify-content: center; z-index: 999999; display: none; height: 100%;
}
.Popup .innerModal {max-width: 800px; padding: 0; margin: 5% auto; position: relative; max-height: 95vh;}
.Popup .innerModal .Popup_img {width: 100%; height: 100%; overflow: hidden;}
.Popup .innerModal .Popup_img img {width: 100%; height: 100%;}
.Popup .innerModal .Popup_content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media only screen and (max-width: 1366px) {
    .cts {bottom: 40px;}
    .onas  {margin-top: 40px;}
    #start img {height: 55px;}
}
@media only screen and (max-width: 1024px) {
    .cts {display: none;}

}
@media only screen and (max-width: 840px) {
    .Popup .innerModal {
        max-width: calc(100% - 30px);
        margin: 5% auto;
        position: relative;
        max-height: 95vh;
    }
}
.hide-desktop.show-mobile {display: none;}
@media only screen and (max-width: 780px) {
	.dieta {flex-direction: column;}
	.dieta:nth-of-type(even){flex-direction: column;}

	.dieta .dieta-r {padding: 0 10px 10px; text-align: justify;}
	.dieta:nth-of-type(even) .dieta-r {text-align: justify;}

    .hide-desktop.show-mobile {display: block;}
    #phones_box {
        display:none;
    }

    #elite h1 {
        font-size: 3.2em;
    }
    #elite h4 {
        font-size: 2.0em;
    }
	#elite p {font-size: 2.4em;}

    .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
         left: 0px;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }
    #partnerzy .logos {
        padding: 0px;
        max-width: 100%;
        float: none;
    }

    #partnerzy {
       height: auto !important;
        padding-top: 40px;
        padding-bottom: 40px
    }
    #start {
        background-size: cover;
        background-position: center;
    }
    #menu {
        margin-top: -30px;
    }
    #porady {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .menu-box {
        margin-top:10px;
        margin-bottom: 10px;
    }

    .nice-select {
        margin-bottom: 10px;
    }
    nav.navi ul {
        color: #fff;
    }
    nav.navi {
        /*background: rgba(0,0,0,0.3);*/
        color: #fff;
        margin-top: 6px;
        top:0;
    }
    nav.navi ul li a {
        color: #fff;
    }
    nav.navi ul li {
        padding: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .men {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #start {
        margin-top: -35px;
    }
    #kontakt img.mapka {margin-top: 10px;}
    #partnerzy {background-size: auto auto; }

}
@media only screen and (max-width: 780px){
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: -30px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
        left: -30px;
    }
    .slider-cont {padding-left: 35px; padding-right: 35px;}

    .footer {height: auto;}
    .footer .container {display: flex; flex-direction: column; width: 100%;}
    .footer a.edf {order: 2; width: 100%; margin-top: 5px;}
    .menutxt {display: none;}
    .cennikInnerModal {padding: 20px; width: calc(100% - 20px); }
    .innerModal {max-height: 80%; overflow: scroll;}
    .top-post img {min-height: 350px;}
    .top-post h1 {font-size: 1.68rem;}
    .tydzNam {font-size: 16px!important;}
    .mapCont {text-align: center!important;}

    .footer span.pull-right a {display: block;}
    .teleaddress {padding-top: 25px;}

}
@media only screen and (max-width: 780px) {
    .mobilbuton {
        display: block;
    }
    .mobilbutonshow {display: block;}
    .nomobilbuton {display: none;}
}

@media only screen and (max-height: 860px){
    .innerModal {max-height: 90%; overflow: scroll; margin: 5% auto;}
}

@media only screen and (max-width: 440px){
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
        left: 0px;
    }
    .slider-cont {padding-left: 55px; padding-right: 55px;}
    #start {
        margin-top: -45px;
    }
    #menu {
        margin-top: -45px;
    }
}
@media only screen and (max-width: 400px) {
    .blockmobile {
        display: block;
    }
    .slashyk {display: none;}
}

.top-btns {

}
.btn-standard {padding: 0.5rem 1rem; border-radius: 5px; transition: transform .3s; display: inline-block;}
.btn-bordered {
    border: 1px solid #84b714;  color: #fff;
}
.btn-filled {
    border: 1px solid #84b714; background-color: #84b714; color: #fff;
}
.btn-standard:hover {text-decoration: none; transform: scale(1.04); color: #fff;}

@-webkit-keyframes pulseBtn {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1.08, 1.25);
        -ms-transform: scale(1.08, 1.25);
        -webkit-transform: scale(1.08, 1.25);
        transform: scale(1.08, 1.25);
        opacity: 0;

    }
    /*100% {*/
    /*    -moz-transform: scale(1);*/
    /*    -ms-transform: scale(1);*/
    /*    -webkit-transform: scale(1);*/
    /*    transform: scale(1);*/

    /*}*/
}

.pulsebtn {
    -webkit-animation: pulse 2.5s infinite;
}