/*COMMON STYLES*/
#container #istcontents{
    width:75%;
    height:100%;
    clear:both;
    overflow:hidden;
    position:absolute;
    top:0;
    right:0;
    z-index:3000!important
}

#container #pageimage{
    width:25%;
    height:100%;
    clear:both;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:11000
}
#pageimage img{width:auto;height:100%}

#istcontents #slideist{
    width:100%;
    height:49%;
    clear:both;
    overflow:hidden;
    margin-bottom:5px
}
#slideist .nivo-caption,
#slideist .nivo-caption p,
#slideist .nivo-caption a,
#slideist .nivo-html-caption{display:none!important}
#slideist .nivo-directionNav a{display:none!important}
#slideist .nivo-controlNav,
#slideist .nivo-controlNav a{display:none!important}

#istcontents div.content{
    width:100%;
    height:44%;
    clear:both;
    overflow:hidden;
    padding:15px!important;
    box-sizing:border-box!important;
    border:1px solid #ccc;
    background:#f2f2f2
}
div.content .scroll{
    width:100%!important;
    height:100%!important;
    clear:both;
    overflow:hidden;
    padding:0 10px 0 0!important;
	box-sizing:border-box
}

#istcontents  h2#pagetitle{
    width:100%;
    height:7%;
    font:100% "OswaldLight", Arial, sans-serif;
    font-size:3.00em;
    font-weight:normal;
    color:#fff;
    text-transform:uppercase;
    overflow:hidden;
    padding:0 15px;
    margin-bottom:5px;
    box-sizing:border-box;
    background:rgba(80,80,80,1);
    background:-moz-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(80,80,80,1)), color-stop(100%, rgba(18,18,18,1)));
    background:-webkit-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-o-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-ms-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:linear-gradient(to bottom, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#121212', GradientType=0 )
}
div.content .scroll h4{
    font:100% "BebasNeueRegular", Arial, sans-serif;
    font-size:2.30em;
    font-weight:normal;
    color:#d83b20;
    line-height:100%;
    margin-bottom:3px
}
div.content .scroll h4 span.spa{font:100% "OswaldLight", Arial, sans-serif;font-size:0.70em}
div.content .scroll h5{
    font:100% "OswaldLight", Arial, sans-serif;
    font-size:1.60em;
    font-weight:normal;
    color:#d83b20;
    line-height:100%;
    margin-bottom:5px
}
div.content .scroll p,
div.content .scroll ul{
    font-size:1.05em;
    line-height:150%;
    text-align:justify
}
div.content .scroll p{margin-bottom:15px}
div.content .scroll ul{list-style:square outside;margin:0 0 15px 20px}
div.content .scroll ul ul{font-size:1.00em!important}
div.content .scroll li span{color:#d83b20}
div.content .scroll a{color:#000;text-decoration:underline}
div.content .scroll a:hover{color:#d83b20}
div.content .scroll .nomrg{margin-bottom:0!important}

/*LOCATIONS*/
div.content .scroll img.tklogo{
    width:27%;
    height:auto!important;
    clear:both;
    display:block;
    margin-bottom:15px
}
div.content .scroll .address{
    width:50%;
    float:left;
    display:inline;
    overflow:hidden;
    margin-bottom:15px;
    box-sizing:border-box
}
div.content .scroll .address:nth-of-type(odd){padding-right:15px}
div.content .scroll .address:nth-of-type(even){padding-left:15px}
div.content .scroll .address h2{margin-bottom:7px}
div.content .scroll .map{
    width:100%;
    height:50%;
    clear:both;
    display:block;
    overflow:hidden;
    margin-bottom:15px;
    box-sizing:border-box;
    border:1px solid #ccc
}

/*NEWS-EVENTS*/
div.content .scroll .event{
    /*width:49.5%;
    height:30%!important;
    display:inline;*/
    width:100%;
    clear:both;
    overflow:hidden;
    margin-bottom:15px;
    padding-bottom:15px;
    box-sizing:border-box;
    border-bottom:1px solid #ccc
}
/*div.content .scroll .event.lft{float:left;clear:left}
div.content .scroll .event.rgt{float:right;clear:right}*/
div.content .scroll .event.last{
    margin-bottom:0!important;
    padding-bottom:0!important;
    border-bottom:none
}
div.content .scroll .event .imgevent,
div.content .scroll .event .txt{
    height:100%;
    float:left;
    display:inline;
    overflow:hidden;
    box-sizing:border-box
}
div.content .scroll .event .imgevent{width:30%}
div.content .scroll .event .imgevent img{width:100%;height:auto}

div.content .scroll .event .txt{width:70%;padding-left:10px}
div.content .scroll .event h4{
    width:100%;
    color:#fff;
    line-height:140%;
    padding:0 10px 0 10px;
    margin-bottom:10px;
    box-sizing:border-box;
    background:#666
}
div.content .scroll .event p.date{font-style:italic;color:#666}
div.content .scroll .event ul{}
div.content .scroll .event p span.claim{font:100% "BebasNeueRegular", Arial, sans-serif;font-size:1.80em}

/*MISSION AND VISION*/
div.content .scroll .tblfotovoltaic{
    width:auto;
    clear:both;
    overflow:hidden;
    margin-top:10px
}
div.content .scroll .tblfotovoltaic th,
div.content .scroll .tblfotovoltaic td{font-weight:normal;padding:0 10px}
div.content .scroll .tblfotovoltaic th{
    height:40px;
    font:100% "BebasNeueRegular", Arial, sans-serif;
    font-size:1.60em;
    color:#fff;
    text-transform:uppercase;
    border-right:1px solid #fff;
    background:rgba(80,80,80,1);
    background:-moz-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(80,80,80,1)), color-stop(100%, rgba(18,18,18,1)));
    background:-webkit-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-o-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-ms-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:linear-gradient(to bottom, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#121212', GradientType=0 )
}
div.content .scroll .tblfotovoltaic td{
    height:30px;
    font-size:1.05em;
    border-bottom:1px solid #999
}
div.content .scroll .tblfotovoltaic .year{text-align:left;border-right:1px solid #999}
div.content .scroll .tblfotovoltaic .qty{text-align:right}

/*CERTIFICATIONS*/
div.content .scroll .certifications,
div.content .scroll .documentation{
    float:left;
    display:inline;
    overflow:hidden;
    box-sizing:border-box
}
div.content .scroll .certifications{
    width:80%;
    padding-right:15px;
    border-right:1px solid #ccc
}
div.content .scroll .certifications.sustainability{
    width:100%!important;
    padding:20px 0 0 0 0!important;
    border-top:1px solid #ccc;
    border-right:none!important
}
div.content .scroll .documentation{width:20%;padding-left:15px}

div.content .certifications .logos{
    width:100%;
    text-align:center;
    clear:both;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
    overflow:hidden;
    margin-bottom:40px
}
div.content .logos a{
	width:auto;
    height:120px;
    margin:30px 20px 0 20px;
}
div.content .logos a.rina-45001{margin-right:0!important}
div.content .logos a.iqnet-45001{margin-left:0!important}
div.content .logos img{
	width:auto;
	height:100%;
	float:left
}

div.content .documentation h6{
    width:100%;
    height:35px;
    font:100% "BebasNeueRegular", Arial, sans-serif;
    font-size:1.70em;
    font-weight:normal;
    color:#fff;
    line-height:38px;
    margin-top:20px;
    padding:0 10px;
    box-sizing:border-box;
    background:#999
}
div.content .documentation p{
	font-size:0.90em;
	color:#333;
	text-align:left;
	margin-top:10px
}
div.content .documentation a{
	width:100%;
	font-size:0.90em;
	line-height:130%;
    text-decoration:none;
    display:block;
    padding:14px 0 14px 44px;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    background:url(../App_Images/ico-pdf.png) no-repeat center left;
    background-size:auto 34px
}
div.content .documentation a:hover{color:#d83b20}
div.content .documentation .nomrg{margin:0!important}

#cboxLoadedContent .tblcert th,
#cboxLoadedContent .tblcert td{
    height:30px;
    font-size:0.90em;
    text-align:left;
    box-sizing:border-box
}
#cboxLoadedContent .tblcert th{
    color:#fff;
    line-height:150%;
    text-transform:uppercase;
    padding:0 5px;
    background:#d83b20
}
#cboxLoadedContent .tblcert th.brand{
    height:40px;
    font:100% "BebasNeueRegular", Arial, sans-serif;
    font-size:1.60em;
    line-height:40px;
    padding:0 10px;
    border-bottom:5px solid #fff;
    background:rgba(80,80,80,1);
    background:-moz-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(80,80,80,1)), color-stop(100%, rgba(18,18,18,1)));
    background:-webkit-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-o-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-ms-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:linear-gradient(to bottom, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#121212', GradientType=0)
}
#cboxLoadedContent .tblcert td{
    font-size:0.80em;
    color:#000;
    line-height:150%;
    padding:3px 5px;
    border-bottom:1px solid #ccc
}
#cboxLoadedContent .tblcert .lnk{width:36px;text-align:center}
#cboxLoadedContent .tblcert .lnk a{
    width:20px;
    height:20px;
    display:block;
    margin-left:3px;
    background:url(../App_Images/ico-links.png) repeat-x center center
}

