@charset "UTF-8";
/* CSS Document */

/*

rosso #ec1a29
giallo acs #fdc500

*/

/** BASIC **/
@font-face {
	font-family: "Roboto";
	src: url('../fonts/roboto-regular.woff') format('woff'), url("../fonts/roboto-regular.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url('../fonts/roboto-italic.woff') format('woff'), url("../fonts/roboto-italic.ttf") format("truetype");
	font-weight: 300;
	font-style:italic;
}

@font-face {
	font-family: "Roboto";
	src: url('../fonts/roboto-bold.woff') format('woff'), url("../fonts/roboto-bold.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Roboto";
	src: url('../fonts/roboto-bolditalic.woff') format('woff'), url("../fonts/roboto-boldItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
}

::selection {
	background: #ec1a29;
	color: #fff;
}

::-moz-selection  {
	background: #ec1a29;
	color: #fff;
}

.cookielawdiv {
	position: fixed;
	bottom:0px;
	/*height: 60px;*/
	width: 90%;
	margin-left:5%;
	z-index: 999;
	padding:15px;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	text-align: center;
}

.cookielawdiv #accNone{
	position: absolute;
	top:-25px;
	right: -25px;
	/*height: 60px;*/
	z-index: 999;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.language-locator {
	background-color: #ec1a29;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 8px 24px;
}

.language-locator a {
	color: #fff;
}

.language-locator a:hover {
	color: #eee;
}


.cookielawdiv button {
	border:none;
	background-color: #ec1a29;
	color: #fff;
	margin:0px 10px;
}
.cookielawdiv a, .cookielawdiv a:visited {
	color:#fff;
}

.cookielawdiv a:active, .cookielawdiv a:focus, .cookielawdiv a:hover {
	color:#ec1a29;
}

body {
	color:#333;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 100%;
	padding-top: 70px;
}

body.home {
	padding-top: 210px;
}

a {
	color:#333;
	text-decoration: none;
}

a:hover, a:active {
	color: #ec1a29;
	text-decoration: underline;
	transition: 200ms;
}

strong, b {
	font-weight: 500;
}

h1, h2, h3, h4 {
	color: #333;
	margin-top: 45px;
	margin-bottom:15px;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child {
	margin-top: 0px;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.3em;
}

hr {
	border:none;
	border-bottom:solid 1px #eee;
	margin: 0px;
}


/** BOOTSTRAP OVERRIDES **/


.btn {
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border: none;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding: 15px;
}


.btn-primary {
	background-color: #ec1a29;
	color: #fff;
}


.form-control {
	border-radius: 0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active  {
	background-color: #ff2b3a;
	color: #fff;
}

.btn-primary.focus, .btn-primary:focus {
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.btn-secondary, .btn-secondary:visited {
	background-color: #266bac;
	color: #fff;
}

.btn-secondary:focus, .btn-secondary:hover,  .btn-secondary:active {
	background-color: #4485c2;
	color: #fff;
}

.btn-file {
	position: relative;
	overflow: hidden;
	box-shadow: none;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}


/** NAVIGATION **/

.topmenu {
	padding:10px 0;
	background-color: #eee;
	font-size: 0.8em;
	text-align: right;
	color:#333;
}
.topmenu .active {
	font-weight: 500;
	padding-left: 15px;
}

.topmenu a {
	display: inline-block;
	padding-left: 15px;
}

.topmenu a, .topmenu a:visited {
	color:#666;
}

.topmenu a:hover, .topmenu a:active, .topmenu a:focus  {
	color:#333;
}

#mainmenu .search .locale .btn {
	background: none;
	color: #666;
	border: solid 1px #666;
	margin-top: -10px;
	padding:10px;
	height: auto;
}

body.home #mainmenu {
	height: 210px;
}

#mainmenu {
	position: relative;
	background-color: #eee;
	height: 70px;
	padding:0px 0px;
	font-size: 0.9em;
	z-index: 999;
}

#mainmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#mainmenu ul li {
	float: left;
	margin: 0px;
	padding:25px 10px;

}

#mainmenu a {
	color: #666;
	text-decoration: none;
	display: inline-block;
	height:24px;
}

#mainmenu a:hover {
	color: #666;
}

#mainmenu .input-group-addon {
	background: none;
	border: none;
}

#mainmenu .fa {
	/*font-size: 0.9em;*/
	line-height: 0.6;
}

#mainmenu .identity {
	padding:10px;
	height: 70px;
	text-align: center;
}

