* {font-family: 'Raleway'; outline: none !important;}
body {counter-reset: item;}
ul, ol {list-style: none; padding: 0; margin: 0;}
h3.cufon {text-align: center; color: #000; font-weight: 300; text-transform: uppercase; position: relative; z-index: 9; font-size: 38px; margin: 50px auto 100px;}
h3.cufon:before {content: ''; position: absolute; bottom: -40px; background: url(../img/titledots.png) no-repeat center bottom; width: 104px; height: 24px; left: 0; right: 0; width: 100%;}
.green, .register-btn a, .customer_login input , .order_header a {display: inline-block; cursor: pointer; background: #88c111; border: 1px solid #88c111; font-size: 13px; text-transform: uppercase; padding: 15px 35px; border-radius: 40px; transition: 0.4s; -webkit-transition: 0.4s; text-decoration: none !important;}
.green:hover, .register-btn a:hover, .customer_login input:hover, .order_header a:hover   {background: transparent; color: #88c111; transition: 0.4s; -webkit-transition: 0.4s; border: 1px solid #88c111;}
.green a{color: #fff;}
.green a:hover, .greenmark {color: #88c111;}
.blackborder {font-size: 16px; border-color: #2b2b2b; background-color: #fff; color: #2b2b2b;}
.blackborder:hover {border-color: #2b2b2b; background-color: #2b2b2b; color: #fff;}
.greenborder {background-color: transparent; color: #88c111;}
.greenborder:hover, .greenborder:active, .greenborder:focus {background-color: #88c111; color: #fff;}
ol {list-style: none !important; display: block; margin-top: 0; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 0px;}
.burger {display: none; position: absolute; right: 0; top: 30px; cursor: pointer; transition: 0.4s; -webkit-transition: 0.4s;}
#breadcrumbs {display: none;}
.small_red {background: transparent; color: #ec1212; border: 1px solid #ec1212; padding: 5px 10px 3px; font-size: 10px;}
.small_red:hover {background-color: #ec1212; border: 1px solid #ec1212; color: #fff;}

header {height: 170px;}
#header {height: 170px;}
#header .navbar-nav {float: right; font-size: 16px; text-transform: uppercase; margin-right: 30px; font-weight: bold;}
#header .navbar-nav li {padding: 23px 0 0; transition: 0.4s; -webkit-transition: 0.4s;}
#header .logo {padding-top: 10px; height: 145px; transition: 0.4s; -webkit-transition: 0.4s;}
#header.nofixed .menu-container {padding-top:30px; padding-left: 0px;  padding-bottom: 0px;}
#header .navbar-nav a {transition: 0.4s; -webkit-transition: 0.4s; font-size: 16px; color: #343434; padding: 15px 25px; border-radius: 40px; border: 1px solid transparent; transition: 0.4s; -webkit-transition: 0.4s;}
#header .navbar-nav a:hover {color: #88c111; border: 1px solid #88c111; transition: 0.4s; -webkit-transition: 0.4s; background: #fff;}
#header .navbar-nav a:active, #header .navbar-nav a:focus {color: #88c111; border: 1px solid #88c111; transition: 0.4s; -webkit-transition: 0.4s; background: #fff;}
#header .navbar {margin-bottom: 0;}
.nofixed {height: 95px; transition: 0.4s; -webkit-transition: 0.4s; top: -100px;}
#header.fixed {height: 53px; background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 100; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.30); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.30); transition: 0.4s; -webkit-transition: 0.4s;}
#header.fixed .logo {height: 50px; padding-top: 3px; transition: 0.4s; -webkit-transition: 0.4s;}
#header.fixed .navbar-nav a {padding: 11px 20px; transition: 0.4s; -webkit-transition: 0.4s;}
#header.fixed .navbar-nav li {padding: 3px 0 0; transition: 0.4s; -webkit-transition: 0.4s;}
.fixed .basket {top: 21px; transition: 0.4s; -webkit-transition: 0.4s;}
.fixed .burger {top: 10px; transition: 0.4s; -webkit-transition: 0.4s;}

.basket {position: absolute; right: 0; top: 39px; cursor: pointer; transition: 0.4s; -webkit-transition: 0.4s;}
.count-basket {min-width: 21px; height: 21px; background-color: #88c111; display: inline-block; text-align: center; position: absolute; top: -11px; right: -13px; border-radius: 16px; color: #fff; font-weight: 700;}
.userlogin {position: absolute; right: -45px; top: 39px; cursor: pointer; transition: 0.4s; -webkit-transition: 0.4s;}
.userlogin img {height:30px;}
.fixed .userlogin {top: 21px; transition: 0.4s; -webkit-transition: 0.4s;}

.mainslider {text-align: center;}
.mainslider img {max-width: 100%;}

ol li {counter-increment: item; position: relative; padding-left: 65px; min-height: 50px; margin-bottom: 10px; padding-top: 13px;}
ol li:before {margin-right: 10px; content: counter(item); background: #88c111; border-radius: 40px; color: white; font-size: 30px; font-weight: 700; text-align: center; display: inline-block; vertical-align: middle; width: 50px; height: 50px; line-height: 45px; position: absolute; left: 0; top: 0;}
.page_content_text img {max-width: 100%; height: auto;}
.page_content_text h2 {color: #88c111; text-transform: uppercase; font-weight: 700; padding-top: 45px;}
.separator {height: 300px;}
.parallax {z-index: -1; position: absolute; left: 0; right: 0; content: ''; background-image: url('../img/paralaxbg.jpg'); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; height: 300px; width: 100%;}
.separator p {color: #fff; font-size: 18px; font-weight: 300; margin-bottom: 5px;}

.boxes .box {text-align: center; margin-bottom: 30px; margin-top: 30px;}
.boxes .box-img {border: 10px solid #efefef; border-radius: 120px; display: inline-block; overflow: hidden;}
.boxes .box-img img {max-width: 100%;}
.boxes .titlebox {font-size: 26px; text-transform: uppercase; color: #343434; font-weight: 300; margin: 25px 0 30px;}

.newslist {position: relative; padding-bottom: 35px; background-color: #f3f3f3; }
.news h4 {margin: 20px 0;}
.news h4, .news h4 a {font-size: 20px; color: #333;}
.news {margin-bottom: 30px;}
.news .news-img img {width: 100%;}
.news .news_short_description {color: #828282; font-size: 13px; text-align: justify;}
.news .news_date {font-size: 14px; background: url('../img/date.png') no-repeat left top 14px; color: #bcbcbc; padding: 15px 0 0 32px;}
.news .green {padding: 10px 31px;}

.gallery {padding-bottom: 30px;}
.gallery .gallery_photo {height: 210px; margin-bottom: 30px; text-align: center; position: relative; overflow: hidden;}
.gallery .gallery_photo img {transition: 0.4s; -webkit-transition: 400ms; height: 210px; width: auto !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.gallery .gallery_photo a {text-decoration: none;}
.gallery .gallery_photo a:hover:before {display: block;}
.gallery .gallery_photo a:before {display: none; content: 'Zobacz >>'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-family: 'Roboto'; font-size: 14px; color: #ef9a02; border: 2px solid #ef9a02; text-transform: uppercase; font-weight: 700; padding: 12px 20px; z-index: 9;}
.gallery .gallery_photo a:hover img {opacity: 0.3; transition: 0.4s; -webkit-transition: 400ms;}

.contact-form {background-color: #f3f3f3; position: relative; margin-top: -192px; padding-bottom: 60px; padding-top: 192px;}
.contact-form form .inp input, .contact-form form textarea {width: 100%; margin-bottom: 15px; border: 1px solid #edecec; resize: none;}
.contact-form form .inp input {height: 43px; padding: 0 13px;}
.contact-form form textarea {height: 173px; padding: 17px 13px;}
.contact-form input.green {width: auto;}
.contact-form ul {padding: 0;}
.contact-form .cont {padding: 20px 0;}
.contact-form .cont a {color: #88c111;}
.contact-form .cont span {width: 210px; padding: 2px 0; display: inline-block;}
#mapcontact {height: 470px;}

.shop_view input, .shop_view textarea {    text-transform: none;width: 100%; margin-bottom: 15px; border: 1px solid #edecec; resize: none; background-color: #f3f3f3;}
.shop_view input {height: 43px; padding: 0 13px;}
.shop_view textarea {height: 173px; padding: 17px 13px;}
.shop_view input[type="submit"], .shop_view .btn {width:auto; display: inline-block; cursor: pointer; background: #ef9a02; border: 1px solid #ef9a02; font-size: 14px; text-transform: uppercase; color: #fff; padding: 10px 16px; transition: 0.4s; -webkit-transition: 0.4s; text-decoration: none !important;}
.shop_view input[type="submit"]:hover , .shop_view .btn:hover{background: transparent; color: #d48800; transition: 0.4s; -webkit-transition: 0.4s; border: 1px solid #d48800;}

.shop_view .customer_form label{padding-top:10px;}

.order .form-group {margin-bottom: 5px;}
.form-horizontal .control-label {padding-top: 9px;}
.order select.form-control, .order input {height: 40px; text-align: center; width: 100%; margin-bottom: 15px; border: 1px solid #edecec; resize: none; border-radius: 0;}
.order_view input[type="text"], .order_view input[type="email"], .order_view input[type="password"] {height: 40px; margin-bottom: 15px; border: 1px solid #ececec;}
.order_view textarea {border: 1px solid #ececec;}
.quantity_btn, .prod_quantity {color: #fff; background-color: #88c111; margin-left: 5px;}
.order-cost {margin-bottom: 20px;}
#ordercost, .total_cost span {text-align: center; color: #88c111; font-weight: 700; font-size: 40px;}
.total_cost {text-align: center; margin: 30px 0;}
.cart_buttons {margin-bottom: 50px;}
.checkator_holder {width: 24px !important; height: 24px !important;}
.checkator_element {margin: 0; position: absolute !important;}
#payments .checkator_holder {margin-right: 5px !important;}
.order_view .table-header {text-transform: lowercase;}
.order_view .blackborder {font-size: 13px;}
.order_view label {margin: 7px 0;}
.login-options {text-align: center; margin-bottom: 30px;}
.login-options input {display: block; margin: auto; min-width: 300px; margin: 15px auto; height: 40px; border: 1px solid #ececec;}
.form-horizontal .checkbox {margin-right: 5px !important;}

#footer .copyright {color: #868686; padding: 50px 0; font-weight: 300;}
#footer .copyright a {color: #868686;}
#footer .copyright a:hover {color: #535353;}

.temp_hide {display: none !important;}
/*tymczasowo*/
.mainslider .news-wrapper {display: none;}



body > div, body > header {transition: 0.5s all}
body > div, body > header  {opacity:0}
.pace-done > div, body.pace-done > header {opacity:1;}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    opacity:1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #88c111;
    position: fixed;
    z-index: 20000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.date {color: #88C111; font-size: 36px; font-style: italic;}
.add_to_basket {background: #88C111 url('../img/basket_w.png') no-repeat left 5px top 10px; border: 0; border-radius: 0; font-size: 14px; font-style: italic; color: #fff; padding: 10px 10px 10px 35px; font-weight: 500; float: right;}
.product-row {display: inline-block; width: 100%; margin-bottom: 15px;}
.product-name {font-size: 18px; font-weight: 700; font-style: italic; color: #878787;}
.product-price {padding-right: 10px; display: inline-block; font-weight: 700; font-size: 18px; color: #656565; font-style: italic;}
.product-content input {font-weight: 400; text-align: center;}
.product-content {}
.product-content input {margin-right: 5px; margin-left: 5px;}
.product-old {color: #d0d0d0; font-size: 18px; font-weight: 700;}
.categorybtn {text-align: center; cursor: pointer; display: inline-block; width: 170px; margin: 0 10px; margin-bottom: 20px; border: 1px solid #d3d3d3; color: #646464; text-decoration: none; padding-top: 18px; height: 55px;}
.categorybtn:hover, .selected {color: #fff; background-color: #88C111; border: 1px solid #88C111; text-decoration: none;}
.categories {color: #d3d3d3; font-size: 24px; font-weight: 300; margin: 25px 0;}
.product-desc {float: left;}
.product-comp, .product-comp p {margin: 0; color: #cbcbcb; font-style: italic; font-weight: 700;}
.line_title {color: #656565; font-size: 48px; font-style: italic; text-align: center;}

/*.catmenu-promotions.menu-category {display:block;}*/


.default-slider img {
    /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: auto;*/ }
.default-slider .image {/* width: 1600px; height: 650px; position: relative; overflow: hidden; margin: auto;*/ }


.facebook-post__content {
    border-bottom: 2px solid white;

}
.facebook-post .facebook-post__button{ 
    text-align: center;
    margin: 20px 0;
}
.facebook-post__img{ 
    height: 300px;
    margin-bottom: 20px;
}
.facebook-post__txt{
    max-height: 200px;
    overflow: hidden;
}
.facebook-post__image{max-height: 250px; overflow: hidden;}
.facebook-post__desc{max-height: 80px; overflow: hidden;}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .facebook-post__img { 
        height: 200px;
    }
}

@media screen and (max-width: 767px){
    .facebook-post__img{ 
        margin: 0 auto;
    }
    .facebook-post:not(:last-child){
        margin-bottom: 25px;
    }
}


.contact-form form input#phone {width:100%;}
.dm{text-align: center;}
.dm__cat{}
.dm__cat-name{padding-bottom:20px;font-weight: bold;}
.dm__date{}
.dm__dates{}
.dm__dish-desc{}
.dm__dish-name{}
.dm__meal{}
.dm__meal-name{ padding:10px; text-decoration: underline;}
.dm__wrap{}
.dm__day-wrap{}

.diet-box{text-align: center; margin-bottom:20px;}
.diet-box__img{}
.diet-box__title{}
.diet-boxes{}

.diet-box__img span {
    display: block;
    height: 240px;
    width: 240px;
    text-align: center;
    overflow: hidden;
    margin: auto;
    position: relative;
    border-radius: 50%;
    border: 8px solid #efefef;
}
.diet-box__img img { 
    height: 240px;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    display: block;
    max-width: none;
    transform: translate(-50%,-50%); 

}
#customer_diet_restrictions_ms{
    height: 40px;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #edecec;
    resize: none;
    border-radius: 0;
    background: none;
}

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }

#search_tran_error_cat_ms.ui-corner-all,
#search_tran_error_cat_ms.ui-corner-bottom,
#search_tran_error_cat_ms.ui-corner-right,
#search_tran_error_cat_ms.ui-corner-br,
#search_tran_city_ms.ui-corner-all,
#search_tran_city_ms.ui-corner-bottom,
#search_tran_city_ms.ui-corner-right,
#search_tran_city_ms.ui-corner-br,
.ui-multiselect-menu.ui-corner-all,
.ui-multiselect-menu.ui-corner-bottom,
.ui-multiselect-menu.ui-corner-right,
.ui-multiselect-menu.ui-corner-br,
.ui-multiselect-header.ui-corner-all,
.ui-multiselect-header.ui-corner-bottom,
.ui-multiselect-header.ui-corner-right,
.ui-multiselect-header.ui-corner-br {
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}

#search_tran_error_cat_ms.ui-corner-all,
#search_tran_error_cat_ms.ui-corner-bottom,
#search_tran_error_cat_ms.ui-corner-right,
#search_tran_error_cat_ms.ui-corner-br,
#search_tran_city_ms.ui-corner-all,
#search_tran_city_ms.ui-corner-bottom,
#search_tran_city_ms.ui-corner-left,
#search_tran_city_ms.ui-corner-bl,
.ui-multiselect-menu.ui-corner-all,
.ui-multiselect-menu.ui-corner-bottom,
.ui-multiselect-menu.ui-corner-left,
.ui-multiselect-menu.ui-corner-bl,
.ui-multiselect-header.ui-corner-all,
.ui-multiselect-header.ui-corner-bottom,
.ui-multiselect-header.ui-corner-left,
.ui-multiselect-header.ui-corner-bl {
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
}

#search_tran_error_cat_ms.ui-corner-all,
#search_tran_error_cat_ms.ui-corner-bottom,
#search_tran_error_cat_ms.ui-corner-right,
#search_tran_error_cat_ms.ui-corner-br,
#search_tran_city_ms.ui-corner-all,
#search_tran_city_ms.ui-corner-top,
#search_tran_city_ms.ui-corner-right,
#search_tran_city_ms.ui-corner-tr,
.ui-multiselect-menu.ui-corner-all,
.ui-multiselect-menu.ui-corner-top,
.ui-multiselect-menu.ui-corner-right,
.ui-multiselect-menu.ui-corner-tr ,
.ui-multiselect-header.ui-corner-all,
.ui-multiselect-header.ui-corner-top,
.ui-multiselect-header.ui-corner-right,
.ui-multiselect-header.ui-corner-tr {
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
-khtml-border-top-right-radius: 0px;
border-top-right-radius: 0px;
}

#search_tran_error_cat_ms.ui-corner-all,
#search_tran_error_cat_ms.ui-corner-bottom,
#search_tran_error_cat_ms.ui-corner-right,
#search_tran_error_cat_ms.ui-corner-br,
#search_tran_city_ms.ui-corner-all,
#search_tran_city_ms.ui-corner-top,
#search_tran_city_ms.ui-corner-left,
#search_tran_city_ms.ui-corner-tl,
.ui-multiselect-menu.ui-corner-all,
.ui-multiselect-menu.ui-corner-top,
.ui-multiselect-menu.ui-corner-left,
.ui-multiselect-menu.ui-corner-tl ,
.ui-multiselect-header.ui-corner-all,
.ui-multiselect-header.ui-corner-top,
.ui-multiselect-header.ui-corner-left,
.ui-multiselect-header.ui-corner-tl {
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
-khtml-border-top-left-radius: 0px;
border-top-left-radius: 0px;
}

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-menu .ui-multiselect-checkboxes .ui-state-hover, .ui-multiselect-menu .ui-multiselect-checkboxes .ui-widget-content .ui-state-hover{border: 1px solid #555; background: #89c1118e;}
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes label span {padding-left: 5px; font-weight: 300; color: #555; font-size: 14px;}
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

* html .ui-multiselect-checkboxes label { border:none }
.ui-multiselect-checkboxes .ui-state-hover,
.ui-multiselect-checkboxes .ui-state-focus {
border: 1px solid transparent;
background: transparent;
}

#customer_diet_restrictions_ms.ui-state-default,
#customer_diet_restrictions_ms.ui-state-active{
border: 1px solid #edecec;
background: transparent;
font-weight: normal;
color: #384654;
padding: 3px;
width: 155px!important;
text-align: left;
}

#customer_diet_restrictions_ms.ui-state-default span{
    font-size: 14px;
    padding-left: 15px;
}
#customer_diet_restrictions_ms span.ui-icon{
    background-image: url(../../../img/arrow_down.png);
}