<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*GENERIC*/
HTML {
}

BODY {
    padding: 0px;
    /* overflow-y: scroll; */
    overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7{
    font-weight: 300;
}
@media screen and (max-width:767px) {
	H1 {
		margin: 0px !important;
	}

	.cta a {
		width: 100% !important;
	}


	.topRight {
		top: 10px !important;
	}
}


H1 {
	display: inline-block;
	width: 100%;
	margin-top: 40px;
	font-weight: 800;
	font-size: 25px;
	text-transform: uppercase;
}
@media screen and (max-width:767px) {
	H2 {
		font-size:18px !important;
	}
	.central-content .row {
		margin: 0px !important;
	}
}
H2{
	font-size: 25px;
	margin: 0px;
	margin-bottom: 10px;
}
.back a{
	text-decoration:underline;
	color: black;
}
.back a:hover,
.back a:focus,
.back a:active {
	text-decoration:underline;
	color: rgb(224, 0, 37);
}
a {
	color: #333;
}
a:hover{
    text-decoration: none;
    color: #000;
}
.hidden {
    visibility: hidden;
    display: none;
}
/*GENERIC*/

/*HEADER*/
header video {
	width: 100%;
	display: block;
	margin: 0px auto !important;
}

header .navbar {
    margin: 0px;
    border-radius: 0px;
}
    header .navbar ul a{
        color: #444 !important;
        font-weight: 800;
        font-size: 14px;
        text-transform: uppercase;
        padding-left: 20px;
        padding-right: 20px;
    }
    header .navbar ul a:hover,
    header .navbar ul li.active a {
        color: #f00 !important;
    }
    header .navbar ul ul a,
    header .navbar ul ul a:hover,
    header .bfh-selectbox-options ul a:hover {
        color: #000;
    }

    .nav&gt;li&gt;a:hover, .nav&gt;li&gt;a:focus {
    	background: none;
    }

.languages {
	padding: 0px 0px 0px 0px;
    position: absolute;
    top: 30px !important;
    right: -45px;
    width: 100px;
    height: 0px;
    overflow: hidden;
    transition: 0.5s;
}

.languages.showed {
	height: 110px;
}

.languages a {
	display: block !important;
	margin: 0px !important;
    background: #EFEFEF;
    text-align: center !important;
    padding: 5px !important;
    color: #999 !important;
    font-size: 14px;
    line-height: 20px !important;
}

.languages a.active {
	color: #000 !important;
}

.languages a:hover,
.languages a:focus,
.languages a:active {
	background: #e00025;
	color: #FFF !important;
}
	
.dropdown-menu&gt;li&gt;a:hover,
.dropdown-menu&gt;li&gt;a:focus,
.dropdown-menu&gt;li&gt;a:active {
	color:#f00 !important;
}

.languages,
.languages a
{
    color: #ccc;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
}
.languages a {
	border: 1px solid #FFF;
	display: inline-block;
	padding: 0px;
	line-height: 0px;
}
.languages a img {
	height: 18px;
}
.languages a.active
{
    color: #fff;
}
	

/*CAROUSEL*/
.carousel {
    border-bottom: 1px solid;
    height: 350px;
}
.carousel .carousel-inner,
.carousel .carousel-inner .item,
.carousel .carousel-inner .item img {
    height: 100%;
}
.homeCarouselMobile .carousel .carousel-inner,
.homeCarouselMobile .carousel .carousel-inner .item,
.homeCarouselMobile .carousel .carousel-inner .item img {
    height: auto;
}
.thumbnail &gt; img, .thumbnail a &gt; img, .carousel-inner &gt; .item &gt; img, .carousel-inner &gt; .item &gt; a &gt; img
{
    width: 100%;
}
@media screen and (max-width:767px) {
	.carousel-indicators li {
		height:11px !important;
		width:27px !important;
		background-size: 100% 100% !important;
	}
	.carousel-indicators li:active {
		height:11px !important;
		width:27px !important;
	}
}
.carousel-indicators li{
    background: url("../images/carousel/Fiamma_bianca.png") no-repeat;
    width: 50px;
    height: 25px;
    cursor: pointer;
    border: none;
}
.carousel-indicators li.active{
    background: url("../images/carousel/Fiamma_rossa.png") no-repeat;
    width: 50px;
    height: 25px;
    cursor: pointer;
    border: none;
}
/*CAROUSEL*/

/*HEADER*/

/*FOOTER*/
footer {
  margin-top: 35px;
}

#homePage footer {
    margin-top: 15px;
}

footer &gt; div {
  padding-bottom: 15px;
  font-size: 13px;
}

footer * {
    color: #474747;
}

footer H3 {
  font-size: 16px;
  font-weight: bold;
}

footer A:hover{
  color: #C00;
}

footer .btn{
  margin-top: 10px;
}

footer hr {
  border-color: #555;
  margin: 10px 0px;
}
/*FOOTER*/

/*TABLE*/
TABLE.table THEAD TR {
  background: #EFEFEF;
  color: #333;
}

TABLE.table TFOOT TR {
  font-size: 12px;
  font-style: italic;
  color: #AAA;
}
/*TABLE*/

/*CAROUSEL*/
.carousel-inner &gt; .item &gt; img,
.carousel-inner &gt; .item &gt; a &gt; img {
  margin: 0px auto;
}

.carousel-inner &gt; .item {
  text-align: center;
}
/*CAROUSEL*/

/*GALLERY*/
.gallery {
    clear: both;
    margin: 20px -15px 30px -15px;
}

.gallery h2 {
	font-size: 18px;
}

.gallery &gt; div {
    padding-left: 0px;
}

.gallery a {
   float: left;
   border: 1px solid #CCC;
   padding: 5px;
}
.gallery a:hover {
	border-color: #C00;
}
.gallery a img{
	width: 100%;
}
/*GALLERY*/

/*OTHER*/
.navbar-brand{
  padding: 0px;
  margin: 0px !important;
  margin-top: -2px;
  margin-right: 50px !important;
}
.navbar-brand-print {
    display: none;
}

.bfh-languages A{
  background: transparent;
  color: #AAA;
  border: 0px;
  margin-top: 8px;
}

UL.solutionsLinks LI A,
A.newsLink {
    color: #000;
}

A.newsLink:hover {
	color: #db171f;
}

A.newsLink:hover .news-date,
A.newsLink:focus .news-date,
A.newsLink:active .news-date {
	background: #db171f;
}

A.newsLink:hover .news-title,
A.newsLink:focus .news-title,
A.newsLink:active .news-title {
	border-color: #db171f;
}

.nopadding {
    padding: 0px;
}

.norightpadding {
    padding-right: 0px;
}

.noleftpadding {
    padding-left: 0px;
}

.special .list-group-item:first-child {
   border-top-right-radius: 0px !important;
   border-top-left-radius: 0px !important;
}
@media screen and (max-width:767px) {
	.dropdown-menu {
		display:none !important;
	}
}
.navbar-nav .dropdown-menu {
	min-width: 100%;
}

.navbar-nav &gt; li &gt; .dropdown-menu &gt; li &gt; .dropdown-menu,
.navbar-nav &gt; li &gt; .dropdown-menu &gt; li &gt; .dropdown-menu &gt; li &gt; .dropdown-menu  {
	top: -3px;
	left: 95%;
}

.navbar-nav .active .dropdown-menu A {
	color: #000 !important;
}

.navbar-nav .dropdown-menu LI A {
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}

.navbar-nav .active .dropdown-menu LI.active &gt; A {
	color: #d50e0e !important;
}

.informativa {
    border-top: 1px solid #CCC; 
    padding-top: 20px;
    font-size: 9px;
}

.contentListContainer &gt; div &gt; div {
	padding: 0px;
}

.contentListContainer.container &gt; div.row &gt; div {
	padding: 0px 15px;
}

.contentListLink {
	display: block;
	background: #EEE;
	margin-bottom: 30px;
}

.contentListLinkTitle {
	padding: 5px 15px;
}

.contentListLink span {
	font-weight: bold;
	display: block;
}

/*ANIMATION WHEN IN VIEWPORT*/

.website .vpAnim {
	opacity: 0;
	-webkit-transform: translateX(-300px); 
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
    transition: 1s;
}

.website .contentListContainer &gt; div &gt; div.vpAnim:nth-child(even) {
	-webkit-transform: translateX(300px); 
    -moz-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
}