#mainmenu .identity img{
	height: 50px;
}

#mainmenu .pagelist {
	padding:0px;
	height: 70px;
}

#mainmenu .search {
	/*padding-top:10px;*/
	margin: auto;
}

/*#mainmenu .search form {*/
/*float:right;*/
/*width:65%;*/
/*}*/

#mainmenu #privatearea {
	margin-left: 10px;
}

#mainmenu #privatearea a {
	font-size: 0.8em;
	line-height: 1.5;
	max-width: 120px;
	margin: auto;
	padding: 15px 10px;
}

#mainmenu .search .btn {
	background-color:#ec1a29;
	color:#fff;
	height:50px;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow: none;
}

#mainmenu input {
	border: none;
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow: none;
	color: #666;
	font-weight: 300;
	text-align: left;
}

#mainmenu .btn-mobile-menu {
	margin-right: 15px;
	height: 50px;
	padding:5px 15px;
	margin-top: 20px;
	font-size: 2em;
	-webkit-box-shadow: none;
	-moz-box-shadow:  none;
	box-shadow: none;
	border:2px solid #999;
	color:#999;
	background: none;
}

#mainmenu ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #eee;
}
#mainmenu :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #eee;
	opacity:  1;
}
#mainmenu ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #eee;
	opacity:  1;
}
#mainmenu :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #eee;
}
#mainmenu ::-ms-input-placeholder { /* Microsoft Edge */
	color:    #eee;
}


.sub-mainmenu {
	position: absolute;
	top:50px;
	width:100%;
}

#mainmenu.fixedmenu {
	position: fixed !important;
	width: 100%;
	top:0px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
	background-color:rgba(238,238,238,0.95);

}

.dropdownmenu {
	z-index: 999;
	width: 70%;
	margin:0 auto;
	text-align: center;
	background-color: #eee;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
	padding: 30px;
}

#mainmenu .dropdownmenu  a.department-cover {
	height:120px;
	display: table;
	width:100%;
	margin-bottom: 15px;
	position:relative;
}

#mainmenu .dropdownmenu  a.department-cover div {
	display: table-cell;
	vertical-align:bottom;
}

#mainmenu .submenuMain {
	text-align: center;
}

#mainmenu .coverIMG {
	height:70px;
	margin-bottom:5px;
	display: flex;
	align-items: baseline;
	justify-content: center;
	overflow:hidden;
}

#mainmenu .coverIMG img {
	display: inline-block;
	max-height: 70px;
	max-width: 100%;
	opacity: 0.8;
	transition: opacity 0.3s ease;
}

#mainmenu .coverIMG img:hover {
	opacity: 1;
}

.dropdownmenu  a.department-cover img {
	max-width:100%;
	max-height: 120px;
	transition: all 200ms;
}

.dropdownmenu  a.department-cover img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}


/*******************************
* SEARCH MODAL
*******************************/
#searchModal .modal-dialog {
	max-width: 800px;
}

#searchModal .modal-content {
	background: none;
	border: none;
}

#searchModal form .form-control, #searchModal form .btn-secondary {
	background: none;
	color: #fff;
	font-weight: 100;
	line-height: 1;
	border: none;
	box-shadow: none;
	font-size: 2em;
}

.modal-backdrop.show {
	opacity: 0.7;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
*******************************/

#sideMenu {
	overflow-y:auto;
	position:fixed;
}

#sideMenu .modal-dialog {
	margin: auto;
	width: 100%;
	height: 100%;
}

#sideMenu .modal-body {
	padding: 15px 15px 80px;
}


#sideMenu.fade.in .sideMenu-dialog{
	left: 0;
}

.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom:none;
	background-color: #ec1a29;
}

.sideMenuMobile .modal-content {
	padding:0px;
	background-color:#333;
}

.sideMenuMobile a {
	transition: 100ms;
}

.modal.left .modal-content.sideMenuMobile .modal-body {
	padding:0px;
}

.sideMenuMobile {
	background: none;
	background-color:#333;
	box-shadow:none;
	color: #fff;
	font-size: 1.2em;
}

.sideMenuMobile ul, .sideMenuMobile ol {
	border:none;
	display: block;
	padding: 0;
	margin:0;
}

.sideMenuMobile ul li, .sideMenuMobile ol li {
	border:none;
	border-bottom: 1px solid #333;
	display: block;
	margin: 0px;
	box-shadow:none;
}

.sideMenuMobile ul li a, .sideMenuMobile ol li a{
	margin: 0px;
	padding:10px 15px;
	box-shadow:none;
	display: block;
	color:#fff;
}

