@charset "UTF-8";

/* FONTS */

@font-face {
    font-family: 'gotham';
    src: url('../_fonts/gotham_book-webfont.eot');
    src: url('../_fonts/gotham_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/gotham_book-webfont.woff2') format('woff2'),
         url('../_fonts/gotham_book-webfont.woff') format('woff'),
         url('../_fonts/gotham_book-webfont.ttf') format('truetype'),
         url('../_fonts/gotham_book-webfont.svg#gotham') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham';
    src: url('../_fonts/gotham-bold-webfont.eot');
    src: url('../_fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/gotham-bold-webfont.woff2') format('woff2'),
         url('../_fonts/gotham-bold-webfont.woff') format('woff'),
         url('../_fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('../_fonts/gotham-bold-webfont.svg#gotham') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_black';
    src: url('../_fonts/gotham-black-webfont.eot');
    src: url('../_fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/gotham-black-webfont.woff2') format('woff2'),
         url('../_fonts/gotham-black-webfont.woff') format('woff'),
         url('../_fonts/gotham-black-webfont.ttf') format('truetype'),
         url('../_fonts/gotham-black-webfont.svg#gotham_black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_medium';
    src: url('../_fonts/gotham-medium-webfont.eot');
    src: url('../_fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/gotham-medium-webfont.woff2') format('woff2'),
         url('../_fonts/gotham-medium-webfont.woff') format('woff'),
         url('../_fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('../_fonts/gotham-medium-webfont.svg#gotham_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_light';
    src: url('../_fonts/gotham-light-webfont.eot');
    src: url('../_fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/gotham-light-webfont.woff2') format('woff2'),
         url('../_fonts/gotham-light-webfont.woff') format('woff'),
         url('../_fonts/gotham-light-webfont.ttf') format('truetype'),
         url('../_fonts/gotham-light-webfont.svg#gotham_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* COMMON */

body {
	margin: 0;
	padding: 220px 0 0 0;
	background: #fff;
	font-size: 100%;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}


.wrapper {
	display: block;
	overflow: hidden;
	position: relative;
	width: calc(100vw - 80px);
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px !important;
		
}

figure { margin: 0px; padding: 0px; }
a { text-decoration: none; }
form { margin: 0 !important; padding: 0 !important; border: none !important; }

#overlay {
	position: fixed;
	display: block;
	overflow: hidden;
	width: 100vw;
	height: calc(100vh - 50px);
	top: 50px;
	margin: 0;
	padding: 0;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #eee;
	z-index: -1;
}

#obscurer { width: 100vw; height: 100vh; display: none; z-index: 998 !important; margin:0; padding:0; background-color: #000; position: fixed; top:0; left: 0; overflow:hidden; }

#overvid { width: calc(100% - 60px); height: 100vh; display: none; z-index: 222990008 !important; margin:0; padding:0 30px; position: fixed; top:0; left: 0; overflow:hidden; background: url('../_img/vidclose.png') top right no-repeat rgba(175,0,65,.8); }
#overvid .embed-container { top: 50%; transform: translateY(-50%); }
#overvid .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; z-index: 100; }
#overvid .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#videolink figure { background-size: cover; background-repeat: no-repeat; background-position: center center; }

label.error { font-size: 80%; color: #c00; display: block; float: right; }
#checked-error { float: none; }

#addedprod {
	position: fixed;
	top: -60px;
	left: 0px;
	width: calc(100% - 20px);
	background-color: rgba(0,0,0,.8);
	color: #fff;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	z-index: 10000000;
    font-family: 'gotham';
}

#addedprod a { color: #fff; text-decoration: underline; }
#addedprod a:hover { color: #ccc; }

/* HEADER */

header {
	display: block;
	overflow: visible;
	position: fixed;
	width: 100vw;
	height: 110px;
	padding: 20px 0 0 0;
	background: url(../_img/bk-header.png) center bottom repeat-x;
	vertical-align: top;
	top: 0;
	left: 0;
	z-index: 1000;
}

header .wrapper { overflow: visible; }

#logo {
	display: block;
	overflow: hidden;
	position: relative;
	width: 230px; /* width: 160px; */
	height: auto;
    font-family: 'gotham';
	font-size: 65%;
	color: #ae0041;
	margin: 0px;
	padding: 0px 0 5px 0;
	float: left;
	line-height: 1em;
}

#logo h1 { font-weight: normal; font-size: 155%; margin: 7px 0 0 0; padding: 0; }
#logo img { width: 100%; height: auto; }


#logo40 {
	display: block;
	overflow: hidden;
	position: absolute;
	height: auto;
	margin: 0px;
	z-index: 100;
}


#floater { display: block; overflow: hidden; width: calc(100% - 300px); height: 50px; display: block; float: right; }

#language { display: block; float: right; list-style: none; margin: 0; padding-left: 0; }
#language li { display: block; float: left; margin: 0 0 0 10px; padding: 0px; }
#language li a {
	display: block;
	width: 31px;
	height: 30px;
	background: url(../_img/flags.png) top left no-repeat;
}

#language li a.ita { background-position: left 0px !important; }
#language li a.eng { background-position: left -30px !important; }
#language li a.esp { background-position: left -60px !important; }
#language li a.fra { background-position: left -90px !important; }
#language li a.eng.usa { background-position: left -120px !important; }

#language li a.prevtop {
	display: block;
	width: 21px;
	height: 16px;
	background: url(../_img/top-preventivo.png) top left no-repeat;
	padding: 16px 0 0 11px;
	font-size: 60%;
	font-weight: bold;
    font-family: 'gotham';	
	color: #fff;
	text-align: center;
	margin-left: 20px;
}

