@charset "UTF-8";

* {

    margin: 0;

    padding: 0

}



body {

    background: #ebebeb

}



.ac_footer {

    position: relative;

    top: 10px;

    height: 0;

    text-align: center;

    color: #a12000;

    padding-bottom: 50px

}



.ac_footer a {

    color: #a12000

}



.ac_footer p {

    text-align: center

}



img[height="1"],

img[width="1"] {

    display: none!important

}



p {

    margin: 10px 0

}



body a:hover {

    cursor: pointer

}



a img {

    border: none

}



h1,

h2 {

    margin: 1em 0;

    color: #820000;

    text-align: left;

    font-weight: 400

}



h1+h2 {

    margin-top: 0

}



h3 {

    margin: 1em 0;

    color: #000;

    text-align: center;

    font-weight: bolder

}



h1 {

    font-size: 40px;

    line-height: 1em

}



h2 {

    font-size: 28px;

    line-height: 140%

}



#wrapper {

    margin: 0 auto;

    padding: 0;

    min-height: 500px;

    border-left: 1px solid #000;

    border-right: 1px solid #000;

    border-bottom: 1px solid #000;

    background: #fff;

    color: #3d3d3d;

    font-size: 16px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 25px;

    max-width: 980px;

    width: 100%

}



@media (min-width:769px) {

    #post {

        width: 70%;

        display: inline-block!important

    }

    #side {

        width: 27%!important;

        display: inline-block!important;

        top: 0;

        margin-top: 0;

        float: right

    }

}



#side2 {

    display: none

}



@media (max-width:768px) {

    #side {

        width: 100%!important;

        top: 0;

        margin-top: 0;

        float: none;

        display: none!important

    }

    #side2 {

        max-width: 400px!important;

        width: 100%!important;

        top: 0;

        margin: 0 auto;

        float: none;

        display: block!important

    }

    #side ul {

        overflow: hidden;

        float: left

    }

    #side li {

        width: 40%!important;

        display: inline-block!important;

        top: 0;

        padding-bottom: 10000px;

        margin: 20px 20px -10000px;

        float: left

    }

    #post {

        width: 100%

    }

}



@media (max-width:425px) {

    #side li {

        width: 90%!important;

        display: inline-block!important;

        top: 0;

        padding-bottom: 10000px;

        margin: 20px 20px -10000px;

        float: left

    }

}



#post {

    margin: 20px;

    max-width: 630px

}



h1.a1 {

    margin-bottom: 30px

}



div span.h3 {

    width: 400px

}



ul.testimonials {

    border-radius: 5px;

    background: #fff;

    list-style: none

}



ul.testimonials li.opinion {

    background-color: #fff;

    border: 3px inset green;

    margin: 20px 20px 20px 25px;

    padding: 0 10px 10px;

    text-align: center;

    position: relative!important

}



.redo {

    color: #c00;

    font-weight: 700;

    font-size: 20px;

    margin-top: 25px;

    margin-bottom: 20px

}



.redoyel {

    font-family: arial, sans-serif;

    color: #c00;

    font-weight: 700;

    font-size: 18px;

    margin-top: 25px;

    margin-bottom: 25px;

    margin-left: 10px

}



ul.testimonials li.opinion:first-child {

    margin-top: 50px

}



ul.testimonials li.opinion:last-child {

    margin-bottom: 0

}



ul.testimonials li.opinion h3 {

    color: red;

    margin: 0;

    padding: 0;

    font-size: 20px!important;

    text-align: center

}



ul.testimonials li.opinion img {

    display: block;

    margin: 10px auto 20px;

    width: 90%

}



ul.testimonials li.opinion p {

    font-weight: 400;

    line-height: 18px

}



ul.testimonials li.opinion .author {

    line-height: 15pt;

    margin: 10px 0 0

}



span.h3 {

    color: #ff6000;

    font-size: 18px

}



#bottle {

    margin: 60px auto;

    width: 330px;

    height: 190px;

    text-align: center;

    position: relative

}



#bottle_g {

    position: absolute;

    top: 0;

    right: 0px;

    width: 290px

}



#bottle img {

    display: block;

    margin: 0 auto 20px

}



.center {

    display: block;

    margin-right: auto;

    margin-left: auto

}



p.center,

span.center {

    text-align: center

}



@media (min-width:769px) {

    #post {

        width: 67%

    }

}