/*CUSTOMER CENTER*/
div.content .scroll ul.forms{
    width:100%;
    list-style:none outside;
    clear:both;
    overflow:hidden;
    margin-left:0!important;
    border-top:1px solid #ccc
}
div.content .scroll ul.forms li{
    width:100%;
    clear:both;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
    border-bottom:1px solid #ccc
}
div.content .scroll ul.forms li span.intro{
    width:100%;
    line-height:100%;
    clear:both;
    display:block;
    overflow:visible;
    margin-top:10px
}
div.content .scroll ul.forms li a.lnkform,
div.content .scroll ul.forms li span.formtype{
    display:inline;
    overflow:visible;
    box-sizing:border-box
}
div.content .scroll ul.forms li a.lnkform{
    width:100%;
    font:100% "BebasNeueRegular", Arial, sans-serif;
    font-size:1.40em;
    color:#000;
    line-height:110%;
    text-decoration:none;
    display:block;
    margin-bottom:7px
}
div.content .scroll ul.forms li a.lnkform:hover{color:#d83b20}
div.content .scroll ul.forms li span.formtype{
    width:100%;
    font-size:0.90em;
    font-style:italic;
    color:#d83b20;
    line-height:100%;
    display:block;
    padding-right:5px;
    margin:10px 0 5px 0
}

/*DOP FINDER*/
div.content .scroll #CercaFilecontainer,
#CercaFilecontainer div.CercaFilecontent,
#CercaFilecontainer div.fld,
#CercaFilecontainer div.buttons{
    width:100%;
    clear:both;
    overflow:hidden
}
#CercaFilecontainer div.fld{margin-bottom:10px}
#CercaFilecontainer div.fld span{
    font-size:1.05em;
    line-height:100%;
    display:block;
    margin-bottom:7px
}
#CercaFilecontainer div.fld input{
    width:auto;
    height:40px;
    font-size:1.05em;
    color:#999;
    line-height:40px;
    float:left;
    display:inline; 
    overflow:hidden;
    padding:0 5px;
    box-sizing:border-box;
    border-radius:10px;
    border:1px solid #ccc;
    background:#fff
}