li.search .searchfield {
	width: 140px;
	height: 28px;
	padding: 0 10px;
	border-radius: 15px;
	border: 1px solid #ccc;
	margin: 0px !important;
    background: #fff;
}

li.search .serachselect {
	width: 90px;
	height: 28px;
	padding: 0 10px;
	border-radius: 15px;
	border: 1px solid #ccc;
	margin: 0px 5px 0 0 !important;
	background: url(../_img/arrowdown.gif) no-repeat center right #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

li.search .send {
	width: 26px;
	height: 26px;
	border-radius: 15px;
	background: url(../_img/search.png) center center #ae0041;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	border: 0px;
	margin: 2px 10px 0 0 !important;
	text-align: center;
	float: right;
	display: block;
	background-size: cover;
	overflow: hidden;
	cursor: pointer;
}
li.search .send:hover, .content.menu li.search .send:hover { background-color: #000; }

#social { display: block; float: left; list-style: none; margin: 0; padding: 0; }
#social li { display: inline-block; margin: 0 5px; box-shadow: 1px 1px 3px #222; background: #ae0041; border-radius: 51%; -webkit-border-radius: 51%; padding: 0px !important; margin-top: 2px; }
#social li a:hover { opacity: 0.7; filter: alpha(opacity=70); }
#social li a img { width: 50px; height: 50px; display: block; }

nav { display: block; overflow: hidden; width: calc(100% - 300px); height: auto; display: block; float: right; }

#menu.browser {
    font-family: 'gotham';
	font-size: 100%;
	color: #000;
	width: 100%;
	margin: 0 0 0 0;
	text-align: justify;
	overflow: visible;
	height: 73px;
	padding: 0 !important;
}

#menu.browser:after { content: ""; clear: both; display: block; width: 100%; }
#menu.browser > li { display: inline-block; height: 20px; overflow: visible; }
#menu.browser > li:last-child { padding-left: 100%; }
#menu.browser > li > a { text-decoration: none; display: block; text-transform: uppercase; color: #000; height: 20px; padding-bottom: 20px !important; }
#menu.browser a:hover { color: #ae0041 !important; }
#menu.browser .submenu a:hover { color: #fff !important; }

#menu.browser .submenu { position: absolute; top: 65px; display: none; color: #ae0041; padding: 20px 0 0 0; background: #b9cdd7; }
#menu.browser .submenu li { display: block; padding: 5px 15px 7px 15px; overflow: hidden; border-top: 1px solid #899aa3; }
#menu.browser > li:hover > .submenu li:hover { background-color: #ae0041; }
#menu.browser > li:hover > .submenu li:hover a { color: #fff; }
#menu.browser .submenu li a { display: block; color: #000; text-decoration: none; padding: 2px 0 !important; }
#menu.browser > li:hover > .submenu { display: block; }

.norow { border: none !important; }


.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

#button.mobile { float: right; margin-top: 0px;  display: none; }

#menu.browser li.search { display: none; }

#menu.mobile {
	position: fixed;
	display: none;
	overflow: hidden;
	width: 300px;
	top: 85px;
	right: 0;
	margin-right: -355px;
	padding: 50px 25px;
	height: calc(100% - 199px) !important;
	background: #ae0041;
	font-family: 'gotham';
	text-transform: uppercase;
	z-index: 999;
	list-style: none;
	text-align: right;
	font-size: 125%;
}
#menu.mobile .submenu { overflow: hidden; }
#menu.mobile > li { display: block; font-size: 160%; border-bottom: 1px solid #fff; }
#menu.mobile > li > ul { border-top: 1px dotted #ffcbdd; list-style: none; margin-bottom: 30px !important; }
#menu.mobile a { display: block; text-decoration: none; color: #fff !important; margin: 10px 0 7px 0; }
#menu.mobile a:hover { color: #000 !important; }
#menu.mobile > li > ul > li a { font-size: 80% !important; padding: 0 0 3% 3%; width: 94%; text-align: right; color: #ffcbdd !important; display: block; }
#menu.mobile .submenu { display: none; text-align: right; padding: 0px; }


#claim {
	display: block;
	color: #fff;
    font-family: 'gotham';
	font-size: 1.7vh;
	padding-top: 7vh !important;
	margin-bottom: 4vh;
	font-weight: bold;
}

#claim p { text-align: center; width: 80%; margin: 0 auto; }

.collink { display: block; overflow: hidden; width: 100%; }
.collink .halfcolumn { width: calc(50% - 4px); float: left; vertical-align: middle; display: block; overflow: hidden; }
.collink .halfcolumn.right { text-align: right; float: right; line-height: 2em; }

.prevright { display: block; width: auto; position: absolute; right: 0; }

/* SLIDESHOW */

#slideshow.wrapper { overflow: visible !important; }
#slidehome::after {
	content: attr(title);
	position: absolute;
	display: block;
	background: url(../_img/bk-title.png) bottom left no-repeat;
	width: 68vw !important;
	color: #fff;
	padding: 8px 0 12px 45px;
    font-family: 'gotham';
	font-weight: bold;
	font-size: 2.2vw;
	text-transform: uppercase;
	left: -5vh;
	bottom: -8vh;
}

#slidehome {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	float: right;
	margin: 0 40px 5vh 0;
}

