/******************************************************************************/

/*  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; }