/******************************************************************************/
/* Carlo Gavazzi */
/******************************************************************************/
/**
* @license
* MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
*
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are
* explicitly restricted from using the Licensed Webfonts(s).
*
* You may obtain a valid license at the URLs below.
*
* Webfont: Tahoma Regular by Microsoft Corporation
* URL: https://www.myfonts.com/products/regular-tahoma-433051
* Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
*
* © 2023 MyFonts Inc. */
@font-face {
font-family: "TahomaRegular";
src: url('Fonts/TahomaRegular/font.woff2') format('woff2'), url('Fonts/TahomaRegular/font.woff') format('woff');
}
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com
*/
@font-face{
font-family:"DIN Next F W04 Regular";
src:url("Fonts/5466888/3c682694-7437-4927-a378-40144cbdf8eb.woff2") format("woff2"),url("Fonts/5466888/533a6a6e-cfca-4a0d-a46e-4ce6943541b7.woff") format("woff");
}
/* Reset CSS -> Thanks to Eric A. Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
/*font-style: inherit;*/
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align : top;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color : #333;
background : #fff;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/**************************************************************************** General Site Layout */
/* General */
a:link,
a.bb-url:link {
color : #333;
text-decoration : underline;
}
a:visited,
a.bb-url:visited {
color : #333;
text-decoration : none;
}
a:hover {
color: #f70d03;
text-decoration : none;
}
.small,
.smaller,
span.small,
span.smaller {
font-size : 12px;
line-height : 16px;
}
.read_more {
white-space : nowrap;
margin-top: 4px;
float: left;
}
sup {
font-size:xx-small;
vertical-align:top;
}
span.link_descr {
font-size : 0.75em;
}
strong {
font-weight : normal;
}
span.normal {
font-weight : normal;
}
span.color {
color : #333;
}
.hide,
.hidden {
position:absolute;
top:0;
overflow : hidden;
display:none;
}
/********************************************************************** Site */
html {
height : 100%;
}
body {
height : 100%;
width : 100%;
font-family : 'TahomaRegular', tahoma, arial, helvetica, sans-serif;
font-size : 15px;
line-height : 22px;
background-color : #fff;
color : #333;
}
div.wrapper {
position : relative;
margin : 0 auto;
width : 1190px;
height : 100%;
background-color : transparent;
}
div.site {
position : relative;
width : 1190px;
min-height : 100%;
height : auto !important;
height : 100%;
margin : 0;
padding : 0;
/*background-color : #fff;*/
display: inline-block;
}
div.site_wrap {
width : 1190px;
height : auto;
min-height : 100%;
height : auto !important;
height : 100%;
overflow : hidden;
background-color : #fff;
margin-bottom : -158px;
}
div.site_wrap:after {
content: "";
display: block;
height: 158px;
}
/***************************************************************************************** Header */
div.left_col {
float : left;
width : 230px;
margin : 0 30px 0 0;
}
div.content_col {
float : right;
width : 930px;
}
div.header {
clear : both;
height : 180px;
width : 100%;
}
div.bar {
position : relative;
margin : 25px 0 55px 0;
padding : 53px 25px 0 25px;
width : 930px;
height : 62px;
background-color : #6f7db9;
}
body.start div.bar {
position : relative;
margin : 25px 0 70px 0;
padding : 53px 25px 0 25px;
width : 930px;
height : 62px;
background-color : #6f7db9;
}
body.start div.bar {
width : 930px;
height : 285px;
padding : 0;
margin : 25px 0 50px 0;
background-color : #fff;
overflow : hidden;
}
p.logo {
margin-top : 25px;
width : 100%;
text-align : center;
}
p.logo a {
display: block;
}
p.logo img {
height: 115px;
}
/************************************************************************************* Navigation */
div.navigation {
float : left;
margin : 55px 0 50px 0;
width : 100%;
font-size : 16px;
line-height : 30px;
font-family :'DIN Next F W04 Regular', tahoma, arial, helvetica, sans-serif;
}
div.navigation ul { margin : 0; padding : 0; padding-bottom:4px; width : auto; } /* All UL */
div.navigation ul li { margin : 0; padding : 0; } /* All LI */
div.navigation ul:first-child { border-top:1px dotted #6f7dB9; } /* Very first A in list = Level 0.0 => add border-top */
div.navigation ul:first-child li.shown ul {
border : none;
}
div.navigation ul li.selected ul {
border-bottom : 1px dotted #6f7dB9;
}
div.navigation ul li a,
div.navigation ul li.shown { /* All A in level 0 or higher */
/* padding : 3px 0 1px 0; */
padding-left : 2px;
background-color : transparent;
border-bottom : 1px dotted #6f7dB9;
text-decoration : none;
display : block;
color : #333;
}
div.navigation ul li li a,
div.navigation ul li li.shown { padding-left : 20px; border:none; padding-bottom : 0; padding-top : 0;} /* All A in level 1 or higher */
div.navigation ul li li li a,
div.navigation ul li li li.shown { padding-left : 30px; } /* All A in level 2 or higher */
div.navigation ul li li li li a,
div.navigation ul li li li li.shown { padding-left : 40px; } /* All A in level 3 or higher */
/* div.navigation > ul > li:first-child > a { border-top:1px dotted #666; } /* Very first A in list = Level 0.0 => add border-top */
div.navigation ul li a:hover,
div.navigation ul li.selected a:hover { background-color : transparent; /* color : #e72435; */ color : #f70d03; } /* All A:HOVER in level 0 or higher */
div.navigation ul li.selected > a { background-color : transparent; font-weight: bold; border-bottom-width: 0;} /* All A in selected level 0 or higher */
div.navigation ul li.shown { color : #f70d03; padding-left: 14px; /* background-image : url(nav_arrow.png); background-repeat:no-repeat; background-position:2px 5px; */}
div.navigation ul li li.shown { background-position:4px 3px; } /* All A in level 2 or higher */
ul li.shown ul li a { padding-left : 0; }
/**************************************************************************************** Content */
div.content_wrapper,
div.content_wrapper,
div.media_wrapper {
float : left;
width : 930px;
padding-bottom : 50px;
}
h1, h2, h3 {
font-size : 30px;
line-height : 30px;
font-family : 'DIN Next F W04 Regular', tahoma, arial, helvetica, sans-serif;
}
body.start h1 {
position : absolute;
z-index : 200;
margin : -50px 0 0 22px;
color : #f70d03;
}
h1 {
color : #000;
}
h2, h3 {
font-size : 13px;
line-height : 13px;
color : #fff;
margin : 0 0 8px 2px;
}
div.content h2,
div.wrapper_expand h2 {
font-size : 16px;
line-height : 30px;
font-family : 'TahomaRegular', tahoma, arial, helvetica, sans-serif;
color : #f70d03;
width : 100%;
border-bottom : 1px dotted #6f7db8;
/* margin-bottom : 20px; */
margin-left : 0;
font-weight : bold;
}
h3 {
color : #333;
border-bottom : 1px dotted #6f7dB9;
margin : 0 0 4px 0;
padding-bottom : 4px;
margin-left : 0;
}
div.content,
div.fullwidth {
clear : both;
float : left;
width : 610px;
margin : 0;
}
div.fullwidth {
width : 100%;
}
div.content strong {
font-weight : bold;
}
div.content p {
margin-bottom : 21px;
}
div.content p.table_title,
div.content p.tab_title {
margin-bottom : 8px;
color : orange;
}
div.content ul,
div.content ol {
margin-top : -15px;
margin-left : 17px;
}
div.wrapper_expand ul {
margin-top : 0;
margin-bottom : 21px;
/* background-color : green; */
}
div.wrapper_expand p + ul {
margin-top : -15px;
/* background-color : gray; */
}
div.content ul li{
list-style : disc;
margin-bottom : 5px;
}
div.content ol li{
list-style-type : decimal;
margin-bottom : 5px;
margin-left : 5px;
}
div.download_report {
margin-bottom : 7px;
}
div.download_report a {
text-decoration : none;
}
/* Download Report */
h2.group_download {
margin-top : 50px;
}
div.download_report img {
float : left;
width : 16px;
margin-right : 8px;
margin-top: 4px;
}
div.wrap_linktext {
float : left;
width : 430px;
}
/*** Service ***/
div.service {
float : right;
padding : 13px 0 0 0;
margin : 0 0 0 0;
width : 290px;
font-size : 14 px;
line-height : 22px;
}
div.service a {
color : #6f7db9;
text-decoration : none;
}
div.service a:hover {
color : #f70d03;
}
div.service_img,
div.downloads,
div.context {
margin-bottom : 28px;
float: left;
}
div.downloads,
div.context {
width : 290px;
}
div.service_img img {
margin : 4px 0;
}
div.context p {
margin-bottom : 4px;
}
div.services_context {
float: left;
margin-bottom: 20px;
}
div.services_media {
float: left;
width: 100%;
margin-bottom: 20px;
}
div.service ul {
list-style : disc;
margin-left : 14px;
}
div.service ul li,
div.service div.downloads ul li {
/* margin-bottom : 4px; */
}
div.service div.downloads ul,
div.service ul.downloads {
list-style: none;
margin-left : 0px;
}
div.service div.downloads ul li,
div.service ul.downloads li {
background-image : url(pdf_icon.png);
background-repeat : no-repeat;
background-position : left 4px;
padding-left : 26px;
}
/*** Download(s) ***/
div.content div.download {
margin-bottom : 50px;
}
div.download a {
text-decoration : none;
}
div.content div.download ul {
margin-left : 0;
width : 100%;
}
div.content div.download ul li {
list-style: none;
background-image : url(pdf_icon.png);
background-repeat : no-repeat;
background-position : top left;
padding-left : 24px;
}
/*** Media ***/
div.media_wrapper {
margin : 0 0 100px 0;
padding : 0;
width : 100%;
border-bottom : 1px dotted #6f7dB9;
overflow : auto;
}
div.media_wrapper div.item {
overflow : auto;
padding : 8px 0 12px 25px;
background-repeat:no-repeat;
background-position: 9px 14px;
border-top : 1px dotted #6f7dB9;
}
div.media_wrapper div.item:hover {
background-color : #fbfbfb;
cursor : pointer;
}
div.item div.downloads {
margin-bottom : 0;
}
div.media_wrapper div.open {
display : visible;
margin-bottom : -28px;
}
div.media_wrapper div.close {
display : none;
margin-bottom : -28px;
}
div.media_wrapper div.content {
float : left;
width : 580px;
}
div.media_wrapper div.content p.date {
font-size : 13px;
line-height : 19px;
margin : 0;
}
div.lead h2 {
font-size : 15px;
line-height : 22px;
margin : 0;
padding : 0;
border : 0;
color : #333;
font-weight : 0;
/* background-color : brown; */
}
div.media_wrapper div.lead div.service {
float : right;
margin-top : 0;
margin-bottom : 0;
}
div.media_wrapper div.service a {
color : #6f7dB9;
text-decoration : none;
}
div.media_wrapper div.service div.downloads a {
display: block;
}
div.media_wrapper div.service a:hover {
color : #f70d03;
}
div.media_wrapper div.lead div.service {
cursor:default;
}
div.media_wrapper div.image {
margin-bottom : 21px;
font-size : 11px;
line-height : 15px;
}
div.media_wrapper div.image img {
margin-bottom : 4px;
}
/* Wrapper Expand */
div.wrapper_expand {
/* background-color : yellow; */
}
/* Keyfigures */
table.keyfigures {
margin-bottom : 21px;
width: 100%;
}
table.keyfigures th,
table.keyfigures td {
padding : 2px 2px 2px 30px;
border-bottom : 1px dotted #6f7bb9;
text-align : right;
}
table.keyfigures th:first-child,
table.keyfigures td:first-child {
padding-left : 2px;
text-align : left;
}
table.keyfigures th {
background-color : #6f7bb9;
color : #fff;
font-weight : bold;
}
table.keyfigures td + td + td + td {
white-space : nowrap;
}
table.keyfigures td strong {
white-space: nowrap;
}
/* Shares */
table.shares {
margin-bottom : 21px;
}
table.shares th,
table.shares td {
padding : 2px 2px 2px 15px;
border-bottom : 1px dotted #6f7bb9;
text-align : right;
}
table.shares th:first-child,
table.shares td:first-child,
table.shares th:first-child + th,
table.shares td:first-child + td {
padding-left : 2px;
text-align : left;
}
table.shares th {
background-color : #6f7bb9;
color : #fff;
font-weight : bold;
}
table.shares th,
table.shares td {
white-space : nowrap;
}
table.shares td strong {
white-space: nowrap;
}
/* Remarks & Restriction */
table.remarks td {
font-size : smaller;
padding-left : 10px;
}
table.remarks td:first-child {
text-align : right;
}
table.restriction {
padding : 28px 0 14px 0;
}
/*** Gallery ***/
div.gallery {
margin-top :
}
/*** Group List Image Module ***/
div.group_list_item {
margin-top: 30px;
float: left;
}
div.group_list_img {
width : 466px;
overflow : auto;
margin-top : 28px;
}
div.group_list_item p.img_col {
float : left;
width : 134px;
margin-right : 30px;
}
div.group_list_item div.item_content {
float : left;
width : 445px;
margin : 0;
padding : 0;
}
div.group_list_item div.item_content p {
margin-bottom : 4px;
}
div.group_list_item div.item_content h3 {
border : none;
font-family : 'TahomaRegular', tahoma, arial, helvetica, sans-serif;
font-weight : bold;
font-size : 13px;
line-height : 19px;
color : #f70d03;
}
div.item_divider {
clear : both;
padding-top : 26px;
}
div.item_content ul {
margin-top : 0;
}
/**************************************************************************************** Contact */
div.contact,
div.gavazzi_contact,
div.office_form {
width : 100%;
/* background-color : aqua; */
overflow : auto;
}
div.gavazzi_contact div.row,
div.office_form div.row {
clear : both;
width : 100%;
margin-bottom : 4px;
}
div.gavazzi_contact div.row div.label,
div.office_form div.row div.label {
width : 45%;
/* background-color : yellow; */
float : left;
}
div.gavazzi_contact div.row div.input {
width : 335px;
float : right;
padding: 2px 0 2px 0;
/* background-color : blue; */
}
div.office_form div.row div.input {
width : 335px;
float : right;
/* background-color : blue; */
}
div.gavazzi_contact div.row div.input textarea,
div.office_form div.row div.input textarea {
width : 335px;
/* background-color : red; */
}
div.gavazzi_contact input,
div.gavazzi_contact textarea,
div.gavazzi_contact select {
font-family : 'TahomaRegular', tahoma, arial, helvetica, sans-serif;
width : 100%;
background-color: #f5f5f5;
font-weight: normal;
font-size: 15px;
color: #333;
box-sizing:border-box;
}
div.gavazzi_contact input[type=checkbox]{
width:auto;
margin:0px;
}
div.gavazzi_contact select {
border: 1px solid #CECECE;
width : 100%;
}
div.office_form input,
div.office_form textarea.contact,
div.office_form select{
font-family : 'TahomaRegular', tahoma, arial, helvetica, sans-serif;
width : 335px;
box-sizing:border-box;
}
div.office_form input[type=checkbox]{
width:auto;
margin:0px;
}
div.gavazzi_contact input[type=submit],
div.submit input[type=submit] {
width : 290px;
}
div.gavazzi_contact input[type=submit]:hover,
div.submit input[type=submit]:hover {
background-color: #f70d03;
color: #ffffff;
}
div.gavazzi_contact div.row span.mandatory,
div.office_form div.row span.mandatory{
font-size : smaller;
}
h3.country {
color : #f70d03;
font-family : 'TahomaRegular', tahoma, arial, helvetica, sans-serif;
font-weight : bold;
}
div.submit {
width : 100%;
margin-top : 21px;
text-align : right;
}
div.reference_found_item,
div#gmap {
width: 610px !important;
}
/***************************************************************************************** Footer */
div.footer {
clear : both;
padding : 0;
width : 1190px;
margin : 0 25px;
height : 158px;
margin : 0 auto;
background-color : #e5e5e5;
/* border-top : 1px dotted #6f7dB9; */
}
div.footer ul.footer {
margin : 0;
padding : 0;
width : 1190px;
font-family : 'TahomaRegular', tahoma, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: normal;
}
div.footer ul.footer li {
padding: 10px;
box-sizing: border-box;
}
div.footer ul.footer li h3 {
font-size: 15px;
font-weight: bold;
margin: 10px 0 14px 0;
}
div.footer ul.footer li.col1 {
width: 230px;
height: 130px;
margin-right: 30px;
float: left;
}
div.footer ul.footer li.col2 {
width: 290px;
height: 130px;
margin-right: 30px;
float: left;
}
div.footer ul.footer li.col3 {
width: 290px;
height: 130px;
margin-right: 30px;
float: left;
}
div.footer ul.footer li.col4 {
width: 290px;
height: 130px;
margin-right: 0px;
float: left;
}
div.footer ul.footer a {
text-decoration: none;
}
div.footer ul.footer a.link-os {
float: left;
margin: 10px;
}
div.emotive ul.emotive_nav .active img {
background-color : #333 !important;
}
/* Date */
div.lead div.content a:first-child {
pointer: cursor;
text-decoration : none;
}
@media print
{
div.navigation {
font-family :tahoma, arial, helvetica, sans-serif;
}
h1, h2, h3 {
font-family : tahoma, arial, helvetica, sans-serif;
}
}
/* video styles */
.video-element iframe {
width: 100%;
}
.video-element {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.video-element iframe,
.video-element object,
.video-element embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
span.adhoc { color: #fff; background-color:#f70d03; padding: 2px 4px; border-radius: 4px; margin-right: 10px; font-size:13px; line-height:19px; }
.service_img span.adhoc { display: inline-block; margin-right: 0; padding: 0 4px; }
.newsfilter_wrapper { line-height: 31px; margin-bottom:0; }
.newsfilter_wrapper .desktop { display:inline-block; }
.newsfilter_wrapper .mobile { display:none; }