.sideMenuMobile ul li:hover, .sideMenuMobile ol li:hover {
	margin: 0px;
}

.sideMenuMobile .sideSubMenu ul li, .sideMenuMobile .sideSubMenu ol li {
	background-color: #ec1a29;
}

.sideMenuMobile .sideSubMenu ul li a, .sideMenuMobile .sideSubMenu ol li a {
	color:#333;
}

.sideMenuMobile .sideSubMenu ul li a:hover, .sideMenuMobile .sideSubMenu ol li a:hover, .sideMenuMobile .sideSubMenu ul li a:active, .sideMenuMobile .sideSubMenu ol li a:active, .sideMenuMobile .sideSubMenu ul li a:focus, .sideMenuMobile .sideSubMenu ol li a:focus {
	color:#333;
	background-color: #fff;
}

.sideMenuMobile ul li a:hover, .sideMenuMobile ol li a:hover {
	box-shadow:none;
	background-color:#ec1a29;
	color:#fff;
	text-decoration: none;
}

.sideMenuMobile h1, .sideMenuMobile h2, .sideMenuMobile h3, .sideMenuMobile h4, .sideMenuMobile h5, .sideMenuMobile h6 {
	background:none;
	box-shadow: none;
	color: #333;
	font-size: 1.2em;
	font-weight:500;
	line-height: 32px;
	margin: 0px;
}

.sideMenuMobile .modal-body h1, .sideMenuMobile  .modal-body h2, .sideMenuMobile  .modal-body h3, .sideMenuMobile  .modal-body h4, .sideMenuMobile  .modal-body h5, .sideMenuMobile  .modal-body h6 {
	color: #ec1a29;
	padding-left:15px;
	padding-top:30px;
}

/* FLIPCARDS */