#slidehome figure {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	height: 300px;
	width: 150px;
  -webkit-transform: skewX(-15deg);
  -moz-transform: skewX(-15deg);
  -ms-transform: skewX(-15deg);
  -o-transform: skewX(-15deg);
  transform: skewX(-15deg);
  overflow: hidden;
}

#slidehome figure img {
	height: 100%; width: auto;
	margin-left: -8vh;
  -webkit-transform: skewX(15deg);
  -moz-transform: skewX(15deg);
  -ms-transform: skewX(15deg);
  -o-transform: skewX(15deg);
  transform: skewX(15deg);
 }

#highlights, #newshome { display: block; overflow: hidden; position: relative; }
#highlights .high, #newshome .high {
	position: relative;
	overflow: hidden;
	display: block;
	width: 28%;
	height: auto;
	float: left;
	background: #fff;
}

#newshome { background-color: rgba(255,255,255,.4); padding: 50px 0; margin: 50px 0; }

#newshome .high { height: 248px }
#newshome .high h2 { padding-top: 4px; }

#highlights .high h1, #newshome .high h1 {
	position: absolute;
	display: block;
	overflow: hidden;
	padding: 5px 12px 5px 17px;
	background: url(../_img/bk-boxes.png) bottom left no-repeat;
	color: #fff;
    font-family: 'gotham';
	font-weight: bold;
	font-size: 80%;
	margin: 0 !important;
	text-transform: uppercase;
	right: 0px;
	top: 0px !important;
	min-width: 170px;
	max-width: 80%;
	text-align: center;
	height: auto;
	z-index: 10;
}
#highlights .high:nth-child(2), #newshome .high:nth-child(2) { margin: 0 8% 0 8%	 !important; }
#highlights .high figure, #newshome .high figure, #highlights .high figure img, #newshome .high figure img { width: 100%; height: auto; }
#highlights .high:hover > a > figure, #newshome .high:hover > a > figure { filter: alpha(opacity=50); opacity: .5; }
#newshome .high h1 { font-size: 100%; }

.content {
	display: block;
	overflow: hidden;
	position: relative;
	width: 40%;
	height: auto;
	min-height: 62vh;
	float: right;
	padding: 20px;
	color: #000;
	background: rgba(255,255,255,0.6);	
	font-family: 'gotham_light';
	text-align: justify;
}
#highlights .high h1.caption { z-index: 998 !important; }
#newshome .high h1.caption { z-index: 998 !important; }

