.row-small-gutter{margin:0 -5px;padding:0}
.col-small-gutter{padding:5px;margin:0}html,body{width:100%;height:100%}body{background-color:#f1f1f1;font-family:'Raleway',sans-serif;color:#1a1117;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased !important;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.75em;font-weight:500;text-shadow:1px 1px 1px rgba(0,0,0,0.004);position:relative}header{position:relative;z-index:2}a,li{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s}a,a:hover,a:focus{color:inherit}strong{color:#1a1117}
.container{position:relative;z-index:1}
.entry{position:relative;
      width:33.33333333333333%;
      padding-left:15px;
      padding-right:15px;
      margin-bottom:30px;
      float:left;
      min-height:360px;
      }
.pad-v{padding-top:25px !important;padding-bottom:25px !important}
.mar-v{margin-top:25px !important;margin-bottom:25px !important}
.no-mar-v{margin-top:0 !important;margin-bottom:0 !important}
.no-pad-bottom{padding-bottom:0}
.primary{color:#e30613}
.big{font-size:125%}
.bigger{font-size:150%}
.bg-light-gray{background-color:#f1f1f1}
.bg-white{background-color:#fff}
.bg-cover{background-size:cover;background-position:center center}
.bg-overlay .row{background-color:rgba(0,0,0,0.5)}blockquote{border:none;padding:0;line-height:150%;padding:0 50px;border-left:3px solid #e30613;margin:50px 0;color:rgba(100,100,100,0.75)}blockquote span{display:block;margin-top:10px;font-size:90%;font-style:italic}
.img-responsive{margin:0 auto}section{background-color:#fff;padding:100px 0;position:relative;overflow:hidden}
.overlay{background-color:rgba(0,0,0,0.25);position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:0}section.section-bg-image{background-repeat:no-repeat;background-position:center center;background-attachment:fixed}section.section-bg-light-gray{background-color:#f1f1f1}section.section-photo{padding:200px 0}section.photo:before{content:"";position:absolute;left:0;right:0;top:0;border-top:15px solid rgba(0,0,0,0.1);box-sizing:border-box}
.separator{display:inline-block;border-bottom:3px solid #e30613;margin:20px 0 30px 0;width:60px}
.flag{width:50px;height:70px;line-height:50px;padding-top:15px;background-color:#e30613;color:#fff;font-size:18px;letter-spacing:.2em;text-align:center;text-transform:uppercase;position:absolute;top:-100px;right:25px}
.flag:after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent}section.section-bg-light-gray .flag:after{border-bottom:8px solid #f1f1f1}section .flag:after{border-bottom:8px solid #fff}
.badge,.tooltip-inner{background-color:#e30613}
.tooltip.top .tooltip-arrow{border-top-color:#e30613}small{display:block;font-family:'Merriweather',serif;margin:2% 0 4%}
.color-light{color:#fff; text-shadow: 2px 2px 2px #000;}
section.section-photo .col-sm-12{background: rgba(0,0,0,0.4); padding:40px;}
.parallax{background-attachment:fixed;background-position-x:50%;background-position-y:0;background-color:#1a1117}
#img1{background-image: url("https://www.daob.pl/projekty/nowak_zdjecia/7.jpg");}
#img2{background-image: url("https://www.daob.pl/projekty/nowak_zdjecia/8.jpg");}
.btn-link,.btn-link:active{color:#e30613}
.btn-link:hover,.btn-link:focus{color:#52527a}
.btn.btn-style-1{font-size:12px;text-transform:uppercase;border-radius:3px;letter-spacing:.15em;font-family:'Raleway',sans-serif}
.btn{border:none;font-weight:700}
.btn:focus,.btn:active,.btn-group.open .dropdown-toggle{box-shadow:none}
.btn-default{background-color:#999;color:#fff}
.btn-default:hover{background-color:#737373;color:#fff}
.btn-primary{background-color:#e30613}
.btn-primary:hover{background-color:#e30613}
.btn-success{background-color:#81d76c}
.btn-success:hover{background-color:#50c235}
.btn-info{background-color:#6fd7a8}
.btn-info:hover{background-color:#36c384}
.btn-warning{background-color:#ee874f}
.btn-warning:hover{background-color:#db5b15}
.btn-danger{background-color:#ee4c42}
.btn-danger:hover{background-color:#d11e13}
.btn-primary:active,.btn-primary:focus{background-color:#5c5c8a !important}
.btn-lg{padding:12px 50px}
.btn-icon{margin-left:10px;width:16px;text-align:center}
.btn.btn-animated .btn-label{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;position:relative;left:13px}
.btn.btn-animated:hover .btn-label{left:0}
.btn.btn-animated .btn-icon{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;position:relative;margin-left:10px;width:16px;text-align:center;opacity:0;right:13px;font-size:16px;height:14px}
.btn.btn-animated:hover .btn-icon{right:0;opacity:1}
.panel-default>.panel-heading,.panel{background-color:transparent}
.panel-default>.panel-heading{padding:0;position:relative}
.panel-default>.panel-heading a{display:block;padding:15px 0;font-family:'Raleway',sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none !important;font-size:14px}
.panel-default>.panel-heading a span{display:inline-block;width:20px;color:#e30613}
.panel-default>.panel-heading a:hover{color:#e30613}
.panel-default>.panel-heading a:after{color:#e30613;font-size:20px;width:20px;height:20px;line-height:20px;text-align:right;display:inline-block;position:absolute;right:0;top:50%;margin:0;padding:0;-webkit-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;font-family:'FontAwesome';opacity:1;content:"\f057";-webkit-transition:ease .2s;transition:ease .2s}
.panel-default>.panel-heading a.collapsed:after{opacity:.2;-webkit-transform:translateY(-50%) rotate(-135deg);-ms-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}
.panel-default>.panel-heading a:hover:after{opacity:1}
.panel{border:none;box-shadow:none}
.panel-body{padding:0 0 15px 0}
.panel-group .panel{border-radius:0}
.panel-default{border-bottom:1px solid #ccc}
.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border:none}
.nav-tabs>li>a,.nav-tabs>li>a:hover{border:0 !important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background-color:#e30613;margin:0;color:#fff;font-weight:700}
.nav-tabs>li>a{color:#646464}
.tab-pane{padding:25px 0}
#product-sheet{background-color:transparent}
#product-sheet h5{font-family:'Merriweather',serif;font-size:18px;margin-bottom:40px;color:#e30613}
#product-sheet .panel-group{margin-bottom:40px}
#product-sheet .img-product:hover{-webkit-transform:translateY(-100px) rotate(-7deg);-ms-transform:translateY(-100px) rotate(-7deg);transform:translateY(-100px) rotate(-7deg)}
#product-sheet .img-product:hover:after{-webkit-transform:translateY(100px) translateX(-35px) scale(1.5, 1) rotate(12deg);-ms-transform:translateY(100px) translateX(-35px) scale(1.5, 1) rotate(12deg);transform:translateY(100px) translateX(-35px) scale(1.5, 1) rotate(12deg);opacity:.3}
#product-sheet .img-product{position:relative;display:block}
#product-sheet .img-product:after{content:"";-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;width:100%;height:14%;background-image:url("../../images/bottle-shadow.png");background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;z-index:0;left:0;bottom:0;display:block;-webkit-transform:scale(.8, .8);-ms-transform:scale(.8, .8);transform:scale(.8, .8)}
#product-sheet .price{margin-bottom:20px}
#wine-awards{padding-bottom:25px}
#wine-awards img{display:inline-block;margin-right:10px;width:80px;height:auto}
.produkty img{width:auto; max-height:70px; }
.produkty table{width:100%;}

.price{display:inline-block;font-size:18px;font-family:'Merriweather',serif;margin-bottom:10px;font-weight:400;color:#646464}
.price.full{font-size:16px;text-decoration:line-through}
.rwd-video{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}
.rwd-video iframe,.rwd-video object,.rwd-video embed{height:100%;left:0;position:absolute;top:0;width:100%;border:0}figure.box-1{position:relative;text-align:center;overflow:hidden}figure.box-1 img.img-responsive{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s}figure.box-1:hover img.img-responsive{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}figure.box-1 .img-appear{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;-webkit-transition-delay:.2s;transition-delay:.2s;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:3;bottom:25%;width:auto;height:65%;opacity:0}figure.box-1:hover .img-appear{bottom:20%;opacity:1}figure.box-1 .icn-appear{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;-webkit-transition-delay:.2s;transition-delay:.2s;position:absolute;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:120%;width:64px;height:64px;line-height:64px;font-size:36px;text-align:center;border-radius:32px;background:#1a1117;color:#fff;opacity:0}figure.box-1:hover .icn-appear{top:50%;opacity:1;text-decoration:none}figure.box-1 figcaption{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;position:absolute;right:4px;left:4px;z-index:2;color:#fff;bottom:4px;padding-bottom:0%;padding-top:50%;background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3)));background:-webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0);}figure.box-1:hover figcaption{padding-bottom:20%}figure.box-1>.overlay{-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0}figure.box-1:hover>.overlay{background-color:#e30613;opacity:.75}div.box-2{box-shadow:0 3px 3px rgba(0,0,0,0.1);background-color:#fff;border-radius:3px;overflow:hidden;padding:30px}figure.box-3{position:relative}figure.box-3 figcaption{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(102,102,153,0.75);opacity:0;-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s}figure.box-3 figcaption span{display:block;font-size:48px;width:48px;height:48px;position:absolute;top:50%;right:0;bottom:0;left:50%;margin:-24px 0 0 -24px;color:#fff;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s}figure.box-3:hover figcaption{opacity:1}figure.box-3:hover figcaption span{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.isotope-grid{margin:0 auto;width:100%;-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s}
.isotope-grid:after{content:'';display:block;clear:both}
.isotope-grid-item,.isotope-grid-sizer{width:265px}
.isotope-gutter-sizer{width:25px}
.isotope-grid-item{float:left;width:265px;height:265px;margin-bottom:25px;text-align:center;overflow:hidden;border-radius:3px}
.red-wines{background-color:#e30613}
.rose-wines{background-color:#f6a29f}
.white-wines{background-color:#e9b032}
.food-specialties{background-color:#d8b87f}
.red-wines-text{color:#e30613}
.rose-wines-text{color:#f6a29f}
.white-wines-text{color:#e9b032}
.food-specialties-text{color:#d8b87f}
.isotope-grid-item-height2{height:555px}
.isotope-grid-item img{height:100%;width:auto;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;margin-bottom:50px;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;z-index:0;position:relative}
.isotope-grid-item div{z-index:1;position:absolute;bottom:-100%;left:-5px;right:-5px;padding-bottom:25px;-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;background-color:#fff;border-top:3px solid #fff}
.isotope-grid-item div a{text-decoration:none;color:inherit}
.isotope-grid-item div h3{font-size:14px;font-weight:700;font-family:'Raleway',sans-serif}
.isotope-grid-item div h4{font-size:14px;font-family:'Merriweather',serif}
.isotope-grid-item:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.isotope-grid-item:hover div{bottom:0}
#product-gallery{padding:75px 0;position:relative;z-index:0}
#product-gallery article{text-align:left;margin:25px 0;padding-bottom:15px;position:relative;background-color:#fff;border-radius:3px;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
#product-gallery article a{text-decoration:none}
#product-gallery article a.add-to-cart{width:64px;height:64px;line-height:60px;color:#fff;background-color:inherit;border:2px solid #fff;box-sizing:border-box;right:25px;top:268px;position:absolute;border-radius:64px;text-align:center;font-size:32px;-webkit-transition:none;transition:none}
#product-gallery article a.add-to-cart:hover{background-color:#1a1117}
#product-gallery article h3{font-family:'Merriweather',serif;letter-spacing:0;text-transform:none;font-weight:600;font-size:18px}
#product-gallery article h4{font-family:'Raleway',sans-serif;letter-spacing:.1em;text-transform:uppercase;font-weight:800;font-size:14px}
#product-gallery article figure{border-radius:3px 3px 0 0}
#product-gallery article figure img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);height:300px;width:auto;-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}
#product-gallery article figure:hover img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}
#product-gallery article button{width:100%}
#product-gallery article div{padding:0 25px}
.timeline{position:relative;background-color:#f1f1f1;padding:70px 0}
.timeline:after{position:absolute;content:"";background-color:#e1e1e1;width:3px;left:50%;top:0;height:100%}
.img-timeline{position:absolute;z-index:1;left:50%;width:100px;height:100px;margin-left:-50px;top:-50px;border:5px solid #fff}
.timeline .box-2:before{content:"";position:absolute;top:75px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-style:solid}
.timeline.timeline-right .box-2:before{left:16px;border-width:10px 12px 10px 0;border-color:transparent #fff transparent transparent}
.timeline.timeline-left .box-2:before{right:16px;border-width:10px 0 10px 12px;border-color:transparent transparent transparent #fff}footer{background-color:#1a1117;padding:50px 0;color:rgba(255,255,255,0.5);}footer .list-group-item.style-1 a,footer .list-group-item.style-1 a:hover{padding:3px 0;background-color:transparent}footer .list-group-item{text-align:center}footer .list-group-item.style-1.list-group-label,footer .list-group-item.style-1.list-group-label:hover{padding:0 0 10px}footer.credits{background-color:#29293d;background-image:none;padding:10px;color:rgba(255,255,255,0.5)}footer.credits a:hover{color:#e30613}footer.credits a{color:#e30613}footer .social a{color:rgba(255,255,255,0.5);font-size:18px;display:inline-block;letter-spacing:10px}footer a:hover,footer.credits a:hover{color:#fff}h1{font-family:'Raleway',sans-serif;font-size:36px;line-height:1.2em;text-transform:uppercase;font-weight:700}h2 em{font-family:'Cookie',cursive;font-style:normal;font-size:48px}h2{font-weight:200;line-height:1.5em;font-size:30px}h3{text-transform:uppercase;letter-spacing:.1em;line-height:1.5em;font-size:14px;font-weight:700}p{font-weight:400;font-family:'Merriweather',serif;color:#646464}figure.box-1 figcaption{font-family:'Merriweather',serif;font-size:1.25em}
#main-nav-bar.navbar{box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{border:none;background:transparent}
.navbar{margin-bottom:0;background-color:#fff;border:none;border-radius:0}
.navbar-nav{margin-top:20px;margin-bottom:0;border:none}
#szaro a{background:#e30613 !important;border:1px solid #ddd;margin:-10px 2px 10px 2px; color:#fff !important;}
#szaro a:hover{background:#fff !important; border:1px solid #ddd; margin:-10px 2px 10px 2px; color:#000 !important;}
#szaro .nav-path-selected {background:#fff !important; border:1px solid #ddd; margin:-10px 2px 10px 2px; color:#333 !important;}
.navbar-default .navbar-nav>li>a{color:#1a1117;border-bottom:1px solid rgba(0,0,0,0.1)}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover{background-color:#e30613;color:#fff}
.navbar-brand{padding-top:0;padding-bottom:0;margin-top:15px;margin-bottom:0;height:auto}
.navbar-brand img{margin:0;height:20px;width:auto}
.navbar-default #navigation #main-nav.navbar-nav>li>a{font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.1em}
.navbar-default #navigation #tool-nav.navbar-nav>li>a{color:#e30613;font-size:20px}
.navbar-toggle{border:none;padding:0;margin:0;line-height:50px;width:36px;font-size:18px;border-radius:0;color:#e30613}
.navbar-toggle:hover{background-color:transparent !important}
.navbar-default .navbar-nav>li>a .badge{position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%) rotateZ(0) scale(.5);transform:translateX(-50%) rotateZ(0) scale(.5);font-size:10px;border-radius:3px;padding:0 5px;line-height:14px;height:14px;opacity:0;-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s}
.navbar-default .navbar-nav>li>a:hover .badge{top:-10px;opacity:1;-webkit-transform:translateX(-50%) rotateZ(-10deg) scale(1);transform:translateX(-50%) rotateZ(-10deg) scale(1)}
#secondary-nav-bar,#filter-nav-bar{box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:1}
#filter-nav-bar{height:80px;white-space:nowrap}
#filter-nav-bar .btn{font-family:'Raleway',sans-serif;color:#1a1117;background:#fff;letter-spacing:0;font-weight:500;font-size:14px;text-transform:none;border:1px solid rgba(0,0,0,0.15);position:relative;padding:7px 15px;margin-top:22px;box-sizing:border-box}
#filter-nav-bar .btn.btn-filter{padding-right:40px;text-align:left;margin-right:10px}
#filter-nav-bar .btn span.carat{position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#filter-nav-bar .dropdown-menu{box-shadow:none}
.dropdown-header{color:#e30613;font-weight:700}
.navbar-icons .btn span{color:rgba(0,0,0,0.3)}
.navbar-icons .btn.active{box-shadow:none;background-color:#f1f1f1}
.navbar-icons .btn.active span{color:#e30613}
#side-nav{position:fixed;right:0;top:0;bottom:0;height:100%;width:300px;background-color:#1a1117;z-index:9999;-webkit-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px);overflow:auto}
#side-nav.push-left{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
#main-container{-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;opacity:1}
#main-container.push-left{-webkit-transform:translate(50px, 50px) scale(.9);-ms-transform:translate(50px, 50px) scale(.9);transform:translate(50px, 50px) scale(.9);opacity:.5;overflow:hidden}
#side-nav,#main-container{-webkit-transition:.5s cubic-bezier(.73, 0, .32, 1);transition:.5s cubic-bezier(.73, 0, .32, 1)}
#side-nav input#search-field{border-color:rgba(255,255,255,0.3);margin-right:0;border-radius:3px 20px 20px 3px;border-right:none;width:100%}
#side-nav button#search-btn{background-color:#e30613;border-radius:0 3px 3px 0;padding:0;margin:0;height:34px;width:34px;color:#fff;position:absolute;right:0;bottom:0}
#side-nav label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#fff;background-color:transparent}
#side-nav .list-group-item.style-1 a{padding:5px 25px}
#side-nav form{padding:5px 25px;margin:20px 0}
.pagination.pagination-product{margin-top:50px}
.pagination.pagination-product>li>a{color:#646464;background:transparent;border:0;width:36px;height:36px;line-height:32px;padding:0;margin:0 5px;border-radius:36px;border:2px solid transparent}
.pagination.pagination-product>li>a:hover{border:2px solid rgba(100,100,100,0.25);color:#1a1117}
.pagination.pagination-product>li.active>a{color:#fff;background:#e30613;border:0;font-weight:700}
#login,#register{background:transparent}
.list-icon-left .list-group-item.style-1 a,.list-icon-left .list-group-item.style-2 a{margin-left:24px;padding-left:24px;border-bottom:1px solid rgba(0,0,0,0.1)}
.list-icon-left .list-group-item.style-1 a span.fa,.list-icon-left .list-group-item.style-2 a span.fa{width:14px;line-height:24px;height:24px;opacity:.5;margin-left:-25px;display:block;float:left}
.list-group-item.style-1,.list-group-item.style-2{border:none;border-radius:0;padding:0;margin:0}
.list-group-item.style-1.list-group-label,.list-group-item.style-2.list-group-label{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.2em;padding:5px 25px}
.list-group-item.style-1 a,.list-group-item.style-2 a{display:block;margin:0;padding:5px 0}
.list-group-item.style-1 a small,.list-group-item.style-2 a small{display:inline;opacity:.75}
.list-group-item.style-1 a span.fa,.list-group-item.style-2 a span.fa{width:14px;opacity:.5}
.list-group-item.style-1 a:hover,.list-group-item.style-2 a:hover{text-decoration:none}
.list-group-item.style-1.active,.list-group-item.style-2.active{font-weight:600}
.list-group-item.style-1{background-color:transparent;color:rgba(255,255,255,0.5)}
.list-group-item.style-1.list-group-label,.list-group-item.style-1.list-group-label:hover{color:#fff;background-color:transparent}
.list-group-item.style-1 a{color:rgba(255,255,255,0.5)}
.list-group-item.style-1 a:hover{color:#fff}
.list-group-item.style-1 :hover{background-color:rgba(255,255,255,0.1)}
.list-group-item.style-1.active{color:#fff;background-color:rgba(255,255,255,0.1)}
.list-group-item.style-2{background-color:transparent;color:#e30613}
.list-group-item.style-2.list-group-label,.list-group-item.style-2.list-group-label:hover{color:#e30613;background-color:transparent}
.list-group-item.style-2 a{color:#646464}
.list-group-item.style-2 a:hover{color:#e30613}
.list-group-item.style-2:hover{background-color:transparent}
.list-group-item.style-2.active{color:#000;background-color:transparent}
.page-header{margin:0 0 -1px 0;padding:160px 0;background-attachment:fixed;background-position:50% 8px;background-repeat:no-repeat;background-color:#fff;z-index:0;position:relative}
.page-header h1{float:right; text-shadow: 1px 1px 11px #000;}.breadcrumb{font-family:'Merriweather',serif;background-color:transparent;margin:0;padding:0}
.breadcrumb li,.breadcrumb li a,.breadcrumb>.active{color:#646464}
.page-header .breadcrumb li,.page-header .breadcrumb li a{color:#fff}
.page-header h1{margin:0;padding:0;font-weight:800;letter-spacing:.1em;color:#fff}
.page-header h1 small{display:block;color:#fff}
.form-control,.form-control:focus{box-shadow:none}textarea,input[type='number'],input[type='text'],input[type='email'],input[type='password']{border-radius:3px}select:not([multiple]){-webkit-appearance:none;-moz-appearance:none;background-position:right 50%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAPCAYAAAARZmTlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMDM4MERDNDIzMjIxMUU1QjZFNkE0M0ZEQ0ZCRkMxMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMDM4MERDNTIzMjIxMUU1QjZFNkE0M0ZEQ0ZCRkMxMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4NTk4NDdGMjMyMTExRTVCNkU2QTQzRkRDRkJGQzEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4NTk4NDgwMjMyMTExRTVCNkU2QTQzRkRDRkJGQzEyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xy2K/gAAAFZJREFUeNpi/P//PwOtARMDHcCoJYPcEkZGxv9AjFMxSJ4cS1jQzQFikEXYbPoPladKcDFCDaSKBRiWIGVMZIvgFpCbcfFFPCOlPoAbNFqsDDpLAAIMAN9PFR81+ik1AAAAAElFTkSuQmCC);border-radius:3px}textarea:focus,input[type='number']:focus,input[type='text']:focus,input[type='email']:focus,input[type='password']:focus,select:focus{border-color:#e30613 !important;box-shadow:none;box-sizing:border-box;outline:none !important}
.form-box{border-radius:3px;background:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.1);overflow:hidden}
.form-box form{padding:50px}
.form-box h2{margin-top:0;margin-bottom:25px}
.form-box .btn{margin-top:25px}
.form-box-msg{background:#f1f1f1;padding:15px 0;font-size:16px;border-top:1px solid rgba(0,0,0,0.05)}
.form-box-msg a{font-weight:700;color:#e30613}
#swiper-demo.swiper-container{width:100%;z-index:0}
#swiper-demo .swiper-slide{height:auto;position:relative;background-color:#ccc;overflow:hidden}
#swiper-1.swiper-container{width:100%;z-index:0}
.swiper-wrapper{-webkit-transition-timing-function:cubic-bezier(.73, 0, .32, 1);transition-timing-function:cubic-bezier(.73, 0, .32, 1)}
#swiper-1 .swiper-slide{height:520px;position:relative;overflow:hidden;background:#1a1117}
#swiper-1 .swiper-slide .container{top:45%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.swiper-pagination{bottom:25px !important}
.swiper-pagination-bullet{border:1px solid #fff;box-sizing:content-box;opacity:1;background-color:transparent}
.swiper-pagination-bullet-active{background-color:#fff}
.swiper-button-next,.swiper-button-prev{display:none}
.swiper-slide .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center center;height:100%;opacity:.5}
#swiper-1 .swiper-slide .background video{position:absolute;top:50%;left:50%;z-index:1;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

#swiper-1 .swiper-slide h1{-webkit-animation-delay:1s;animation-delay:1s; text-shadow: 4px 4px 6px #333;}
#swiper-1 .swiper-slide span{-webkit-animation-delay:1.1s;animation-delay:1.1s; }
#swiper-1 .swiper-slide p{-webkit-animation-delay:1.2s;animation-delay:1.2s; text-shadow: 2px 2px 4px #333;}
#swiper-1 .swiper-slide button{-webkit-animation-delay:1.3s;animation-delay:1.3s}
#swiper-1 .swiper-slide p{margin-bottom:25px; font-size:30px;}
.gallery-top .swiper-slide,.gallery-thumbs .swiper-slide{background-size:cover;background-position:center}
.gallery-top{height:500px;width:100%}
.gallery-thumbs{height:150px;box-sizing:border-box;padding:0 0;background-color:#29293d}
.gallery-thumbs .swiper-slide{height:100%;width:33.33%;opacity:.3}
.gallery-thumbs .swiper-slide-active{opacity:1}table#cart{margin-top:50px}
#shopping-cart{background:transparent;padding-top:50px}
.table>tbody>tr>td,.table>tfoot>tr>td{vertical-align:middle;padding:10px 0}
#shopping-cart img.product-thumb{width:64px;height:auto;margin-right:20px}
.table>tbody>tr>td p{padding-right:30px}
#contact{padding-top:50px}
#contact h2{margin-bottom:25px}
#location{padding:0}

#faq{padding-top:50px}
#faq h2{margin-bottom:25px}
.list-group.widget{margin-bottom:40px}
.list-group.widget .list-group-item.list-group-label{font-size:16px;margin-bottom:10px}
.list-group.widget .list-group-item{padding-left:0;margin-left:0}
.list-group.widget .list-group-item a{margin-left:0}
#blog-entry{background:transparent}
#blog .entry{margin-bottom:50px;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,0.1)}
#blog .entry figure{position:relative;margin:0}
#blog .entry-preview{position:relative}
#blog .entry-preview h2{margin-top:25px;font-weight:600;font-size:24px}
#blog .entry-preview h2,#blog .entry-preview p{padding-left:105px}
#blog .entry-preview p a{font-weight:800}
#blog .entry-preview a:hover{text-decoration:none}
#blog .entry-category{font-family:'Raleway',sans-serif;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;background-color:#e30613;color:#fff;padding:5px 10px;position:absolute;right:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
#blog .entry-date{float:left;text-align:center;width:80px;margin-top:30px}
#blog .entry-date .entry-day,#blog .entry-date .entry-month{display:block}
#blog .entry-date .entry-day{font-family:'Raleway',sans-serif;font-weight:200;font-size:48px;height:64px;line-height:64px;background-color:#f1f1f1}
#blog .entry-date .entry-month{font-family:'Raleway',sans-serif;font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;background-color:#e30613;color:#fff}
.blog-grid-entry{margin-bottom:25px;background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.blog-grid{margin:0 auto;width:100%;-webkit-transition:cubic-bezier(.73, 0, .32, 1) .3s;transition:cubic-bezier(.73, 0, .32, 1) .3s}
.blog-grid:after{content:'';display:block;clear:both}
.blog-grid-entry,.blog-grid-sizer{width:300px}
.blog-gutter-sizer{width:25px}
#blog-masonry .entry-preview a:hover{text-decoration:none}
#blog-masonry .entry-preview{padding:25px}
#blog-masonry .entry-preview h2{font-size:18px;margin-top:35px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#blog-masonry .entry-date{display:inline}
#blog-masonry .entry-date span.fa{color:#e30613}
#blog-masonry .entry-date .entry-day,#blog-masonry .entry-date .entry-month,#blog-masonry .entry-date .entry-year{text-transform:uppercase;font-size:12px;color:#646464}
#blog-masonry .entry-category{font-family:'Raleway',sans-serif;color:#646464;color:#e30613;font-weight:800;float:right;text-transform:uppercase;font-size:12px}
#blog-entry h1{text-transform:none;margin-bottom:50px;margin-top:0}
#blog-entry .entry-meta{color:#646464;padding:15px 0}
#blog-entry .entry-meta strong{color:#e30613;font-weight:800}
.page-header-blog{padding-top:20%}
.page-header-blog h2{font-family:'Merriweather',serif;font-size:24px;color:rgba(255,255,255,0.75)}
#comments{padding:50px 0}
.comment{border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 25px;margin-bottom:25px}
.comment .comment-avatar{float:left}
.comment .comment-author{padding-left:121px;font-weight:700;font-size:16px}
.comment .comment-meta{display:block;padding-left:121px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#e30613}
.comment p{padding-left:121px;margin-bottom:25px}
.comment-reply{margin-left:121px}
#comment-form{padding:50px 0}
.os-animation{opacity:0}
.os-animation.animated{opacity:1}@media (min-width:992px){body{overflow-x:hidden}
#main-container.container{padding:0}
#main-nav-bar.navbar{height:140px;background-image:url("../../images/chateau-sketch.png");background-position:20% 20%;background-repeat:no-repeat}
.navbar{border-radius:0}
.navbar-brand{margin-top:30px}
.navbar-brand img{height: 120px;margin-top: -20px;}
#navigation{margin-top:50px}
.navbar-default .navbar-nav>li>a{border-bottom:3px solid transparent;cursor:pointer}
.navbar-default .navbar-nav>.active{padding-left:15px;padding-right:15px}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover{background-color:transparent !important;border-bottom:3px solid #e30613;padding-left:0;padding-right:0;color:#1a1117}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#e30613;background-color:transparent}
.navbar-collapse{padding-left:0;padding-right:0}header .dropdown-menu li a{color:#fff;z-index:0;padding-top:0;padding-bottom:0;line-height:36px;height:36px}header .dropdown-menu li a:hover{color:#fff;background-color:rgba(255,255,255,0.1)}header .dropdown-menu li a{color:#fff}header .dropdown-menu{-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);display:none;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;box-shadow:none;position:absolute;border:none;background-color:#1a1117;border-radius:0;padding-top:0;padding-bottom:0;border-bottom:3px solid #e30613}header .open>.dropdown-menu{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);display:block;margin-top:-3px !important;z-index:9999}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{border-bottom-color:#fff}header .dropdown-toggle{background-color:transparent !important}header .dropup>.dropdown-menu:after{border-bottom:0;border-top:6px solid rgba(39,45,51,0.9);top:auto;display:inline-block;bottom:-6px;content:'';position:absolute;left:50%;border-right:6px solid transparent;border-left:6px solid transparent}
.swiper-button-next,.swiper-button-prev{display:block;background:none;font-family:'FontAwesome';font-size:48px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.5)}
.swiper-button-prev:after{content:"\f104"}
.swiper-button-next:after{content:"\f105"}
.gallery-thumbs .swiper-slide{width:20%}
#secondary-nav-bar.stuck{position:fixed;top:0;width:100%;z-index:5}
#product-gallery .list-view article{float:left;width:100%;padding-bottom:0}
#product-gallery .list-view article h3{font-size:24px}
#product-gallery .list-view article figure{float:left;width:300px;border-radius:3px 0 0 3px}
#product-gallery .list-view article a.add-to-cart{left:268px;bottom:25px;top:inherit}
#product-gallery .list-view article div{margin-left:300px;padding-top:50px}}@media (min-width:768px){h1{font-size:48px;line-height:1.2em}h2 em{font-size:60px}h2{line-height:1.5em;font-size:36px}h3{font-size:16px}figure.box-1 figcaption{font-family:'Merriweather',serif;font-size:1.25em;}
#swiper-1 .swiper-slide{height:720px}
#swiper-1 .swiper-slide{background-color:transparent}
#swiper-1 .swiper-slide .background{opacity:1}
.img-timeline{width:150px;height:150px;top:70px;margin-left:-75px}footer .list-group-item{text-align:left}
.blog-grid-entry{margin-bottom:50px}
.blog-grid-entry,.blog-grid-sizer{width:345px}
.blog-gutter-sizer{width:50px}}@media (min-width:768px) and (max-width:991px){.container{width:100%}}
@media screen and (max-width:768px){table#cart tbody td .form-control{width:20%;display:inline !important;} .logo{position: relative!important; margin-bottom:-80px;} }
.actions .btn{float:right;margin:10px 0 10px 10px;width:30%}table#cart thead{display:none}table#cart tbody td{display:block;padding:.6rem;min-width:320px}table#cart tbody td:before{content:attr(data-th);font-weight:700;display:inline-block;width:8rem}table#cart tfoot td{display:block}table#cart tfoot td .btn{display:block}}
#sec-icons .fa{color:#e30613}
.logo{position:absolute;}
aside h3{color:#fff;}
aside .btn{background-color:#e30613;border-radius:0 3px 3px 0;padding:0;margin:0;height:28px;width:45px;;color:#fff;}


@-webkit-keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.material-card {
  position: relative;
  height: 0;
  padding-bottom: calc(70% - 16px);
  margin-bottom: 9.6em;

}


.material-card h2 {
  position: absolute;
  top: calc(100% - 16px);
  left: 0;
  width: 100%;
  padding: 10px 16px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -o-transition: all 1.3s;
  transition: all 1.3s;
}
.material-card h2 span {
  display: block;
}
.material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: .8em;
}
.material-card h2:before,
.material-card h2:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -o-transition: all 1.3s;
  transition: all 1.3s;
}
.material-card h2:after {
  top: auto;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
}
.material-card.mc-active h2 {
  top: 0;
  padding: 10px 16px 10px 90px;
}
.material-card.mc-active strong{display:none}
.material-card.mc-active h2:before {
  top: 0;
}
.material-card.mc-active h2:after {
  bottom: -16px;
}
.material-card .mc-content {

  right: 0;
  top: 0;
  bottom: 16px;
  left: 16px;
  -webkit-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -o-transition: all 1.3s;
  transition: all 1.3s;
}
.material-card .mc-btn-action {
  position: absolute;
  right: 16px;
  top: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid;
  width: 54px;
  height: 54px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -o-transition: all 1.3s;
  transition: all 1.3s;
}

.material-card .mc-description {
  position: relative;
  color:#fff !important;
  right: 10px;
  left: 10px;
  bottom: 11px;
 

  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition: all 1.2s;
}
.material-card img{width:100%;height:100%}
.material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 1.3s;
  -moz-transition: all 1.3s;
  -ms-transition: all 1.3s;
  -o-transition: all 1.3s;
  transition: all 1.3s;
}
.material-card.mc-active .img-container {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  top: 12px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
.material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
@media screen and (max-width: 767px) {
  .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
}
.material-card.mc-active .mc-description {
 
  padding:20px 30px 20px 10px;
  opacity: 1;
  filter: alpha(opacity=100);
  overflow-y:auto;
}
.mc-description p{color:#eee;}
@media screen and (max-width: 767px) {
  .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
  .mc-active { margin-bottom: 10% !important;}

}

.material-card.Red h2 {
  background-color: #dd3232;
}
.material-card.Red h2:after {
  border-top-color: #F44336;
  border-right-color: #F44336;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.material-card.Red h2:before {
  border-top-color: transparent;
  border-right-color: #B71C1C;
  border-bottom-color: #B71C1C;
  border-left-color: transparent;
}
.material-card.Red.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #F44336;
  border-bottom-color: #F44336;
  border-left-color: transparent;
}
.material-card.Red.mc-active h2:after {
  border-top-color: #B71C1C;
  border-right-color: #B71C1C;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.material-card.Red .mc-btn-action {
  background-color: #F44336;
}
.material-card.Red .mc-btn-action:hover {
  background-color: #B71C1C;
}
.material-card.Red .mc-footer h4 {
  color: #B71C1C;
}
.material-card.Red .mc-footer a {
  background-color: #B71C1C;
}
.material-card.Red.mc-active .mc-content {
  background-color: #dd3232;
}
.material-card.Red.mc-active .mc-footer {
  background-color: #FFCDD2;
}
.material-card.Red.mc-active .mc-btn-action {
  border-color: #FFEBEE;
}

.mc-active { width:100%; height:100%; margin-bottom: -65%;}


@media screen and (max-width: 767px) {
 
/* remove column float and make full-width */
.ccm-layout-column {float: none !important; width: 100% !important;}
 
/* remove column "spacing" */
.ccm-layout-column-spacing {margin: 0 !important;}

.jl_magic_tabs_divider {position:relative; float:left;}

table {display:block;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;

    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
    }
       ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    } 
}




.portfolioFilter {
  text-align: center;
  width: 100%;
}

.portfolioFilter ul {
  display: inline-block;
}

.portfolioFilter a {
  margin-right: 10px;
  color: #666;
  text-decoration: none;
  display: inline;
}

.portfolioFilter a.current {
  font-weight: bold;
}

.sort-nav {
  width: auto;
  margin: 0 auto;
  height: auto;
  display: block;
}

.sort-nav li {
  float: left;
  margin-bottom: 0.2em;
  margin-right: 2px;
  list-style-type: none;
}

.sort-nav a {
  padding: 10px;
  background: transparent;
  color: #666;
  border: 1px solid #989898;
  border-radius: 3px;
  display: block;
  text-decoration: none;
}

.sort-nav a:focus,
.sort-nav a:hover,
.sort-nav a:active {
  color: rgba(241, 93, 42, 1);
  border: 1px solid rgba(241, 93, 42, 0.9);
  outline: 0;
}

.portfolioContainer img {
  /* margin: 5px; */
  width: 550px;
  height: auto;
  padding: 10px;
}

@media (max-width: 1000px) {
  .portfolioContainer img {
    width: 340px;
  }
}

@media (max-width: 740px) {
  .portfolioContainer img {
    width: 100%;
  }
}

@media (max-width: 475px) {
  .portfolioContainer img {
    width: 100%;
  }
}
.portfolioContainer img{width:100% !important;height: 240px;}
.portfolioContainer div,
.portfolioContainer img {
  float: left;
}

.isotope-item {
  z-index: 2;
  margin: 0 auto;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.z2-client {
  position: relative;
  bottom: 5px;
  z-index: 200;
  left: 14px;
  padding: 1% 5%;
}

.z2-client h2 {
  font-size:19px;
  font-weight: 700;
  color: #333 !important;
  margin: -0px 30px 10px 0px !important;
  text-transform: uppercase;
}

.z2-client .see_btn {
  font: 700 12px "Open Sans", sans-serif;
  color: #FFF !important;
  padding: 3px 8px !important;
  border: 1px solid #FFF;
  display: inline-block !important;
  text-transform: uppercase;
  text-decoration: none;
  background-color:#e30613;
  text-shadow: 0px 0px 2px #000;
  box-shadow: 0px 0px 2px 0px #000;
}

.z-hovr {  z-index: 1;border:1px solid #ddd; margin:10px; padding:10px; background:#eee;

  opacity: 1;
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
  z-index:1;
}

.z-hovr:hover {
  opacity: .9;
  -webkit-transform: scale(1.02, 1.02);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1.02, 1.02);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
  position: relative;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}
.opisy{margin-right: 40px !important; margin-left:-150px;}

.popup {
  margin: 5% auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 80%;
  position: relative;
  z-index:40;

}

.popup h2 {
  margin-top: 0;
  color: #333;

}

.popup .closer {
  position: absolute;
  top: 18px;
  right: 17px;
  transition: all 200ms;
  font-size: 90px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  z-index: 3;
}

.popup .closer:hover {
  color: rgba(241, 93, 42);
}

.popup .content {
  overflow: hidden;
  height: auto;
}

.popup h2,
.popup h3 {
  border-bottom: 1px solid #efefef;
}

.popup h2 {
  padding-bottom: 5px;
  color:#e30613;
}
.popup table{width:100%;}

.client-desc {
  border-left: 1px solid #efefef; margin-left:30px;
}

.popup-list li {
  list-style-type: none;
}

.popup-list a {
  text-decoration: none;
  color: #333;
}

.popup-list a:hover {
  color: #F15D2A;
}

.pop-btn {
  border-radius: 5px;
  padding: 5px 25px;
  text-decoration: none;
  margin: 20px;
  color: #fff;
  position: relative;
  display: block;
  width: -moz-max-content;
  width: max-content;
    transition: all 0.5s ease 0s;
}

.pop-btn:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px;
}

.orng {
 border: 1px solid rgb(230, 126, 34);
color: rgb(230, 126, 34);
}

.orng:hover {
  background-color: #E78E57;
}

.popup-btns a:hover {
  color: #fff;
  text-decoration: none;
}

.blu {
   border: 1px solid #55acee;
   color: #55acee;
}

.blu:hover {
  background-color: #6FC6FF;
}

.client-desc blockquote {
  background: #f8f8f8;
  display: block;
  border-left: 5px solid #e67e22;
}

.item img{max-width:100%;}

blockquote::after {
  content: "";
  right: 26px;
  bottom: -20px;
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #999;
  font-style: normal;
}

@media screen and (max-width: 700px) {.pikto {
    position: relative !important;} .opisy{margin-right: 40px !important; margin-left: 0px;}
  .box {
    width: 70%;
  }
  .client-desc {}
  .popup {
  overflow:auto;
  margin:5%;
  max-height:80% !important;
  width:95%;
  }
  .popup .closer {
  position: fixed;
  top: 48px;
  right: 37px;

}

}
@media screen and (min-width: 768px) and (max-width: 1400px) { .zwierz {position:relative; float:left;padding-left:0px; width:100%;}
 .ikona {position:relative;float:left;padding-left:0px;width:100%;}
  .produkt_pik{position:relative;padding-left:20px; margin-bottom:30px; text-align:center; float:left;}
.produkt{position:relative; float:left;padding-left:20px; }
.produkt_pikt{position:relative;float:left;padding-left:10px;margin-top:10px;}
.opis_produkt{position:relative; text-align:center;}
.produkt img{display:block; margin:10px;}
.swinka {height:25px;}
.krowa{height:30px;}
.kurka{height:25px;}
.indyk{height:28px;}
.czas{height:15px;}
.ciezar{height:15px;}
.pudelko{height:15px;}
.bezgluten{height:40px;}
.fosforan{height:40px;}.pikto {position:absolute;margin-left:-150px !important;width:100%;}
}
@media screen and (min-width: 1401px) { .zwierz {position:relative; float:left;padding-left:0px; width:100%; }
 .ikona {position:relative; float:left; padding-left:0px; width:100%;}
  .produkt_pik{position:relative;padding-left:20px; margin-bottom:30px; text-align:center; float:left;}
  .produkt{position:relative; float:left;padding-left:20px;}
  .produkt_pikt{position:relative; float:left;padding-left:20px; margin-top:20px;}
.opis_produkt{position:relative; text-align:center;}
.produkt img{display:block; margin:10px;}
.swinka {height:35px;}
.krowa{height:60px;}
.kurka{height:45px;}
.indyk{height:48px;}
.czas{height:25px;}
.ciezar{height:25px;}
.pudelko{height:25px;}
.bezgluten{height:60px;}
.fosforan{height:60px;}.pikto {position:absolute; margin-left:-150px !important;}
}

@media screen and (min-width: 767px) and (max-width: 1280px) {.popup p{ font-size:10px;!important;}}
 @media screen and (max-width: 767px) {.pikto {position:absolute; margin-left: 0px !important; width:100%;}
/* remove column float and make full-width */
.entry {float: none !important; width: 100% !important;}
 
/* remove column "spacing" */
.ccm-layout-column-spacing {margin: 0 !important;}

.jl_magic_tabs_divider {position:relative; float:left;}

table {display:block;
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;

    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DDD;
    -webkit-overflow-scrolling: touch;
    }
       ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    } 
}