.panel {
	width:200px;
	height:200px;
	/*float: left;*/
	position: relative;
	font-size: .8em;

	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.panel .front {
	/*float: none;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: inherit;
	height: inherit;
	border: 1px solid #ccc;
	text-align: center;

	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	transform: rotateX(0deg) rotateY(0deg);

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	/* -- transition is the magic sauce for animation -- */
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.panel.flip .front {
	z-index: 900;

	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.panel .back {
	/*float: none;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 800;
	width: inherit;
	height: inherit;



	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
	transform: rotateY(-179deg);

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	/* -- transition is the magic sauce for animation -- */
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.panel .back a {
	display: block;
	width:100%;
	height: 100%;
	margin:0px;
	padding:80px 30px;
}

.panel.flip .back {
	z-index: 1000;
	background-color: #ec1a29;

	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
	transform: rotateX(0deg) rotateY(0deg);

}

.event-1, .event-2, .event-3, .event-4 {
	padding-top: 100px;
	padding-left: 0;
	padding-right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

.event-1 h3, .event-2 h3, .event-3 h3, .event-4 h3 {
	color: #fff;
}

.event-1 {
	background-image: url('../images/bg-banner-1.jpg');
}
.event-2 {
	background-image: url('../images/bg-banner-2.jpg');
}
.event-3 {
	background-image: url('../images/bg-banner-3.jpg');
}
.event-4 {
	background-image: url('../images/bg-banner-4.jpg');
}

/* -- X axis rotation for click panel -- */
.click .front {
	cursor: pointer;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.click.flip .front {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.click .back {
	cursor: pointer;
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}
.click.flip .back {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

/** CHI SIAMO **/
.photo-container {
	position: relative;
}

.photo-container-content {
	position: absolute;
	height: 100%;
	width: 100%;
	top:0;
	color: whitesmoke;
	font-size: 1.5em;
}

.photo-container-content h1, .photo-container-content h2,
.photo-container-content h3, .photo-container-content h4,
.photo-container-content h5 {
	margin-bottom: 0;
	color: whitesmoke;
}

.photo-container-content h1 {
	font-size: 2.5em;
}

.photo-container-content h1 span.odometer-digit {
	vertical-align: text-bottom !important;
	display: inline !important;
}

#structure-text p {
	margin: 0 25%;
}

.padded-content {
	padding: 20% 15%;
}

.centered-content {
	position: absolute;
	width: 100%;
	margin: 0 -15px;
	top: 50%;
	transform: translateY(-50%);
}

.bg-darkwhite {
	background-color: #F0F0F0;
}

.bg-redati {
	background-color: #ec1a29;
	color: white;
}

.bg-redati h1,.bg-redati h2,.bg-redati h3,
.bg-redati h5,.bg-redati h5 {
	color: white;
	margin-bottom: 0;
}

#company-data {
	font-size: 1.5em;
}

/** PAGE **/

.section-page {
	padding: 30px 0 60px;
}

.page-title {
	background-color: #ddd;
	padding:15px 0;
	color:#eee;
}

.page-title h1, .page-title h2, .page-title h3 {
	margin-top: 0;
	margin-bottom: 0;
}


/** HOME **/

.section-pricelist {
	padding: 45px 0px;
	background-color:#eee;
}

.section-pricelist img {
	margin-bottom: 30px;
}


.section-events {
	padding: 45px 0px;
	background-image: url('../images/eventi-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	color:#fff;
}

.section-events h1, .section-events h2, .section-events h3, .section-events h4, .section-events h5, .section-events p {
	color:#fff;
}

.banner-section .col-md-4, .banner-section .row {
	padding: 0px;
	margin:0px;
}

/** PARALLAX **/
.parallax-container-scroll {
	background-size: auto;
}

.parallax-container-fixed {
	background-attachment: fixed;
}

/** CAROUSEL **/

.carousel-item .carousel-caption {
	text-align: left;
	color:#333;
	top:60px;
	bottom: auto;
	right:auto;
}

.carousel-item .carousel-caption h2 {
	background-color: #ec1a29;
	color:#fff;
	display: inline-block;
	padding: 5px 10px;
	margin-bottom:10px;

}


.section {
	padding: 60px 0px;
}

.section-products {
	padding: 60px 0px 0px 0px;
}

.section-products.highlights {
	background-color: #ffeeb5;
}

.section-shower {
	padding: 45px 0px;

	position: relative;

}

.section-shower img {
	margin-bottom: 60px;
}

.animation-container {
	padding:45px 0px !important;
	min-height: 500px !important;
}


/** PRODUCTS **/

.product-dhw-certs {
	margin-bottom: 15px;
}
.section-product-dhw-size {
	padding: 60px 0px;
}

.product-dhw-icon-single-spec img {
	width: 96px;
	height:96px;
}

.product-dhw-icon-specs {
	text-align: center;

	padding: 30px 0px;
}

.product-dhw-icon-specs .spec_desc {
	color: #999;
}

.product-dhw-icon-specs .spec_value {
	font-weight: 500;
	margin-top: 10px;
}

.section-product-dhw-components {
	padding: 60px 0px;
}

.product-dhw-cover {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

.product-dhw-cover img {
	max-height: 500px;
	margin: 0px auto;
	display: block;
}

.accessories .highlights-table {
	min-height: 390px;
}

.accessories .highlights-list {
	min-height: 250px;
	font-size: 0.8em;
}

.accessories .accessories-table {
	min-height: 450px;
}

.accessories table tbody {
	font-size: 0.8em;
}

.section-product-dhw-download {
	background-color: #f5f5f5;
	padding: 60px 0px;
}

.section-product-dhw-download .row {
	padding:0px;
	text-align: center;
}

.section-product-dhw-download a {
	margin-bottom: 30px;
	display: block;
}

.section-product-dhw-download .outer-box {
	height:100px;
	width:100%;
	margin-bottom: 15px;
	position: relative;
}

.section-product-dhw-download a.cover {
	width:100%;
	bottom:0px;
	position: absolute;
	margin-bottom: 0px;
}

.section-product-dhw-download a.cover img {
	margin: 0 auto;
	max-height: 100px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.section-product-dhw-download {
	padding:45px 0px;
}

.section-product-flue-download .row {
	padding:0px;
	text-align: center;
}

.section-product-flue-download a {
	margin-bottom: 30px;
	display: block;
}

.section-product-flue-download .outer-box {
	height:100px;
	width:100%;
	margin-bottom: 15px;
	position: relative;
}

.section-product-flue-download {
	padding:45px 0px;
	background-color: #f5f5f5;
}

.newsletter-subscribe {
	padding:60px 0px;
	background-color: #f5f5f5;
}

.section-product-flue-download a.cover {
	width:100%;
	bottom:0px;
	position: absolute;
	margin-bottom: 0px;
}

.section-product-flue-download a.cover img {
	margin: 0 auto;
	max-height: 100px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.section-search .row {
	padding:0px;
	text-align: center;
}

.section-search a {
	margin-bottom: 30px;
	display: block;
}

.section-search .outer-box {
	height:200px;
	width:100%;
	margin-bottom: 15px;
	position: relative;
}

.section-search {
	padding:60px 0px;
}

.section-search a.cover {
	width:100%;
	bottom:0px;
	position: absolute;
	margin-bottom: 0px;
}

.section-search a.cover img {
	margin: 0 auto;
	max-height: 180px;
}

.section-product-dhw-related {
	padding:60px 0px;
	background-color: #f5f5f5;
}

.section-product-dhw-related  .row {
	text-align: center;
}

.section-product-dhw-related a {
	margin-bottom: 30px;
	display: block;

	padding: 15px;
}

.section-product-dhw-related a.cover {
	margin: 0 auto;
	margin-bottom: 0px;
	max-height: 200px;
	background-color: #fff;

	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.section-product-dhw-related a.cover img {
	margin: 0 auto;
	margin-bottom: 0px;
	max-height: 170px;
}


.product-dhw-certs img {
	margin-bottom: 15px;
}

.section-product-dhw-overview {
	padding: 60px 0px;
	background-color: #f5f5f5;
}

.section-product-dhw-overview ol {
	list-style-type: none;
	padding-left: 15px;
	counter-reset: li;
}

.section-product-dhw-overview ol li {counter-increment: li; margin-bottom: 10px;}

.section-product-dhw-overview ol li::before {
	content: counter(li);
	height:25px;
	width: 25px;
	text-align: center;
	margin-right: 10px;
	display: inline-block;
	color:#fff;
	background-color: #ec1a29;
}

.section-product-dhw-specs {
	padding: 60px 0px;
	background-color: #f5f5f5;
}

.section-product-dhw-specs table tr > td:first-child {
	font-weight: 500;
}

.section-product-dhw-specs table tr td {
	border:none;
}

.section-product-dhw-specs table {
	border: solid 1px #ddd;
}

.section-product-dhw-specs table {
	background-color: #fff;
}

.section-product-dhw-accessories {
	padding: 60px 0px;
}

.departments-certs {
	margin: 30px 0px;
}

#inforequest {
	border:solid 1px #eee;
	background-color: #f5f5f5;
	padding:15px;
	margin-top: 30px;
}

.product-dhw-description {
	text-align: justify;
}


#cat-list ul {
	list-style-type:none;
	padding:0px;
	margin:30px 0px 0px 0px;

}

#cat-list li {
	padding:15px 0px;
	border-bottom:solid 1px #eee;
	font-size:0.8em;
}

#cat-list li a {
	color:red;
	text-decoration: underline;
}


/** SCROLL TO TOP **/
#scrolltotop {
	position: fixed;
	z-index:8000;
	bottom:80px;
	right:10px;
	padding:13px 16px;
	background: #ec1a29;
	color: white;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
	transition:opacity 500ms;
	cursor: pointer;
}

.materialInput_3RwLL input, .materialInput_3RwLL textarea, .materialPhone_NJtM_ input, .materialPhone_NJtM_ textarea, .materialTextarea_odxt6 input, .materialTextarea_odxt6 textarea {
	color:#f00 !important;
}

#scrolltotop .fa {
	color: white;
}

#scrolltotop:hover {
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
 }

#scrolltotop.closed {
	 opacity: 0;
	 transition:opacity 500ms;
 }

/** OWL CAROUSEL **/


.owl-carousel {
	margin: 0px auto;
	width:90%;
}

.owl-carousel .owl-item {
	height: 80px;
	width:60px;
}

.owl-carousel .owl-item a {
	display: block;
	background-color: #fff;

	width: 90%;
	padding:5px;

	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	text-align: center;

	position: absolute;
	bottom:30px;
}

.owl-carousel .owl-item img {
	max-height: 40px;
	max-width: 40px;
	margin: 0px auto;
	width: auto;
	height: auto;
}

.owl-carousel .owl-prev {
	position: absolute;
	top:10px;
	left:-15px;
}

.owl-carousel .owl-next {
	position: absolute;
	top:10px;
	right:-15px;
}

.gallery-disclaimer {
	text-align: center;
	width: 100%;
	padding:15px;
}

.dhw {
	color: #c74c3b;
}

.solar {
	color: #ed801b;
}

.flue-condensing {
	color: #71BE8B;
}

.flue-conventional {
	color: #60A1CC;
}

.flue-pellet {
	color: #BCCFBD;
}

#swipebox-overlay {
	background: rgba(0,0,0,0.7);
}

/**CONTENT **/

.form-control:focus {
	border-color: #ff7d1d;
}

.breadcrumb {
	margin:0px;
	padding: 0px;
	background: none;
	font-size: 0.8em;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color:#aaa;
}

.breadcrumb a:hover, .breadcrumb a:active {
	color:#666;
}

.breadcrumb-item + .breadcrumb-item::before {
	color:#aaa;
}

.breadcrumb-item.active {
	color:#aaa;
}

.breadcrumb > li + li:before {
	content: " > " !important;
}

/** FUMISTERIA **/

.btn-round {
	display: inline-block;
	text-decoration: none;
	/*IconColor*/
	width: 90px;
	height: 90px;
	line-height: 86px;
	font-size: 15px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-weight: bold;
	margin: 15px;

}

a.btn-round:hover, a.btn-round:active, a.btn-round:focus {
	color: black;
	text-decoration: none;
}

.btn-listinoverde {
	border: 2px solid #71BE8B;
}

.btn-listinoverde:hover, .btn-listinoverde:active, .btn-listinoverde:focus {
	background-color: #71BE8B;
}

.btn-listinoazzurro {
	border: 2px solid #60A1CC;
}

.btn-listinoazzurro:hover, .btn-listinoazzurro:active, .btn-listinoazzurro:focus {
	background-color: #60A1CC;
}

.btn-listinonero {
	border: 2px solid #BCCFBD;
}

.btn-listinonero:hover, .btn-listinonero:active, .btn-listinonero:focus {
	background-color: #BCCFBD;
}



#fluesystems-list .box-prodotto-titolo {
	padding: 10px 0px 5px 0px;
	-webkit-border-top-right-radius: 60px;
	-moz-border-radius-topright: 60px;
	border-top-right-radius: 60px;
}
#fluesystems-list .box-prodotto {

	padding:20px 0px 0px 0px;

}