.content > h1 { font-size: 160%; margin: 0; padding: 0; color: #ae0041; font-weight: normal; font-family: 'gotham_medium'; text-align: left; }
.content > h2 { font-size: 140%; margin: 0; padding: 0; font-weight: normal; margin: 20px 0; text-align: left }

.content.prodot, .content.product { width: 70%; }
.content.menu { width: 20%; float: left; background: rgba(255,255,255,0.9); min-height: auto !important; }
.content.full { width: 100%; }
.content > p ~ h1, .content > p ~ h2, .content > p ~ h3 { color: #ae0041 !important; font-family: 'gotham'; font-weight: bold; }
.content > p ~ h1 { font-size: 140%; }
.content > p ~ h2 { font-size: 120%; }
.content > p ~ h3 { font-size: 100%; }
.content > p ~ a, .content > p ~ h2 a { color: #ae0041; text-decoration: none; }
.content > p ~ a:hover, .content > p ~ h2 a:hover { color: #444444; }

.newprod { position: absolute; display: block; right: 15px; width: 28px; height: auto; }

/* MODULI */

.module { margin: 40px 0 0 0; width: 100% !important; }
.module td { padding: 0 5px 8px 0; text-align: left; }
.module input[type='text'] , .module input[type='email'], .module input[type="file"] { background: #fff; border: solid 1px #bbb; margin: 0 0 0 30px; padding: 3px 6px; width: calc(100% - 42px); font-size: 80%; }
.module select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border: 1px solid #bbb;
    width: calc(100% - 28px);
    overflow: hidden;
    background: #fff url("../_img/arrowdown.gif") no-repeat 100% center;
    margin: 0 0 0 30px;
    padding: 3px 6px;
    font-size: 80%;
    }

.module select option:first-child, .module select option:selected { color: #999 !important; }

.excp input { width: calc(100% - 12px) !important; margin: 5px 0 0 0 !important; }

.module input[type="file"] { 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border: 1px solid #bbb;
}

.module select::-ms-expand { display: none; }
    
.module td small { float: right; margin-top: 15px; }
.module td a { text-decoration: underline; color: #ae0041; }
.module td a:hover { color: #000; }

.module textarea {
	width: calc(100% - 12px);
	padding: 6px;
	height: 140px !important;
	border: #bbb 1px solid;
    resize: none;
}

.module .login, .loginacq {
	display: inline-block;
	background: #ae0041;
	padding: 10px;
	color: #fff;
	border: none;
	appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
	margin: 0px;
	width: auto;
	font-size: 120%;
	cursor: pointer;
}

.module .login:hover, .loginacq:hover { background-color: #666; }

.log { color: #fff !important; text-align: center; font-size: 120%; }
.loginbox {
	display: block;
	overflow: hidden;
	border: 0px;
	margin: 0px auto;
	width: 530px;
	color: #fff;
}
.loginbox td {
	display: table-cell;
	overflow: hidden;
	padding: 0 0 10px 20px;
}
.loginbox input[type="text"], .loginbox input[type="password"], 
	padding: 4px;
	border: 1px solid #000;
	width: 260px;
}
.loginbox input[type="submit"], .logout {
	padding: 3px 15px;
	font-size: 100%;
	color: #fff !important;
	background: #ae0041;
	border: 0px !important;
	cursor: pointer;
}
.logout { padding: 9px 15px; }
.loginbox input[type="submit"]:hover, .logout:hover { color: #ae0041; }

.imagesdocu { display: block; width: 100%; list-style: none; padding: 0; margin: 0; }
.imagesdocu li img { width: 100%; height: auto; margin: 0; padding: 0; display: block; overflow: hidden; }
.imagesdocu li { width: calc(100% / 3); box-sizing: border-box; padding: 0 !important; margin: 5px 1px 5px 5px; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; }

#tabs { list-style: none; padding: 0; margin: 0 0 50px 0; border-top: 1px solid #ae0041; text-align: right; }
#tabs li { padding: 5px 10px; display: inline-block; background: #ae0041; color: #fff; text-align: center; cursor: pointer; border-radius: 0 0 8px 8px;  }
#tabs li:hover { background-color: #666; }
#tabs li.active { background-color: #000; }

#loginform input[type="text"], #loginform input[type="password"] {
	padding: 12px;
	border: 1px solid #ae0041;
	width: calc(100% - 20px);
	margin: 10px 0 0 0;
	font-size: 100%;
	border-radius: 15px;
}
#loginform input[type="submit"] {
	padding: 10px 15px;
	font-size: 120%;
	color: #fff !important;
	background: #ae0041;
	border: 0px !important;
	cursor: pointer;
	margin: 10px 0 0 0;
	border-radius: 15px;
	float: right;
}
.loginform input[type="submit"]:hover, .logout:hover { color: #ae0041; }

/* FOOTER */

footer {
    font-family: 'gotham';
	display: block;
	overflow: hidden;
	position: relative;
	width: calc(100vw - 80px);
	max-width: 1280px;
	margin: 60px auto 80px auto;
	padding: 0 40px !important;
	color: #fff;
	font-size: 80%;
	text-align: right;
	line-height: 4em;
}
footer a { color: #fff; text-decoration: none; }
footer a:hover { color: #ae0041; }
footer span { margin-left: 6px; }
footer span a { padding: 0 6px; border-left: 1px solid #fff; }



/* NEW PRODOTTI MENU */

#prodottimenu { display: block !important; overflow: hidden !important; width: 100% !important; }

#prodottimenu ul {
	position: relative;
	overflow: hidden;
	display: block;
	list-style: none !important;
	padding: 0 0 10px 0;
	width: 100%;
	margin: 0;
}
#prodottimenu ul li > ul { list-style: disc !important; padding-left: 25px; width: calc(100% - 25px); }
#prodottimenu ul li a { display: block; color: #000; text-decoration: none; font-family: 'gotham'; line-height: 1.2em !important; font-size: 90%; margin-bottom: 4px; }
#prodottimenu ul li a:hover, #prodottimenu li.active > a, .prodot h1 strong { color: #ae0041; font-weight: none !important; }
#prodottimenu > ul > li h3 { font-size: 95%; color: #ae0041; margin: 0 0 4px 0; font-weight: bold; }

.product h1 { font-weight: none !important; color: #000;font-family: 'gotham_light'; text-align: left; line-height: 1.2em; }
.product .scheda { width: calc(30% - 20px); float: right !important; font-size: 85%; display: block; margin-right: 2%; padding: 10px; margin-bottom: 20px; }
.product .scheda h1 { color: #ae0041; font-weight: none !important; padding: 0 0 10px 0; margin: 0 0 20px 0; font-size: 150%; border-bottom: 1px solid #ae0041; }
.product .scheda figure { width: 100%; padding: 0; margin: 0; }
.product .scheda figure img { width: 100%; height: auto; padding: 0; margin: 0; }
.product .scheda .schlink { padding: 0 0 0 0; margin: 20px 0 0 0; font-size: 150%; border-top: 1px solid #ae0041; }
.product .scheda .schlink a { padding: 10px 15px; margin: 0; border-right: 1px solid #ae0041; height: 24px; width: calc(33% - 32px) !important; float: left; text-align: center; }
.product .scheda .schlink span { padding: 10px 15px; margin: 0; height: 24px; width: calc(33% - 32px) !important; float: left; text-align: center; }
.product .scheda .schlink img { height: 30px; width: auto; }
.product h1 { color: #ae0041; font-weight: none !important; text-transform: uppercase; font-size: 160%; }
.product h1 small { font-size: 60%; }
.product h1 a:hover { color: #999; }
.product .scheda h1 { text-align: left;}

.options { display: block; padding: 0 0 10px 0; margin: 0 0 80px 0; overflow: hidden; list-style: none; }
.options li { display: block; padding: 10px 0 10px 0; border-bottom: 1px dotted #ccc; overflow: hidden; }
.options li strong a, .options li strong.nolink { display: block; vertical-align: top; font-size: 140%; color: #ae0041; }
.options li strong a:hover { color: #444; }
.options li div { display: block; }


.content.menu #reg.search { margin-top: 30px; padding-top: 20px; border-top: 1px solid #999; display: block; }
.content.menu #mob.search { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #999; display: none; }
.content.menu #mob.search h3 { color: #ae0041; }
.content.menu .search .searchfield {
	width: calc(100% - 22px);
	height: 28px;
	padding: 0 10px;
	border-radius: 15px;
	border: 1px solid #666;
	margin: 0 0 10px 0 !important;
    background: #fff;
}

.content.menu .search .serachselect {
	width: 70%;
	height: 28px;
	padding: 0 10px;
	border-radius: 15px;
	border: 1px solid #666;
	margin: 0px 5px 0 0 !important;
	background: url(../_img/arrowdown.gif) no-repeat center right #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.content.menu .search .send {
	width: 15%;
	height: 28px;
	border-radius: 15px;
	background: url(../_img/search.png) center center #ae0041;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	border: 0px;
	margin: 0 !important;
	text-align: center;
	float: right;
	display: block;
	background-size: cover;
	overflow: hidden;
	cursor: pointer;
}


#company.randd .text.full { width: 100%; display: block; float: none; }


/* ACCORDION */

#productsmenu { display: block !important; overflow: hidden; float: left; width: 65% !important; }

#productsmenu ul {
	position: relative;
	overflow: hidden;
	display: block;
	list-style: disc !important;
	padding: 0 0 10px 20px;
	width: 100%;
	margin: 0;
}

ul li { text-align: left !important; }
#productsmenu ul li a { color: #000; text-decoration: none; font-family: 'gotham'; line-height: 1.4em !important; }
#productsmenu ul li a:hover, #productsmenu li.active > a, .prodot h1 strong { color: #ae0041; font-weight: none !important; }

.companyfig { width: calc(100% - 30px); height: auto; background-color: #fff; padding: 10px; margin: 10px 0 20px 0; border: 5px solid #ae0041; }
.companyfig img { width: 100%; height: auto; display: block; overflow: hidden; }


li.prodotto { max-width: 85% !important; }
.prodot h1 { font-weight: none !important; color: #000;font-family: 'gotham_light'; text-align: left; line-height: 1.2em; }
.prodot .scheda { width: calc(30% - 20px); float: right !important; font-size: 85%; display: none; margin-right: 2%; padding: 10px; }
.prodot .scheda h1 { color: #ae0041; font-weight: none !important; padding: 0 0 10px 0; margin: 0 0 20px 0; font-size: 150%; border-bottom: 1px solid #ae0041; }
.prodot .scheda figure { width: 100%; padding: 0; margin: 0; }
.prodot .scheda figure img { width: 100%; height: auto; padding: 0; margin: 0; }
.prodot .scheda .schlink { padding: 0 0 0 0; margin: 20px 0 0 0; font-size: 150%; border-top: 1px solid #ae0041; }
.prodot .scheda .schlink a { padding: 10px 20px; margin: 0; border-right: 1px solid #ae0041; height: 24px; width: calc(33% - 40px) !important; float: left; text-align: center; }
.prodot .scheda .schlink span { padding: 10px 20px; margin: 0; height: 24px; width: calc(33% - 40px) !important; float: left; text-align: center; }
.prodot .scheda .schlink img { height: 24px; width: auto; }
.prodot .scheda .schlink .preventivo { height: 24px; width: 24px; }
.prodot h1 a, .prodot h1 span { color: #ae0041; font-weight: none !important; text-transform: uppercase; font-size: 60%; }
.prodot h1 em { color: #000; font-weight: none !important; font-size: 100%; float: right; font-style: normal; }
.prodot h1 small { font-size: 60%; }
.prodot h1 a:hover { color: #999; }
.prodot .scheda h1 { text-align: left;}

.prodot .inside { width: 100%; font-size: 85%; display: block; line-height: 1.4em; }
.prodot .inside h1 { color: #ae0041; font-weight: none !important; padding: 0 0 20px 0; max-width: 100%; margin: 20px 0 20px 0; font-size: 180%; border-bottom: 1px solid #ae0041; }
.prodot .inside h2 { color: #444; font-weight: none !important; padding: 0 0 10px 0; margin: 10px 0 30px 0; font-size: 100%; float: left; width: auto; line-height: 1.2em; }
.prodot .inside h3 { color: #ae0041; font-weight: none !important; padding: 0 0 10px 0; margin: 10px 0 10px 0; font-size: 100%; float: right; width: auto; text-align: right; line-height: 1.2em; }
.prodot .inside figure { width: 100%; padding: 0; margin: 40px 0 60px 0; display: block; float: none; overflow: hidden; }
.prodot .inside figure img { width: 100%; height: auto; padding: 0; margin: 0; }
.prodot .inside .schlink { padding: 0 0 0 0; margin: 20px 0 0 0; font-size: 150%; border-top: 1px solid #ae0041; }
.prodot .inside .schlink a { padding: 10px 20px; margin: 0; border-right: 1px solid #ae0041; height: 24px; width: calc(33% - 40px) !important; float: left; text-align: center; }
.prodot .inside .manual, .prodot .inside .preventivo, #desc .contenuto .manual, #company.modulo .preventivo, #company .manual, .document, .attachments { width: auto; height: 32px !important; padding: 7px 0 11px 0; background-size: 32px 32px !important; padding-left: 46px; color: #ae0041; font-weight: bold; font-size: 130%; margin-top: 40px; display: block; }


.preventivo { margin-top: 60px; border: none !important; padding-top: 10px !important; font-weight: normal !important; font-size: 140% !important; font-family: 'gotham'; cursor: pointer; }
.preventivo.delete { font-weight: bold !important;  background: url('../_img/icon-preventivo-delete.png') center left no-repeat !important; }

.prodot h1.new { background: url(../_img/new.png) top right no-repeat; }
span.new img { height: 14px; width: auto; display: inline-block; margin-left: 0px; }

#desc .contenuto .manual { margin-top: 10px !important; margin-bottom: 20px !important; }
.manual, #desc .contenuto .manual { background: url('../_img/icon-pdf.png') top left no-repeat; margin-top: 40px; }
.document { background: url('../_img/icon-document.png') top left no-repeat; margin-top: 40px; }
.attachments { background: url('../_img/icon-reattach.png') 12px center no-repeat; margin-top: 40px; font-size: 160%; background-size: 32px 29px !important; background-color: #ae0041; color: #fff; padding: 8px 18px 8px 58px; width: auto; display: inline-block; line-height: 1.5em; border-radius: 10px; }
.attachments:hover { background-color: #000 !important; }
.manual:hover, .document:hover, .prodot .inside .preventivo:hover, #desc a:hover { color: #000 !important; }
.prodot .inside .preventivo, #company.modulo .preventivo, .addcart .preventivo { background: url('../_img/icon-preventivo.png') top left no-repeat; margin-top: 5px; }

.addcart .preventivo { margin-top: 0px !important; text-align: center; background-size: 30px 30px !important; background-position: center center; padding: 0px !important; height: 30px !important; width: 30px !important; }

.masonry { display: block; overflow: hidden; height: auto; float: none; position: relative; width: calc(100% + 20px); margin-left: -5px; padding-left:0; padding-right: 0;  }
.masonry .scheda { display: block !important; overlay: hidden !important; margin: 0 1.5% 30px 1.5% !important; float: left !important; }

#manuali nav > h3, #desc h1, #desc h2, #desc h3, #company .prodot > h1, #desc .contenuto a, #desc a { color: #ae0041; }
#company #desc { margin-top: 50px; }
#company ol li { padding-bottom: 8px; }

#company.modulo .content a { text-decoration: none; font-weight: bold; color: #ae0041; }
#company.modulo .content a:hover { color: #000; }

#map { width: 100% !important; height: 40vh; margin: 40px 0; }
.manuali { font-size: 90% !important; }
.manuali h2 { font-size: 120% !important; color: #000 !important; margin-top: 20px; border-top: 1px solid #999; padding-top: 20px; }
.manuali .contenuto {  line-height: 1.3em; }
.inside ul li { margin-bottom: 5px; }

.newsdett article { display: block !important; width: 100% !important; margin-bottom: 40px !important; padding-bottom: 40px !important; overflow: hidden; position: relative; }
.news article figure { margin: 0px; display: block; width: 100% !important; overflow: hidden; margin-bottom: 10px; }
.news article .text { margin: 0px; display: block; width: 100%; }
.news article figure img, .newsdett article figure img { display: block; width: 100%; height: auto; }
.news article date, .newsdett article date { font-weight: bold; }
.news article h2, .newsdett article h2 { color: #ae0041; text-align: left; }
.prodot.h1 h1 { font-family: 'gotham_medium' !important; }
.news > h1 { text-transform: uppercase; }

.newshome { color:#000;width:calc(100% - 10px);margin-left: 10px; font-size: 100%; font-weight: normal; font-family: 'gotham'; }
.newshome em { float: right; color: #ae0041; margin-right: 10px; font-size: 200%; line-height: 0.3em; font-style: normal ; }
.news article { display: inline-block !important;  width: 100% !important; margin: 0 21px 40px 0 !important; overflow: hidden; position: relative; }
#desc.newspage { vertical-align: top; }
#desc.newspage article { width: calc(50% - 25px) !important; vertical-align: top; }

.newsdett article figure { margin: 0 0 40px 0; display: block; width: 100% !important; overflow: hidden; }

.white { background-color: #fff !important; }
.columner { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; vertical-align: text-top; margin-bottom: 50px !important; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;
}
.columner p { margin: 0px; }
.columner li:first-child { margin-top: 0; }

#correlati.search .content > h2 { width: 100% !important; display: block; overflow: hidden; position: relative; color: #000; font-size: 200%; padding: 20px 0; margin: 20px 0 0 0; border-top: 1px solid #ccc; }
#correlati .prodot h1, #correlati .prodot h2 { color: #ae0041 !important; }

#fb-wrap { margin: 0px; float: left; display: block; width: 45% !important; overflow: hidden; position: relative; height: auto !important; }
#tw-wrap { margin: 0px; float: right; display: block; width: 45% !important; overflow: hidden; position: relative; }
.socialbox { margin-top: 20px; min-height: 100px !important; height: auto !important; }
#fb-wrap h2, #tw-wrap h2 { font-size: 105% !important; color: #ae0041; margin-top: 50px !important; padding-bottom: 10px !important; }
.fb-page { margin-bottom: 0px !important; }
#fb-root { display: none; }

.fblink { top: 0; right: 0; height: 25px; position: absolute; display: block; overflow: hidden; width: 25px; background: url(../_img/icon-fb.png) center center no-repeat #3b5998; }
.fblink:hover { background-color: #000; }

.inside.hider { padding-top: 20px; display: none; }
.inside.hider h2 { color: #ae0041; }
.inside.hider h3 { color: #000; }
.inside.hider p { margin-bottom: 40px; }
.inside.hider figure img { display: block; width: 100%; height: auto; }

#lookup figure img { width: 50%; height: auto; float: left; display: block; }

#company.randd article h2 { margin-top: 0px; }
#company.randd article .video { margin: 0px; float: left; display: block; width: 45% !important; overflow: hidden; }
.video.full { width: 100% !important; display: block; margin-top: 20px; }
.video .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; width: 100%; z-index: 100; }
.video .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.icondoc { float: right; width: auto; height: 24px; padding: 0; }
.icondoc img { width: auto; max-height: 24px; padding: 0; }
.offvoice { border-right: 1px solid #ae0041; }
.offvoice img { opacity: 0.25; }

/* CALENDARIO */

.calendar,.calendar * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.calendar {padding: 0; color: white; font-weight: 300; max-height: 248px; margin: 0px; width: 100%; font-family: 'gotham_medium' }
.calendar.small {font-size: 80%; font-weight: 100;}

.calendar-month-view {display: block;font-size: 120%;line-height:2em; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition: all 0.5s;transition:0.5s all;position:relative;text-align:center;background-color: #ae0041 !important; }
.calendar-month-view, .calendar-month-view * {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none; margin:0;}
.calendar-month-view-arrow {width: 10%;	position: absolute;	top: 0;	color: #fff; cursor: pointer; height: 100%; font-size: 160%; line-height: 1.2em; }
.calendar-month-view-arrow:hover {background: #000 !important; }
.calendar.spec-day .calendar-month-view-arrow {	display: none;}

[data-dir=left] {left:0;}
[data-dir=right] {right: 0;}


.letrasDay {display: block;height:20px;line-height:20px;text-align:center; width: calc(100% - 4px); margin-left: 2px; }
	.letrasDay div {background: #000; width: 14.28%;margin: 0 !important;padding: 2px 0 0 0 !important;position: relative;display: block;float:left;color: #fff;border:solid #eee;border-width:2px 0 0 2px;overflow:hidden;}

.calendar:hover .calendar-month-view {background: #ae0041 !important;}
.calendar:hover .calendar-month-view-arrow {color: #fff;}
.calendar-holder { width: calc(100% - 4px); margin-left: 2px; height: 300px;position: relative;overflow: hidden;}
.calendar-grid {width:100%;height: 100%;position: absolute;top: 0;}
.calendar.spec-day .calendar-grid {display: none;}

.calendar-day {width: 14.28%; margin: 0 !important;padding:0 !important; height: calc(100% / 6); min-height: 14px; max-height: 32px; position: relative;display: block;float:left;color: #777;border:solid #eee;border-width:2px 0 0 2px;overflow:hidden; font-size: 140%;}
.calendar-day.have-events {cursor: pointer; background-color: #ae0041 !important; color: #fff; }
.calendar-day.have-events:hover {background-color: #000 !important;}

.calendar-day:nth-child(7n),.letrasDay div:nth-child(7n) {border-right: 0;}
.calendar-day:nth-child(7n+1),.letrasDay div:nth-child(7n+1) {border-left: 0;}
.calendar .calendar-grid .calendar-day.this-day {background: #eee; color: #aaa; font-weight: bold; }
.calendar .calendar-grid .other-month.have-events:hover {color: white;}
.calendar .calendar-grid .other-month.have-events .date-holder {color: #ae0041;}
.calendar-day.have-events.oldevents .date-holder {cursor: pointer; background-color: #daa !important; color: #fff; }
.calendar .calendar-grid .other-month.have-events .date-holder {color: #ae0041;}
.calendar-day.other-month.have-events .date-holder { background-color: #ddd !important;}
.calendar-day.have-events:hover .date-holder {background: #000 !important; color: #fff !important;}

.calendar-day .date-holder {font-size: 90%; position: absolute; text-align: center; width: 100%; padding: 5px 0;}
.calendar-day .event-notif-holder {
	height: 90%;
	height: -moz-calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	margin: 5px;
	position: absolute;
	top: -55%;
	left: -65%;
}
.calendar-day .event-notif {
	height: 10%;
	width: 10%;
	background: transparent;
}

.calendar-specific {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	color: #666;
}
.calendar.spec-day .calendar-specific {
	display: block;
	overflow: hidden;
}
.calendar-specific .specific-day {
	width: 100%;
	display: block;
	margin: 2px 0;
	cursor: pointer;
	text-align: left;
	color: #fff;
	padding: 4px 0 4px 12px !important;
	background: #ae0041 url(../_img/calendar-back.png) top right no-repeat !important;
}
.calendar-specific .specific-day:hover {
	background-color: #000 !important;
}

.specific-day-info[i=day] {
	font-size: 230%;
	display: inline-block;
}
.specific-day-info[i=month] {
	font-size: 200%;
	display: inline-block;
	margin-left: 6px;
}
.calendar-specific .specific-day-scheme {
	display: inline-block;
	height: 100%;
	width: 100%;;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	padding: 0px;
	margin: 0px;
	background: #ddd;
}
.calendar-specific .specific-day-scheme::-webkit-scrollbar {
	width: 10px;
}
.calendar-specific .specific-day-scheme::-webkit-scrollbar-track {
	background: transparent;
}
.calendar-specific .specific-day-scheme::-webkit-scrollbar-thumb {
	background: rgb(34,34,34);
}

.specific-day-scheme .specific-day-scheme-event {
	padding: 7px 1em;
	margin: 0 0 2px 0 !important;
	background: #999 !important;
	color: #fff;
	display: block;
	overflow: hidden;
	position: relative;
}
.specific-day-scheme .specific-day-scheme-event:hover { background: #ae0041 !important; color: #fff !important; }

.specific-day-scheme .specific-day-scheme-event:first-child {
	margin: 0;
}
.specific-day-scheme .specific-day-scheme-event:last-child {
	margin-bottom: 0;
}

.calendar .specific-day-scheme-event h1 {
	font-size: 140% !important;
	font-weight: 400 !important;
}
.calendar .specific-day-scheme-event p[data-role=dur] {
	margin: 0;
}
.calendar .specific-day-scheme-event p[data-role=loc] {
	margin: 0;
	line-height: 1;
}
[data-color=normal] {
	background-color: transparent;
}
[data-color=normal] select,[data-color=normal] .calendar-month-view, [data-role=sub] nav a[data-color=normal], [data-color=normal] .checkbox-outer, [data-color=normal] .radio-outer,[data-color=normal] textarea,input:not([type=file])[data-color=normal], [data-color=normal] input:not([type=file]),[data-color=normal] .calendar-day,[data-color=normal] button, button[data-color=normal],[data-color=normal] a[data-role=button], a[data-role=button][data-color=normal],[data-color=normal] input[type=submit],[data-color=normal].accordion li, [data-color=normal].list li, [data-color=normal].olist li, [data-color=normal] .specific-day,[data-color=normal] .chart-bar,[data-color=normal] .calendar-specific .specific-day-scheme-event {
	background-color: #ccc;
}


/* RESPONSIVITY */

.cd-accordion-menu {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

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

@media screen and (max-width: 980px) {
	#language li.search { display: none !important; }
	#menu.browser li:not(.search) { display: none; }
	#button.mobile, #menu.browser li.search { display: block !important; }
	#menu.browser { width: auto !important; float: left; margin-top: 0 !important; }
	#slidehome figure { height: 30vw; width: 14vw; }
	#slidehome figure img { margin-left: -5vw; }
	#slidehome::after { font-size: 160%; bottom: -55px; width: 90vw !important; }
	#productsmenu, #prodottimenu { width: 100% !important; font-size: 160%; line-height: 1.7em; }
	.content.menu, .content.product, .content.prodot { margin-top: 0px !important; }
	.content.menu { margin: 0 auto 30px auto !important; float: right; }
	.prodot, .product { font-size: 90%; display: block; }
	#highlights .high.videohome { width: 100% !important; margin: 0 0 20px 0 !important; }
	#highlights .high.videohome h1 { font-size: 120% !important; width: auto; padding: 5px 30px 5px 40px; }
	#highlights .high:nth-child(2), #highlights .high:nth-child(1) { width: 48% !important; margin: 0 0 20px 0 !important; }
	#highlights .high:nth-child(2) { float: right !important; } #highlights .high:nth-child(1) { float: left !important; }
	
	#social { width: 100% !important; text-align: center; margin-bottom: 60px; }
	#social img { width: 64px !important; height: 64px !important; }
	
	#newshome .high { height: auto !important; }
	#newshome .high:nth-child(1) { width: 100% !important; margin: 0 0 20px 0 !important; }
	#newshome .calendar { height: auto !important; max-height: 366px !important; }
	#newshome .letrasDay, #newshome .letrasDay div { line-height: 42px; height: 48px !important; }
	#newshome .calendar-day { line-height: 32px; max-height: 46px !important; }
	#newshome .high:nth-child(3), #newshome .high:nth-child(2) { width: 48% !important; margin: 0 0 20px 0 !important; }
	#newshome .high:nth-child(3) { float: right !important; } #newshome .high:nth-child(2) { float: left !important; }
	
	footer { text-align: center; } footer span { display: block; margin-top: 10px; } footer span a:first-child { border: none !important; }
	.content { width: calc(100% - 25px) !important; margin-top: 30vh !important; }
	.socialbox { margin-top: 20px !important; }
	.scheda { width: calc(98% - 40px)  !important; margin-top: 50px !important; padding: 40px; font-size: 120% !important; }
	.inside { margin-top: 50px !important; font-size: 120% !important; }
	#correlati .prodot { margin-top: 80px !important; }
	.masonry .scheda { width: calc(47% - 20px) !important; }
	.masonry, #company.modulo .prodot { margin-top: 0px !important; }
	.columner { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; vertical-align: top; font-size: 120%; }
	#desc { font-size: 140%; }
	#desc.newspage article { width: 100% !important; vertical-align: top; }
	#claim { padding-top: 20px !important;  } #claim p { width: calc(100% - 80px); text-align: center; float: none; margin: 0 auto; }
	li.search .searchfield { width: 100px; }
	.product .scheda .schlink a { height: 40px; }
	.product .scheda .schlink img { height: 40px; width: auto; }
	.addcart .preventivo { height: 40px !important; width: 40px !important; background-size: 40px 40px !important; }
	.collink .halfcolumn { display: block; width: 100%; text-align: left !important; margin-bottom: 40px; padding-bottom: 40px; float: none; }
	.collink .halfcolumn h2 { text-align: left !important; }
	.content.menu #reg.search { display: none; }
	.content.menu #mob.search { display: block; }
	.content.menu .search .searchfield { width: 50% !important; height: 48px; font-size: 100%; }
	.content.menu .search .serachselect { width: 30% !important; height: 48px; font-size: 100%; }
	.content.menu .search .send { width: 8% !important; height: 50px; }
	#company.randd figure, #company.randd article .video, #company.randd .text { width: 100% !important; display: block; float: none; margin-bottom: 24px; }
	
}