body{
	font-size: 16px;
	line-height: 20px;
	color: #666666;
	font-family: 'Century Gothic';
	padding: 0px;
	margin: 0px;
}
.home-page{
	background-image: url(img/header-bg.jpg), url(img/footer-bg.jpg);
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;
}
.quote-page{
	background-image: url(img/quote-banner.jpg), url(img/footer-bg.jpg);
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;
}
p{
	margin: 0 0 20px 0;
}

#website-header,
#website-content,
#website-footer{
	width: 960px;
	margin: 0 auto;
}
#website-header{
	height: 644px;
	position: relative;
}
#website-content{
	padding: 50px 25px;
	box-sizing: border-box;
	letter-spacing: 1px;
}
#website-footer{
	height: 189px;
	position: relative;
}
/*End Style Generale*/


/*Start Style Header*/
.wwp-logo{
	position: absolute;
	left: 0px;
	top: 66px;
}
.wwp-logo:hover{
	opacity: 0.8;
}
.header-title{
	position: absolute;
	left: 25px;
	top: 378px;
	font-weight: bold;
	color: #ffffff;
	width: 285px;
	border-bottom: 3px solid #002442;
	padding-bottom: 10px;
}
.contact-data{
	position: absolute;
	left: 25px;
	top: 423px;
	width: 285px;
	color: #ffffff;
	line-height: 24px;
}
.contact-data .fa{
	color: #ffa800;
	width: 25px;
}
.tagline{
	position: absolute;
	left: 25px;
	top: 532px;
	color: #003662;
	text-transform: uppercase;
	font-family: 'Times New Roman';
	font-weight: bold;
}

.topheader-but{
	position: absolute;
	background: url(img/scroll-next.jpg) right center no-repeat #0a2b5b;
	padding-right: 52px;
	padding-left: 12px;
	font-size: 17px;
	color: #ffffff;
	line-height: 42px;
	right: 0px;
	top: 20px;
	display: inline-block;
	text-decoration: none;
}
.topheader-but-back{
	position: absolute;
	background: url(img/scroll-left.jpg) left center no-repeat #0a2b5b;
	padding-right: 12px;
	padding-left: 52px;
	font-size: 17px;
	color: #ffffff;
	line-height: 42px;
	right: 0px;
	top: 20px;
	display: inline-block;
	text-decoration: none;
}
.topheader-but:hover,
.topheader-but-back:hover{
	color: #02a94e;
}
/*End Style Header*/


/*Start Style Content*/
.logo-scroller{
	position: relative;
	margin-top: 60px;
}
.slick-list{
	width: 840px !important;
	margin: 0 0 0 -420px !important;
	left: 50% !important;
}
.slick-slide{
	width: 130px;
	padding: 0 5px;
	height: 85px !important;
}
.slick-prev{
	position: absolute;
	left: 0px;
	bottom: 26px;
	padding: 0px !important;
	background: url(img/scroll-left.jpg) center no-repeat;
	width: 36px;
	height: 32px;
	border: none !important;
}
.slick-prev:hover{
	cursor: pointer;
	opacity: 0.8;
}
.slick-next{
	position: absolute;
	right: 0px;
	bottom: 26px;
	padding: 0px !important;
	background: url(img/scroll-next.jpg) center no-repeat;
	width: 36px;
	height: 32px;
	border: none !important;
}
.slick-next:hover{
	cursor: pointer;
	opacity: 0.8;
}
.slick-next:focus,
.slick-prev:focus{
	outline: none;
}
/*End Style Content*/



/*start style QUOTE Page*/
.cat-container{
	background: #eaeaea;
	padding: 30px 18px;
	float: left;
	width: 260px;
}
.cat-title{
	color: #003662;
	font-size: 32px;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 30px;
	text-transform: uppercase;
}	
#tabs ul{
	margin: 0px;
	padding: 0 0 0 15px;
	list-style-image: url('img/bullet-off.jpg');
}
#tabs ul li{
	margin-bottom: 15px;
}
#tabs ul li a{
	color: #666666;
	text-decoration: none;
	font-size: 17px;
}
#tabs ul li a:hover{
	color: #02a94e;
}
#tabs ul li a:focus{
	outline: none;
}
#tabs ul li:hover,
#tabs ul li.ui-state-active,
#tabs ul li.ui-state-active a{
	list-style-image: url('img/bullet-on.jpg');
	color: #02a94e;
}


.tabs-container{
	float: right;
	width: 600px;
}
.tab-content{
	font-size: 12px;
	color: #666666;
	text-transform: uppercase;
}
.tab-content table tr:hover td{
	color: #02a94e;
	cursor: default;
}

.quote-container{
	width: 960px;
	background: #003662;
	color: #ffffff;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto 30px auto;
	position: relative;
	display: none;
}
.quote-title{
	font-size: 25px;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 30px;
	display: inline-block;
}
.close-button{
	float: right;
	font-size: 12px;
	font-family: "Times New Roman", Times, serif;
}
.close-button:hover{
	cursor: pointer;
	color: red;
}
.products-table{
	font-size: 12px;
	text-transform: uppercase;
}
.rem-button{
	color: #ffffff;
	text-decoration: none;
	display: block;
}
.rem-button:hover{
	color: red;
}

.quote-form{
	font-size: 12px;
	margin-top: 50px;
}
.req{
	color: red;
}
.input-block{
	width: 200px;
	float: left;
	margin-right: 42px;
	margin-bottom: 10px;
}
.input-block input{
	width: 100%;
}
.but-req-quote{
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.but-req-quote:hover{
	opacity: 0.8;
	cursor: pointer;
}
.tagquote{
	font-size: 12px;
	position: absolute;
	display: inline;
	bottom: 15px;
	left: 500px;
}

.but-view-quote{
	float: right;
}
.but-view-quote:hover{
	opacity: 0.8;
	cursor: pointer;
}

.message-ok{
	width: 300px;
	position: absolute;
	left: 50%;
	top: 20px;
	border: 2px solid #cccccc;
	margin-left: -150px;
	background: green;
	color: #ffffff;
	text-align: center;
	padding: 15px; 
}
.message-nok{
	width: 300px;
	position: absolute;
	left: 50%;
	top: 20px;
	border: 2px solid #cccccc;
	margin-left: -150px;
	background: #a90000;
	color: #ffffff;
	text-align: center;
	padding: 15px; 
}
/*end style QUOTE Page*/





/*Start Style Footer*/
.footer-logo{
	position: absolute;
	left: 0px;
	bottom: 44px;
}
.credentials{
	position: absolute;
	left: 50%;
	bottom: 70px;
	margin-left: -300px;
	width: 600px;
	text-align: center;
	font-family: 'Arial';
	font-size: 12px;
	color: #312f2c;
}
.psd-logo{
	position: absolute;
	bottom: 44px;
	right: 0px;
}
/*End Style Footer*/