@charset "utf-8";
/* CSS Document */
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display: block; max-width: none }
.table-cell {display: table-cell; vertical-align: middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }
.ellipses {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(images/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(images/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(images/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(images/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(images/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(images/fancybox_loading@2x.gif);background-size:24px 24px}}

.whatsapp-icon{ position:fixed; bottom:20px; right:20px; background:url(whatsapp.png) no-repeat center; background-size:100%; height:40px; width:40px; z-index:1000; text-indent:-9999px;}
.call-icon{ position:fixed; bottom:70px; right:20px; background:url(telephone.png) no-repeat center; background-size:100%; height:40px; width:40px; z-index:1000; text-indent:-9999px;}

.header{ position:relative; padding:39px 0 58px 0; z-index:400}
.logo{ text-align:center; margin-top:30px;}
.header-top{ position:relative;}
.header-top .option{ margin:0; padding:0; list-style:none; float:right;}
.header-top .option li{ float:left; margin-left:16px;}
.header-top .option li a{ display:block; background-size:100%; background-position:center; background-repeat:no-repeat; height:32px; width:32px;}
.header-top .option li a.facebook{ background-image:url(images/facebook.svg);}
.header-top .option li a.menu-toogle[aria-expanded="false"]{ background-image:url(images/menu.svg);}
.header-top .option li a.menu-toogle[aria-expanded="true"]{ background-image:url(images/cancel.svg);}
.header-top .menu-div{ position:absolute; top:100%; right:-15px;}
.header-top .menu-div .card-body{ padding:15px; background:#fff; border:none; border-radius:0;}
.header-top .menu-div ul{ margin:0; padding:0; list-style:none;}
.header-top .menu-div ul li{ display:block;}
.header-top .menu-div ul li a{ display:block; padding:2px; color:#365f9d;}
.header-top .menu-div ul li a:hover, .header-top .menu-div ul li.active a{ color:#617542; text-decoration:none;}

.banner .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover, .banner .bx-wrapper .bx-next:focus{ background:url(images/right-arrow.svg) no-repeat center; background-size:80%; right:-32px;}
.banner .bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover, .banner .bx-wrapper .bx-prev:focus{ background:url(images/left-arrow.svg) no-repeat center; background-size:80%; left:-32px;}

.site-content{ padding:80px 0;}
.block-content{ margin-top:80px;}
.block-content .content{ padding:40px 40px 0;}
.block-content .content h4{ color:#365f9d;}
.block-content .content p span{ color:#365f9d; text-decoration:underline;}
.block-content a, .block-content a:hover{ text-decoration:none;}

.footer{ padding:20px 0; text-align:center; color:#666666;}
.footer img{ margin-bottom:12px; display:block; margin-left:auto; margin-right:auto;}
.page-content{ padding:40px 0;}

#masonary, #masonary-2{ margin:0 -12px 0 -12px; }
.column {float: left; }
.size-1of4 {width: 25%; padding:0 12px; }
.size-1of3 {width: 33.333%; padding:0 12px; }
.size-1of2 {width: 50%; padding:0 12px; }
.size-1of1 {width: 100%; padding:0 12px; }
/* Configurate salvattore with media queries */
@media screen and (max-width: 575px) {
#masonary[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
#masonary[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#masonary[data-columns]::before {content: '3 .column.size-1of3'; }
}
@media screen and (min-width: 992px) {
#masonary[data-columns]::before {content: '3 .column.size-1of3'; }
}

@media screen and (max-width: 575px) {
#masonary-2[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
#masonary-2[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#masonary-2[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 992px) {
#masonary-2[data-columns]::before {content: '2 .column.size-1of2'; }
}

.page-banner{ position:relative;}
.banner-image{ min-width:initial; height:375px; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.banner-image img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.page-banner h1{ position:absolute; left:0; right:0; color:#fff; text-align:center; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:100}
.page-content a{ color:#365f9d; text-decoration:underline;}
.page-content a:hover{ color:#365f9d; text-decoration:none;}
.img-block{ position:relative;}
.img-block img:nth-child(2){ position:absolute; top:0; left:0; bottom:0; z-index:10; opacity:0}
.img-block:hover img:nth-child(1){ opacity:0}
.img-block:hover img:nth-child(2){ opacity:1}
.contact-info{ margin:0; padding:0; list-style:none; text-align:center;}
.contact-info li{ display:inline-block; margin:0 8px 24px}

.social{ margin:0; padding:0; list-style:none; text-align:center;}
.social li{ display:inline-block; margin:15px 8px; line-height:32px;}
.social li img{ height:32px; width:32px; display:inline-block; border-radius:6px;}
.social li a{ color:#000; text-decoration:none;}
.social li a:hover{ color:#000; text-decoration:none;}

.sidebar{ margin-bottom:24px; position:relative; z-index:100;}
.sidebar ul{ background:rgba(170,170,170,0.8); margin:0; padding:0; list-style:none;}
.sidebar ul li{ display:block;}
.sidebar ul li a{ display:block; color:#fff; line-height:48px; padding:0 20px; font-size:24px; text-decoration:none; position:relative;}
.sidebar ul li a:hover, .sidebar ul li.active a{ color:#fff; text-decoration:none; background:#617542;}
.sidebar ul li a:hover:after, .sidebar ul li.active a:after{ background:url(images/arrow.png); height:19px; width:15px; content:''; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.sidebar-menu .card-body{ margin:0; padding:0; border:none; border-radius:0;}
.sidebar-menu .collapse:not(.show), .sidebar-menu .collapse{ display:block;}

.image-thumb{ position:relative;}
.image-thumb .img-n{ min-width:initial; height:205px; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-thumb .img-n img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-thumb .img-h{ min-width:initial; height:205px; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; opacity:0; overflow:hidden; flex:0 0 auto; display:flex; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;}
.image-thumb .img-h img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-thumb:hover .img-h{ opacity:1;}

.product-cat-list a.d-block{ position:relative; color:#fff; text-align:center; font-size:24px; margin-bottom:30px; overflow:hidden;}
.product-cat-list a.d-block .name{ position:absolute; top:100%; left:0; bottom:0; right:0; z-index:11; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0; background:rgba(97,117,66,0.8);}
.product-cat-list a.d-block:hover .name{ opacity:1; top:0;}
.bodered-img a{ display:block; border:1px solid #d8d8d8;}
.row.bodered-img{ margin-left:-12px; margin-right:-12px;}
.row.bodered-img [class*=col-]{ padding-left:12px; padding-right:12px;}
.fancybox-button--zoom, .fancybox-button--play, .fancybox-button--thumbs{ display:none !important;}