/*PRODUCT SHEET*/
#container #product,
#product div.prd-container,
#product div.prd-bundles,
#product div.prd-relations,
#product div.prd-recent{width:100%;clear:both}
#container #product{position:relative;padding:var(--main-spacing)}
#product div.prd-container,
#product div.prd-data{
	display:flex;
	flex-flow:row wrap;
	align-items:flex-start
}
#product div.prd-container{grid-gap:var(--main-spacing)}

/*breadcrumbs*/
#container div.prd-breadcrumbs,
#container div.prd-breadcrumbs ul{
	display:flex;
	flex-flow:row nowrap;
	align-items:center
}
#container div.prd-breadcrumbs{
	width:100%;
	clear:both;
	padding:0 var(--main-spacing);
	margin-top:10px
}

#container div.prd-breadcrumbs div.goback,
#container div.prd-breadcrumbs div.goback:before,
#container div.prd-breadcrumbs div.goback:after{
	width:0; 
	height:0;
	text-decoration:none!important;
	cursor:pointer;
	border-top:5px solid transparent;
	border-right:10px solid var(--c-blue); 
	border-bottom:5px solid transparent
}
#container div.prd-breadcrumbs div.goback{
	overflow:visible!important;
	position:relative;
	margin-left:8px
}
#container div.prd-breadcrumbs div.goback:before,
#container div.prd-breadcrumbs div.goback:after{
	content:"";
	position:absolute;
	top:-5px
}
#container div.prd-breadcrumbs div.goback:before{left:-8px}
#container div.prd-breadcrumbs div.goback:after{left:8px}

#container div.prd-breadcrumbs ul{
	width:auto;
	list-style:none outside;
	grid-gap:0 5px;
	margin-left:16px
}
#container div.prd-breadcrumbs li{
	font-size:var(--fnt-smaller-2);
	line-height:8px;
	text-transform:uppercase;
	position:relative;
	padding-right:10px
}
#container div.prd-breadcrumbs li a{color:var(--c-grey-14)}
#container div.prd-breadcrumbs li a:hover{color:var(--c-blue)}

#container div.prd-breadcrumbs li:after{
	content:"";
	width:0; 
	height:0;
	text-indent:-9999px;
	position:absolute;
	top:2px;
	right:0;
	border-top:3px solid transparent;
	border-left:5px solid var(--c-grey-65); 
	border-bottom:3px solid transparent
}

#container div.prd-breadcrumbs li.last{font-weight:var(--w-semibold);padding-right:0!important}
#container div.prd-breadcrumbs li.last:after{display:none!important}
#container div.prd-breadcrumbs li.last a{color:var(--c-blue)}

/*containers*/
#product div.prd-side{width:33%;position:relative}
#product div.prd-data{
	width:calc(67% - var(--main-spacing));
	grid-gap:0 var(--main-spacing);
	position:relative
}

/*images*/
#product div.prd-images{
	width:100%;
	clear:both;
	overflow:visible!important;
	position:relative
}
#product div.prd-images div.swiper-container{
	clear:both;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto
}
#product div.prd-images div.swiper-wrapper{overflow:visible!important}
#product div.prd-images div.swiper-slide{
	text-align:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background:none!important
}
#product div.prd-images div.swiper-slide > div,
#product div.prd-images div.swiper-slide > div > a{width:100%;clear:both}
#product div.prd-images div.swiper-slide > div > a{
	height:100%;
	display:block;
	overflow:hidden;
	box-sizing:border-box
}
#product div.prd-images div.swiper-slide > div > a > span,
#product div.prd-images div.swiper-slide > div > a.hidden-img{display:none!important}
#product div.prd-images div.swiper-slide img{box-sizing:border-box;border:1px solid var(--c-grey-85)}

#product div.prd-images img,
#product div.prd-images div.gallery-top{width:100%!important}
#product div.prd-images div.gallery-top,
#product div.prd-images div.gallery-thumbs{clear:both;overflow:visible}
#product div.prd-images div.gallery-top{margin-bottom:20px}
#product div.prd-images div.gallery-top div,
#product div.prd-images div.gallery-top a,
#product div.prd-images div.gallery-top img{height:100%}
#product div.prd-images div.gallery-top img{float:left}

#product div.prd-images div.gallery-thumbs{
	width:calc((120px * 2) + 20px);
	position:absolute;
	top:0;
	left:0;
	z-index:1000
}
#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 20px;transform:translate3d(0,0,0)!important}
#product div.prd-images div.gallery-thumbs div.swiper-slide{
	width:120px!important;
	cursor:pointer;
	opacity:0.6
}
#product div.prd-images div.gallery-thumbs div.swiper-slide-active{opacity:1}
#product div.prd-images div.gallery-thumbs img{
	height:auto;
	float:left;
	border:1px solid var(--c-grey-85);
	background:var(--c-white)
}
#product div.prd-images div.gallery-thumbs div.swiper-slide-active img{border:2px solid var(--c-blue)}

#product div.prd-images .swiper-button-prev,
#product div.prd-images .swiper-button-next{
    width:18px;
	height:30px!important;
	top:50%;
	fill:var(--c-grey-14);
	margin-top:-15px;
	box-sizing:border-box;
	background-image:none
}
#product div.prd-images .swiper-button-prev{left:10px}
#product div.prd-images .swiper-button-next{right:10px}
#product div.prd-images .swiper-button-prev svg, 
#product div.prd-images .swiper-button-next svg{
	width:auto;
	height:100%;
	float:left
}

#gallery.pswp,
#gallery.pswp div{overflow:visible!important}
#gallery.pswp{z-index:1000007!important}

/*promo*/
#product div.prd-images span.promo{
	width:auto;
	font-size:var(--fnt-bigger-2);
	font-weight:var(--w-bold);
	color:var(--c-white);
	line-height:110%;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	top:15px;
	left:15px;
	z-index:1000;
	padding:5px 10px;
	border-radius:var(--fld-radius);
	background:var(--c-green)
}

/*links*/
#product div.prd-links,
#product div.prd-links a{display:flex;justify-content:flex-start}
#product div.prd-links{
	width:calc(100% - 280px);
	float:right;
	flex-flow:column wrap;
	grid-gap:20px 0
}
#product div.prd-links a,
#product div.prd-links a span{cursor:pointer}
#product div.prd-links a{
	width:100%;
	height:50px;
	font-family:var(--titles-font);
	font-size:var(--fnt-bigger-2);
	color:var(--c-white);
	line-height:100%;
	text-transform:uppercase;
	flex-flow:row nowrap;
	align-items:center;
	grid-gap:0 12px;
	overflow:hidden;
	border-radius:var(--boxes-radius);
	background:var(--c-blue)
}
#product div.prd-links a span{
	width:50px;
	height:50px;
	border-radius:0 var(--boxes-radius) var(--boxes-radius) 0;
	background-color:var(--c-grey-14)!important;
	background-size:auto 50%!important
}
#product div.prd-links a.lnk-pdf-sheet span{background:url(/Layout/img/ico-pdf-white.png) no-repeat center center}
#product div.prd-links a.lnk-ask-informations span{background:url(/Layout/img/ico-info-white.png) no-repeat center center}
#product div.prd-links a:hover{color:var(--c-grey-14)}
#product div.prd-links a.lnk-pdf-sheet:hover span{background-image:url(/Layout/img/ico-pdf-blue.png)}
#product div.prd-links a.lnk-ask-informations:hover span{background-image:url(/Layout/img/ico-info-blue.png)}
#product div.prd-links a.disabled,
#product div.prd-links a.disabled span{cursor:default!important}
#product div.prd-links a.disabled{color:var(--c-grey-93);background-color:var(--c-grey-65)}
#product div.prd-links a.disabled span{background-color:var(--c-grey-50)!important}
#product div.prd-links a.lnk-pdf-sheet.disabled:hover span{background:url(/Layout/img/ico-pdf-white.png) no-repeat center center}