#fluesystems-list.appID1 .box-prodotto{
	border-bottom:solid 4px #71BE8B;
}

#fluesystems-list.appID2 .box-prodotto{
	border-bottom:solid 4px #60A1CC;
}

#fluesystems-list.appID3 .box-prodotto{
	border-bottom:solid 4px #BCCFBD;
}

.box-prodotto tr, .box-prodotto th {
	border: solid 1px #ccc;
}

#fluesystems-list .box-prodotto img.img-fluid {
	display: block;
	margin:15px 0px 15px 15px;
	max-width: 60% !important;
	max-height: 120px !important;
	width:auto;
	height:auto;
	position: absolute;
	bottom: 0px;
}
#fluesystems-list .box-prodotto .cover-fum {
	width: 100%;
	height: 120px;
	margin-top: 30px;
}

.box-prodotto h4 {
	padding:0px;
	margin: 0 0 10px 0;
}

#fluesystems-list .table-responsive td {
	border:none;
	text-align: left;
	font-weight:500;
	word-break: break-word;
	padding: 5px;
}

#fluesystems-list .table-responsive th {
	border:none;
	background: none;
	text-align: left;
	font-weight: 300;
	padding: 5px;
}

.product-list .product-cover {
	margin-bottom:15px;
	display:inline-block;
}