#CercaFilecontainer div.buttons{margin-bottom:20px}
#CercaFilecontainer div.buttons input{
    width:auto;
    height:40px;
    font-size:1.20em;
    color:#fff;
    line-height:40px;
    text-transform:uppercase;
    float:left;
    display:inline;
    overflow:hidden; 
    padding:0 10px;
    box-sizing:border-box;
    border-radius:10px;
    border:none;
    background:rgba(80,80,80,1);
    background:-moz-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(80,80,80,1)), color-stop(100%, rgba(18,18,18,1)));
    background:-webkit-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-o-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:-ms-linear-gradient(top, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    background:linear-gradient(to bottom, rgba(80,80,80,1) 0%, rgba(18,18,18,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#121212', GradientType=0 )
}

#CercaFilecontainer p.notfound{font-weight:bold;color:#d83b20}
#CercaFilecontainer ul.downloads{
    width:auto;
    list-style:none outside;
    float:left;
    display:inline-block;
    clear:both;
    overflow:hidden;
    margin:0
}
#CercaFilecontainer ul.downloads li{
    width:100%;
    clear:both;
    overflow:hidden;
    box-sizing:border-box
}
#CercaFilecontainer ul.downloads a{
    height:40px;
    display:block;
    text-decoration:none;
    line-height:40px;
    padding-left:47px;
    box-sizing:border-box;
    background-size:auto 100%!important
}
#CercaFilecontainer ul.downloads a.pdf{background:url(../App_Images/ico-pdf.png) no-repeat center left}