/*PRODUCT DATA*/
#product div.prd-title{
	width:100%;
	clear:both;
	display:flex;
	flex-flow:row wrap;
	align-items:center;
	grid-gap:0 10px;
	margin-bottom:var(--cnt-margin-1)
}
#product div.prd-title h1,
#product div.prd-title h2{
	font-family:var(--titles-font);
	line-height:100%;
	text-transform:uppercase
}
#product div.prd-title h1{
	width:100%;
	font-size:var(--fnt-bigger-10);
	font-weight:var(--w-black);
	color:var(--c-grey-14);
	margin-bottom:6px
}
#product div.prd-title h2{
	width:calc(100% - (10px + var(--ico-size-7)));
	font-size:var(--fnt-bigger-3);
	font-weight:var(--w-bold);
	color:var(--c-blue)
}
#product div.prd-title a.btn-print,
#product div.prd-title a.btn-print img{width:auto}
#product div.prd-title a.btn-print{height:var(--ico-size-7)}
#product div.prd-title a.btn-print img{height:100%;float:left}
#product div.prd-title a.btn-print:hover{background:url(/Layout/img/ico-print-blue.png) no-repeat center center;background-size:auto 100%}
#product div.prd-title a.btn-print:hover img{visibility:hidden}

/*PROCUCT EXTRAS*/
#product div.prd-extras{
	width:330px;
	display:flex;
	flex-flow:column wrap;
	grid-gap:7px 0
}
#product div.prd-extras div,
#product div.prd-extras p,
#product div.prd-extras input,
#product div.prd-extras a.cart-btn{width:100%;clear:both}

#product div.prd-extras > div{padding:calc(var(--cnt-margin-1) * 2);background:var(--c-grey-96)}
#product div.prd-extras div.prd-intro{border-radius:var(--boxes-radius) var(--boxes-radius) 0 0}
#layout.usr-anonymous #product div.prd-extras div.prd-intro{border-radius:var(--boxes-radius)}
#product div.prd-extras div.prd-cart{border-radius:0 0 var(--boxes-radius) var(--boxes-radius)}

#product div.prd-extras p{
	font-size:var(--fnt-smaller-1);
	line-height:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	padding:var(--cnt-margin-1) 0;
	border-bottom:1px solid var(--c-grey-85)
}
#product div.prd-extras p.prd-code,
#product div.prd-extras p.prd-price.lst-prc{border-top:1px solid var(--c-grey-85)}
#product div.prd-extras p.prd-code{line-height:110%}
#product div.prd-extras p label{text-transform:uppercase}
#product div.prd-extras p span{
	font-size:1.02em;
	font-weight:var(--w-bold);
	text-align:right;
	margin-left:auto
}

#product div.prd-extras p.prd-brand{
	font-size:var(--fnt-bigger-3);
	font-weight:var(--w-bold);
	text-align:center;
	justify-content:center
}
#product div.prd-extras p.prd-brand img{width:90%;height:auto}

#product div.prd-extras p.prd-availability a{margin-right:10px}
#product div.prd-extras p.prd-availability img{width:var(--ico-size-6);height:auto}
#product div.prd-extras p.prd-availability span{font-size:1.50em;font-weight:var(--w-extrabold)}

#product div.prd-extras div.prd-prologue p{
	font-size:var(--fnt-bigger-1);
	line-height:150%;
	text-align:justify
}

#product div.prd-extras p.prd-price span{font-weight:var(--w-extrabold);color:var(--c-green)}
#product div.prd-extras p.prd-price.lst-prc span{font-size:1.20em}
#product div.prd-extras p.prd-price.net-prc span{font-size:1.50em}
#product div.prd-extras p.prd-iva{
	color:var(--c-grey-55);
	text-transform:uppercase;
	padding:0;
	padding-top:calc(var(--cnt-margin-1) / 2);
	margin-bottom:var(--cnt-margin-1);
	border-bottom:none
}
#product div.prd-extras p.prd-iva span{font-weight:var(--w-light)}

#product div.prd-extras div.qty-btn-cart{position:relative}
#product div.prd-extras div.qty-btn-cart input,
#product div.prd-extras div.qty-btn-cart a{
	width:100%;
	clear:both;
	box-sizing:border-box;
	border-radius:var(--boxes-radius)
}
#product div.prd-extras div.qty-btn-cart input{
	height:50px;
	font-size:var(--fnt-base);
	color:var(--c-grey-35);
	line-height:50px;
	text-align:center;
	margin-bottom:var(--cnt-margin-1);
	-moz-appearance:textfield!important;
	-webkit-appearance:textfield!important;
	border:1px solid var(--c-grey-85);
	background-color:#fff
}
#product div.prd-extras div.qty-btn-cart div{position:absolute}
#product div.prd-extras div.qty-btn-cart div.btn-minus,
#product div.prd-extras div.qty-btn-cart div.btn-plus{
	width:50px;
	height:50px;
	cursor:pointer;
	top:0;
	border-radius:var(--boxes-radius);
	background:var(--c-grey-85)
}
#product div.prd-extras div.qty-btn-cart div.btn-minus{left:0}
#product div.prd-extras div.qty-btn-cart div.btn-plus{right:0}
#product div.prd-extras div.qty-btn-cart div.btn-minus span,
#product div.prd-extras div.qty-btn-cart div.btn-plus span,
#product div.prd-extras div.qty-btn-cart div.btn-plus span:after{position:absolute;background:var(--c-grey-14)}
#product div.prd-extras div.qty-btn-cart div.btn-minus:hover span,
#product div.prd-extras div.qty-btn-cart div.btn-plus:hover span,
#product div.prd-extras div.qty-btn-cart div.btn-plus:hover span:after{background:var(--c-blue)}
#product div.prd-extras div.qty-btn-cart div.btn-minus span,
#product div.prd-extras div.qty-btn-cart div.btn-plus span{
	width:14px;
	height:4px;
	top:23px;
	left:18px
}
#product div.prd-extras div.qty-btn-cart div.btn-plus span:after{
	content:"";
	width:4px;
	height:14px;
	top:-5px;
	left:5px
}
#product div.prd-extras div.qty-btn-cart a{
	height:70px;
	font-size:var(--fnt-bigger-2);
	color:var(--c-white);
	line-height:120%;
	text-transform:uppercase;
	cursor:pointer;
	display:flex;
	flex-flow:row nowrap;
	align-items:flex-end;
	grid-gap:0 12px;
	padding:15px 20px;
	background-color:var(--c-green)!important
}
#product div.prd-extras div.qty-btn-cart a img{width:auto;height:100%}
#product div.prd-extras div.qty-btn-cart a:hover{
	color:var(--c-blue);
	background:url(/Layout/img/ico-cart-blue.png) no-repeat 20px center;
	background-size:auto calc(100% - 30px)
}
#product div.prd-extras div.qty-btn-cart a:hover img{visibility:hidden}