.website .vpAnim.animatedBox,
.website .contentListContainer &gt; div &gt; div.vpAnim.animatedBox:nth-child(even) {
	opacity: 1;
	-webkit-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.website .page-308 .historyValues &gt; div.vpAnim:last-child {
	-webkit-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transform: translateY(300px); 
    -moz-transform: translateY(300px);
    -o-transform: translateY(300px);
    transform: translateY(300px);
}

.website .page-308 .historyValues &gt; div.vpAnim.animatedBox:last-child {
	-webkit-transform: translateY(0px); 
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/*ANIMATION WHEN IN VIEWPORT*/
/*OTHER*/

/*FORMS*/
.form-control{
	margin: 2px 0px;
}

.navbar-collapse.nopadding,
.navbar-form.nopadding {
    padding: 10px 15px;
}

@media only screen and (min-width: 768px) {
    .navbar-collapse.nopadding,
    .navbar-form.nopadding {
        padding: 0px;
    }
}
/*FORMS*/

/*LEFT MENU*/
.leftMenu {
    display: none;
}

.leftMenu .title {
    text-shadow: 0 -1px 0 #3071a9;
	background-image: -webkit-linear-gradient(top,#428bca 0,#3278b3 100%);
	background-image: linear-gradient(to bottom,#428bca 0,#3278b3 100%);
	background-repeat: repeat-x;
	border-color: #3071a9;
	color: #FFF;
    padding: 8px 10px 8px 18px;
    font-weight: bold;
    margin: 0px;
}

.leftMenu .navbar-nav {
    margin: 0px;
}

.leftMenu .navbar-nav,
.leftMenu .navbar-nav &gt; li {
    float: none;
}

.leftMenu .navbar-nav &gt; li {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	/*padding: 0px;*/
}

.leftMenu .navbar-nav &gt; li.active {
	background: #EFEFEF;
}

.leftMenu .navbar-nav &gt; li A {
	padding: 10px 15px;
	color: #555;
}

.leftMenu .navbar-nav &gt; li.active A {
	color: #000;	
}

@media only screen and (min-width: 768px) {
    .leftMenu {
        display: block;
        padding-right: 15px !important;
    }

    .leftMenu .title {
        margin-top: 15px;
        padding: 8px 10px;
    }
}
/*LEFT MENU*/

/*SOCIAL ICONS*/

.website-link {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
}

.social-icons{
	margin: 8px;
    /* position: absolute; */
    /* right: 0; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
}
.background-white {
    background-color: #fff;
}
.social-icons a:first-child i, 
.fa-youtube-square {
    color: #e52d27;
    background: #FFF;
    line-height: 24px;
    width: 23px;
    border-radius: 10px;
    margin-right: 6px;
}
.social-icons a:last-child i,
footer .fa-linkedin-square {
    color: #0077b5;
    background: #FFF;
    line-height: 24px;
    width: 23px;
    border-radius: 10px;
}

footer .fa-youtube-square,
footer .fa-linkedin-square {
	width: 33px;
	height: 32px;
	position: relative;
}

footer .fa-youtube-square::before,
footer .fa-linkedin-square::before {
	position: absolute;
	top: -3px;
	left: 0px;
}

footer .fa-linkedin-square::before {
	top: 5px;
}


#social-bar .icon {
    color: white;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 128, 0.5);
    min-width: 20px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px !important;
}

#social-bar a {
    margin-right: 5px;
    padding: 5px; /* Increase hit rectangle for touch devices */
}

#social-bar a:first-child {
    padding-left: 0;
}

/* Set icon color related to the service */

#social-bar a span {
    margin-left: 5px;
}

#social-bar .icon-rss {
    background: #e5842f;
}

#social-bar .icon-facebook {
    background: #3B5998;
}

#social-bar .icon-twitter {
    background: #00ACED;
}

#social-bar .icon-google-plus {
    background: #E14107;
}

/* Don't underline icon etc. */
#social-bar a:hover {
    text-decoration: none;
}

#social-bar a:hover span {
    text-decoration: underline;
    color: #FFF; /* Match icon highlight color */
}

/* Animate mouse hover */
#social-bar a .icon {
    transition: background 0.5s;
}

#social-bar a:hover .icon {
    background: #333333;
    transition: background 0.5s;
}
/*SOCIAL ICONS*/



/*NEWS LIST*/

/**** LAYOUT ****/
.list-inline&gt;li {
    padding: 0 0px 0 0;
}
.container-pad {
    padding: 0px 0px;
}

/**** MODULE ****/
.bgc-fff {
    background-color: #EFEFEF;
    background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0, #FFFFFF),
	    color-stop(1, #EBEBEB)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%);
}
.box-shad {
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.brdr {
    border: 1px solid #ededed;
}
.brdr p {
    color: #333;
}
.media-body{
	min-height: 105px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* Font changes */
.fnt-smaller {
    font-size: .9em;
}
.fnt-lighter {
    color: #bbb;
}

/* Padding - Margins */
.pad-10 {
    padding: 10px!important;
}
.mrg-0 {
    margin: 0!important;
}
.btm-mrg-10 {
    margin-bottom: 10px!important;
}
.btm-mrg-20 {
    margin-bottom: 20px!important;
}

/* Color  */
.clr-535353 {
    color: #535353;
}

/*CMS*/
.cmsImgOnTheRight {
    float: right;
    padding: 0px;
}
.cmsImgOnTheRight IMG,
.cmsContentList &gt; DIV:first-child IMG {
    width: 100% !important;
    height: auto !important;
}

.cmsContentList {
	width: 700px;
}

.container .cmsContentList {
	width: auto;
}
/*CMS*/

.vpAnim {
	opacity: 0;
	-webkit-transform: translateX(-300px); 
    -moz-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    transform: translateX(-300px);
    transition: 1s;
}

.vpAnim.animatedBox {
	opacity: 1;
	-webkit-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

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

.centralContent {
	font-size:14px;
}

img#CAPTCHA {
	max-width:inherit;
	padding:10px 30px 5px 0px;
}

/**** MEDIA QUERIES ****/
@media only screen and (min-width: 641px) {
	.cmsImgOnTheRight {
        padding: 15px;
    }
    .centralContent.col-md-12 .cmsImgOnTheRight {
        padding-left: 40px;
    }
}

.carousel-inner .presentation-image {
	height:350px !important;
}

@media only screen and (max-width: 768px) {
	h1 {
		font-size: 35px;
	}

	.search-and-lang {
		display: none;
	}

	.navbar-brand img {
		height: 35px !important;
	}

	.main-menu .menu-container {
		transform: none !important;
	}

	.main-menu .main-menu-container .menu-logo a {
		height: auto !important;
		position: static !important;
		top: 0px !important;
		transform: none !important;
		margin-top: 7px !important;
	}

	.main-menu{
		height: auto !important;
		max-height: none !important;
		position: static !important;
		top: 0px !important;
	}

	.navbar-toggle {
		margin-right: 0px !important;
	}

	.icon-bar {
		background: #333;
	}

	.main-menu .main-menu-container .menu-voices &gt; ul {
		position: static !important;
	}

	.main-menu .main-menu-container .menu-container {
		position: static !important;
		top: 0px !important;
	}
	.carousel,
	.carousel .carousel-inner, 
	.carousel .carousel-inner .item, 
	.carousel .carousel-inner .item img,
	header .presentation-image {
		height: auto !important;
	}

	.carouselDiv {
		bottom: 3px !important;
		width: 100% !important;
		left: 0 !important;
		right:0 !important;
		margin-left:0px !important;
		height:30px !important;
		overflow-y:hidden !important;
	}

	.carousel-indicators {
		bottom: -15px;
		width: 100%;
		left:0%;
		display: table-cell;
	}

	.carousel-slide {
		display:block;
	}

	.section-title {
		font-size: 30px !important;
		line-height: 32px !important;
	}

	.product {
		margin-bottom: 40px;
	}

	.news-info {
		margin-bottom: 20px;
	}

	footer .footer-info {
		padding: 0px 15px;
	}

	.categories-slider .categories-title {
		font-size: 30px !important;
		padding: 5px 10px !important;
	}

	.categories-slider .categories-list-no-image {
		height: 50px !important;
	}

	.categories-slider .single-category a {
		font-size: 16px;
		background: #000;
		border-bottom: 1px solid rgba(255,255,255,0.2) !important;
		border-right: 1px solid rgba(255,255,255,0.2) !important;
	}

	.categories-slider .single-category.active a {
		background: #d50e0e;
	}

	.categories-slider .single-category {
		height: 52px !important;
	}

	.categories-slider .single-category img {
		max-height: 30px;
	}

	.formazione &gt; div {
		display: block !important;
	}

	.formazione &gt; div &gt; a {
		display: block !important;
		width: 100% !important;
	}

	.product-list {
		margin: 0px -15px !important;
	}

	.selected-category .single-product {
		font-size: 14px !important;
		line-height: 16px;
		padding: 0px !important;
	}

	.selected-category .single-product a {
		display: block;
		padding: 10px 10px 0px 10px !important;
		/* min-height: 150px; */
		/* border-left: 1px solid transparent; */
		border-top: 1px solid transparent;
		/* border-right: 1px solid #CCC; */
		border-bottom: 1px solid #CCC;
	}

	.selected-category .single-product:nth-child(odd) {
		clear: both;
	}

	.selected-category .single-product:nth-child(even) a {
		border-right: 1px solid transparent;
	}

	.selected-category .single-product a:hover,
	.selected-category .single-product a:focus,
	.selected-category .single-product a:active {
		border: 1px solid #d50e0e;
		color: #d50e0e;
	}

	.selected-category .single-product img {
		width: auto !important;
		max-width: 100%;
		height: 100px;
	}

	.selected-category .highlight-selected-cat {
		font-size: 35px !important;
		line-height: 35px;
	}

	.sub-categories-products {
		margin-top: 0px !important;
	}

	.sub-categories,
	.sub-categories-products .section-title,
	.sub-categories-products .products-list {
		clear: both;
		display: none;
	}

	.products-details .product-description {
		font-size: 18px !important;
		line-height: 22px;
	}

	.products-details .product-view img {
		max-width: 100% !important;
	}
	
	.product-view .product-view-settings {
		background: #EFEFEF;
		padding: 0px;
	}

	.product-view .product-view-settings .setting {
		font-size: 12px !important;
		line-height: 12px;
		padding: 15px 10px !important;
		border: 0px !important;
		border-right: 1px solid rgba(0,0,0,0.1) !important;
	}
	.product-view .product-view-settings .setting:last-child {
		border: 0px !important;
	}

	#productVideo iframe {
		width: 100% !important;
		height: 250px !important;
	}

	#productPosition &gt; div:first-child {
		display: none !important;
	}

	#productPosition &gt; div:last-child img:first-child {
		/* display: none !important; */
	}

	#productPosition &gt; div:last-child img:last-child {
		display: block !important;
		position: static;
		width: 70%;
		margin: 20px auto;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}
