* {font-family: 'Raleway'; outline: none !important;}
body {counter-reset: item;}
ul, ol {list-style: none; padding: 0; margin: 0;}
h3.cufon, h3.cufon span { font-family: 'Kaushan Script'; text-align: center; color: #F83F00; font-weight: 300; position: relative; z-index: 9; font-size: 46px;
                          margin: 50px auto; position: relative;}
h3.cufon span:after {content: '-'; position: absolute; margin: 0 auto; top: 15%; right: -40px; width: 30px; }
h3.cufon span:before {content: '-'; position: absolute; margin: 0 auto; top: 15%; left: -40px; width: 30px; }
.green, .register-btn a, .order_header a, .customer_login .btn{color: #fff; display: inline-block; cursor: pointer; background: #F83F00; border: 1px solid #F83F00; font-size: 14px; text-transform: uppercase; padding: 10px 16px; 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: #F83F00; transition: 0.4s; -webkit-transition: 0.4s; border: 1px solid #F83F00;}
.green a{color: #fff;}
.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: #fff;}
.greenborder:hover, .greenborder:active, .greenborder:focus {background-color: #F83F00; color: #fff; border-color: #F83F00;}
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; z-index: 999;}
#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;}
.sendbtn {position: relative;}
.sendbtn span {background-color: #F83F00; padding: 12px 10px; border: 1px solid #F83F00;  color: #fff;}

header, #header {}
#header .navbar-nav {width: 90%; font-size: 15px; text-transform: uppercase; margin: 0 auto; display: block; float: none;}
#header .navbar-nav li {transition: 0.4s; -webkit-transition: 0.4s; padding: 0 35px; }
#header .logo {padding: 10px 10px 0px 10px;max-height: 140px; height:auto; max-width: 400px; width:auto; transition: 0.4s; -webkit-transition: 0.4s; margin: 0 auto; display: block;}
#header .navbar-nav a {letter-spacing: 2px; transition: 0.4s; -webkit-transition: 0.4s; font-size: 15px; color: #343434; border-bottom: 3px solid transparent; transition: 0.4s; -webkit-transition: 0.4s;}
#header .navbar-nav a:hover { border-bottom: 3px solid #F83F00; transition: 0.4s; -webkit-transition: 0.4s; background: #fff;}
#header .navbar-nav a:active, #header .navbar-nav a:focus {border-bottom: 3px solid #F83F00; transition: 0.4s; -webkit-transition: 0.4s; background: #fff;}
#header .navbar {margin-bottom: 0;}
.nofixed {  transition: 0.4s; -webkit-transition: 0.4s; top: -100px;}
#header.fixed {  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 {max-height: 80px; padding-top: 10px; transition: 0.4s; -webkit-transition: 0.4s;padding-bottom:0px}
#header.fixed .navbar-nav a {padding: 11px 28px; transition: 0.4s; -webkit-transition: 0.4s;}
#header.fixed .navbar-nav li {padding: 3px 25px 0; transition: 0.4s; -webkit-transition: 0.4s;}
.fixed .basket {top: 15px; transition: 0.4s; -webkit-transition: 0.4s;}
.fixed .burger {top: 10px; transition: 0.4s; -webkit-transition: 0.4s;}

.basket {position: absolute; right: 0; top: 15px; cursor: pointer; transition: 0.4s; -webkit-transition: 0.4s;}
.count-basket {min-width: 21px; height: 21px; background-color: #F83F00; 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: 15px; cursor: pointer; transition: 0.4s; -webkit-transition: 0.4s;}
.userlogin img {height:20px;}
.fixed .userlogin {top: 15px; 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 {padding-bottom: 50px;}
.page_content_text img {max-width: 100%; height: auto;}
.page_content_text h2 {color: #F83F00; font-weight: 700; text-align: center; padding-top: 45px; font-size: 42px; font-family: 'Kaushan Script', cursive; margin-bottom: 25px;}
.text-box .bot-title {font-weight: 800; font-size: 34px; letter-spacing: 5px; text-transform: uppercase; padding-bottom: 30px;}
.separator {height: 300px;} 
.parallax {z-index: -1; position: absolute; left: 0; right: 0; content: ''; background-image: url('../img/paralaxbg.jpg'); background-repeat: no-repeat; background-size: cover; height: 300px; width: 100%;}
.parallax2 {z-index: -1; position: absolute; left: 0; right: 0; content: ''; background-image: url('../img/paralaxbg2.jpg'); background-repeat: no-repeat; background-size: cover; height: 300px; width: 100%;}
.separator p {color: #fff; font-size: 46px; font-weight: 800; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 10px;}
.separator p a {letter-spacing: 2px; font-weight: 500;}
.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: #F83F00; border: 2px solid #F83F00; 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: #fff; 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; background-color: #f3f3f3;}
.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, .contact-form .open__hours {padding: 20px 0; width: 50%; float: left;}
.contact-form .open__hours  {min-height: 160px; padding-left: 15px}
.defaultCalendar__setHours span:last-child {float: right ; color: #F83F00;}
.defaultCalendar__setHours {margin-bottom: 5px;}
.contact-form .cont a {color: #F83F00;}
.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: #F83F00; border: 1px solid #F83F00; 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: #F83F00; transition: 0.4s; -webkit-transition: 0.4s; border: 1px solid #F83F00;}

.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: #F83F00; margin-left: 5px;}
.order-cost {margin-bottom: 20px;}
#ordercost, .total_cost span {text-align: center; color: #F83F00; 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 .green {color: #F83F00;}
.login-options .green:hover {color: #fff;}
.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*/

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: #F83F00;
    position: fixed;
    z-index: 20000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

.date {color: #30AD22; font-size: 36px; font-style: italic;}
.add_to_basket {background: #F83F00 url('../img/basket_w.png') no-repeat left 5px top 10px; border: 0; border-radius: 0; font-size: 16px; font-style: italic; color: #fff; padding: 10px 10px 10px 35px; font-weight: 500; float: right;}
.menu .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: 16px; font-weight: 700;}
.categorybtn {text-align: center; cursor: pointer; display: inline-block; width: 170px; margin: 0 10px; margin-bottom: 20px; 
             border: 1px solid #F83F00; color: #646464; text-decoration: none; padding-top: 18px;padding-bottom:18px;}
.menu-categories {display:flex;}
.categorybtn:hover, .selected {color: #fff; background-color: #F83F00; border: 1px solid #F83F00; 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;}*/
.menu-category {display:none;}

#diety {display: none;}
.nav.navbar-nav li:nth-of-type(6) {display: none;}
.gallery .cufon span, .gallery .cufon {color: #000;}

.default-slider img {width: 100%; height: auto;}
.default-slider .image {height: 650px; position: relative; overflow: hidden; margin: auto;}
.slick-list {width: 100% !important;}
.text-box{width: 510px;; float: left;}
.boxes-box {width: 620px; float: right; position: relative; height: 100%;}    
.text-box p {text-align: center;}
.boxes-box .product-box-2, .boxes-box .product-box-1 {width: 300px; color: #fff; box-sizing: border-box;}
.boxes-box .product-box-1 {float: left; position: absolute; top: 100px; }
.boxes-box .product-box-2 {float: right; position: absolute; top: 150px; right: 0; }
.boxes-box .product-box-2 .banner {background-color: #de1500; padding: 15px; height: 125px; position: relative;}
.boxes-box .product-box-2 .banner p, .boxes-box .product-box-1 .banner p {font-size: 20px; font-weight: 700;}
.boxes-box .product-box-1 .banner { background-color: #F83F00;  padding: 15px; height: 125px; position: relative;}
.boxes-box .check-product {border: 3px solid #fff; padding: 10px; color: #fff; float: right; margin-top: 10px; margin-right: 10px; text-decoration: none; transition: 0.7s; -webkit-transition: 0.7s; }
.boxes-box .product-box-1 .check-product:hover {background-color: #fff; border-color:#F83F00; color:#F83F00;}
.boxes-box .product-box-2 .check-product:hover {background-color: #fff; border-color:#de1500; color:#de1500;}
.boxes-box strong {font-size: 28px; font-family: 'Kaushan Script', cursive; margin-top: 10px; position: absolute; bottom: 15px;}
.boxes-box .product-box-2 .product-img {width: 100%; background: url('../img/product2.jpg') no-repeat center; height: 300px;}
.boxes-box .product-box-1 .product-img {width: 100%; background: url('../img/product.jpg') no-repeat center; height: 300px;}
.top-content {height: 550px;}
.text-box .green {color: #F83F00; margin: 0 auto; display: table; }
.text-box .green:hover {color: #fff;}
.checkator_source:checked+.checkator_element:after, .checkator_source.checked+.checkator_element:after {background-color: #F83F00;}
.home .categorybtn {border: none; background-color: transparent; font-size: 18px; line-height: 20px; text-transform: uppercase; padding-bottom: 10px; border: 3px solid transparent;width: 120px;height: auto;}
.home .categorybtn:hover, .home .selected  {color: #F83F00; border-bottom: 3px solid #F83F00; }
.home .product-price-number {color: #F83F00; font-family: 'Kaushan Script', cursive; font-size: 16px; font-weight: 600; }
.home .product-price, .home .product-price-number {text-align: center; padding: 0px 10px 0px 0px;}
cat_products:odd {float: left}
cat_products:even {float: right}
.home .product-row {margin: 15px 0;
                    display: inline-block;
                    width: 100%;
                    margin-bottom: 15px;}
.home .product-name {color: #333; font-weight: 800;}
.home .product-comp {font-weight: 500; color: #333;}
.home .product-desc {padding: 0;}
.home form .text-right {padding: 0px;}
.slide-desc {    
    position: absolute;
    top: 30%;
    margin: 0 auto;
    right: 0;
    left: 0;
}

@-webkit-keyframes example {
    0%    {background-position-x: 10px;}
    25%   {background-position-x: -40px;}
    75%   {background-position-x: 40px;}
    100%   {background-position-x: 10px;}

}

.slide-desc .title, .slide-desc .desc {width: 100%; text-align: center; display: block; }
.slide-desc .title {color: #F83F00; font-family: 'Kaushan Script', cursive; font-size: 42px; padding-bottom: 10px;}
.slide-desc .desc {text-transform: uppercase; color: #fff; font-size: 42px; letter-spacing: 5px; font-weight: 600; padding-bottom: 20px; }
.slide-desc .sliderbtn {margin: 0 auto; display: block; width: 120px; text-align: center;}
/*
.home .product-row .add_to_basket {height: 40px; width: 40px; padding: 0; background-position: center; box-sizing: border-box; transition: 0.7s; -webkit-transition: 0.7s;  }
*/
.home .product-row .add_to_basket:hover {position: relative;
                                         -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
                                         -webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
                                         -webkit-animation-iteration-count: 3; /* Safari 4.0 - 8.0 */
                                         animation-name: example;
                                         animation-duration: 1.25s;
                                         animation-iteration-count: 1;
                                         border: 1px solid #F83F00;
}

.order .form-horizontal .green {color: #F83F00;}
.order .form-horizontal .green:hover {color: #fff;}

.home .empty_menu+div {display:none;}