.product-list .product-title {
	margin-bottom:30px;
	display:inline-block;
}

.fluesystems {
	padding:60px 0px;
}

.fluesystems .outer-box {
	width: 100%;
	height: 180px;
	position: relative;
	margin-bottom: 15px;
}

.fluesystems .item {
	text-align: center;
	margin-bottom: 60px;
}

.fumisteria-img, .fumisteria-testo {
	text-align:center;
	margin-bottom:15px;
}

.fumisteria-nav {
	font-size: 0.7em;
	min-height: 100px;
}

.fumisteria-nav img {
	height: 80px;
	width: auto;
}

.fluesystems .item a {
	display: block;
	width: 100%;
}

.dop-table {
	margin-top: 60px;
	font-size: 0.9em;
}

.dop-table img {
	max-height: 32px;
}

.dop-table table.table-responsive {
	display: block;
}

.dop-table thead {
	background-color: #ddd;
}

.dop-table thead tr.headers {
	border: none;
    font-size: 0.8em;
    text-align: center;
}

.dop-table thead tr.headers th{
    text-align: center;
}

.dop-table tbody td, .dop-table tbody th {
	font-size: 0.8em;
    text-align: center;
}

.dop-table.listinoverde .row {
	margin: 0;
	padding-top: 10px;
}

.dop-table.listinoverde tr th, .dop-table.listinoverde tr td {
	/*border: 1px solid #71BE8B;*/
	border: 1px solid #ccc;
}