.carouselDiv {
	position:absolute;
	bottom: 10px;
	/* left: 50%; */
	z-index: 15;
	/* width: 80%; */
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center;
	display:block;
	overflow-x:scroll;
	height:24px;
}

@media only screen and (max-width: 991px) {
    #property-listings .property-listing {
        padding: 5px!important;
    }
    #property-listings .property-listing a {
        margin: 0;
    }
    #property-listings .property-listing .media-body {
        padding: 10px;
    }

	.categories-slider.prodsPage .single-category {
		height: 80px !important;
	}

    .categories-slider .col-md-4.single-category a .category-center-data #cat-name, 
    .categories-slider .col-md-4.single-category .category-center-data #cat-name {
    	font-size: 16px !important;
    }

    .section-title h1 {
    	font-size: 35px !important;
    }

    .section-title h4, .section-title h2 {
    	font-size: 20px !important;
    }

    .news-details .news-info .news-date .news-description {
    	font-size: 20px !important;
    }

    .link-to-news {
    	background: #CCC;
    	display: block;
    	text-align: center;
    	 text-decoration: none !important;
    	 padding: 10px 0px;
    }

    .link-to-news:hover,
    .link-to-news:focus,
    .link-to-news:active {
		background: #d50e0e;
		color: #FFF;
    }
}

@media only screen and (min-width: 992px) {
    #property-listings .property-listing img {
        max-width: 180px;
    }
}

