.dark_overlay {
    background-color: rgba(255,255,255,0.8);
}
.dark_overlay>div{
        opacity: 0.5;
}
.dropdown, .dropup {
    position: relative;
}
.tile a:hover ,.tile a:hover p,.tile a:focus ,.tile a:focus p{
    text-decoration: none !important;
    color:#006b2d
}
body.front > header nav ul a:hover{
    background:none
}
a:hover h1, a:hover p, a:hover{
    text-decoration:none !important
}
.static_content img{
    max-width: 100%;
    height:auto !important
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.carousel-indicators li{
display: inline-block;
    width: 20px !important;
    height: 20px !important;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fcc513 !important;
    border-radius: 10px;
}
.carousel-indicators li.active{
    width: 22px;
    height: 22px;
    margin: 0;
    background-color: #fcc513;
}
.carousel-inner .item{
    
}
.carousel-inner .item>a{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.open>.dropdown-menu {
    display: block;
}





.form-control {
    border: 1px solid #006b2d !important;
    color: #006b2d !important;
    background: transparent !important;
    border-radius: 0;
    font-size: 15px !important;
    margin-top: 24px !important;
    padding: 10px !important;
    margin-bottom: 22px !important;
    font-weight: bold !important;
    height: auto !important;
    border-radius: 0 !important;
}.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #006b2d;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #006b2d;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #006b2d;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #006b2d;
}
.form-control:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #006b2d;
}
.form-control:placeholder{
    
    color: #006b2d;
}
textarea.form-control{
    margin-bottom: 4px !important;
    margin-top: 28px !important;
}
button[type="submit"] {
    margin-top: 18px;
    background: #006b2d;
    color: #fdc513;
    border: 0 none;
    text-transform: uppercase;
    padding: 6px;
    width: 100%;
    font-size: 19px;
    font-weight: bold;
}
.page_header{
    font-weight: 500;
    font-size: 68px;
    color: #00682b;
    padding-top: 31px;
    padding-bottom: 47px;
}
.second_header{
    padding-bottom: 21px;
}
.portion_counter{
    
}
.portion_header{
    background-color: #fdc513;
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    padding: 14px 30px;
}
.dropdown button{
background-color: #fff;
    padding: 18px 31px;
    color: #00682b;
    font-size: 17px;
    border: none;
    cursor: pointer;
    padding-top: 14px;
    width: 100%;
    text-align: left;
}
.portion_counter ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.dropdown-menu {
    width: 100%;
}