#product div.prd-extras div.prd-agent a{
	width:100%;
	height:42px;
	font-size:var(--fnt-bigger-2);
	font-weight:var(--w-semibold);
	color:var(--c-black);
	line-height:120%;
	text-transform:uppercase;
	clear:both;
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	grid-gap:0 10px
}
#product div.prd-extras div.prd-agent a img{width:auto;height:100%}
#product div.prd-extras div.prd-agent a:hover{
	color:var(--c-green);
	background:url(/Layout/img/ico-user-blue.png) no-repeat center left;
	background-size:auto 100%
}
#product div.prd-extras div.prd-agent a:hover img{visibility:hidden}

/*CERTIFICATIONS*/
#product div.prd-certifications,
#product div.prd-certifications h3,
#product div.prd-certifications ul,
#product div.prd-certifications li,
#product div.prd-certifications li a{width:100%;clear:both}
#product div.prd-certifications{
	margin-top:var(--cnt-margin-4);
	padding:0!important;
	background:none!important
}
#product div.prd-certifications h3,
#product div.prd-certifications ul,
#product div.prd-certifications li{overflow:hidden;box-sizing:border-box}
#product div.prd-certifications h3{
	font-size:var(--fnt-bigger-2);
	font-weight:var(--w-light);
	color:var(--c-white);
	line-height:100%;
	text-transform:uppercase;
	text-align:center;
	padding:12px 0;
	border-radius:var(--boxes-radius) var(--boxes-radius) 0 0;
	background:var(--c-grey-14)
}
#product div.prd-certifications ul{
	list-style:none outside;
	padding:var(--cnt-margin-1);
	border-radius:0 0 var(--boxes-radius) var(--boxes-radius);
	background:var(--c-grey-96)
}
#product div.prd-certifications li{
	font-size:var(--fnt-smaller-1);
	line-height:120%;
	text-transform:uppercase;
	padding:10px 0;
	border-bottom:1px solid var(--c-grey-85)
}
#product div.prd-certifications li:first-of-type{border-top:1px solid var(--c-grey-85)}
#product div.prd-certifications li a{
	color:var(--c-black);
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	grid-gap:0 10px
}
#product div.prd-certifications li a img{width:auto;height:24px}
#product div.prd-certifications li a:hover{
	color:var(--c-blue);
	background:url(/Layout/img/ico-certifications-blue.png) no-repeat center left;
	background-size:auto 100%
}
#product div.prd-certifications li a:hover img{visibility:hidden}

/*PRODUCT DETAILS*/
#product div.prd-details{width:calc(100% - (330px + var(--main-spacing)))}
#product div.prd-details div.prd-prologue,
#product div.prd-details div.prd-attr-list{width:100%;clear:both}
#product div.prd-details div.prd-prologue{margin-bottom:var(--cnt-margin-1)}
#product div.prd-details div.prd-prologue p{font-size:var(--fnt-bigger-1);line-height:160%}
#product div.prd-details h4{
	font-family:var(--titles-font);
	font-size:var(--fnt-bigger-6);
	font-weight:var(--w-extrabold);
	color:var(--c-blue);
	line-height:100%;
	text-transform:uppercase;
	margin:var(--cnt-margin-1) 0 10px 0
}
#product div.prd-details ul,
#product div.prd-details li{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	align-content:flex-start;
	box-sizing:border-box
}
#product div.prd-details ul{
	font-size:var(--fnt-smaller-1);
	line-height:150%;
	list-style:none outside;
	border-top:1px solid var(--c-grey-85)
}
#product div.prd-details ul li{
	grid-gap:0 7px;
	padding:10px 0;
	border-bottom:1px solid var(--c-grey-85)
}
#product div.prd-details ul li label{text-transform:uppercase}
#product div.prd-details ul li span:not(.marker, .value),
#product div.prd-details ul li strong{font-size:1.02em;font-weight:var(--w-bold)}
#product div.prd-details ul li span.marker{text-transform:uppercase}
#product div.prd-details ul.top li{width:50%}
#product div.prd-details ul.top li:nth-of-type(odd){padding-right:calc(var(--cnt-margin-1) / 2)}
#product div.prd-details ul.top li:nth-of-type(even){padding-left:calc(var(--cnt-margin-1) / 2)}
#product div.prd-details div.prd-attr-list ul{margin-bottom:var(--cnt-margin-1)}
#product div.prd-details div.prd-attr-list ul:last-of-type{margin-bottom:0!important}
#product div.prd-details div.prd-attr-list p{
	font-size:var(--fnt-bigger-1);
	font-weight:var(--w-bold);
	color:var(--c-blue);
	line-height:100%;
	text-transform:uppercase;
	margin-bottom:10px
}

#product div.prd-details table{width:100%;border-collapse:collapse}
#product div.prd-details table th,
#product div.prd-details table td{
	font-size:var(--fnt-smaller-1);
	font-weight:var(--w-light);
	line-height:140%;
	padding:var(--tbl-padding);
	border-bottom:1px solid var(--c-white)
}
#product div.prd-details table th{
	color:var(--c-white);
	text-transform:uppercase;
	background:var(--c-grey-14)
}
#product div.prd-details table td{color:var(--c-grey-14)}
#product div.prd-details table td:nth-of-type(1){font-weight:var(--w-bold)}
#product div.prd-details table tr:nth-of-type(odd) td{background:var(--c-grey-93)}
#product div.prd-details table tr:nth-of-type(even) td{background:var(--c-grey-96)}

/*RELATIONS-RECENT*/
#product div.prd-relations,
#product div.prd-relations div.relations-slider,
#product div.prd-relations div.swiper-wrapper,
#product div.prd-recent,
#product div.prd-recent div.recent-slider,
#product div.prd-recent div.swiper-wrapper{overflow:visible!important}
#product div.prd-relations,
#product div.prd-recent{margin-top:calc(var(--main-spacing) * 2)}
#product div.prd-relations div,
#product div.prd-recent div{box-sizing:border-box}
#product div.prd-relations div.relations-slider,
#product div.prd-relations div.relations-container,
#product div.prd-relations div.slider-wrapper,
#product div.prd-recent div.recent-slider,
#product div.prd-recent div.recent-container,
#product div.prd-recent div.slider-wrapper{width:100%;clear:both}
#product div.prd-relations div.relations-slider,
#product div.prd-recent div.recent-slider{position:relative;padding:0 var(--cnt-margin-1)}
#product div.prd-relations div.relations-container,
#product div.prd-recent div.recent-container{overflow:hidden}
#product div.prd-relations div.swiper-wrapper,
#product div.prd-recent div.slider-wrapper{display:flex;flex-flow:row nowrap}

#product div.prd-relations .swiper-button-prev, 
#product div.prd-relations .swiper-button-next,
#product div.prd-recent .swiper-button-prev, 
#product div.prd-recent .swiper-button-next{
    width:var(--cnt-margin-1);
	height:32px;
	fill:var(--c-grey-25);
	margin-top:-16px;
	background-image:none
} 
#product div.prd-relations div.swiper-button-next,
#product div.prd-recent div.swiper-button-next{right:0;background-position:center right!important}
#product div.prd-relations div.swiper-button-prev,
#product div.prd-recent div.swiper-button-prev{left:0;background-position:center left!important}
#product div.prd-relations div.swiper-button-prev svg,
#product div.prd-relations div.swiper-button-next svg,
#product div.prd-recent div.swiper-button-prev svg,
#product div.prd-recent div.swiper-button-next svg{
	width:auto;
	height:100%;
	float:left
}
#product div.prd-relations div.swiper-button-prev:hover,
#product div.prd-relations div.swiper-button-next:hover,
#product div.prd-recent div.swiper-button-prev:hover,
#product div.prd-recent div.swiper-button-next:hover{fill:var(--c-blue)}