button,

html input[type=button] {

    border: 0;

    cursor: pointer;

    -webkit-appearance: button

}



label {

    display: block;

    margin-bottom: 5px;

    font-weight: 700

}



.w-input {

    display: block;

    width: 100%;

    max-width: 350px;

    height: 38px;

    padding: 8px 12px;

    margin-bottom: 10px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #333;

    vertical-align: middle;

    background-color: #fff;

    border: 1px solid #ccc

}



.w-input:-moz-placeholder {

    color: #999

}



.w-input::-moz-placeholder {

    color: #999;

    opacity: 1

}



.w-input:-ms-input-placeholder {

    color: #999

}



.w-input::-webkit-input-placeholder {

    color: #999

}



.w-input:focus {

    border-color: #3898ec;

    outline: 0

}



.section {

    margin-bottom: 0

}



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

    .submit-button {

        margin-top: 20px;

        margin-bottom: 15px

    }

}



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

    .text-field-4 {

        width: 90%

    }

    .submit-button {

        width: 80%

    }

}



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

    .submit-button {

        width: 85%;

        padding: 9px 0

    }

}



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

    .content h2 {

        font-size: 24px;

        text-align: center

    }

}



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

    .submit-button {

        width: 85%;

        padding: 9px 0

    }

}



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

    .text-field-4 {

        width: 90%

    }

    .submit-button {

        width: 80%

    }

}



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

    .submit-button {

        margin-top: 20px;

        margin-bottom: 15px

    }

    .order_btn {

        font-size: 15px;

        width: 100%

    }

}



.submit-button {

    border-radius: 14px;

    background-color: #00ac2b;

    box-shadow: 0 3px 6px -1px #000;

    font-weight: 700

}



.form {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    float: none;

    clear: none;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-flex-wrap: nowrap;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 16px;

    white-space: normal

}



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



html {

    height: 100%

}



body {

    margin: 0;

    min-height: 100%;

    background-color: #fff;

    font-family: Arial, sans-serif;

    font-size: 14px;

    line-height: 20px;

    color: #333

}



img {

    max-width: 100%;

    vertical-align: middle;

    display: inline-block

}



h1,

h2,

h3 {

    font-weight: 700;

    margin-bottom: 10px

}



h1 {

    font-size: 38px;

    line-height: 44px;

    margin-top: 20px

}



h2 {

    font-size: 22px;

    line-height: 36px;

    margin-top: 20px

}



h3 {

    font-size: 24px;

    line-height: 30px;

    margin-top: 20px

}



p {

    margin-top: 0;

    margin-bottom: 10px

}



ul {

    margin-top: 0;

    margin-bottom: 10px;

    padding-left: 40px

}



form {

    box-sizing: border-box;

    padding: 20px

}



form label {

    text-transform: uppercase;

    margin-bottom: 10px;

    padding: 0 10px;

    text-align: center;

    position: relative

}



form input {

    margin: 0 auto 15px

}



form button {

    display: block;

    box-sizing: border-box;

    width: 100%;

    max-width: 350px;

    margin: 20px auto;

    padding: 15px;

    border: none;

    background-color: #03bd03;

    color: #fff

}



form button:hover {

    transition: all .5s;

    transform: scale(1.1)

}



ul li p {

    font-family: Arial, Helvetica, sans-serif

}



ul li,

ul li img,

ul li p {

    display: inline-block

}



ul {

    list-style: none;

    margin: 0;

    padding: 0

}



header ul {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    box-sizing: border-box;

    padding: 10px

}



header ul li {

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 16px;

    font-weight: 700;

    line-height: 1.1;

    max-width: 25%

}



.list-item-2 p,

.list-item-3 p,

.list-item-4 p,

.list-item-5 p {

    margin-bottom: 0

}



.inL_32538 ul li p {

    margin-left: 10px

}



.libo li {

    position: relative;

    margin-bottom: 20px

}



.libo li::before {

    content: '';

    width: 5px;

    height: 5px;

    display: inline-block;

    position: absolute;

    top: 11px;

    left: -10px;

    background-color: #000;

    transform: rotate(45deg)

}



@media (max-width:966px) {

    header ul li {

        display: none

    }

    header ul .list-item-2 {

        display: flex;

        max-width: none

    }

    .inL_32538 ul li img {

        flex-shrink: 0;

        max-width: none

    }

}