@media only screen and (max-width: 1199px) {
	header .navbar ul a {
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
	}

	/*
	.img-responsive:not(.madeinitaly), .thumbnail&gt;img:not(.madeinitaly), .thumbnail a&gt;img:not(.madeinitaly) {
		height: 40px !important;
		top: 100px !important;
	}
	*/

	.single-category {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 768px) {
	header .navbar ul a {
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.headerHighlight img {
		height: 80px;
	}

	.categories-slider .single-category a {
		font-size: 12px;
	}
}

#property-listings .col-sm-6:nth-child(odd) {
    clear: both;
}

/*NEWS LIST*/




/*PRINT*/
@media print {
    header {
        height: 80px;
        text-align: center;
    }

    .navbar-brand-print {
        display: block;
    }

    .navbar-brand-print img {
        height: 80px;
    }
    .cmsImgOnTheRight IMG,
    .cmsContentList &gt; DIV:first-child IMG {
        width: 300px !important;
    }
    .gallery {
        display: none;
    }
}
/*PRINT*/

/* TOP BAR FOR SEARCH AND LANGUAGE */
.search-and-lang{
    text-align: right;
    /*background-color: #3d3d3d;*/
    border-bottom: 1px dotted;
    height: 40px;
}
.search-and-lang &gt; .container {
    position: relative;
    height: 100%;
}
.top-bar-social{
    position: absolute;
    left: 0px;
    text-align: left;
}
.top-bar-social &gt; div {
	display: inline-block;
}
.top-bar-social &gt; div {

}
.search-and-lang &gt; .container .language-search{
    position: absolute;
    right: 0;
    height: 100%;
}
.search-bar-icon {
    color: #333;
    font-size: 22px;
}
.search-bar-icon i{
	margin-top: 8px;
    /*position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);*/
}
.search-bar {
    float: right;
}
.search-bar input{
    height: 22px;
    width: 155px;
    margin-top: 10px;
    border-radius: 0px;
    border: none;
    text-indent: 5px;
    background: rgba(0,0,0,0.1);
}
.language-bar {
    float: right;
    height: 20px;
    width: 150px;
    margin-left: 20px;
}
@media screen and (max-width:767px) {
	.navbar-header {
		margin-top:0px !important;
	}
	.product-view.row {
		margin: 0px;
	}
}
.navbar-header {
	float: none !important;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 25px;
}
/* MAIN MENU */
.main-menu{
    max-height: 190px;
    border-bottom: 0px solid;
    padding-bottom: 10px;
}

.main-menu .caret {
	display: none;
}
.main-menu .main-menu-container {
	position: relative;
    height: 100%;
}
li.dropdown:hover &gt; .dropdown-menu,
li.dropdown.open &gt; .dropdown-menu {
	display: block !important;
	top: 50px;
	border-top: 4px solid #FFF;
}
.dropdown-menu&gt;.active&gt;a, .dropdown-menu&gt;.active&gt;a:hover, .dropdown-menu&gt;.active&gt;a:focus {
	background: #EFEFEF;
	color: #d50e0e !important;
}
.main-menu .main-menu-container .menu-logo a{
    /*width: 20%;
    position: absolute;
    top: 50%;
    height: 150%;
    transform: translateY(-50%);*/
    height: 70px;
    width: 100%;
    /*text-align: center;*/
	text-align: left;
	padding-left: 20px;
}
.main-menu .main-menu-container .menu-logo a img {
    height: 100%;
}
.main-menu .main-menu-container .menu-container{
    /*width: 100%;
    top: 50%;
    transform: translateY(-50%);*/
    text-align: center;
}
.main-menu .main-menu-container .menu-voices &gt; ul{
    /*position: absolute;
    right: 0;*/
    font-size: 20px;
    /*text-align: center;*/
	text-align: left;
	display: block;
	width: 100%;
	margin-top: 5px;
}
@media screen and (max-width:767px) {
	.main-menu .main-menu-container .menu-voices &gt; ul &gt; li{
		text-align:left !important;
		display:block !important;
	}
	.main-menu .main-menu-container .menu-voices &gt; ul &gt; li &gt; a {
		padding-left:10px;
		border-bottom:0.1px solid rgba(0,0,0,0.1);
	}
	.main-menu .main-menu-container .menu-voices &gt; ul &gt; li:first-child {
		border-top:0.1px solid rgba(0,0,0,0.1);
	}
}
.main-menu .main-menu-container .menu-voices &gt; ul &gt; li{
	float: none;
	display: inline-block;
	text-align: center;
}
/* MAIN MENU */
.carousel-control {
    display: none;
}

.section-title {
    text-align: center;
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 50px;
    line-height: 48px;
}
.section-title h1 {
	display: inline-block;
	font-size: 30px;
	letter-spacing: .3px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.section-title h4,
.section-title h2 {
    font-size: 20px;
    letter-spacing: .3px;
    margin-top: 0px;
}

.product-category-list {
    border-bottom: 1px dotted #363636;
    padding-bottom: 50px;
}

.prod-detail-otherprods .product-category-list {
	border-bottom: 0px;
}

.home-products-list {
	display: block;
	width: 100%;
	overflow: scroll;
	overflow-y: hidden;
	/* padding-bottom: 50px; */
}

@media only screen and (min-width: 1024px) {
	.home-products-list {
		overflow: hidden;
	}
}

.home-products-list .product{
    text-align: center !important;
}
.home-products-list .product:hover a {
    color: #F00;
}
.home-products-list .product a h5{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.home-products-list .product img{
    max-height: 100%;
    transition: 0.5s;
}

.home-products-list .product:hover img {
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1.1);
}

.home-products-list-container {
	display: table;
	width: 100%;
}

.home-products-list-container .product {
	display: table-cell;
}
.home-products-list-container .product a.active {
	color: #d50e0e;
}

.meteor-world .single-link-cell {
    position: relative;
    height: 330px;
    margin-bottom: 10px;
    padding: 0px 5px;
}

.meteor-world {
	margin-left: -5px;
	margin-right: -5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.meteor-world .section-title {
	width: 100%;
}

.meteor-world .mask-wrapper{
    position: relative;
    height: 100%;
}
.meteor-world .mask-wrapper img {
    width: 100%;
    height: 100%;
}
.meteor-world .mask-wrapper .mask-to-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
}
.meteor-world .mask-wrapper .mask-to-bottom .mask{
    width: 100%;
    height: 100%;
    background-color: rgba(61,61,61,0.7);
    text-align: center;
    transition: 0.5s;
	-webkit-transform: translateY(50px); 
	-moz-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}
.meteor-world a:hover .mask-wrapper .mask-to-bottom .mask{
	-webkit-transform: translateY(0px); 
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.meteor-world .mask-wrapper .mask-to-bottom .mask-title {
    position: absolute;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:white;
    text-shadow: 0px 0px 5px #000;
}
.news {
    text-align: center;
}

.news .news-info {
    display: inline-block;
}
.news .news-info a &gt; div:first-child {
	border-radius: 20px 20px 0px 0px;
}
.news .news-info a &gt; div:last-child {
	border-radius: 0px 0px 20px 20px;
	background: #FFF;
}
.news .news-info:hover{

}
.news .news-info:hover a{
    text-decoration: none;
    border-radius: 20px;
}
.news .news-info .news-date {
    padding: 30px 5px 10px 5px;
    height: 60%;
    background-color: #3f3f3f;
    color: #fff;
}
.news .news-info .news-date .news-day{
    font-size: 60px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    display: block;
}
.news .news-info .news-date .news-month{
    font-size: 24px;
    
    text-transform: uppercase;
    font-weight: 600;
}
.news .news-info .news-date .news-year{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
}
.news .news-info .news-title {
    border: 1px solid;
    padding: 20px 5px;
    font-size: 16px;
    height: 40%;
}

.news .news-info .news-title span {
	display: block;
	font-size: 14px;
}

.news .news-info .news-title span:first-child {
	font-weight: 600;
}

.news .news-list-all{
    margin-top: 30px;
    padding: 0 15px;
    display: inline-block;
    width: 100%;
}
.news .news-list-all .list-all-text {
	display: inline-block;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
	background: #FFF;
}

.news .news-list-all .list-all-text:hover,
.news .news-list-all .list-all-text:focus,
.news .news-list-all .list-all-text:active {
	background: #db171f;
	color: #FFF;
}

.newsletter {
	display: inline-block;
	width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.newsletter .section-title {
	margin: 0px;
}
.newsletter .newsletter-email-box{
    border: 2px solid #949494;
}

.newsletter .newsletter-email-box {
    margin-top: 15px;
}
.newsletter .newsletter-email-box,
.newsletter .newsletter-email-box .newsletter-email,
.newsletter .newsletter-email-box .newsletter-sub-button,
.newsletter .newsletter-agreement {
    padding: 0px;
}
.newsletter .newsletter-agreement{
    height: 30px !important;
}
.newsletter .newsletter-email-box .newsletter-email input,
.newsletter .newsletter-email-box .newsletter-sub-button button {
    width: 100%;
    border: none;
    padding: 10px 5px;
    font-size: 25px;
}
.newsletter .newsletter-email-box .newsletter-sub-button button {
    background-color: #949494;
    color: #f1f1f1;
}

.newsletter .newsletter-agreement .newsletter-agreement-container{
    position: relative;
    height: 100%;
    text-align: left;
    margin-top: 15px;
}
.newsletter .newsletter-agreement .checkbox-news{
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 2px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 0px;
    display: inline-block;
    text-align: left;
    /* position: absolute; */
    left: 0;
}
.checkbox-label {
	display: inline-block;
	margin-left: 5px;
	transform: translateY(-5px);
    /* position: absolute; */
    /* width: 100%; */
    /* left: 0; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
}
.newsletter .newsletter-agreement .checkbox-news:active,
.newsletter .newsletter-agreement .checkbox-news:checked:active{
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.newsletter .newsletter-agreement .checkbox-news:checked{
    background-color: #e9ecee;
	border: 2px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.newsletter .newsletter-agreement .checkbox-news:checked:after{
    content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 4px;
	left: 5px;
	color: #99a1a7;
}

footer{
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 50px;
}
footer .footer-info{
    background-color: #f8f8f8;
    border: none;
}
footer .footer-client-name{
    font-size: 25px;
}
footer .footer-client-info {
    font-size: 15px;
}
footer .footer-social-icons{
    text-align: center;
    margin-top: 20px;
}
footer .footer-social-icons .footer-client-info {
	display: inline-block;
	margin-bottom: 6px;
}
footer #bottomNav {
    padding:20px 0;
}
footer .footer-copyright{
    text-align: center;
    background-color: #e9e9e9;
    padding: 15px 0;
}
.InPageMenu &gt; .col-md-12{
    padding: 0;
}
.InPageMenu &gt; .title{
    text-align: center;
    font-size: 35px;
    font-weight: 300;
    padding: 25px 5px;
}
.InPageMenu ul {
    width: 100%;
    display:-webkit-box;
}
.InPageMenu ul li {
    display: inline-block;
    -webkit-box-flex:1;
    background-color:#dedede;
    text-align: center;
    text-transform: uppercase;
}
.all-products{
    margin-top: 30px;
    margin-bottom: 30px;
    display: none;
}
.all-products .all-prod-button {
    width: 100%;
    padding: 10px 5px;
    font-size: 24px;
    letter-spacing: 0.3px;
    color: #fff;
    background-color: #3f3f3f;
    border: none;
}
.sub-categories .sub-category{
    background-color: #a2a2a2;
    color: #fff;
}
.sub-categories .sub-category:hover {
    background-color: #d50e0e;
}
.sub-categories .sub-category,
.products-list .single-product-name {
    padding: 20px 5px;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
}
.products-list .single-product-name:hover,
.products-list .single-product-name.active {
    background-color: #d50e0e;
    border-color: #d50e0e;
    color: #fff;
    cursor: pointer;
}

.sub-categories {
	display: inline-block;
	width: 100%;
}

.sub-categories-products {
    margin-top: 40px;
    clear: both;
}
.sub-categories-products .section-title{
    margin-top: 0px;
    margin-bottom: 30px;
}

.products-list .single-product-link{
    text-decoration: none;
    color: currentColor;
}
.products-list .single-product-name{
    border: 1px solid;
    padding: 15px 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    margin-bottom: 15px;
}
.products-details .product-name {
    text-align: center;
    font-size: 45px;
    padding: 15px 5px;
    margin-top: 15px;
}
.products-details .product-name h1 {
	margin-top: 0px;
}
.products-details .product-description {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
    margin-bottom: 20px;
}
.product-view .product-view-settings .setting{
    border-top: 1px solid;
    padding: 20px 10px;
    text-align: center;
    font-size: 16px;
}

@media only screen and (min-width: 769px) {
	.product-view .product-view-settings .setting{
		width: 100%;
	}
}

.product-view .product-view-settings .setting:hover,
.product-view .product-view-settings .setting:focus,
.product-view .product-view-settings .setting:active {
	background: #EFEFEF;
	text-decoration: none;
}
.product-view .product-view-settings .setting.active{
	color: #FFF;
	background: #d50e0e;
}
.product-view .product-view-settings .setting:last-child{
    border-bottom: 1px solid;
}
.product-view-button:hover,
.product-view-button:focus,
.product-view-button:active {
	color: #d50e0e;
}
.product-view .product-view-photo{
    /*border: 1px solid;*/
    /*height: 400px;*/
}
.product-view .product-view-photo .center-image {
    /* position: absolute; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
}
.product-view .product-view-photo-settings .option{
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 5px;
}

.products-details .product-view-info,
.products-details .product-view-tech{
    padding: 10px 5px;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}
.products-details .product-view-info button,
.products-details .product-view-tech button{
    width: 100%;
    background: none;
    border: none;
}
.products-details .product-view-info button .main-label,
.products-details .product-view-tech button .main-label{
    text-transform: uppercase;
}
.products-details .product-view-info button .main-label,
.products-details .product-view-tech button .main-label{
    font-size: 16px;
}

.products-details .productImagesTypes {
	display: none;
	text-align: center;
}

#productImage {
	text-align: center;
}

.news-details .news-info{
    margin-bottom: 40px;
    /* height: 390px; */
}
.news-details .news-info .news-image{
    /* height: 300px; */
    height:180px;
}
.news-details .news-info .news-image img {
    /*max-height: 300px;
    min-height: 300px;*/
    /* height: 100%; */
}
.news-details .news-info .news-date .news-subtitle{
    font-size: 35px;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 200;
    display: none;
}

.news-details .news-info .news-date .news-detail-day{
    font-size: 24px;
    font-weight: 200;
    margin-top: 10px;
}
.news-details .news-info .news-date  .news-name{
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}
.news-details .news-info .news-date .news-location{
    font-size: 18px;
    font-weight: 100;
    font-style: italic;
}
.news-details .news-info .news-date .news-description{
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #777;
}
.news-details .news-info .news-date a.link-to-news{
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 18px;
}
.list-all-news{
    height: 50px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.list-all-news button {
    width: 100%;
    height: 100%;
    background-color: #3f3f3f;
    color: #fff;
    border: none;
    font-size: 18px;
    text-transform: uppercase;
}

.list-all-news button:hover,
.list-all-news button:focus,
.list-all-news button:active {
	background: #db171f;
}

.page-541 .centralContent {
	background-image: url("/public/userfiles/images/SFONDO_DisegnoTecnico.png");
    background-size: cover;
    padding-bottom:50px;
}

.page-541 footer {
	margin-top:0px;
}

.central-content {
    /*background-image: url("../images/Sfondo.png");*/
	background: rgb(33,126,69);
background: -moz-linear-gradient(0deg, rgba(33,126,69,1) 0%, rgba(169,245,198,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(33,126,69,1) 0%, rgba(169,245,198,1) 100%);
background: linear-gradient(0deg, rgba(33,126,69,1) 0%, rgba(169,245,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#217e45",endColorstr="#a9f5c6",GradientType=1);
    background-size: cover;
    padding-bottom: 60px;
    border-bottom: 1px dotted #363636;
}

header .presentation-image {
    height: 350px;
}
header .presentation-image img{
    width: 100%;
    height: 100%;
}
.categories-slider .categories-list{
    padding: 0;
    margin: 0px; 
    height: 200px;
}
.categories-slider .categories-list-no-image{
    margin-top: 50px;
}
.categories-slider.news-slider .categories-list-no-image {
    margin-top: 0px;
    margin-bottom: 60px;
}
.categories-slider .categories-title,
.categories-slider .single-category{
    text-align: center;
    font-weight: 600;
    font-size: 14px !important;
    text-transform: uppercase;
    color: #fff;
}

@media screen and (max-width:767px) {
	.categories-slider .single-category a {
		padding: 10px 0px !important;
	}
	.meteor-world .single-link-cell {
		height: auto;
	}
	.meteor-world .mask-wrapper,
	.meteor-world .mask-wrapper img {
		height: auto;
	}
	.videoList &gt; ul &gt; li &gt; a {
		width: 315px !important;
		margin: 0px !important;
	}
	.section-title {
		font-size: 26px !important;
	}
}
.categories-slider .single-category a {
    width: 100%;
    padding: 10px;
}
.categories-slider .single-category a .category-center-data,
.categories-slider .single-category .category-center-data{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.categories-slider .col-md-4.single-category a .category-center-data #cat-name,
.categories-slider .col-md-4.single-category .category-center-data #cat-name{
    font-size: 30px;
}
.categories-slider .categories-title{
    padding: 15px 0;
    font-size: 50px;
    background-color: #d50e0e;
    font-weight: 200;
    display: none;
}
.categories-slider .single-category{
    font-size: 20px;
}
.categories-slider .single-category a:hover,
.categories-slider .single-category a.active,
.sub-categories .sub-category a:hover,
.sub-categories .sub-category a.active{
    background-color: #FFF;
    cursor: pointer;
    color: #d50e0e;
    border-bottom-color: #FFF;
    text-decoration: none;
}

.categories-list-no-image {
	display: table;
	width: 100%;
	table-layout: fixed; /* optional, for equal spacing */
    border-collapse: collapse;
}

.categories-list-no-image &gt; div {
	display: table-cell;
}

.categories-slider .single-category a {
    display: inline-block;
    border: 1px dotted #333;
    border-right-width: 0px;
    background-color: #EFEFEF;
}

.categories-slider .single-category:last-child a {
	border-right-width: 1px;
}
.single-category:nth-child(1),
.single-category:nth-child(3),
 .single-category:nth-child(5){
    background-color: #FFF;
}
.single-category:nth-child(2),
.single-category:nth-child(4),
.single-category:nth-child(6){
    background-color: #FFF;
}

.selected-category {
	clear: both;
    margin-top: 30px;
}
.categories-slider-prod-detail .selected-category {
	margin-top: -20px;
}
.selected-category .highlight-selected-cat{
    text-align: center;
    font-size: 25px;
    padding: 30px 20px 30px 20px;
    font-weight: 800;
    text-transform: uppercase;
}
.selected-category .highlight-selected-cat:hover {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.selected-category .highlight-selected-cat:nth-child(odd){
	clear: both;
    padding: 30px 20px 30px 20px;
}
.prod-detail-selected-cat .selected-category .highlight-selected-cat:hover {
	box-shadow: none;
}
.selected-category .highlight-selected-cat:nth-child(odd):last-child {
	width: 100%;
	font-size: 25px;
	font-weight: 800;
	text-transform: uppercase;
}
.selected-category .sub-category {
    padding: 2px 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    border: 1px dotted #555;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}

.selected-category .sub-category-container:hover .sub-category {
	background: #EFEFEF;
    font-weight: 600;
}
.selected-category .sub-category-container:hover .sub-category a {
	display: block;
}

.selected-category .product-list {
	margin: 20px 0px 20px 20px;
}

.selected-category .single-product{
    padding: 10px 10px;
    text-align: left;
    font-size: 16px;
}
.selected-category .single-product:nth-child(odd){
	clear: both;
}

.page-530 .selected-category .single-product:nth-child(odd){
	clear: none;
}

.page-530 .selected-category .single-product:nth-child(3n+1){
	clear: both;
}

.selected-category .single-product a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
}

.selected-category .single-product a:hover {
	font-weight: 600;
}
.selected-category .single-product img {
    width: 100%;
}
.nomargin{
    margin: 0px;
}

.breadcrumbs {
	padding-top: 15px;
}

.breadcrumbs a {
	display: inline-block;
}

.breadcrumbs a:after {
	display: inline-block;
	content: '&gt;';
	margin: 0px 5px;
}

.breadcrumbs a[href^='#'],
.breadcrumbs a[href^='#']:hover,
.breadcrumbs a[href^='#']:focus,
.breadcrumbs a[href^='#']:active {
	cursor: default;
	text-decoration: none;
}

.breadcrumbs a:last-child {
	font-weight: 700;
}
.breadcrumbs a:last-child:after {
	display: none;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs a:active {
	text-decoration: underline;
}

.prev-category{
    position: absolute;
    left: 15px;
    font-size: 30px;
    top: 140px;
    transform: translateY(-50%);
    color: #3f3f3f;
    z-index: 9999999;
}
.next-category{
    position: absolute;
    right: 15px;
    font-size: 30px;
    top: 140px;
    transform: translateY(-50%);
    color: #3f3f3f;
    z-index: 9999999;
}
.prev-category:hover,
.next-category:hover {
    color: #3f3f3f;
}
.prev-category i::before,
.next-category i::before {
	color: #FFF;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.subcat-prodlist &gt; div {
	/* margin: 10px; */
}
.subcat-prodlist &gt; div &gt; div:nth-child(4n+1) {
	clear: both;
}

.subcat-prodlist &gt; div a {
	display: table;
	width: 100%;
	border: 1px dashed #333;
	margin: 10px;
	min-height: 45px;
	text-align: center;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 16px;
}
.subcat-prodlist &gt; div a &gt; div {
	display: table-cell;
	vertical-align: middle;
}
.subcat-prodlist &gt; div a:hover,
.subcat-prodlist &gt; div a:focus,
.subcat-prodlist &gt; div a:active {
	background: #EFEFEF;
}

.subcat-prodlist &gt; div a.active {
	background: #d50e0e;
	border-color: #d50e0e;
	color: #FFF;
}

.prev-category:hover i::before,
.next-category:hover i::before {
	color: #000;
}

#productPosition {
	position: relative;
}

#productPosition &gt; div {
	position: relative;
	padding: 0px;
}

#productPosition img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#productPosition img:nth-child(2) {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 2;
}

.ppImage0 {
	position: absolute;
	top: 0px;
	left: 0px;
}

.cta {
	margin-top: 80px;
	display: inline-block;
	width: 100%;
	clear: both;
}

.cta a {
	display: block;
	width: 400px;
	background: #333;
	margin: 20px auto;
	padding: 10px 15px;
	font-size: 18px;
	color: #FFF;
	text-align: center;
}

.cta a:hover,
.cta a:focus,
.cta a:active {
	background: #d50e0e;
	color: #FFF;
}

.subcat-prodlist .section-title {
	margin: 30px 0px;
}

/*HISTORY*/



.historyValuesContainer {
	position: relative;
	margin-top: 95px;
}

.historyValuesStart {
	position: absolute;
	z-index: 9;
	background: url(/public/userfiles/images/logo.png);
	background-size: cover;
	width: 30px;
	height: 30px;
	left: 50%;
	top: -35px;
	margin-left: -13px;
}

.historyValues::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 50%;
	width: 3px;
	height: 95%;
	background: #CCC;
}

.historyValues::after {
	content: '';
	position: absolute;
	bottom: 5%;
	left: 50%;
	width: 31px;
	height: 6px;
	background: #CCC;
	margin-left: -14px;
}

.historyValues {
	position: relative;
	display: inline-block;
	width: 100%;
}

.historyValues &gt; div {
	clear: both;
	float: left;
	width: 40%;
	margin-top: 50px;
	position: relative;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

.historyValues &gt; div::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 25%;
	height: 3px;
	line-height: 3px;
	background: #c30f1b;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
}

.historyValues &gt; div:nth-child(even)::before {
	left: auto;
	right: 100%;
	width: 24.1%;
	background: #c30f1b;
}

@media screen and (max-width:767px) {
	.carousel-indicators {
		left: 0px;
		right: 0px;
		margin-left: 0px;
	}
	.selected-category .single-product:first-child &gt; a {
		border-top: 1px solid #CCC;
		margin-top: 10px;
	}
	.selected-category .single-product a {
		padding: 10px !important;
	}
	.history-carousel {
		margin:20px 0px 0px 0px !important;
	}
	.history-carousel .carouselDiv {
		width:100% !important;
		bottom:-55px !important;
		height:35px !important;
		display:block !important;
		overflow:scroll !important;
		overflow-y:hidden !important;
	}
	.history-carousel .carouselDiv .carousel-indicators{
		bottom:-15px !important;
		height:40px !important;
		display:table !important;
		width: 100% !important;
	}
	.history-carousel .carouselDiv .carousel-indicators &gt; li {
		height:15px !important;
		width:15px !important;
		position:static !important;
	}
}

.history-carousel {
	margin: 50px 0px 100px 0px;
	border-bottom: 0px;
	height: 100%;
}

.history-carousel .carousel-indicators {
	bottom: -50px;
	left: 0px;
	right: 0px;
	width: 100%;
	margin-left: 0px;
}

.page-399 .history-carousel .carousel-indicators {
	margin:0 auto;
}

.page-319 .history-carousel .carousel-indicators {
	margin:0 auto;
}

.history-carousel .carousel-indicators:after {
	content: '';
	display: block;
	height: 1px;
	line-height: 1px;
	border-top: 1px dotted rgba(0,0,0,0.3);
	margin-top: -13px;
}
.history-carousel .carousel-indicators li:first-child:after {
	/* content: ''; */
	display: block;
	height: 1px;
	line-height: 1px;
	background: #FFF;
	margin-top: -20px;
	margin-left: -1000%;
	width: 1000%;
}

.history-carousel .carousel-indicators li:last-child:after {
	content: '';
	display: block;
	height: 1px;
	line-height: 1px;
	background: #FFF;
	margin-top: -17px;
	margin-left: 0px;
	width: 200%;
	-webkit-transform: translateX(27px); 
    -moz-transform: translateX(27px);
    -o-transform: translateX(27px);
    transform: translateX(27px);
}
.history-carousel .carousel-indicators li.active:last-child:after {
	margin-top: -18px;
}

.history-carousel .carousel-indicators li:first-child {
	border-radius: 0px !important;
}

.history-carousel .carousel-indicators li:not(:last-child) {
	background: transparent url(/images/ingranaggio.png) center center no-repeat;
	background-size: 100% 100%;
	width: 16px;
	height: 16px;
	margin: 0px 30px;
	border-radius: 50px;
}

.page-399 .history-carousel .carousel-indicators li {
	background: transparent url(/images/ingranaggio.png) center center no-repeat;
	background-size: 100% 100%;
	width: 16px;
	height: 16px;
	margin: 0px 50px;
	border-radius: 50px;
}
@media screen and (min-width:768px) {
	.page-399 .history-carousel .carousel-indicators li:last-child {
		-webkit-transform: translateY(0px) !important;
		-moz-transform: translateY(0px) !important;
		-o-transform: translateY(0px) !important;
		transform: translateY(0px) !important;
	}	
}
.page-319 .history-carousel .carousel-indicators li {
	background: transparent url(/images/ingranaggio.png) center center no-repeat;
	background-size: 100% 100%;
	width: 16px;
	height: 16px;
	margin: 0px 50px;
	border-radius: 50px;
}
@media screen and (min-width:768px) {
	.page-319 .history-carousel .carousel-indicators li:last-child {
		margin-bottom:7px;
	}	
}

.history-carousel .carousel-indicators li {
	position: relative;
}

.history-carousel .carousel-indicators li &gt; div:not(.tooltip) {
	width: 100%;
	height: 28px;
}

.history-carousel .carousel-indicators li &gt; div &gt; div.navlegend {
	position: absolute;
	top: 24px;
	text-indent: 0px;
	width: 150px;
	margin-left: -67px;
	text-align: center;
	line-height: 16px;
	font-weight: 400;
}
.history-carousel .carousel-indicators li.active &gt; div &gt; div.navlegend {
	color: #c30f1b;
}
.history-carousel .carousel-indicators li:last-child &gt; div &gt; div.navlegend {
	top: 24px;
	margin-left: -55px;
}
.page-399 .history-carousel .carousel-indicators li:last-child &gt; div &gt; div.navlegend {
	margin-left: -67px;
}
.history-carousel .carousel-indicators li &gt; div &gt; div.navlegend &gt; div:first-child {
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	padding: 0px 20px;
}
@media screen and (max-width:767px) {
	.navlegend {
		display:none;
	}
}
.history-carousel .carousel-indicators li &gt; div &gt; div.navlegend &gt; div:last-child {
	font-size: 12px;
	line-height: 12px;
	display: none;
}

.history-carousel .carousel-indicators li .tooltip {
	bottom: 20px !important;
	top: auto !important;
	min-width: 200px;;
}

.history-carousel .carousel-indicators li:last-child .tooltip {
	bottom: 30px !important;
}

.history-carousel .carousel-indicators li .tooltip-inner {
	color: #FFF !important;
	font-size: 14px !important;
	line-height: 16px !important;
	text-indent: 0px;
}

@media only screen and (max-width: 767px) {
	.history-carousel .carousel-indicators li:not(:last-child) {
		margin: 0px 4px !important;
	}
}

@media only screen and (max-width: 1199px) {
	.history-carousel .carousel-indicators li:not(:last-child) {
		margin: 0px 25px;
	}
}

@media screen and (max-width:767px) {
	.history-carousel .carousel-indicators li:last-child {
		margin-left:4px !important;
	}

	.history-carousel .carousel-indicators li:last-child {
		-webkit-transform: translateY(0px) !important;
		-moz-transform: translateY(0px) !important;
		-o-transform: translateY(0px) !important;
		transform: translateY(0px) !important;
		width:38px !important;
	}
}

.history-carousel .carousel-indicators li:last-child {
	-webkit-transform: translateY(7px);
	-moz-transform: translateY(7px);
	-o-transform: translateY(7px);
	transform: translateY(7px);
	margin-left: 30px;
}

.page-399 .history-carousel .carousel-indicators li:last-child {
	margin-left: 50px;
}

.history-carousel .carousel-indicators li.active:not(:last-child) {
	background-image: url(/images/ingranaggioOn.png);
}

.page-399 .history-carousel .carousel-indicators li.active {
	background-image: url(/images/ingranaggioOn.png);
}

.page-319 .history-carousel .carousel-indicators li.active {
	background-image: url(/images/ingranaggioOn.png);
}

.history-carousel .carousel-control {
	display: block;
	background: none;
	color: #c30f1b;
	opacity: 1;
	text-shadow: none;
}

@media screen and (max-width:767px) {
	.history-carousel .carousel-control i{
		position:static !important;
		top:0 !important;
		margin-top:0px !important;
		padding-top:150px;
	}
	.history-carousel .carousel-control.left {
		left:0 !important;
	}
}

.history-carousel .carousel-control i {
	font-size: 50px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	
}

.history-carousel .carousel-control.left {
	left: -10px;
}
@media screen and (max-width:767px) {
	.history-carousel .item &gt; div {
		width:inherit !important;
	}
}
.history-carousel .item &gt; div {
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: 200;
	width: 500px;
	margin: 0px auto;
}

.history-carousel .item &gt; div &gt; span:first-child {
	display: block;
	background: #c30f1b;
	padding: 10px;
}

.history-carousel .item &gt; div &gt; span:last-child {
	display: block;
	padding: 15px 20px;
	background: #EFEFEF;
	color: #333;
	font-size: 14px;
	font-weight: 400;
}

.history-carousel .item &gt; div &gt; span:last-child span {
	font-weight: 600;
	text-transform: uppercase;
	color: #c30f1b;
}

.historyValues &gt; div &gt; span:first-child {
	display: block;
	background: #c30f1b;
	padding: 15px 20px;
	text-align: center;
	color: #FFF;
	font-size: 24px;
	font-weight: 200;
}

.historyValues &gt; div &gt; span:last-child {
	display: block;
	padding: 15px 20px;
	background: #EFEFEF;
}

.historyValues &gt; div &gt; span:last-child &gt; span:first-child {
	font-weight: 600;
	color: #c30f1b;
	display: block;
	font-size: 20px;
}

.historyValues &gt; div:nth-child(even) {
	clear: both;
	float: right;
}

.historyValues &gt; div:nth-child(even) &gt; span:first-child {
	background: #c30f1b;
}

.page-308 .historyValues &gt; div:last-child {
	left: 50%;
	margin-left: -20%;
	margin-top: 100px;
	display: table;
	z-index: 9;
	float: left;
}

.page-308 .historyValues &gt; div:last-child &gt; span:first-child {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#41e02c+0,7db9e8+100 */
	background: #c30f1b;
}

.page-308 .historyValues &gt; div:last-child::before {
	display: none;
}

.page-308 h1 {
	text-align: center;
	color: #c30f1b;
	margin-bottom: 0px;
}

@media only screen and (max-width: 1023px) {
	.historyValues &gt; div {
		width: 100%;
	}

	.historyValues &gt; div:before {
		display: none;
	}
	.page-308 .historyValues &gt; div:last-child {
		float: left;
		left: auto;
		margin-left: auto;
	}
	.historyValues::after {
		display: none;
	}
}

/*HISTORY*/



.page-314 h1 {
	text-align: center;
}

.page-314 h2 {
	text-align: center;
	margin-bottom: 50px;
}

.page-314 .two-col &gt; div {
	font-size: 18px;
}

.page-314 .two-col &gt; div:first-child img {
	margin: 20px auto !important;
}

.valori {
	margin-top: 50px;
}

.valori .row {
	margin-left: -6px;
	margin-right: -6px;
}

.valori .row &gt; div {
	margin-bottom: 12px;
	padding-right: 0px;
}
/*
.valori .row &gt; div &gt; div {
	background: url() center center no-repeat;
	background-size: cover;
	position: relative;
	margin: 0px 6px;
	border: 1px dotted transparent;
	transition: 1s;
}

.valori .row &gt; div &gt; div &gt; div:nth-child(2) {
	top: 30px;
	left: 35px;
}
.valori .row &gt; div:nth-child(n+4) &gt; div &gt; div:nth-child(2) {
	top: auto;
	bottom: 30px;
}

.valori .row &gt; div &gt; div &gt; div:nth-child(2) {
	position: absolute;
	color: #FFF;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
}
.valori .row &gt; div &gt; div &gt; div:nth-child(3) {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background: #FFF;
	border: 1px dotted;
	padding: 40px;
	font-size: 22px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.valori .row &gt; div &gt; div &gt; div:nth-child(3) &gt; div:first-child {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 700;
}

.valori .row &gt; div &gt; div &gt; div &gt; img {
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}*/

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	-moz-perspective:1000px;  
	-webkit-perspective:1000px;  
	-o-perspective:1000px;  
	-ms-perspective:1000px; 
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
		-moz-transform:rotateY(180deg);  
		-webkit-transform:rotateY(180deg);  
		-o-transform:rotateY(180deg);  
		-ms-transform:rotateY(180deg);  
	}

.flip-container, .front, .back {
	width: 100%;
	height: 280px;
}

.fourBoxes div {
	max-height:280px !important;
	max-width:780px !important;
	margin:0 auto;
	margin-bottom:12px;
}

.transparentImg {
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-size:100% auto;
    background-repeat:no-repeat;
}

@media screen and (max-width:767px) {
	.innovazione .flip-container, .front, .back {
		height:280px !important;
	}
}

@media screen and (max-width:1024px) {
	.flip-container.hover .flipper {
		z-index: 3;
	}
}

.valori .front, .valori .back {
	height: 280px;
}

@media screen and (max-width:767px) {
	.innovazione .front, .innovazione .back, .innovazione .flip-container {
		height:500px !important;
	}
}

.innovazione .flip-container, .front, .back {
	height:500px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	-moz-transform:rotateY(0deg);  
	-webkit-transform:rotateY(0deg);  
	-o-transform:rotateY(0deg);  
	-ms-transform:rotateY(0deg);
}

/* back, initially hidden pane */
@media screen and (max-width:767px) {
	.back {
		font-size:16px !important;
	}
}
.back {
	transform: rotateY(180deg);
	-moz-transform:rotateY(180deg);  
	-webkit-transform:rotateY(180deg);  
	-o-transform:rotateY(180deg);  
	-ms-transform:rotateY(180deg);
	background: #FFF;
	border: 1px dotted;
	padding: 20px 30px;
	font-size: 14px;
	font-weight: 400;
	overflow-y: scroll;
	z-index: 3;
}

.flipper.backHover {
	transform: rotateY(0deg) !important;
	-moz-transform:rotateY(0deg) !important;  
	-webkit-transform:rotateY(0deg) !important;  
	-o-transform:rotateY(0deg) !important;  
	-ms-transform:rotateY(0deg) !important;
}

.flipper.backHover .front {
	transform: rotateY(180deg);
	-moz-transform:rotateY(180deg);  
	-webkit-transform:rotateY(180deg);  
	-o-transform:rotateY(180deg);  
	-ms-transform:rotateY(180deg);
}

.flipper.backHover .back {
	transform: rotateY(0deg);
	-moz-transform:rotateY(0deg);  
	-webkit-transform:rotateY(0deg);  
	-o-transform:rotateY(0deg);  
	-ms-transform:rotateY(0deg);
}

.back &gt; div:first-child {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-size:22px;
}	

@media screen and (max-width:1024px) {
	.flip-container.hover .back {
		transform: rotateY(0deg) !important;
		-moz-transform:rotateY(0deg) !important;  
		-webkit-transform:rotateY(0deg) !important;  
		-o-transform:rotateY(0deg) !important;  
		-ms-transform:rotateY(0deg) !important;
		z-index: 20 !important;
	}

	.flip-container.hover .front {
		z-index: 2 !important;
		transform: rotateY(180deg) !important;
		-moz-transform:rotateY(180deg) !important;  
		-webkit-transform:rotateY(180deg) !important;  
		-o-transform:rotateY(180deg) !important;  
		-ms-transform:rotateY(180deg) !important;
	}
}


.valori .row &gt; div &gt; div &gt; div .front &gt; span {
	top: 30px;
	left: 35px;
}
.valori .row &gt; div:nth-child(n+4) &gt; div &gt; div .front &gt; span {
	top: auto;
	bottom: 30px;
}

.valori .row &gt; div &gt; div &gt; div .front &gt; span {
	position: absolute;
	color: #FFF;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
}

.innovazione .row &gt; div &gt; div &gt; div .front &gt; span {
	top: 30px;
	left: 35px;
}
.innovazione .row &gt; div:nth-child(n+4) &gt; div &gt; div .front &gt; span {
	top: auto;
	bottom: 30px;
}

.innovazioneText {
	padding:50px;
	text-align:center;
	font-size:20px;
	line-height: 30px;
	text-transform: uppercase !important;
}

.innovazioneText:first-line {
	font-size:25px;
	line-height: 25px;
	font-weight: 800;
	text-transform: uppercase !important;
}

.innovazione .row &gt; div &gt; div &gt; div .front &gt; span {
	position: absolute;
	color: #FFF;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
}

.formazione {
	display: table;
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
}

.formazione .btn {
	position: absolute;
	bottom: 20px;
	border-radius: 0px;
	background: #e00025;
	color: #FFF;
	margin-top: 10px;
}

.formazione .btn:hover,
.formazione .btn:focus,
.formazione .btn:active {
	color: #FFF;
}

.formazione &gt; div {
	display: table-row;
}

.formazione &gt; div &gt; a {
	display: table-cell;
	position: relative;
	width: 33.33%;
	padding: 20px;
	padding-bottom: 70px;
	border-top: 1px solid #CCC;
}

.formazione &gt; div &gt; a &gt; div &gt; div:first-child {
	font-style: italic;
}

.formazione &gt; div &gt; a &gt; div &gt; div:nth-child(2) {
	font-weight: 600;
	font-size: 16px;
}

.formazione &gt; div &gt; a:nth-child(even) {
	background: #EFEFEF;
}

.formazione &gt; div:nth-child(even) &gt; a:nth-child(odd) {
	background: #EFEFEF;
}

.formazione &gt; div:nth-child(even) &gt; a:nth-child(even) {
	background: #FFF;
}

.formazione &gt; div &gt; a:hover,
.formazione &gt; div &gt; a:focus,
.formazione &gt; div &gt; a:active {
	background: rgba(225, 0, 32, 0.2) !important;
	color: #000;
}

.workName {
    font-size:24px;
    padding-bottom:10px;
}

.workDescription {
    font-size:16px;
}

.workButton a {
    border:1px solid #3f3f3f;
    padding:5px 50px;
    text-align:center;
    font-size:16px;
    background-color:#3f3f3f;
    color:#fff
}
.workButton {
	margin-bottom:40px;
	margin-top:15px;
}
.workButton a:hover,
.workButton a:focus,
.workButton a:active {
	background-color:#db171f !important;
	border:1px solid #db171f;
	text-decoration:none;
}

firstItemOfLine {
    clear:both;
}

.news-details .news-info:nth-child(3n+1) {
    clear:both;
}
.principi div {
	max-width:780px !important;
	margin:0 auto;
}

/*
HOME VIDEO    
*/
#homeVideo {
	position: relative;
	z-index: 0;
	padding-bottom: 50%;
	overflow: hidden;
}
#homeVideo video {
	height: auto!important;
}
#homeVideo video, #homeVideo iframe, #homeVideo embed, #homeVideo object {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
/*
FINE: HOME VIDEO    
*/

@media screen and (max-width:768px) {
	.madeinitaly {
		height:30px !important;
		right:20px !important;
		top:60px !important;
	}
}

.page-398 .container &gt; h1,
.page-399 .container &gt; h1,
.page-317 .container &gt; h1,
.page-382 .container &gt; h1,
.page-313 .container &gt; h1,
.page-413 .container &gt; h1,
.page-318 .container &gt; h1, 
.page-487 .container &gt; h1, 
.page-10676 .container &gt; h1, 
.page-563 .container &gt; h1{
	font-size:25px !important;
	font-weight:800;
	text-transform: uppercase;
	line-height: 25px;
	text-align:center;
}

.page-399 .container &gt; h2,
.page-382 .container &gt; h2,
.page-398 .container &gt; h2,
.page-317 .container &gt; h2,
.page-318 .container &gt; h2,
.page-487 .container &gt; h2,
.page-10676 .container &gt; h2,
.page-563 .container &gt; h2 {
	font-size:25px;
	line-height: 20px;
	text-align:center;
	text-transform: uppercase;
}

.page-382 .container img {
	display:block;
	margin:0 auto !important;
}

.descSubHome {
	font-size: 20px;
	text-align:center;
	font-weight: 300;
}

.page-383 .container &gt; div &gt; h1,
.page-384 .container &gt; div &gt; h1,
.page-479 .container &gt; div &gt; h1,
.page-479 .container &gt; div &gt; div &gt; h1 {
	font-size:30px;
	font-weight:400;
	text-align:center;
}

.page-383 .container &gt; div &gt; p,
.page-479 .container &gt; div &gt; div:not(.workDescription) &gt; p {
	font-size:20px;
	font-weight:300;
	text-align:center;
	margin-bottom:20px;
}

.page-534 .flipper .back &gt; div:first-child {
	display:none;
}

.page-534 .flipper .back {
	padding-left:5px !important;
	padding-right:5px !important;
}

.topRight {
	position: absolute; 
	top: 30px; 
	right: calc((100% / 2) - (1170px / 2) + 15px);
	font-size: 24px;
	z-index: 999;
}

@media screen and (max-width:1199px) {
	.topRight {
		right: calc((100% / 2) - (970px / 2) + 15px);
	}
}

@media screen and (max-width:989px) {
	.topRight {
		right: calc((100% / 2) - (750px / 2) + 15px);
	}
}

@media screen and (max-width:767px) {
	.topRight {
		right: calc((100% / 2) - (732px / 2) + 75px);
	}
}

@media screen and (max-width:500px) {
	.topRight {
		right: 80px;
	}
	.madeinitaly {
		right: 28px !important;
	}
}

.topRight &gt; a {
	display: inline-block;
	margin-left: 15px;
	position: absolute;
	z-index: 2;
}

.topRight &gt; a:first-child {
	right: 40px;
}

.topRight &gt; a:nth-child(3) {
	right: 0px;
}

.topRight  &gt; a:hover,
.topRight  &gt; a:focus,
.topRight  &gt; a:active {
	color: #e00025;
}

form[name="catReq"] {
	position: absolute;
	top: 0px;
	right: 30px;
	z-index: 1;
}

form[name="catReq"] input[type="text"] {
	border: 0px;
	background: #EFEFEF;
	width: 0px;
	text-indent: 10px;
	transition: 0.5s;
	font-size: 18px;
	line-height: 32px;
	height: 36px;
}

form[name="catReq"] input[type="text"].opened {
	width: 250px;
}

.videoPlaylist {
	
}

.videoPlaylist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.playlistTitle {
	text-align: center;
	margin: 40px 0px 30px 0px;
	font-size: 24px;
}

.videoList {
	width: 100%;
	overflow: hidden;
}

.videoContainer {
	position: relative;
}

.videoContainer &gt; .arrows &gt; a {
	position: absolute;
	top: 50%;
	font-size: 32px;
	margin-top: -24px;
}

.videoContainer .arrowLeft {
	left: -30px;
	display: none;
}

.videoContainer .arrowRight {
	right: -30px;
}

.showArrows &gt; .arrows {
	display: block;
}

.arrows {
	display: none;
}

.arrows a:hover,
.arrows a:focus,
.arrows a:active {
	color: #F00;
}

.videoList &gt; ul {
	display: table;
}

.videoList &gt; ul &gt; li {
	display: table-cell;
	float: none;
	padding: 0px;
	text-align: center;
	width: 370px;
}

.videoList &gt; ul &gt; li &gt; a {
	display: block;
	border: 1px solid #333;
	border-radius: 20px;
	margin: 5px;
	width: 360px;
}

.videoList &gt; ul &gt; li &gt; a img {
	width: 100%;
	border-radius: 20px 20px 0px 0px;
}

.videoList &gt; ul &gt; li &gt; a &gt; span {
	display: block;
	padding: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	font-weight: 500;
	line-height: 16px;
	background: #FFF;
	border-radius: 0px 0px 20px 20px;
}

.videoList &gt; ul &gt; li &gt; a &gt; span:first-line {
	font-weight: 700;
}

.videoList &gt; ul &gt; li &gt; a &gt; span:last-child {
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 8px;
}

.videoList &gt; ul &gt; li &gt; a:hover,
.videoList &gt; ul &gt; li &gt; a:focus,
.videoList &gt; ul &gt; li &gt; a:active {
	background: #F00;
	color: #F00;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}

.videoList a {
	position: relative;
}
.videoList a:after {
	content: '\f01d';
	position: absolute;
	top: 105px;
	font-size: 80px;
	line-height: 0px;
	margin-left: -30px;
	color: rgba(255,255,255,0.5);
	font-family: FontAwesome;
}

.videoList a:hover:after {
	color: #F00;
}

.homeVideos .videoList ul {
	margin: 0px auto;
}

.homeVideos .videoList ul a {
	margin: 0px 15px;
}

.initiallyHidden {
	display: none;
}

.page-399 .carousel .carousel-inner .item img {
	border-top: 15px solid #FFF;
	border-bottom: 15px solid #FFF;
}

#btnToggleVideoAudio {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 9999999;
}

#btnToggleVideoAudio i {
  cursor: pointer;
  cursor: hand;
  color: #e00025;
  font-size: 32px;
}

#btnToggleVideoAudio i:hover {
	color: #FFF;
}

@media screen and (max-width:1399px) {
	.madeinitaly {
		max-height: 65px;
		top: 70px !important;
	}
}

.headerHighlight {
	position: absolute;
	top: 8px;
	left: 0px;
}

.headerHighlight img {
	max-height: 150px;
}

#homeVideo {

}

.homeCarouselMobile {
	display: none;
}

.ipad #homeVideo {
	display: none;
}

.ipad .homeCarouselMobile {
	display: block;
}

@media screen and (max-width:1024px) {
	#homeVideo {
		display: none;
	}

	.homeCarouselMobile {
		display: block;
	}
}

@media screen and (max-width:765px) {
	.headerHighlight {
		display: none;
	}
}</pre></body></html>