#product div.prd-relations div.swiper-slide,
#product div.prd-recent div.swiper-slide{
	height:auto!important;
	font-size:1.00em!important;
	text-align:center;
	display:unset;
	position:relative;
	background:none!important
}

#product div.prd-relations h3,
#product div.prd-recent h3{
	width:100%;
	font-family:var(--titles-font);
	font-size:3.2vw;
	font-weight:var(--w-light);
	color:var(--c-grey-25);
	line-height:65%;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:0.2%
}
#product div.prd-relations h3 strong,
#product div.prd-recent h3 strong{
	font-size:1.05em;
	font-weight:var(--w-black);
	color:var(--c-blue)
}
#product div.prd-relations > div.sep,
#product div.prd-recent > div.sep{
	width:10%;
	height:4px;
	display:flex;
	flex-flow:row nowrap;
	position:relative;
	margin:2vw auto
}
#product div.prd-relations > div.sep span,
#product div.prd-recent > div.sep span{width:50%;height:100%}
#product div.prd-relations > div.sep span:nth-of-type(1),
#product div.prd-recent > div.sep span:nth-of-type(1){background:var(--c-grey-25)}
#product div.prd-relations > div.sep span:nth-of-type(2),
#product div.prd-recent > div.sep span:nth-of-type(2){background:var(--c-blue)}
#product div.prd-relations > div.sep:after,
#product div.prd-recent > div.sep:after{
	content:"";
	width:4px;
	height:10px;
	position:absolute;
	top:-3px;
	left:calc(50% - 2px);
	transform:rotate(45deg);
	background:var(--c-white)
}

#product div.prd-relations div.prd-itm,
#product div.prd-recent div.prd-itm{width:20%!important;padding:1px 1vw}
#product div.prd-relations div.prd-cnt,
#product div.prd-relations a.prd-img,
#product div.prd-relations a.prd-img img,
#product div.prd-relations div.prd-data,
#product div.prd-recent div.prd-cnt,
#product div.prd-recent a.prd-img,
#product div.prd-recent a.prd-img img,
#product div.prd-recent div.prd-data{width:100%;clear:both}
#product div.prd-relations div.prd-cnt,
#product div.prd-recent div.prd-cnt{
	height:100%;
	border-radius:var(--boxes-radius);
	border:1px solid var(--c-grey-90);
	background:var(--c-grey-98)
}

#product div.prd-relations a.prd-img,
#product div.prd-recent a.prd-img{
	display:block;
	overflow:hidden;
	background:var(--c-white)
}
#product div.prd-relations a.prd-img img,
#product div.prd-recent a.prd-img img{height:auto;float:left}

#product div.prd-relations div.prd-data,
#product div.prd-recent div.prd-data{
	display:flex;
	flex-flow:column wrap;
	justify-content:flex-end;
	align-items:center;
	padding:1.2vw 1.5vw;
	border-top:1px solid var(--c-grey-93)
}
#product div.prd-relations div.prd-data h4,
#product div.prd-relations div.prd-data h5,
#product div.prd-relations div.prd-data p,
#product div.prd-recent div.prd-data h4,
#product div.prd-recent div.prd-data h5,
#product div.prd-recent div.prd-data p{
	line-height:110%;
	text-transform:uppercase;
	text-align:center
}
#product div.prd-relations div.prd-data h4,
#product div.prd-relations div.prd-data h5,
#product div.prd-recent div.prd-data h4,
#product div.prd-recent div.prd-data h5{font-family:var(--titles-font);font-weight:var(--w-black)}
#product div.prd-relations div.prd-data h4,
#product div.prd-relations div.prd-data p.brn,
#product div.prd-relations div.prd-data img,
#product div.prd-recent div.prd-data h4,
#product div.prd-recent div.prd-data p.brn,
#product div.prd-recent div.prd-data img{margin-bottom:0.2vw}
#product div.prd-relations div.prd-data h4,
#product div.prd-recent div.prd-data h4{
	height:1vw * 110% * 2;
	font-size:1vw;
	color:var(--c-blue);
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis
}
#product div.prd-relations div.prd-data h4 a,
#product div.prd-recent div.prd-data h4 a{color:var(--c-blue)}
#product div.prd-relations div.prd-data h4 a:hover,
#product div.prd-recent div.prd-data h4 a:hover{color:var(--c-grey-25)}
#product div.prd-relations div.prd-data h5,
#product div.prd-recent div.prd-data h5{font-size:0.85vw;color:var(--c-grey-25)}
#product div.prd-relations div.prd-data p.brn,
#product div.prd-recent div.prd-data p.brn{
	font-size:0.7vw;
	font-weight:var(--w-extrabold);
	color:var(--c-grey-55)
}
#product div.prd-relations div.prd-data p.cat,
#product div.prd-recent div.prd-data p.cat{
	font-size:0.6vw;
	font-weight:var(--w-bold);
	color:var(--c-grey-65)
}
#product div.prd-relations div.prd-data img,
#product div.prd-recent div.prd-data img{width:50%;height:auto}
#product div.prd-relations div.prd-data div.sep,
#product div.prd-recent div.prd-data div.sep{
	width:70px;
	height:2px;
	margin:0.7vw 0 0.8vw 0;
	background:var(--c-blue)
}