.portion_counter ul li{
    background-color: #fff;
    padding: 18px 31px;
    color: #00682b;
    font-size: 17px;
    border-top: 1px solid #bfbfbf;
    cursor: pointer;
    padding-top: 14px;
}
.small_footer{
    
}
.portion_counter ul li:first-child{
    border-top: none;
}
.portion_counter ul li.active{
        background-image: url(../images/ticker.png);
    background-repeat: no-repeat;
    background-position: right 50px center;
        font-weight: 800;
}
.portion_counter ul li span{
    
}
.portion_counter ul li.active span{
    
}
.portion_counter .glasses{
        width: 150px;
    height: 20px;
    float: left;
}
.portion_counter .glass{
    background-image: url(../images/glasses.png);
    height: 32px;
}
.portion_counter .glass.one{
        width: 30px;
}
.portion_counter .glass.two{
        width: 61px;
}
.portion_counter .glass.three{
        width: 94px;
}
.portion_counter .glass.four{
        width: 134px;
}
.portion_result{
    
}
.portion_result .portion_header{
    
    background-color:#00682b
}
.big-glasses{
    background-image: url(../images/bigglass.png);
    height: 60px;
    margin: 30px auto;
}
.big-glasses.one{
    width: 60px;
}
.big-glasses.two{
    width: 130px
}
.big-glasses.three{
    width: 200px
}
.big-glasses.four{
    width: 260px
}
.big-glasses.five{
    width: 330px
}
.portion_result_box{
background-color: #fff;
    padding: 1px;
    padding-bottom: 58px;
}
.portion_result_box>div{
    color: #006b2d;
    font-size: 38px;
    text-align: center;
}
.portion_result_box p{
    color: #006b2d;
    font-size: 20px;
    text-align: center;
    margin: 0;
    line-height: 5px;
}
.filter{
    
}
.filter .col25,.filter .col33{
    width: 18.5%;
    color: #00682b;
    font-size: 17px;
    font-weight: 800;
    background-color: #fdc513;
    padding: 17px 38px;
    flex-basis: 18.5%;
    max-width: 18.5%;
    margin-left: 16px;
    cursor: pointer;
    margin-bottom: 15px;
}
.filter .col33{
    width:32%;
    flex-basis: 31%;
    max-width: 32%;
}
.filter_porady{
    background-repeat: no-repeat;
    padding-left: 70px !important;
    background-position: left 10px top;
    
}
.filter .gotowanie{
    background-image: url(../images/icon_gotowanie.png);
}
.filter .dawkowanie{
        background-image: url(../images/icon_dawkowanie.png);
}
.filter .wlasciwosci{
        background-image: url(../images/icon_wlasciwosci.png);
}
.filter .przechowywanie {
    background-image: url(../images/icon_przechowywanie.png);
    margin-right: 0;
    width: 18.5%;
    max-width: 18.5%;
    flex-basis: 18.5%;
    padding: 7px 38px;
}
#tile_76>div{
    padding-top: 0px;
    padding-bottom: 0;
}
#tile_76 h2{
    padding-top:0
}
.filter>div.active{
        background-color: #00682b;
    color: #fdc513;
    background-position: left 10px bottom;
}
.products_filters .col33{
        padding-left: 100px;
    padding-right: 0;
}
.filter_products .col33{
    padding-left: 0px;
    padding-right: 40px;
        text-align: right;
}
.products_filters>div>img{
position: absolute;
    margin-top: -42px;
    margin-left: -97px;
    width: 92px;
}
.product_box{
    margin-top: 60px;
    padding-right: 0 !important;
}
.product-icon span{
    
}
.prduct_size{
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
}
.advice_text{
float: left;
    clear: both;
    line-height: 51px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 46px;
}
.advice_text span{
    color:#fdc513
}
.advice_text div{
    color:#006b2d
}
.product.single h1{
        margin-top: 3px;
    padding-bottom: 35px;
}
.recommended{
        margin-top: 9px;
        margin-bottom:51px
}
.single .table tr td{
    font-weight: 500;
    font-size: 17px;
    color: #00682b;
    font-family: "Lato", sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
}
.single .table tr td:first-child{
    font-weight: 800;
    font-size: 23px;
    color: #00682b;
    padding-right: 60px;
    font-family: "Lato", sans-serif;
    padding-top: 24px;
}
.single .table tr:first-child td{
    border:none
}
.single_container>h1{
    padding-top: 0;
    margin-top: 17px;
}
.single .table tr:first-child td{
    padding-top: 5px;
}
.product_see_also .tile{
        padding-top: 0;
}
.single .table tr:first-child td:first-child{
    padding-top: 0;
}
.promo_product .col-lg-5{
        text-align: right;
}
.promo_product .col-lg-5 img{
        max-width: 275px;
    display: inline;
    margin-right: 70px;
}
.promo_product .col-lg-6 h3{
    font-size: 34px;
    color: #00682b;
    margin-bottom: 26px;
    margin-top: 42px;
}
.promo_product .col-lg-6 p{
    font-size: 17px;
    color: #00682b;
    line-height: 20px;
    text-align: justify;
}
.promo_product .col-lg-6 a{
display: block;
    width: 100%;
    text-align: center;
    color: #00682b;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 17px;
    background-color: #fdc513;
    padding: 17px;
    margin-top: 40px;
}
.bg-yellow{
    background-color:#fdc513
}
.middle_box{
}
.middle_box>div{
    border:1px solid #9d9d9d;
        height: 222px;
    display: table;
    width: 100%;
    max-height: 232px;
}
.middle_box>div>a{
        display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 34px;
    font-weight: 500;
}
.przepis_box{
    width: 100%;
    background-size: cover;
    padding: 0 !important;
    position: relative;
}
.przepis_data{
        position: absolute;
    bottom: 6px;
    left: 20px;
}
.przepis_box .przepis_over {
    color: #006b2d;
    background-color: #fdc513;
    position: absolute;
    width: 100%;
    bottom: 0;
    display: none;
    padding-top: 5px;
}
.przepis_box .over_top {
    display: inline-table !important;
    top: 0;
    height: auto;
    left: 0;
    padding-bottom: 6px;
    padding-top: 0 !important;
}
.przepisy_box{
    padding-top: 56px !important;
}
.przepisy_box .tiles {
    margin: 0 -9px;
}
.przepis_box:hover .przepis_over{
    display:block
}
.przepis_box .przepis_over h5{
    padding-left: 20px;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left;
}
.przepis_box .przepis_over span{
    width: 88%;
    float: left;
    margin-left: 20px;
    font-size: 15px;
    margin-bottom: 30px;
    display: block;
    text-align: justify;
}
.przepis_box .przepis_over .social{
float: right;
    margin-right: 3px;
    margin-bottom: 4px;
    bottom: 0px;
    position: absolute;
    right: 0;
}
.przepis_box .przepis_over .social a{
    float: left;
    width: 28px;
}
.single_container .product_box{
    margin-top: 0;
    padding-right: 15px !important;
}
.single_container .products .product {
    padding-bottom:0;
    margin-bottom: 0;
}
.porady .przepis_box{
    position: relative;
}
.porady .product_box{
    margin-top:0;
    padding-right: 10px !important;
}
.przepis .page_header {
    color: #fdc513;
    padding-bottom: 0;
    font-size: 190%;
}
.przepis .page_header span{
        color: #00682b;

}
.przepis{
font-size: 20px;
    color: #00682b;
    line-height: 21px;
}
.przepis h3{
    font-size: 130%;
    color: #fdc513;
    margin-top: 12px;
}
.przepis_mini{
    min-height: 222px !important;
}
.przepis_big{
    min-height: 456px !important;
}
.persons{
        background-image: url(../img/person.jpg);
        background-repeat: no-repeat;
    background-position: center left;
    padding-left: 28px;
}
.persons p{
    margin-bottom: 2px;
}
.time p{
    margin-bottom: 19px;
}
.przepis.single .col-md-8{
        padding-left: 33px;
}
.przepis.single .col-md-8 h3{
    margin-bottom:27px
}
.time{
        background-image: url(../img/time.jpg);
        background-repeat: no-repeat;
    background-position: center left;
    padding-left: 28px;
}
.igredients{
    padding-left:28px;
    line-height: 24px;
    font-size:100%
}
.preparation{
    line-height: 24px;
    font-size:100%
}
#kontakt_form{
        padding-top: 21px;
}
.static_content{
    color: #006b2d;
    font-size: 17px;
    line-height:21px
}
.static_content h1{
    color: #006b2d;
    font-size: 38px;
    margin-top: 30px;
}
.filter_porady:first-child{
        padding-left: 20px !important;
    margin-left: 10px;
}
.promoted_product_header{
    margin-top: 24px;
    margin-bottom: 0;
    padding-bottom: 45px;
}
.all_products_header{
margin-top: 47px;
    margin-bottom: 27px;
}
@media (max-width:1200px){
    .products_filters>div>img {
    position: absolute;
    margin-top: -20px;
    margin-left: -77px;
    width: 30%;
}
.products_filters .col25 {
    padding-left: 90px;
    padding-right: 0;
}
.mini-header {
        width: 100%;
}
.filter_porady{
    background-repeat: no-repeat;
    padding-left: 58px !important;
    background-position: left 0px top;
}
.portion_counter ul li.active {
    background-position: right 20px center;
}
}