.dop-table.listinoverde tr.bg-white {
	background-color: #FFFFFF;
}
.dop-table.listinoverde tr.bg-lightgreen {
	background-color: #f5f5f5;
}
.dop-table.listinoverde tr.bg-darkgreen {
	background-color: #ccc;
}

.dop-table.listinoazzurro .row {
	margin: 0;
	padding-top: 10px;
}


.dop-table.listinoazzurro tr th, .dop-table.listinoazzurro tr td {
	border: 1px solid #ccc;
}

.dop-table.listinoazzurro tr.bg-white {
	background-color: #FFFFFF;
}
.dop-table.listinoazzurro tr.bg-lightblue {
	background-color: #f5f5f5;
}
.dop-table.listinoazzurro tr.bg-darkblue {
	background-color: #ccc;
}

.dop-table.listinonero .row {
	margin: 0;
	padding-top: 10px;
}

.dop-table h2 {
	font-size:1.2em;
	margin-bottom: 20px;
}


.dop-table.listinonero tr th, .dop-table.listinonero tr td {
	border: 1px solid #ccc;
}

.dop-table.listinonero tr.bg-white {
	background-color: #FFFFFF;
}
.dop-table.listinonero tr.bg-lightgray {
	background-color: #f5f5f5;
}
.dop-table.listinonero tr.bg-darkgray {
	background-color: #ccc;
}

.fluesystems .outer-box a {
	position: absolute;
	bottom: 0px;
}

.fluesystems .outer-box img {
	max-height: 180px;
	max-width: 100%;
	height:auto;
	width: auto;
}

.fluesystem-render img {
	display: block;
	margin: 0 auto;
	max-height: 600px;
}

.fluesystems-applications {
	text-align: center;
}

.fluesystems-applications img {
	max-height: 110px;
}

.fluesystems-applications-container {
	margin: 60px 0;
}

.fluesystems-products {
	margin-bottom: 60px;
}

.fluesystems-diameters .btn {
	margin-bottom: 15px;
	padding:15px 20px;
}

thead.flue-condensing {
	background-color:#71BE8B;
	color:#333;
}

thead.flue-conventional {
	background-color: #60A1CC;
	color:#333;
}

thead.flue-pellet {
	background-color: #BCCFBD;
	color:#333;
}

#expandableArea {
	padding: 60px;
	background-color: #444;
	margin-bottom: 30px;
	margin-top:-30px;
}

#expandableArea .table th {
	border:none;
}

#expandableArea .table tbody th {
	text-align: center;
}

th {
	font-weight:500;
}

#expandableArea .table {
	background-color: #fff;
	text-align: center;
}

#expandableArea img {
	max-height:60px;
	max-width: 100px;
	width: auto;
	height: auto;
}

/*
.fluesystems .table th {
	border:none;
}

.fluesystems .table tbody th {
	text-align: center;
	background-color: #eee;
}

.fluesystems .table {
	background-color: #fff;
	text-align: center;
}
*/

/*****************************************
	KIT DI SCARICO IN PAGINA PRODOTTO
**************************************** */

.kit-code {
	background-color: #f5f5f5;
	padding:20px 10px;
	display: block;
	text-align: center;
	font-size: 1.3em;
}

.kit-title {
	margin-top: 15px;
}

.kit-cover {
	height:100px;
	text-align: center;
	margin: 15px 0px;
}

.kit-cover img {
	max-height: 100px;
	display: inline-block;;
}

.kit-installazione {

}

.kit-accessori {

}

.fluesystems table img {
	max-height:60px;
	max-width: 100px;
	width: auto;
	height: auto;
}

.carets {
	text-align: center;
	margin-top:-90px;
	margin-bottom:60px;
}

.fa-caret-up {
	color: #444;
}

/* FOOTER */

.footer {
	background-color: #333;
	color:#999;
	padding: 60px 0;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.2em;
}

.langfooter {
	text-align:center;
	margin-top:30px;
}

.footer .contacts {
	font-size: 1.1em;
}

.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer p {
	color:#999;
}

.footer a:link, .footer a:visited {
	color:#999;
}

.footer a:hover, .footer a:active {
	color:#eee;
}

.footer .btn-default, .footer a.btn-secondary {
	background-color: #fff;
	color:#266bac;
}

.footer .content {
	margin-bottom: 30px;
}

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

.footer ul li {
	padding:0px 0px 5px 0px;
}

.footer .bottommenu {
	text-align: center;
	width: 100%;
}