/*RESPONSIVITY*/
@media only screen and (min-width:320px) and (max-width:1024px) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs{margin-top:8px}
	#container div.prd-breadcrumbs div.goback,
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{
		border-top-width:4px;
		border-right-width:8px; 
		border-bottom-width:4px
	}
	#container div.prd-breadcrumbs div.goback{margin-left:6px}
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{top:-4px}
	#container div.prd-breadcrumbs div.goback:before{left:-6px}
	#container div.prd-breadcrumbs div.goback:after{left:6px}
	#container div.prd-breadcrumbs ul{grid-gap:0 4px;margin-left:14px}
	#container div.prd-breadcrumbs li{line-height:6px;padding-right:9px}
	#container div.prd-breadcrumbs li:after{top:0}

	/*containers*/
	#product div.prd-side{width:39%}
	#product div.prd-data{width:calc(61% - var(--main-spacing))}

	/*images*/
	#product div.prd-images div.gallery-top{margin-bottom:12px}
	#product div.prd-images div.gallery-thumbs{width:calc((84px * 2) + 12px)}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 12px}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:84px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:11px;
		height:18px!important;
		margin-top:-9px
	}
	#product div.prd-images .swiper-button-prev{left:8px}
	#product div.prd-images .swiper-button-next{right:8px}
	#product div.prd-images span.promo{top:12px;left:12px}

	/*links*/
	#product div.prd-links{width:calc(100% - 192px);grid-gap:12px 0}
	#product div.prd-links a{
		height:36px;
		font-size:var(--fnt-base);
		grid-gap:0 8px
	}
	#product div.prd-links a span{width:36px;height:36px}

	/*product data*/
	#product div.prd-title{grid-gap:0 8px}
	#product div.prd-title h1{margin-bottom:5px}
	#product div.prd-title h2{width:calc(100% - (8px + var(--ico-size-7)))}

	/*product extras*/
	#product div.prd-extras{width:220px;grid-gap:6px 0}
	#product div.prd-extras > div{padding:calc(var(--cnt-margin-1) * 1.5)}
	#product div.prd-extras p.prd-brand img{width:85%}
	#product div.prd-extras p.prd-availability a{margin-right:6px}
	#product div.prd-extras p.prd-availability span{font-size:1.35em}
	#product div.prd-extras p.prd-price.net-prc span{font-size:1.35em}
	#product div.prd-extras p.prd-iva{padding-top:calc(var(--cnt-margin-1) / 2)}
	#product div.prd-extras div.qty-btn-cart input{height:42px;line-height:42px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus,
	#product div.prd-extras div.qty-btn-cart div.btn-plus{width:42px;height:42px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus span,
	#product div.prd-extras div.qty-btn-cart div.btn-plus span{
		width:12px;
		top:19px;
		left:15px
	}
	#product div.prd-extras div.qty-btn-cart div.btn-plus span:after{
		height:12px;
		top:-4px;
		left:4px
	}
	#product div.prd-extras div.qty-btn-cart a{
		height:60px;
		font-size:var(--fnt-bigger-1);
		grid-gap:0 8px;
		padding:13px 15px
	}
	#product div.prd-extras div.qty-btn-cart a:hover{background-position:20px center;background-size:auto calc(100% - 26px)}
	#product div.prd-extras div.prd-agent a{height:32px;grid-gap:0 8px}

	/*certifications*/
	#product div.prd-certifications h3{padding:11px 0}
	#product div.prd-certifications li{padding:9px 0}
	#product div.prd-certifications li a{grid-gap:0 8px}
	#product div.prd-certifications li a img{height:20px}

	/*product attributes*/
	#product div.prd-details{width:calc(100% - (220px + var(--main-spacing)))}
	#product div.prd-details h4{margin-bottom:8px}
	#product div.prd-details ul li{padding:9px 0}
	#product div.prd-details ul.top li{width:100%}
	#product div.prd-details ul.top li:nth-of-type(odd){padding-right:0}
	#product div.prd-details ul.top li:nth-of-type(even){padding-left:0}
	#product div.prd-details div.prd-attr-list p{margin-bottom:9px}

	/*relations*/
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next,
	#product div.prd-recent .swiper-button-prev, 
	#product div.prd-recent .swiper-button-next{height:26px;margin-top:-13px}
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:3.5vw}
	#product div.prd-relations > div.sep,
	#product div.prd-recent > div.sep{
		width:11%;
		height:3px;
		margin:2.4vw auto
	}
	#product div.prd-relations > div.sep:after,
	#product div.prd-recent > div.sep:after{
		width:3px;
		height:9px;
		left:calc(50% - (3px / 2))
	}
	#product div.prd-relations div.prd-itm,
	#product div.prd-recent div.prd-itm{width:25%!important;padding:1px 0.9vw}
	#product div.prd-relations div.prd-data,
	#product div.prd-recent div.prd-data{padding:1.5vw 1.7vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data h4,
	#product div.prd-recent div.prd-data p.brn,
	#product div.prd-recent div.prd-data img{margin-bottom:0.4vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:1.35vw * 110% * 2;font-size:1.35vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:1.2vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:1.05vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:0.95vw}
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data img{width:55%}
	#product div.prd-relations div.prd-data div.sep,
	#product div.prd-recent div.prd-data div.sep{width:50px;margin:1vw 0 1.15vw 0}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs{margin-top:8px}
	#container div.prd-breadcrumbs div.goback,
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{
		border-top-width:4px;
		border-right-width:8px; 
		border-bottom-width:4px
	}
	#container div.prd-breadcrumbs div.goback{margin-left:6px}
	#container div.prd-breadcrumbs div.goback:before,
	#container div.prd-breadcrumbs div.goback:after{top:-4px}
	#container div.prd-breadcrumbs div.goback:before{left:-6px}
	#container div.prd-breadcrumbs div.goback:after{left:6px}
	
	#container div.prd-breadcrumbs ul{grid-gap:0 4px;margin-left:14px}
	#container div.prd-breadcrumbs li{line-height:6px;padding-right:9px}
	#container div.prd-breadcrumbs li:after{top:0}
	#container div.prd-breadcrumbs li:after{
		top:0;
		border-top-width:3px;
		border-left-width:5px; 
		border-bottom-width:3px
	}

	/*containers*/
	#product div.prd-side{width:39%}
	#product div.prd-data{width:calc(61% - var(--main-spacing))}

	/*images*/
	#product div.prd-images div.gallery-top{margin-bottom:12px}
	#product div.prd-images div.gallery-thumbs{width:calc((84px * 2) + 12px)}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 12px}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:84px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:11px;
		height:18px!important;
		margin-top:-9px
	}
	#product div.prd-images .swiper-button-prev{left:8px}
	#product div.prd-images .swiper-button-next{right:8px}
	#product div.prd-images span.promo{top:12px;left:12px}

	/*links*/
	#product div.prd-links{width:calc(100% - 192px);grid-gap:12px 0}
	#product div.prd-links a{
		height:36px;
		font-size:var(--fnt-base);
		grid-gap:0 8px
	}
	#product div.prd-links a span{width:36px;height:36px}

	/*product data*/
	#product div.prd-title{grid-gap:0 8px}
	#product div.prd-title h1{margin-bottom:5px}
	#product div.prd-title h2{width:calc(100% - (8px + var(--ico-size-7)))}

	/*product extras*/
	#product div.prd-extras{width:220px;grid-gap:6px 0}
	#product div.prd-extras > div{padding:calc(var(--cnt-margin-1) * 1.5)}
	#product div.prd-extras p.prd-brand img{width:85%}
	#product div.prd-extras p.prd-availability a{margin-right:6px}
	#product div.prd-extras p.prd-availability span{font-size:1.35em}
	#product div.prd-extras p.prd-price.net-prc span{font-size:1.35em}
	#product div.prd-extras p.prd-iva{padding-top:calc(var(--cnt-margin-1) / 2)}
	#product div.prd-extras div.qty-btn-cart input{height:42px;line-height:42px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus,
	#product div.prd-extras div.qty-btn-cart div.btn-plus{width:42px;height:42px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus span,
	#product div.prd-extras div.qty-btn-cart div.btn-plus span{
		width:12px;
		top:19px;
		left:15px
	}
	#product div.prd-extras div.qty-btn-cart div.btn-plus span:after{
		height:12px;
		top:-4px;
		left:4px
	}
	#product div.prd-extras div.qty-btn-cart a{
		height:60px;
		font-size:var(--fnt-bigger-1);
		grid-gap:0 8px;
		padding:13px 15px
	}
	#product div.prd-extras div.qty-btn-cart a:hover{background-position:20px center;background-size:auto calc(100% - 26px)}
	#product div.prd-extras div.prd-agent a{height:32px;grid-gap:0 8px}

	/*certifications*/
	#product div.prd-certifications h3{padding:11px 0}
	#product div.prd-certifications li{padding:9px 0}
	#product div.prd-certifications li a{grid-gap:0 8px}
	#product div.prd-certifications li a img{height:20px}

	/*product attributes*/
	#product div.prd-details{width:calc(100% - (220px + var(--main-spacing)))}
	#product div.prd-details h4{margin-bottom:8px}
	#product div.prd-details ul li{padding:9px 0}
	#product div.prd-details ul.top li{width:100%}
	#product div.prd-details ul.top li:nth-of-type(odd){padding-right:0}
	#product div.prd-details ul.top li:nth-of-type(even){padding-left:0}
	#product div.prd-details div.prd-attr-list p{margin-bottom:9px}

	/*relations*/
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next,
	#product div.prd-recent .swiper-button-prev, 
	#product div.prd-recent .swiper-button-next{height:26px;margin-top:-13px}
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:3.5vw}
	#product div.prd-relations > div.sep,
	#product div.prd-recent > div.sep{
		width:11%;
		height:3px;
		margin:2.4vw auto
	}
	#product div.prd-relations > div.sep:after,
	#product div.prd-recent > div.sep:after{
		width:3px;
		height:9px;
		left:calc(50% - (3px / 2))
	}
	#product div.prd-relations div.prd-itm,
	#product div.prd-recent div.prd-itm{width:25%!important;padding:1px 0.9vw}
	#product div.prd-relations div.prd-data,
	#product div.prd-recent div.prd-data{padding:1.5vw 1.7vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data h4,
	#product div.prd-recent div.prd-data p.brn,
	#product div.prd-recent div.prd-data img{margin-bottom:0.4vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:1.35vw * 110% * 2;font-size:1.35vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:1.2vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:1.05vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:0.95vw}
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data img{width:55%}
	#product div.prd-relations div.prd-data div.sep,
	#product div.prd-recent div.prd-data div.sep{width:50px;margin:1vw 0 1.15vw 0}
}