/*VIDEO*/
div.content .scroll div.video{
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	box-sizing:border-box
}

/*TK GROUP*/
div.content .scroll div.tk-group-container,
div.content .scroll div.tk-group-container div,
div.content .scroll div.tk-group-container h4,
div.content .scroll div.tk-group-container span{overflow:hidden;box-sizing:border-box}
div.content .scroll div.tk-group-container > div,
div.content .scroll div.tk-group-container > h4.intro,
div.content .scroll div.tk-group-container div.tk-group-section h4{width:100%;clear:both}
div.content .scroll div.tk-group-container > div,
div.content .scroll div.tk-group-container > h4.intro{margin-bottom:20px}
div.content .scroll div.tk-group-container > div:last-of-type{margin-bottom:0!important}

div.content .scroll div.tk-group-container div.tk-group-logo{
	height:90px;
	text-align:center;
	position:relative
}
div.content .scroll div.tk-group-container div.tk-group-logo span{
	display:block;
	position:absolute;
	left:0
}
div.content .scroll div.tk-group-container div.tk-group-logo span.img{
	width:307px;
	top:0;
	right:0;
	z-index:10001;
	margin:0 auto;
	padding:0 20px;
	background:#f2f2f2
}
div.content .scroll div.tk-group-container div.tk-group-logo span.img img{width:267px;height:100%}
div.content .scroll div.tk-group-container div.tk-group-logo span.rep{
	width:100%;
	height:4px;
	top:43px;
	z-index:10000;
	background:#d9d9d9
}
div.content .scroll div.tk-group-container > h4.intro{text-align:center;text-transform:uppercase}

div.content .scroll div.tk-group-container div.tk-group-section{margin-bottom:30px}
div.content .scroll div.tk-group-container div.tk-group-section h4{
	height:50px;
	font-size:2.20em;
	color:#000;
	line-height:54px;
	margin-bottom:15px;
	padding:0 20px;
	background:#d9d9d9
}
div.content .scroll div.tk-group-container div.tk-group-section h4 img,
div.content .scroll div.tk-group-container div.tk-group-section h4 span{
	width:auto;
	float:left;
	display:inline
}
div.content .scroll div.tk-group-container div.tk-group-section h4 img{height:30px;margin:10px 15px 0 0}
div.content .scroll div.tk-group-container div.tk-group-section h4 span{height:100%}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company,
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company a.tk-group-img,
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt{float:left;display:inline}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company{width:25%;padding:0 30px}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company:nth-of-type(4n+1){clear:left}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company:nth-of-type(4n){clear:right}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company:last-of-type{margin-bottom:0!important}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company a.tk-group-img,
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company a.tk-group-img img,
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt{width:100%}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company a.tk-group-img{
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	box-sizing:border-box
}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company a.tk-group-img img{height:auto;float:left}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt{}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt h5,
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt p{text-align:center;margin-bottom:10px}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt h5{font-size:1.30em;line-height:130%}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt p{font-size:0.90em;line-height:140%}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt p:last-of-type{margin-bottom:0!important}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt p a.linkedin{
	width:auto;
	height:22px;
	text-align:center;
	clear:both;
	display:block;
	overflow:hidden;
	margin-top:7px
}
div.content .scroll div.tk-group-container div.tk-group-section div.tk-group-company div.tk-group-txt p a.linkedin img{width:auto;height:100%}