.credits {
	background-color: #222;
	color: #666;
	padding:10px 0;
	text-align: center;
}

.credits a {
	color:#666;
}

#urgent-message {
	background-color: #ec1a29;
	color: whitesmoke;
	font-weight: bolder;
}

/* MEDIA QUERY */

/* DEFAULT STYLE IS FOR LARGE DESKTOP DISPLAYS */
@media screen and (min-width: 2000px) {
	.parallax-container-scroll {
		background-size: cover;
	}

	.mixed-content .container-fluid {
		padding: 0 15%;
	}
}

@media screen and (min-width: 1201px) {
	.mixed-content .container-fluid {
		padding: 0 10%;
	}
}


/* SMALL DESKTOP DISPLAYS AND TABLET LANDSCAPE*/
@media screen and (max-width: 1200px) {
	#mainmenu {

	}

	.dropdownmenu {
		width:100%;
		position:absolute;
		top:70px;
		left:0px;
	}

	.dop-table {
		font-size: 0.8em;
	}

	.search {
		/*padding-top:10px;*/
		float: right;
	}

	.accessories .highlights-table {
		min-height: 515px;
	}

	.accessories .highlights-list {
		min-height: 280px;
		font-size: 0.8em;
	}

	.accessories .accessories-table {
		min-height: 520px;
	}
}

/* TABLET PORTRAIT AND MOBILE LANDSCAPE*/
@media screen and (max-width: 992px) {

	body.home {
		padding-top: 330px;
	}

	body.home #mainmenu.fixedmenu {
		height: 330px;
	}

	#mainmenu.fixedmenu {
		height: 160px;
	}

	body {
		padding-top: 160px;
	}

	/*.fixedmenu .search {*/
	/*display: none;*/
	/*}*/

	.table-responsive {
		display:table;
	}

	#magicTable table.table-responsive {
		display: table;
	}

	.search {
		/*padding-top:10px;*/
		float: right;
	}

	/*.search a {*/
	/*float:right;*/
	/*display:block;*/
	/*}*/

	/*.search  form {*/
	/*width:60%;*/
	/*}*/

	/*.search .input-group {*/
	/*width:100%;*/
	/*}*/

	.dop-table {
		font-size: 0.7em;
	}

}

/* LARGE MOBILE PORTRAIT AND SMALL MOBILE LANDSCAPE*/
@media screen and (max-width: 768px) {
	.carousel-item .carousel-caption {
		top:60px;
	}

	body {
		padding-top: 90px;
	}

	#mainmenu {
		height: 90px;
	}

	#mainmenu.fixedmenu {
		height: 90px;
	}

	.footer {
		text-align: center;
	}

	table-responsive {
		display:block;
	}

	#expandableArea {
		padding: 10px;
	}

	.carets {
		text-align: center;
		margin-top:-40px;
		margin-bottom:60px;
	}

	/*#mainmenu .search  form {*/
	/*width:100%;*/
	/*}*/

	/*.search .input-group {*/
	/*width:100%;*/
	/*}*/

	#mainmenu .identity {
		text-align:left;
	}

	.dop-table table {
		overflow-x: scroll;
	}

	.photo-container-content {
		font-size: 1em;
	}

	.photo-container-content h1 {
		font-size: 1.3em;
	}

	#company-data {
		font-size: 1em;
	}

	#structure-text p {
		margin: 0 5%;
	}
}

/* SMALL MOBILE PORTRAIT*/
@media screen and (max-width: 575px) {
	.carousel-item .carousel-caption {
		top:30px;
	}
	.carousel-item .carousel-caption h2 {
		font-size: 1.4em;

	}

	.section-product-dhw-specs .table {
		font-size:0.8em;
	}

	.section-product-dhw-specs .table td {
		padding:5px;
	}

	.product-dhw-description {
		text-align: left;
	}


	.table-responsive {
		display:block;
	}

	.photo-container-content {
		font-size: 1em;
	}

	.photo-container-content h1 {
		font-size: 1.3em;
	}

	#company-data {
		font-size: 1em;
	}

	#structure-text p {
		margin: 0 5%;
	}
}

/* ULTRA SMALL MOBILE PORTRAIT*/
@media screen and (max-width: 450px) {
	#magicTable table.table-responsive {
		display: block;
	}

	.photo-container-content {
		font-size: 1em;
	}

	.photo-container-content h1 {
		font-size: 1.3em;
	}

	#company-data {
		font-size: 1em;
	}

	#structure-text p {
		margin: 0 5%;
	}
}