@media only screen and (min-width:1281px) and (max-width:1500px) {
	/*containers*/
	#product div.prd-side{width:37%}
	#product div.prd-data{width:calc(63% - var(--main-spacing))}

	/*images*/
	#product div.prd-images div.gallery-top{margin-bottom:14px}
	#product div.prd-images div.gallery-thumbs{width:calc((90px * 2) + 14px)}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 14px}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:90px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:13px;
		height:22px!important;
		margin-top:-11px
	}
	#product div.prd-images .swiper-button-prev{left:8px}
	#product div.prd-images .swiper-button-next{right:8px}

	/*links*/
	#product div.prd-links{width:calc(100% - 208px);grid-gap:14px 0}
	#product div.prd-links a{
		height:38px;
		font-size:var(--fnt-base);
		grid-gap:0 8px
	}
	#product div.prd-links a span{width:38px;height:38px}

	/*product data*/
	#product div.prd-title{grid-gap:0 10px}
	#product div.prd-title h1{margin-bottom:6px}
	#product div.prd-title h2{width:calc(100% - (10px + var(--ico-size-7)))}

	/*product extras*/
	#product div.prd-extras{width:250px;grid-gap:6px 0}
	#product div.prd-extras > div{padding:calc(var(--cnt-margin-1) * 1.5)}
	#product div.prd-extras p.prd-brand img{width:85%}
	#product div.prd-extras p.prd-availability a{margin-right:7px}
	#product div.prd-extras p.prd-availability span{font-size:1.40em}
	#product div.prd-extras p.prd-price.net-prc span{font-size:1.40em}
	#product div.prd-extras div.qty-btn-cart input{height:44px;line-height:44px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus,
	#product div.prd-extras div.qty-btn-cart div.btn-plus{width:44px;height:44px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus span,
	#product div.prd-extras div.qty-btn-cart div.btn-plus span{
		width:12px;
		top:20px;
		left:16px
	}
	#product div.prd-extras div.qty-btn-cart div.btn-plus span:after{
		height:12px;
		top:-4px;
		left:4px
	}
	#product div.prd-extras div.qty-btn-cart a{
		height:64px;
		font-size:var(--fnt-bigger-1);
		grid-gap:0 10px;
		padding:14px 18px
	}
	#product div.prd-extras div.qty-btn-cart a:hover{background-size:auto calc(100% - 28px)}
	#product div.prd-extras div.prd-agent a{height:36px}

	/*certifications*/
	#product div.prd-certifications h3{padding:11px 0}
	#product div.prd-certifications li{padding:9px 0}
	#product div.prd-certifications li a{grid-gap:0 8px}
	#product div.prd-certifications li a img{height:22px}

	/*product attributes*/
	#product div.prd-details{width:calc(100% - (250px + var(--main-spacing)))}
	#product div.prd-details h4{margin-bottom:9px}
	#product div.prd-details ul li{grid-gap:0 7px;padding:9px 0}
	#product div.prd-details div.prd-attr-list p{margin-bottom:9px}

	/*relations*/
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next,
	#product div.prd-recent .swiper-button-prev, 
	#product div.prd-recent .swiper-button-next{height:28px;margin-top:-14px}
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:3.4vw}
	#product div.prd-relations > div.sep,
	#product div.prd-recent > div.sep{height:3px;margin:2.2vw auto}
	#product div.prd-relations > div.sep:after,
	#product div.prd-recent > div.sep:after{
		width:3px;
		height:9px;
		left:calc(50% - (3px / 2))
	}
	#product div.prd-relations div.prd-itm,
	#product div.prd-recent div.prd-itm{width:25%!important;padding:1px 1vw}
	#product div.prd-relations div.prd-data,
	#product div.prd-recent div.prd-data{padding:1.3vw 1.6vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data h4,
	#product div.prd-recent div.prd-data p.brn,
	#product div.prd-recent div.prd-data img{margin-bottom:0.35vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:1.25vw * 110% * 2;font-size:1.25vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:1.1vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:0.95vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:0.85vw}
	#product div.prd-relations div.prd-data div.sep,
	#product div.prd-recent div.prd-data div.sep{width:60px;margin:0.9vw 0 1.05vw 0}
}

@media only screen and (min-width:1501px) and (max-width:1950px) {

	/*containers*/
	#product div.prd-side{width:35%}
	#product div.prd-data{width:calc(65% - var(--main-spacing))}

	/*images*/
	#product div.prd-images div.gallery-top{margin-bottom:16px}
	#product div.prd-images div.gallery-thumbs{width:calc((100px * 2) + 16px)}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 16px}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:100px!important}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:13px;
		height:22px!important;
		margin-top:-11px
	}

	/*links*/
	#product div.prd-links{width:calc(100% - 232px);grid-gap:16px 0}
	#product div.prd-links a{height:42px;grid-gap:0 8px}
	#product div.prd-links a span{width:42px;height:42px}

	/*product extras*/
	#product div.prd-extras{width:280px;grid-gap:6px 0}
	#product div.prd-extras p.prd-availability a{margin-right:8px}
	#product div.prd-extras div.qty-btn-cart input{height:46px;line-height:46px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus,
	#product div.prd-extras div.qty-btn-cart div.btn-plus{width:46px;height:46px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus span,
	#product div.prd-extras div.qty-btn-cart div.btn-plus span{top:21px;left:16px}
	#product div.prd-extras div.qty-btn-cart a{
		height:66px;
		grid-gap:0 10px;
		padding:14px 18px
	}
	#product div.prd-extras div.qty-btn-cart a:hover{background-size:auto calc(100% - 28px)}
	#product div.prd-extras div.prd-agent a{height:38px}

	/*certifications*/
	#product div.prd-certifications h3{padding:11px 0}
	#product div.prd-certifications li{padding:9px 0}
	#product div.prd-certifications li a img{height:22px}

	/*product attributes*/
	#product div.prd-details{width:calc(100% - (280px + var(--main-spacing)))}
	#product div.prd-details h4{margin-bottom:9px}

	/*relations*/
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next,
	#product div.prd-recent .swiper-button-prev, 
	#product div.prd-recent .swiper-button-next{height:28px;margin-top:-14px}
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:3.3vw}
	#product div.prd-relations div.prd-itm,
	#product div.prd-recent div.prd-itm{padding:1px 0.7vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data h4,
	#product div.prd-recent div.prd-data p.brn,
	#product div.prd-recent div.prd-data img{margin-bottom:0.3vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:1.1vw * 110% * 2;font-size:1.1vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:0.95vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:0.8vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:0.7vw}
	#product div.prd-relations div.prd-data div.sep,
	#product div.prd-recent div.prd-data div.sep{width:60px;margin:0.8vw 0 0.9vw 0}
}