.inL_32538 {

    background-color: #4f853b

}



.inL_355413 {

    background-position: 5px 0

}



.inL_42652 {

    width: 100%

}



.inL_969407 {

    background-position: 65px 0

}



.inL_683694 {

    width: 100%

}



.inL_948956 {

    background-position: -80px 0

}



.inL_681153 {

    width: 100%

}



.inL_543800 {

    background-position: -160px 0

}



.inL_83549 {

    width: 100%

}



.inL_826785 {

    background-position: -160px -80px

}



.inL_46723 {

    width: 100%

}



.inL_406223 {

    background-position: -80px -80px

}



.inL_816213 {

    width: 100%

}



.inL_315993 {

    background-position: 0 -80px

}



.inL_539764 {

    width: 100%

}



.inL_404757 {

    background-position: 0 -80px

}



.inL_993753 {

    width: 100%

}



.inL_985720 {

    color: #820000

}



.inL_71476 {

    display: block;

    margin: 0 auto 20px

}



.inL_262715 {

    margin-top: 50px

}



.inL_356808 {

    width: 100%;

    margin-top: 10px

}



.inL_634902 {

    text-align: center;

    font-size: 14px;

    margin: 0 0 20px;

    background-color: #ddd;

    padding: 2px 5px

}



.inL_771320 {

    width: 100%

}



.inL_147947 {

    display: flex

}



.inL_63755 {

    width: 50%

}



.inL_65860 {

    text-align: center;

    margin: 0

}



.inL_411664 {

    padding: 0 5px;

    text-align: center

}



.inL_733672 {

    width: 50%

}



.inL_627698 {

    text-align: center;

    margin: 0

}



.inL_291830 {

    padding: 0 5px;

    text-align: center

}



.inL_853640 {

    display: block;

    margin: 20px auto

}



.inL_266540 {

    clear: both

}



.inL_21871 {

    text-align: center;

    font-weight: 700

}



.inL_751814 {

    clear: both

}



.inL_694951 {

    text-align: right

}



.inL_758560 {

    text-align: center;

    margin-top: 30px;

    font-weight: 700

}



.inL_896872 {

    color: red

}



.inL_631929 {

    font-weight: 700;

    font-size: 14px;

    display: block;

    margin-bottom: 15px;

    width: 130px

}



.inL_986872 {

    max-height: 300px;

    margin-bottom: 0

}



.inL_333949 {

    display: block;

    text-align: center;

    margin: 0 auto 20px

}



.inL_911663 {

    text-decoration: line-through;

    margin-right: 10px

}



.inL_666069 {

    font-weight: 900;

    font-size: 24px;

    color: #c00;

    width: 100%

}



.inL_211994 {

    font-size: 16px;

    text-align: center;

    line-height: 140%

}



.inL_439254 {

    padding: 0 20px

}



.inL_685844 {

    margin-bottom: 40px;

    border-bottom: double

}



.inL_528638 {

    max-width: 350px;

    width: 100%;

    margin-bottom: 10px

}



.inL_709818 {

    max-width: 350px;

    width: 100%;

    margin-bottom: 10px

}



.inL_437442 {

    background-position: 5px 0

}



.inL_363022 {

    width: 100%

}



.inL_989912 {

    background-position: 65px 0

}



.inL_964680 {

    width: 100%

}



.inL_964335 {

    background-position: -80px 0

}



.inL_350532 {

    width: 100%

}



.inL_720762 {

    background-position: -160px 0

}



.inL_965717 {

    width: 100%

}



.inL_187572 {

    background-position: -160px -80px

}



.inL_591391 {

    width: 100%

}



.inL_176728 {

    background-position: -80px -80px

}



.inL_974963 {

    width: 100%

}



.inL_898756 {

    background-position: 0 -80px

}



.inL_252472 {

    width: 100%

}



.inL_558441 {

    background-position: 0 -80px

}



.inL_636501 {

    width: 100%

}



.yellowstar {

    color: #ffd700!important;

    text-shadow: 1px 1px 1px #000

}



.no {

    color: #d3d3d3!important;

    text-shadow: 1px 1px #000

}



.redoyel {

    line-height: 32px

}



@media (max-width:480px) {

    h1 {

        font-size: 28px

    }

}



.redoyel {

    color: #c00;

    font-weight: 700;

    width: 100%

}



.redoyel span {

    background: #ff0

}



