@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%; }

.icon-scroll,
.icon-scroll:before {
position:absolute;
left:50%;
}
.icon-scroll {
width:28px;
height:48px;
margin-left:-14px;
bottom:30px;
left:50%; 
box-shadow:inset 0 0 0 1px #000;
border-radius:25px;
}
.icon-scroll:before {
content:'';
width:6px;
height:6px;
background:#000;
margin-left:-3px;
top:8px;
border-radius:4px;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-name:scroll;
animation-name:scroll;
}
@-webkit-keyframes scroll {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translateY(46px);
transform:translateY(46px);
}
}
@keyframes scroll {
0% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:translateY(46px);
transform:translateY(46px);
}
}

.owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position:relative}
.owl-carousel{display:none; width:100%; z-index:1}
.owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel, .owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-loading{opacity:0; display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-grab{cursor:move; cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000}
.owl-carousel .owl-video-play-icon{position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease}
.owl-next, .owl-prev{background-position:0 0}
.owl-carousel .owl-video-frame{position:relative; z-index:1; height:100%; width:100%}
.owl-nav{text-align:center; margin-top:;}
.owl-next, .owl-prev{ height:40px; width:40px; background-size:30px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px;}
.owl-next{ background-image:url(images/next.svg); right:20px;}
.owl-prev{ background-image:url(images/prev.svg); left:20px;}
.owl-next i, .owl-prev i{ display:none;}
.owl-dots{ margin-top:30px; text-align:center;}
.owl-dot{ background:#000; border-radius:50px; height:14px; width:14px; margin:0 3px; display:inline-block;}
.owl-dot.active{ background:#444;}

.banner-wrapper { height:100vh; width:100%; position:relative; overflow:hidden;}
.video-bg { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }

.header{ padding:25px 0 0 0; position:fixed; top:0; left:0; right:0; z-index:500; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.header.fixed-header{ background:#fff;  padding:0;  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);;}
.header .header-block{ background:#fff; border-radius:10px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;} 
.header.fixed-header .header-block{ -webkit-box-shadow:none); box-shadow:none;}
.header .header-block .logo{ padding:15px 20px; float:left; }
.header-menu{ float:right;}

.section{ padding:60px 0;}
.w2{ padding-bottom:105px; background:#ececec;}

.w3{ padding-top:0;}
.w3 .container{ position:relative; z-index:10; margin-top:-50px;}
.w3 .box{ position:relative; padding-top:43px;}
.w3 .box .content{ border-top:4px solid #000; padding:70px 20px 20px 20px; background:#fff; text-align:center; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
.w3 .box .content hr{ border-bottom:2px solid #000; width:40px;}
.w3 .box .icon{ background:#fff; border-radius:50%; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:100px; overflow:hidden; padding:10px; position:absolute; -webkit-box-shadow: 0 -15px 15px 0 rgba(0,0,0,0.12); box-shadow: 0 -15px 15px 0 rgba(0,0,0,0.12);}

.w4{ background:#ececec;}
.w4 .content{ -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); background:#fff; padding:25px;}
.w4 .content  hr{ border-bottom:2px solid #000; width:60px;}

.w5 hr{ border-bottom:2px solid #000; width:60px;}
.w5 .full-img{ position:relative;}
.w5 .content{ padding-bottom:20px; position:relative; text-align:center;}
.w5 .content .post-info{ padding:25px 25px 50px 25px; border-bottom:4px solid #000; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); position:relative;}
.w5 .content .post-info h6{ font-size:14px;}
.w5 .content a.link{ height:50px; width:50px; border-radius:50%; line-height:50px; text-align:center; background:#fff; position:absolute; bottom:0; left:50%; margin-left:-25px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); font-size:20px;}
.w5 .content a.link:hover{ color:#fff; background:#000;}

.w6{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.w6 .quotes{ padding:0 10px 10px 0;}
.w6 .quotes .content{ border-radius:8px; -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15); box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.15); background:url(images/quote-1.png) no-repeat left 30px #fff; padding:30px 30px 30px 87px;}
.w6 .quotes .content blockquote{ margin-bottom:20px;}
.w6 .quotes .content .media img{ border-radius:50%; width:70px; margin-right:16px;}
.w6 .quotes .content strong{ text-transform:uppercase; display:block;}

.footer{ background:#000; color:#fff; text-align:center; padding:30px 0;}
.footer a{ color:#fff;}
.footer a:hover{ color:#fff; text-decoration:underline;}
.footer .menu{ margin:16px 0 8px; padding:0; list-style:none;}
.footer .menu li{ display:inline-block;}
.footer .menu li:after{ content:"//"; float:right; margin:0 4px 0 7px;}
.footer .menu li:after:last-child{ display:none;}
.footer .social{ margin:0; padding:0; list-style:none;}
.footer .social li{ display:inline-block;}
.footer .social li a{ display:block; height:40px; width:40px; line-height:40px; font-size:30px;}


.banner-image{ min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.banner-image:before{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.4);  z-index:1}
.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{ position:relative; overflow:hidden}
.page-banner .banner-image{ height:450px;}
.page-banner .page-header-content{ color:#fff; position:absolute; z-index:50; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); text-align:center; padding-top:108px;}
.page-banner .page-header-content h1{ color:#fff;}
.page-banner .page-header-content h1 small{ font-size:50%;}
.page-banner .page-header-content hr{ border-bottom:2px solid #fff; width:60px;}
.breadcrum-items{margin-bottom:5px; font-size:14px; position:relative;}
.breadcrum-items:before, .breadcrum-items:after{ content:''; display:table; }
.breadcrum-items:after{ clear:both;}
.breadcrum-items span{ display:inline-block; }
.breadcrum-items span a{ display:block; color:#fff; }
.breadcrum-items span a:after{ content:"/"; float:right; margin:0 8px; color:#fff}
.breadcrum-items span:last-child a:after{ display:none; }
.breadcrum-items span.current-item{ font-weight:700; color:#fff;}


/*.listing { direction:rtl;}
.listing [class*=col-]{ direction:ltr;}*/
.listing .col-lg-9{ border-left:1px solid #d8d8d8;}

.sidebar{ padding-right:30px;}
.sidebar .widget + .widget{ margin-top:24px; padding-top:24px; border-top:1px solid #d8d8d8;}
.sidebar .widget ul{ margin:0; padding:0; list-style:none;}
.sidebar .widget ul li{ border-bottom:1px solid #d8d8d8;}
.sidebar .widget ul li:last-child{ border-bottom:none;}
.sidebar .widget ul li a{ display:block; padding:6px 5px 6px 15px; background:url(images/bullet.png) no-repeat left;}
.sidebar .widget .media{ margin-top:15px;}
.sidebar .widget .media img{ width:71px; border:1px solid #000; margin-right:16px;}
.sidebar .widget .media .price{ display:block; font-size:18px;}
.sidebar .widget .media p{ margin-bottom:0;}

.product-list{ padding-left:30px; text-align:center;}
.product-list [class*=col-] .full-img{ margin-bottom:30px; border:1px solid #000;}
.product-list [class*=col-] ul{ margin:0 0 10px; padding:0; list-style:none;}
.product-list [class*=col-] ul li{ display:inline-block; font-size:12px;}
.product-list [class*=col-] ul li:after{ content:","; float:right; margin:0 5px 0 2px;}
.product-list [class*=col-] ul li:last-child:after{ display:none;}
.product-list [class*=col-] .price{ display:block; font-size:30px;}
.product-list [class*=col-] h5{ margin-bottom:0;}

.details .price{ margin-bottom:15px; padding:12px 0; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; font-size:30px;}
.details .share ul, .share-blog  ul{ margin:0; padding:0; list-style:none;}
.details .share ul li, .share-blog  ul li{ float:left; margin-right:10px;}
.details .share ul li a, .share-blog  ul li a{ display:block; color:#fff; background:#000; text-align:center; width:40px; height:40px; border-radius:10px; line-height:40px; text-align:center;}
.share-blog{ margin-top:24px; padding-top:24px; border-top:1px solid #d8d8d8;}

.featured [class*=col-]{ text-align:center;}
.featured [class*=col-] .full-img{ margin-bottom:30px; border:1px solid #000;}
.featured [class*=col-] ul{ margin:0 0 10px; padding:0; list-style:none;}
.featured [class*=col-] ul li{ display:inline-block; font-size:12px;}
.featured [class*=col-] ul li:after{ content:","; float:right; margin:0 5px 0 2px;}
.featured [class*=col-] ul li:last-child:after{ display:none;}
.featured [class*=col-] h5{ margin-bottom:0;}

#masonary{ margin:0 -10px 0 -10px; }
.column {float: left; }
.size-1of4 {width: 25%; padding:0 10px; }
.size-1of3 {width: 33.333%; padding:0 10px; }
.size-1of2 {width: 50%; padding:0 10px; }
.size-1of1 {width: 100%; padding:0 10px; }
/* Configurate salvattore with media queries */
@media screen and (max-width: 480px) {
#masonary[data-columns]::before {content: '1 .column.size-1of1'; }
}
@media screen and (min-width: 481px) and (max-width: 700px) {
#masonary[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 701px) and (max-width: 850px) {
#masonary[data-columns]::before {content: '3 .column.size-1of3'; }
}
@media screen and (min-width: 851px) {
#masonary[data-columns]::before {content: '3 .column.size-1of3'; }
}
#masonary .item .full-img{ margin-bottom:20px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}

.colors ul{ padding:0; list-style:none;}
.colors ul li{ float:left; margin-right:6px;}
.colors ul li a{ height:30px; width:30px; display:block;}

.colors input[type="checkbox"] { display:none;}
.colors input[type="checkbox"] + label {display:block; cursor:pointer;}
.colors input[type="checkbox"] + label span {display:inline-block; width:30px; height:30px; margin:0; vertical-align:middle; cursor:pointer; border:2px solid #fff;}
.colors input[type="checkbox"]:checked + label span { border:2px solid #000;}
.colors input[type="radio"] { display:none;}
.colors input[type="radio"] + label {display:block; cursor:pointer;}
.colors input[type="radio"] + label span {display:inline-block; width:30px; height:30px; margin:0; vertical-align:middle; cursor:pointer; border:2px solid #fff;}
.colors input[type="radio"]:checked + label span { border:2px solid #000;}


@media screen and (max-width: 767px) { 
table.cart-table { border: 0; }
table.cart-table caption { font-size: 1.3em; }
table.cart-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
table.cart-table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
table.cart-table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em;  padding-left:150px; position:relative;}
table.cart-table td::before {content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
table.cart-table td:last-child { border-bottom: 0; }
.cart_buttons .btn{ padding:6px 12px; font-size:14px;}
}