/*TABLET*/
@media only screen and (min-device-width:744px) and (max-device-width:1024px) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs ul{margin-left:12px}

	/*images*/
	#product div.prd-images div.gallery-top{margin-bottom:10px}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 10px}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:10px;
		height:16px!important;
		margin-top:-8px
	}
	#product div.prd-images span.promo{
		top:10px;
		left:10px;
		padding:4px 8px
	}

	/*links*/
	#product div.prd-links{grid-gap:10px 0}
	
	/*certifications*/
	#product div.prd-certifications li a{grid-gap:0 7px}
	#product div.prd-certifications li a img{height:18px}

	/*product extras*/
	#product div.prd-extras{grid-gap:5px 0}
	#product div.prd-extras div.prd-prologue p{font-size:var(--fnt-base)}
	#product div.prd-extras div.prd-agent a{height:30px}

	/*product attributes*/
	#product div.prd-details h4{margin-bottom:7px}
	#product div.prd-details div.prd-attr-list p{margin-bottom:7px}

	/*relations*/
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next,
	#product div.prd-recent .swiper-button-prev, 
	#product div.prd-recent .swiper-button-next{height:24px;margin-top:-12px}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:portrait) {
	/*containers*/
	#product div.prd-side,
	#product div.prd-data{width:100%}
	#product div.prd-side,
	#product div.prd-images{display:flex;grid-gap:var(--main-spacing)}
	#product div.prd-side{flex-flow:row wrap;align-items:flex-start}
	#product div.prd-images{width:calc(63% - (var(--main-spacing) / 2))}
	#product div.prd-links,
	#product div.prd-icons{width:calc(37% - (var(--main-spacing) / 2));top:0!important}

	/*images*/
	#product div.prd-images{
		flex-flow:row nowrap;
		justify-content:flex-start;
		align-items:flex-start;
		align-content:flex-start
	}
	#product div.prd-images div.gallery-top{
		width:calc(67.175% - (var(--main-spacing) / 2))!important;
		overflow:hidden!important;
		margin-bottom:0
	}
	#product div.prd-images div.gallery-thumbs{width:calc(32.825% - (var(--main-spacing) / 2))!important;position:static}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{flex-flow:column wrap!important;grid-gap:var(--main-spacing) 0}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:100%!important}

	/*links*/
	#product div.prd-links a{
		height:40px;
		font-size:var(--fnt-bigger-1);
		grid-gap:0 10px
	}
	#product div.prd-links a span{width:40px;height:40px}

	/*product extras*/
	#product div.prd-extras{width:200px}
	#product div.prd-extras div.qty-btn-cart input{height:38px;line-height:38px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus,
	#product div.prd-extras div.qty-btn-cart div.btn-plus{width:38px;height:38px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus span,
	#product div.prd-extras div.qty-btn-cart div.btn-plus span{top:17px;left:13px}
	#product div.prd-extras div.qty-btn-cart a{
		height:56px;
		font-size:var(--fnt-base);
		padding:12px 15px
	}
	#product div.prd-extras div.qty-btn-cart a:hover{background-size:auto calc(100% - 24px)}

	/*product attributes*/
	#product div.prd-details{width:calc(100% - (200px + var(--main-spacing)))}
	#product div.prd-details ul.top li{width:50%}
	#product div.prd-details ul.top li:nth-of-type(odd){padding-right:calc(var(--cnt-margin-1) / 2)}
	#product div.prd-details ul.top li:nth-of-type(even){padding-left:calc(var(--cnt-margin-1) / 2)}

	/*relations*/
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:4.4vw}
	#product div.prd-relations > div.sep,
	#product div.prd-recent > div.sep{width:16%;margin:2.8vw auto}
	#product div.prd-relations div.prd-itm,
	#product div.prd-recent div.prd-itm{width:33.33%!important;padding:1px 1.2vw}
	#product div.prd-relations div.prd-data,
	#product div.prd-recent div.prd-data{padding:2vw 2.2vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data h4,
	#product div.prd-recent div.prd-data p.brn,
	#product div.prd-recent div.prd-data img{margin-bottom:0.6vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:1.8vw * 110% * 2;font-size:1.8vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:1.6vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:1.4vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:1.3vw}
	#product div.prd-relations div.prd-data div.sep,
	#product div.prd-relations div.prd-data div.sep{width:3vw;margin:1.4vw 0 1.5vw 0}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:landscape) {
	/*containers*/
	#product div.prd-side{width:37%}
	#product div.prd-data{width:calc(63% - var(--main-spacing))}

	/*images*/
	#product div.prd-images div.gallery-thumbs{width:calc((76px * 2) + 10px)}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:76px!important}

	/*links*/
	#product div.prd-links{width:calc(100% - 172px)}
	#product div.prd-links a{height:33px;grid-gap:0 8px}
	#product div.prd-links a span{width:33px;height:33px}

	/*product extras*/
	#product div.prd-extras{width:210px}

	/*product attributes*/
	#product div.prd-details{width:calc(100% - (210px + var(--main-spacing)))}

	/*relations*/
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:3.55vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:1.4vw * 110% * 2;font-size:1.4vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:1.25vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:1.1vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:1vw}
}