@media (max-width:768px) {

    #post {

        margin: 0!important

    }

    #licznikProduktow {

        float: none!important;

        margin: 0 auto

    }

    #licznikProduktow span:nth-child(1) {

        margin: 0 auto;

        display: block

    }

}



.infograph {

    display: flex;

    flex-direction: row;

    padding: 0;

    align-items: center;

    margin: 50px 0;

    display: flex;

    gap: 20px;

}



.infograph-column {

    align-items: center;

    justify-items: center;

    margin: 0;

    padding: 0;

    width: 33%;

    display: flex;

    flex-direction: column;

    flex: 1;

    overflow: visible;

}



.infograph-prod {

    width: 100%;

    justify-self: center

}



.infograph-img {

    width: 28%;

    margin: 0 auto;

    display: block

}



.infograph-row {

    margin: 0;

    padding: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    overflow: visible;

}



.infograph-text {

    color: green;

    text-transform: uppercase;

    text-shadow: 1px 0 grey;

    text-align: center!important

}



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

    .infograph-arrow {

        display: none

    }

    .infograph {

        flex-direction: column

    }

    .infograph-column {

        width: 100%!important

    }

    .infograph-rewerse {

        flex-direction: column-reverse!important

    }

    .infograph-prod {

        display: none

    }

}



.ileProduktow {

    background-size: 100% 115%;

    background: url(../img/counterbg.png) repeat-x 0;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 45px;

    line-height: 1;

    color: #000;

    padding: 0 5px;

    border: 1px solid #000;

    border-radius: 5px;

    max-width: 35px;

    width: 100%

}



.ileProduktow:not(:last-child) {

    margin-right: 5px

}



#licznikProduktow {

    text-align: center;

    float: right;

    margin-top: 20px;

    margin-right: 20px

}



#licznikProduktow p {

    font-size: 18px;

    font-weight: 700;

    word-wrap: break-word;

    max-width: 388px;

    padding-top: 20px

}



.comments ul {

    margin: 0;

    padding: 0

}



.comment {

    list-style: none;

    text-align: left;

    font-weight: 400;

    margin-bottom: 20px

}



.comment__head {

    margin-bottom: 10px

}



.comment__head img {

    margin-right: 5px

}



#wrapper .comment__head p {

    margin: 5px 3px 5px 0;

    font-size: 15px;

    font-weight: 700

}



.comment__head p:first-of-type {

    color: green

}



#wrapper .comment__tail span {

    margin-right: 10px;

    color: green;

    font-size: 14px;

    cursor: pointer

}



.order_btn {

    display: block;

    box-sizing: border-box;

    width: 50%;

    min-width: 200px;

    margin: 20px auto;

    padding: 15px;

    border: none;

    color: #fff;

    border-radius: 14px;

    background-color: #00ac2b;

    box-shadow: 0 3px 6px -1px #000;

    font-weight: 700;

    text-align: center

}



.order_btn:hover {

    transition: all .5s;

    transform: scale(1.1)

}



.yellowstar {

    color: #ffd700!important;

    text-shadow: 1px 1px 1px #000

}



.no {

    color: #d3d3d3!important;

    text-shadow: 1px 1px #000

}



@media (max-width:991px) {

    .testimonials {

        display: none

    }

    #post {

        width: 100%;

        max-width: 100%;

        margin: 20px auto;

        padding: 0 20px

    }

    #wrapper {

        padding: 0

    }

    .inL_439254 {

        padding: 0

    }

    .main-photo {

        display: block;

        width: 600px;

        margin: 0 auto

    }

    .inL_634902 {

        max-width: 600px;

        margin: 0 auto 20px

    }

    .main-photo:not(.inL_356808) {

        margin: 0 auto 20px

    }

    .inL_356808 {

        margin-top: 20px

    }

    .inL_147947 {

        max-width: 600px;

        margin: 0 auto

    }

}



@media (max-width:767px) {

    .order_btn {

        width: 100%;

        max-width: 300px

    }

}



.libo {

    padding-left: 25px

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

    .infograph-text {

        max-width: 200px;

        padding: 5px

    }

}



@media(max-width:388px) {

    #wrapper .comment__head p,

    .comment__text {

        font-size: 13px

    }

}



.force-big {

    height: 300px !important;

    max-width: none !important;

    max-height: none !important;

    display: block;

    width: auto

}