/*DOWNLOADS*/
div.content .scroll div.pdf-list,
div.content .scroll div.pdf-list *{overflow:hidden;box-sizing:border-box}
div.content .scroll div.pdf-list,
div.content .scroll div.pdf-list div{width:100%;clear:both}
div.content .scroll div.pdf-list{display:table}
div.content .scroll div.pdf-list div{display:table-row}
div.content .scroll div.pdf-list span{
	font-size:0.90em;
	line-height:140%;
	display:table-cell;
	vertical-align:middle;
	padding:10px 20px;
	border-bottom:1px solid #f2f2f2
}
div.content .scroll div.pdf-list span.itm-link{text-align:left}
div.content .scroll div.pdf-list span.itm-date{text-align:right}

div.content .scroll div.pdf-list div.pdf-header{background:#000}
div.content .scroll div.pdf-list div.pdf-header span{color:#fff;text-transform:uppercase}
div.content .scroll div.pdf-list div.pdf-item.category{background:#d83b20!important}
div.content .scroll div.pdf-list div.pdf-item.category span{color:#fff;text-transform:uppercase}
div.content .scroll div.pdf-list div.pdf-item:nth-of-type(odd){background:#e5e5e5}
div.content .scroll div.pdf-list div.pdf-item:nth-of-type(even){background:#d9d9d9}
div.content .scroll div.pdf-list div.pdf-item span{color:#333}
div.content .scroll div.pdf-list div.pdf-item span.itm-date{font-style:italic}
div.content .scroll div.pdf-list div.pdf-item span a{
	height:26px;
	color:#333;
	line-height:26px;
	text-decoration:none;
	display:block;
	padding-left:34px;
	background:url(../App_Images/ico-pdf_square.jpg) no-repeat center left;
	background-size:auto 26px
}
div.content .scroll div.pdf-list div.pdf-item span a:hover{color:#d83b20}

/*GOVERNANCE*/
div.content .scroll div.governance-list{
	width:100%;
	clear:both;
	display:flex;
	flex-flow:row wrap;
	grid-gap:20px;
	box-sizing:border-box
}
div.content .scroll div.governance-list a.governance-item{
	width:calc(50% - 10px);
	color:#fff;
	position:relative
}
div.content .scroll div.governance-list a.governance-item img{
	width:100%;
	height:auto;
	float:left
}
div.content .scroll div.governance-list a.governance-item span{
	font-size:1.20em;
	font-weight:bold;
	color:#fff;
	line-height:100%;
	text-transform:uppercase;
	position:absolute;
	bottom:15px;
	right:15px;
	padding:10px 20px;
	margin-bottom:0!important;
	background:rgba(0,0,0,0.7)
}
div.content .scroll div.governance-list a.governance-item:hover,
div.content .scroll div.governance-list a.governance-item:hover span{color:#d83b20}

/*WHISTLEBLOWING*/
div.content .scroll div.whistleblowing-pg,
div.content .scroll div.whistleblowing-pg p.lnk-whistleblowing{
	width:100%;
	clear:both;
    overflow:hidden;
	box-sizing:border-box
}
div.content .scroll div.whistleblowing-pg li{color:#d83b20}
div.content .scroll div.whistleblowing-pg li span{color:#000}
div.content .scroll div.whistleblowing-pg a{color:#d83b20}
div.content .scroll div.whistleblowing-pg a:hover{color:#000}
/*div.content .scroll div.whistleblowing-pg p.lnk-whistleblowing{text-align:center}*/
div.content .scroll div.whistleblowing-pg p.lnk-whistleblowing a{
    width:auto;
    font-size:1.10em;
    color:#fff;
    line-height:100%;
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    margin:0 auto;
    padding:18px 30px;
    border-radius:5px;
    box-sizing:border-box;
    background:#000
}
div.content .scroll div.whistleblowing-pg p.lnk-whistleblowing a:hover{color:#d83b20}
div.content .scroll div.whistleblowing-pg .nomrg{margin-bottom:0!important}
div.content .scroll div.whistleblowing-pg .lessmrg{margin-bottom:5px!important}