/*SMARTPHONE*/
@media only screen and (min-device-width:320px) and (max-device-width:743px) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs ul{margin-left:12px}

	/*containers*/
	#product div.prd-side,
	#product div.prd-data{width:100%}

	/*images*/
	#product div.prd-images div.gallery-top{margin-bottom:10px}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{grid-gap:0 10px}
	#product div.prd-images .swiper-button-prev,
	#product div.prd-images .swiper-button-next{
		width:10px;
		height:16px!important;
		margin-top:-8px
	}
	#product div.prd-images span.promo{
		top:10px;
		left:10px;
		padding:4px 8px
	}

	/*links*/
	#product div.prd-links{grid-gap:10px 0}

	/*product data*/
	#product div.prd-title h2{line-height:110%}

	/*product extras*/
	#product div.prd-extras{grid-gap:5px 0}
	#product div.prd-extras div.qty-btn-cart a{font-size:var(--fnt-base)}
	
	/*certifications*/
	#product div.prd-certifications h3{padding:10px 0}
	#product div.prd-certifications li{padding:8px 0}
	#product div.prd-certifications li a{grid-gap:0 6px}
	#product div.prd-certifications li a img{height:16px}

	/*product attributes*/
	#product div.prd-details h4{margin-bottom:6px}
	#product div.prd-details div.prd-attr-list p{margin-bottom:6px}

	/*relations*/
	#product div.prd-relations .swiper-button-prev, 
	#product div.prd-relations .swiper-button-next,
	#product div.prd-recent .swiper-button-prev, 
	#product div.prd-recent .swiper-button-next{height:16px;margin-top:-8px}
	#product div.prd-relations > div.sep,
	#product div.prd-recent > div.sep{height:2px}
	#product div.prd-relations > div.sep:after,
	#product div.prd-recent > div.sep:after{
		width:2px;
		height:8px;
		left:calc(50% - 1px)
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (max-aspect-ratio:13/9) {
	/*breadcrumbs*/
	#container div.prd-breadcrumbs ul{flex-flow:row wrap;grid-gap:2px 4px}
	#container div.prd-breadcrumbs li:after{
		top:2px;
		border-top-width:2px;
		border-left-width:4px; 
		border-bottom-width:2px
	}

	/*images*/
	#product div.prd-images div.gallery-thumbs{width:calc((76px * 2) + 10px)}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:76px!important}

	/*links*/
	#product div.prd-links{width:calc(100% - 172px)}
	#product div.prd-links a{height:33px;grid-gap:0 8px}
	#product div.prd-links a span{width:33px;height:33px}

	/*product extras*/
	#product div.prd-extras{width:100%;margin-bottom:var(--main-spacing)}
	#product div.prd-extras > div{position:relative}
	#product div.prd-extras div.prd-intro{display:flex;flex-flow:row wrap}
	#product div.prd-extras p{box-sizing:border-box}
	#product div.prd-extras p.prd-code,
	#product div.prd-extras p.prd-availability{width:50%}
	#product div.prd-extras p.prd-code{order:1;padding-right:calc(var(--main-spacing) / 2)}
	#product div.prd-extras p.prd-brand{order:3;padding:calc(var(--cnt-margin-1) * 2) 0}
	#product div.prd-extras p.prd-brand img{width:50%}
	#product div.prd-extras p.prd-availability{
		order:2;
		padding-left:calc(var(--main-spacing) / 2);
		border-top:1px solid var(--c-grey-85)
	}
	#product div.prd-extras div.prd-prologue{order:4}
	#product div.prd-extras p.prd-availability a{margin-right:5px}
	#product div.prd-extras p.prd-price,
	#product div.prd-extras p.prd-iva{width:calc(55% - ((var(--cnt-margin-1) * 1.5) / 2))}
	#product div.prd-extras div.qty-btn-cart,
	#product div.prd-extras div.prd-agent{width:calc(45% - (var(--cnt-margin-1) * 1.5) - ((var(--cnt-margin-1) * 1.5) / 2))}
	#product div.prd-extras p.prd-price{padding:12px 0}
	#product div.prd-extras p.prd-iva{margin-bottom:0}
	#product div.prd-extras div.qty-btn-cart,
	#product div.prd-extras div.prd-agent{
		position:absolute;
		top:calc(var(--cnt-margin-1) * 1.5);
		right:calc(var(--cnt-margin-1) * 1.5)
	}
	#product div.prd-extras div.qty-btn-cart input{
		height:34px;
		line-height:34px;
		margin-bottom:8px
	}
	#product div.prd-extras div.qty-btn-cart div.btn-minus,
	#product div.prd-extras div.qty-btn-cart div.btn-plus{width:34px;height:34px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus span,
	#product div.prd-extras div.qty-btn-cart div.btn-plus span{
		width:8px;
		height:2px;
		top:16px;
		left:13px
	}
	#product div.prd-extras div.qty-btn-cart div.btn-plus span:after{
		width:2px;
		height:8px;
		top:-3px;
		left:3px
	}
	#product div.prd-extras div.qty-btn-cart a{
		height:40px;
		align-items:center;
		padding:9px 15px
	}
	#product div.prd-extras div.qty-btn-cart a:hover{background-size:auto calc(100% - 18px)}
	#product div.prd-extras div.prd-agent a{height:32px}

	/*product attributes*/
	#product div.prd-details{width:100%}

	/*relations*/
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:5.4vw}
	#product div.prd-relations > div.sep,
	#product div.prd-recent > div.sep{width:20%;margin:2.9vw auto}
	#product div.prd-relations div.prd-itm,
	#product div.prd-recent div.prd-itm{width:50%!important;padding:1px 1.8vw}
	#product div.prd-relations div.prd-data,
	#product div.prd-recent div.prd-data{padding:2.4vw 2.6vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data h4,
	#product div.prd-recent div.prd-data p.brn,
	#product div.prd-recent div.prd-data img{margin-bottom:0.8vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:2.5vw * 110% * 2;font-size:2.5vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:2.1vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:1.9vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:1.7vw}
	#product div.prd-relations div.prd-data div.sep,
	#product div.prd-recent div.prd-data div.sep{width:6vw;margin:2vw 0 2.3vw 0}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (min-aspect-ratio:13/9) {
	/*containers*/
	#product div.prd-side,
	#product div.prd-images{display:flex;grid-gap:var(--main-spacing)}
	#product div.prd-side{flex-flow:row wrap;align-items:flex-start}
	#product div.prd-images{width:calc(65% - (var(--main-spacing) / 2))}
	#product div.prd-links,
	#product div.prd-icons{width:calc(35% - (var(--main-spacing) / 2));top:0!important}

	/*images*/
	#product div.prd-images{
		flex-flow:row nowrap;
		justify-content:flex-start;
		align-items:flex-start
	}
	#product div.prd-images div.gallery-top{
		width:calc(67.175% - (var(--main-spacing) / 2))!important;
		overflow:hidden!important;
		margin-bottom:0
	}
	#product div.prd-images div.gallery-thumbs{width:calc(32.825% - (var(--main-spacing) / 2))!important;position:static}
	#product div.prd-images div.gallery-thumbs div.swiper-wrapper{flex-flow:column wrap!important;grid-gap:var(--main-spacing) 0}
	#product div.prd-images div.gallery-thumbs div.swiper-slide{width:100%!important}

	/*links*/
	#product div.prd-links{height:auto;top:0!important}
	#product div.prd-links a{
		height:40px;
		font-size:var(--fnt-bigger-1);
		grid-gap:0 10px
	}
	#product div.prd-links a span{width:40px;height:40px}

	/*product extras*/
	#product div.prd-extras{width:200px}
	#product div.prd-extras div.prd-prologue p{font-size:var(--fnt-base)}
	#product div.prd-extras div.qty-btn-cart input{height:38px;line-height:38px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus,
	#product div.prd-extras div.qty-btn-cart div.btn-plus{width:38px;height:38px}
	#product div.prd-extras div.qty-btn-cart div.btn-minus span,
	#product div.prd-extras div.qty-btn-cart div.btn-plus span{top:17px;left:13px}
	#product div.prd-extras div.qty-btn-cart a{height:54px;padding:12px 15px}
	#product div.prd-extras div.qty-btn-cart a:hover{background-size:auto calc(100% - 24px)}
	#product div.prd-extras div.prd-agent a{height:34px}

	/*product attributes*/
	#product div.prd-details{width:calc(100% - (200px + var(--main-spacing)))}

	/*relations*/
	#product div.prd-relations h3,
	#product div.prd-recent h3{font-size:4.5vw}
	#product div.prd-relations > div.sep,
	#product div.prd-recent > div.sep{width:16%;margin:2.9vw auto}
	#product div.prd-relations div.prd-itm,
	#product div.prd-recent div.prd-itm{width:33.33%!important;padding:1px 1.3vw}
	#product div.prd-relations div.prd-data,
	#product div.prd-recent div.prd-data{padding:2vw 2.2vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-relations div.prd-data img,
	#product div.prd-recent div.prd-data h4,
	#product div.prd-recent div.prd-data p.brn,
	#product div.prd-recent div.prd-data img{margin-bottom:0.6vw}
	#product div.prd-relations div.prd-data h4,
	#product div.prd-recent div.prd-data h4{height:1.8vw * 110% * 2;font-size:1.8vw}
	#product div.prd-relations div.prd-data h5,
	#product div.prd-recent div.prd-data h5{font-size:1.6vw}
	#product div.prd-relations div.prd-data p.brn,
	#product div.prd-recent div.prd-data p.brn{font-size:1.4vw}
	#product div.prd-relations div.prd-data p.cat,
	#product div.prd-recent div.prd-data p.cat{font-size:1.3vw}
	#product div.prd-relations div.prd-data div.sep,
	#product div.prd-recent div.prd-data div.sep{width:3vw;margin:1.4vw 0 1.5vw 0}
}