@media (max-width: 992px) {
    .navbar-toggle {
        display:block !important
}
.img-responsive {
    width: auto;
}
#main-nav {
    background-color: #fff;
    width: 100%;
}
body.front > header nav ul a {
        padding: 0 0px 0px 70px;
}
body.front > header nav ul li {
    margin: 0 0px 20px 0;
}
.products_filters .col25 {
    padding-left: 90px;
    padding-right: 0;
    width: 28%;
    flex-basis: 28%;
    max-width: 28%;
    float: left;
    margin-bottom: 40px;
}
.filter_porady {
    width: 28% !important;
    max-width: 28% !important;
    flex-basis: 28% !important;
}
.portion_counter ul li.active {
    background-position: right 6px center;
}.advice_text {
    font-size: 36px;
}
}

@media (max-width: 768px) {
  .mini-header .col-lg-4 h1 {
    padding-top: 0;
}
.products_filters .col33
{
        padding: 20px;
    width: 100%;
    max-width: 100%;
    display: block;
    float: none;
    flex: none;
    text-align:left
}
.single .table tr td {
    display: block;
}
.carousel-indicators {
    bottom: -60px !important;
    width: 80% !important;
    margin-left: -40% !important;
}
.mini-header .col-lg-4 p {
    margin-top: 40px;
    font-size: 20px;
    color: #00682b;
    text-align: left;
    line-height: 21px;
}.mini-header {
    padding-bottom: 70px;
}
.page_header {
    font-size: 58px;
}
.products_filters .col25 {
    padding-left: 10px;
}
.products_filters>div>img {
    display: none;
}
.filter_porady {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    margin: 10px 15px !important;
}
.porady .product_box {
margin-top: 0;
    padding: 10px 15px !important;
    min-height: auto;
}
.tile {
    padding: 15px;
    min-height: auto;
}
.przepis.single .col-md-8 {
    padding-left: 15px;
}
.portion_counter .col-lg-8 .row{
    margin-top:50px
}
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #006b2d !important;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #006b2d !important;
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #006b2d !important;
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #006b2d !important;
}
.form-control:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #006b2d !important;
}
*{
    font-family: Arial !important
}