@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{height:100%;width:100%;margin:0 auto;background:#FFF;font-family:'Montserrat', sans-serif;font-size:20px;line-height:29px;color:#000BFF}
.oxd{overflow-y:auto;overflow-x:hidden}
table{height:100%;width:100%;margin:0;padding:0}
td{vertical-align:middle}
strong,b{font-weight:bold}
i {font-style:italic}
span.highlight{background-color:#FFEB00;padding:0 5px}
a{font-weight:bold}
a:link{color:#999;text-decoration:none;background-position:center right}
a:visited{color:#AAA;text-decoration:none;background-position:center right}
a:hover{color:#000BFF;text-decoration:none;background-position:center left}
a:active{color:#000BFF;text-decoration:underline;background-position:center left}
.rel{position:relative;height:100%;width:100%}
.abs{position:absolute;height:100%;width:100% !important;top:0;left:0}
.mid{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.midi{position:absolute !important;top:0;left:0 !important;right:0 !important;bottom:0;margin:auto;float:none !important}
.hid{display:none !important}
.no{display:none}
.md{position:absolute;left:0;right:0;margin:0 auto}
.mdl{left:0;right:0;margin:0 auto}
.fl{height:100%;float:left;width:50%;position:relative}
.bb{height:50%;width:100%;position:relative}
.white{background-color:#FFF}

#head{height:455px;width:100%;border-bottom:none;float:left;position:relative;background:#FFF;box-shadow:0 0 5px #999}
.logo_pr{box-shadow:0 0 8px #000;border-radius:4px;background-color:#FFF;border:11px dashed #333}
#image_selection {overflow:hidden}
#image_selection_holder{width:700%;overflow:hidden;position:relative}
#image_selection img{width:100%;float:left}

#quotes_holder{width:700%;overflow:hidden;z-index:9}
#quotes_holder .quotes{width:100%;height:100%;float:left;margin:0;position:relative;text-align:right;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold}
#quotes_holder .quotes span{display:block;position:absolute;bottom:10%;right:4%;height:28px;color:#FFF;font-size:40px;margin:0 50px;max-width:700px;background:rgba(0,0,0,0.5);padding:15px;border-radius:3px}

#image_selection_overlay{height:200px;z-index:5;margin-top:20px;width:200px;height:100%;width:100%;margin:0;

background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,0) 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(22%,rgba(255,255,255,1)), color-stop(78%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));

background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,0) 100%);

background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,0) 100%);

background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,0) 100%);

background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );



}


#logo img{width:100%;float:left}
#language_select{min-height:40px;width:100%;float:left;text-align:center;margin-top:20px}
#language_select ul{margin:0;padding:0;font-size:0;list-style-type:none}
#language_select li{display:inline-block;padding:0px 4px 3px;margin:2px;color:#FFF;text-transform:uppercase;font-size:12px;border-radius:5px;font-weight:bold;height:21px;width:16px;background-color:#000BFF;text-align:center;border:2px solid #000BFF;border-top:none;vertical-align:middle}
#language_select li:hover{background-color:#FFF;color:#333}


#caption{width:100%;float:left;font-style:italic;min-height:23px;padding:7px 0 3px;font-weight:normal;text-align:center;font-size:15px;line-height:19px;display:none}
#content{width:100%;float:left;min-height:700px;margin-top:0px;position:relative}

#menu_toggle{display:none;position:relative;height:60px;width:100%;background-color:#333;cursor:pointer}
#menu_toggle img{height:50px;width:190px}
#menu_drop{float:left;background-color:#333;width:100%;text-align:center}
#menu_drop .titles{padding:5px 10px 10px;height:20px;margin:10px 12px;border-bottom:1px solid #444;font-weight:bold;color:#FFF;font-size:25px;line-height:22px;display:inline-block}
#menu_drop .titles:hover{background-color:#FFF;border-radius:5px;color:#000BFF/*border-bottom:1px solid #444*/}
#menu_drop .selected{background-color:#FFF;border-radius:5px;color:#000BFF}
#menu_drop .go_left{margin:10px 20px}

#key_dates{float:left;display:none;font-weight:bold;width:100%;background-color:#F5F5F5;padding:10px 0 20px}
#key_dates .holder{border:3px solid #FC0;padding:0;background-color:#999;margin:40px auto 5px;width:100%;max-width:830px;display:table;border-radius:4px}
#key_dates .xs{border-left:none;border-right:none}
#key_dates span{background-color:#FC0;color:#FFF;text-transform:uppercase;padding:4px 7px 1px;border-radius:3px;font-size:17px;display:inline-block;height:28px}
#key_dates ul{float:left;padding:10px}
#key_dates li{float:left;margin:5px 5px;padding:4px}
#key_dates a{background-color:#FFF900;padding:3px 7px 2px;display:inline-block;height:28px;margin-top:5px}

#promo{float:left;padding:80px 0;width:100%;background:#FFF}
#promo .holder{width:100%;max-width:670px;margin:0 auto}
#promo img{float:right;height:230px}

#nav{float:left;width:100%;background-color:#F5F5F5;padding:10px 0 20px;min-height:615px}
#nav .titles{float:left;padding:22px 20px 18px;height:340px;width:259px;border-bottom:1px solid #EEE;border-right:1px solid #EEE;font-weight:bold;color:#564b4f;font-size:18px;line-height:22px;margin:8px;position:relative}
#nav .titles:hover{background-color:#FFF;color:#000BFF;font-weight:bold;border-right:1px solid #FFF;border-bottom:1px solid #000BFF}
#nav .sections{float:left;padding:7px 2%;text-transform:uppercase;height:20px;width:94%;font-weight:bold;color:#FFF;font-size:18px;line-height:22px;margin:8px 1%;background-color:#DDD;background-image:url(/img/arrow_right.png);background-repeat:no-repeat;background-position:99% 50%;background-size:28px 28px}
#nav .sections:hover{background-color:#333}
#nav .landed{background-image:none}
#nav .landed:hover{background-color:#999}
#nav .end{float:left;height:7px;width:98%;margin:8px 1%;background-color:#DDD}
#nav .tag{position:absolute;display:inline-block;height:18px;padding:2px 5px 5px;background-color:#FFF;color:#BBB;text-transform:uppercase;font-size:15px;bottom:20px;right:-2px;box-shadow:0 0 2px #BBB}
#nav .w90{width:85%;height:auto;padding:22px 20px 56px}
#nav .img{height:100px;width:96%;border:1px solid #000BFF;overflow:hidden;position:relative;background:#FFF}
#nav img{width:100%}
#nav .title{width:96%;margin:10px 0;display:inline-block}
#nav p{min-height:50px;width:90%;color:#777;font-weight:normal}
#nav .titles:hover p{color:#000}
#tiles{margin:0 auto;max-width:950px;width:100%;overflow:hidden}

#related_docs{margin:0 auto 40px;width:95%;max-width:1111px;overflow:hidden;border-radius:10px;background: rgb(247,247,247);min-height:200px;text-align:center}
#related_docs .header{background:#999 url(/img/document.png) 5% 50% no-repeat;background-size:40px 40px;height:60px;width:100%;margin:0 0 10px}
#related_docs .docs{display:inline-block;width:200px;padding:10px 10px 25px;border:2px solid #CCC;border-radius:10px;margin:20px;text-align:center;background-color:#FFF;color:#333;position:relative;overflow:hidden}
#related_docs .docs:hover{border:2px solid #333;background-color:#000;color:#FFF;box-shadow:0 0 3px #999}
#related_docs span{display:inline-block;width:100%;text-align:center;float:left;height:25px}
#related_docs .date{color:#AAA;font-style:italic;font-size:14px}
#related_docs .author{color:inherit;font-style:italic;font-size:16px;width:220px;word-break:keep-all;white-space:nowrap;margin:0 0 5px -10px;display:inline-block}
#related_docs .type{color:#AAA;font-size:13px;text-transform:uppercase;font-weight:bold}
#related_docs .theme{font-weight:bold;font-size:12px;background-color:#FFEB00;color:#FFF;height:25px;text-transform:uppercase;position:absolute;bottom:0;left:0}
#related_docs .title{font-weight:bold;font-size:20px;background-color:#000;color:#FFF;height:65px;border-radius:2px}
#related_docs .docs .img{height:145px;position:relative;overflow:hidden;margin:5px 0 7px}
#related_docs .docs img{width:100%;position:absolute;top:0;bottom:0;margin:auto;left:0}
#related_docs .title table, .title tr, .title td{margin:0;padding:0;width:100%;height:100%;vertical-align:middle;text-align:center}


#related_titles{float:left;margin:25px 3% 50px;width:94%;max-width:1000px;border-top:5px solid #000BFF}
#related_titles div:first-child{width:100%;text-transform:uppercase;color:#000BFF;padding:5px 15px}
#related_titles a{float:left;width:28%;min-width:245px;min-height:180px;font-weight:bold;font-style:italic;font-size:18px;margin:8px 1%;line-height:32px;padding:10px 5px 20px 13px;/*border:1px solid #EEE;*/border-radius:3px;display:inline-block}
#related_titles a:hover{background-image:url(/img/open_ext.png);background-position:4% 96%;background-repeat:no-repeat;background-size:15px 15px}
#related_titles table{margin-left:-4px;font-size:16px}
#related_titles td[colspan="2"]{text-align:right;padding:5px 7px 0 0}
#related_titles span{padding:5px 10px 4px 0;background-color:#000BFF;color:#000;white-space:pre-wrap;box-shadow:-7px 0 0px #000BFF, 7px 0 0px #000BFF;font-size:20px}
#related_titles .date{padding:0;background-color:#000;color:#FFF;text-align:center;vertical-align:middle;font-size:13px}
#related_titles .quote{text-transform:uppercase;background-color:#000BFF;color:#FFF;font-style:normal;text-align:center;vertical-align:middle;font-size:14px}

#foot{min-height:50px;padding:20px 0 10px;width:100%;border-top:4px solid #FFF;float:left;background-color:#F5F5F5;font-family:Arial,Helvetica,sans-serif;clear:both;text-align:center}
#foot span{width:90%;display:inline-block}
.story{padding:25px 0 10px 0;margin:0 10px 20px;float:left;width:30%;min-width:300px;max-width:500px}
.story span{font-weight:bold;font-style:italic;font-size:25px;padding:5px;margin:7px 5px 0;display:inline-block}
.story span{text-decoration:underline}
.story p{padding:5px;margin:6px 5px 0}
.story p:first-line{font-weight:bold}
.story .img{height:50px;width:98%;background-position:center left;background-repeat:no-repeat;margin:10px}

#partners{width:80%;padding:40px 10% 40px;text-align:center;float:left}
#partners h1{font-size:30px;color:#FFF}
#partners div{height:160px;width:560px;display:inline-block;border-radius:15px;overflow:hidden;margin:50px 0;box-shadow:0 0 3px #AAA}
#RTIE{background:#FFF url(/img/images/RTIE.png?) no-repeat center;background-size:100%}
#LFB{background:#FFF url(/img/images/LFB.png?) no-repeat center;background-size:61%}
#spi{background:#FFF url(/img/images/Sustainable_Packaging_Investment_Summit.jpg?) no-repeat center;background-size:61%}

#social_media{width:100%;text-align:center}
.social_media{display:inline-block;height:70px;width:70px;background-size:65px;background-position:center;background-repeat:no-repeat;margin:10px 10px 15px}
#facebook{background-image:url(/img/social/facebook.png)}
#linkedin{background-image:url(/img/social/linkedin.png)}
#twitter{background-image:url(/img/social/twitter.png)}
#youtube{background-image:url(/img/social/youtube.png)}

.w_100{width:100%}

.related_articles{min-height:120px !important}
.rel_padding{height:200px;width:2px;float:left}
#related_content{text-align:center;width:100%;padding:10px 0 5px;font-size:27px;text-transform:uppercase;color:#FFF;background-color:#000BFF;background-image:url(/img/related.png);background-position:center;background-repeat:no-repeat;background-size:119px 34px;min-height:30px}

#members{float:left;background-color:#FFF;text-align:center;min-height:120px;padding:7px 0 30px;width:100%;box-shadow:inset 0 0 5px #AAA}
#members_title{width:100%;margin:20px 0;text-align:center;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;font-weight:bold}
.member{height:100px;width:100px;margin:8px 10px;border-radius:3px;/*border:2px dashed #c23c77;border:4px solid #DDD;*/overflow:hidden;background-color:#FFF;display:inline-block;box-shadow:0 0 3px #CCC;position:relative}
.member img{width:100%;max-width: 560px;margin: auto;display: block;position: absolute; left: 0;right: 0;top: 0;bottom: 0}

#article{float:left;width:100%;min-height:1000px;background:#FFF}

h1{line-height:1.2em;min-height:30px;padding:10px 0 0;font-size:40px;text-align:center;color:#000;margin:30px auto 0;width:90%;max-width:835px;font-style:normal;font-weight:bold;display:block}
h2{font-weight:bold;font-size:22px;background-color:#333;color:#FFF;margin-top:20px;background-repeat:no-repeat;background-position:10px 50%;background-size:20px 20px;text-align:center;border-radius:2px}
h4{background-color:#FF7A00;border-radius:1px;padding:2px 9px 0px;margin:30px 10px 10px;display:inline-block;font-weight:bold;color:#FFF;text-transform:uppercase}
h5{color:#AAA;font-style:italic;margin-left:20px}

.register_now,#go_to_programme{margin:30px auto;border-radius:5px;height:30px;padding:5px 25px 3px;width:180px;background:#5D078A;color:#FFF;text-transform:uppercase;text-align:center;font-size:22px;font-weight:bold;box-shadow:0 0 3px #AAA}
#go_to_programme{background:transparent;color:#a4d61f;margin:30px auto 70px}

#time{color:#CCC;text-align:center;font-family:Arial, Helvetica, sans-serif;height:25px;margin:10px 0;font-size:18px}
#no_time{height:5px;margin:10px 0}
#picture{height:100%;min-height:200px;max-height:450px;overflow:hidden;width:100%;margin:20px auto;box-shadow:inset 0 0 8px #FFF;max-width:1100px;min-width:200px;position:relative}
#picture img{width:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
#text{margin:0 auto 40px;max-width:900px;padding:20px;overflow:hidden}
#text p{padding:10px 30px}
#text footnote{padding:10px 20px;border:1px solid #999;color:#999;background-color:#FFFCE5;display:block;width:85%;max-width:800px;margin:50px auto 0;font-size:16px}
#text sup{font-size:80%;vertical-align:super}
#text p:first-line{font-weight:normal}
#text p a{display:inline;margin:0;word-wrap:break-word}
#text em{font-weight:bold;font-style:italic}
#text .brand{font-weight:bold;font-style:italic;font-size:24px;margin-right:15px}
#text .cell{padding:10px 5px 30px;margin:20px 0;float:left}
#text .cell_xs{margin:10px 0;float:left}
#text .cell .img{float:left;width:18%;min-width:120px;margin:0 30px 0 0;overflow:hidden}
#text .cell_xs .img{float:left;width:70%;min-width:150px;margin:0 15%;overflow:hidden}
#text img{
    width: 100%;
    max-width: 560px;
    margin: auto;
	display: block;}
#text .slogan {
    text-transform: uppercase;
    margin: 20px auto;
    min-height: 20px;
    padding: 4px 10px 5px;
    color: #37b1ff;
    border: #37b1ff 2px solid;
    max-width: 500px;
    text-align: center;
    font-weight: bold;
    line-height: 25px;
}
#text .cell .text{float:left;width:85%;max-width:600px;padding-top:15px}
#text .cell_xs .text{float:left;width:100%}
#text quote{padding:10px 70px;font-style:italic;color:#489AFF;text-align:justify;display:inline-block;font-size:1.1em;line-height:1.2em;quotes: "“" "”" "‘" "’"}
#text quote::before{content:open-quote;font-size:70px;margin:15px 15px 0 -30px;display:block;width:100%}
#text quote::after{content:close-quote;font-size:70px;margin:15px;display:block;width:100%;text-align:right}

#r4r_blog{height:100%;width:100%;background:#FFF url(/img/images/r4r_blog.jpg) no-repeat center;background-size:300px}

.blog_direct{float:left;width:300px;height:381px;margin:8px;background:url(/img/blog_news.png) no-repeat center;background-size:300px 377px}
.blog_direct div{width:100%;height:50%}
#contact .left{float:left;width:20%;margin:30px 0 50px 50px;min-width:200px}
#contact .middle{float:left;width:50%;margin:30px auto 0;min-width:350px}
#contact .right{float:left;width:70%;margin:30px 0 0;min-width:560px}
#contact td{padding:0 30px 10px}
#contact tr{margin:0}
#contact table{margin:0 0 50px 20px}
#contact .w30{width:30%}
#contact label{font-weight:bold;font-size:20px}
#contact input{width:250px;padding:4px 8px 5px;font-size:18px;border:1px solid #AAA;color:#AAA}
#contact input[type="submit"]{width:250px;padding:4px 8px 5px;font-size:18px;border-radius:2px;background-color:#FFF;margin:0 10px;cursor:pointer;font-size:20px}
#contact input[type="submit"]:hover{background-color:#EEE;box-shadow:0 0 3px #AAA}
#contact textarea{width:250px;height:150px;padding:4px 8px 5px;font-size:18px;overflow:auto;border:1px solid #AAA;color:#AAA}
#contact em{font-size:23px}

#membership{} /*add special type of ul bullets, i.e., float left and img integrated*/

.inline{display:inline !important;text-transform:uppercase;margin:0 5px !important;text-decoration:underline !important}

#article ul,ol{padding:10px 20px 10px 70px}
#article li{padding:10px 0 10px 0}
#article ul li{list-style:disc}
#article ol li{list-style:lower-latin}
.text a{display:block;text-align:right;margin:0 20px 30px 0}
.special a{display:block;text-align:right;margin:0 20px 30px 0}
.anti-special a{display:inline;margin:0}
#text li:first-line{font-weight:normal}

.category{color:#000BFF;width:100%;font-weight:bold;text-align:center;font-size:25px;padding:10px 0 20px}
h3{width:100%;display:inline-block;padding:10px 0 15px;text-transform:uppercase;text-align:center;font-style:italic}
.category:nth-child(2){margin:50px 0 0}
.membership_dsc{padding:10px 3% 30px;color:#999;font-style:italic;font-size:17px;font-weight:normal;line-height:20px}
#join,#register{height:auto;color:#FFF;background:#000BFF;width:225px;padding:20px;border-radius:5px;box-shadow:0 0 3px #DDD;margin:40px auto 20px;font-size:30px;text-transform:uppercase;text-align:center;font-weight:bold;font-style:italic}
#join:hover,#register:hover{box-shadow:0 0 3px #999;text-decoration:underline}

#register{color:#000;background:#FFF500}
.centre{text-align:center}

#membership_wrap{margin:0 5%;width:90%}
#cookie{position:fixed;bottom:0;top:auto;width:90%;padding:20px 5%;color:#000;background:#fed966;z-index:999999}
#cookie a{color:#000;font-weight:bold;text-decoration:none}
#video{position:fixed;z-index:99;top:0;left:0;right:0;bottom:0;margin:auto;height:80%;width:70%;min-height:200px;max-height:900px;min-width:400px;max-width:1200px;border:10px solid #000BFF;box-shadow:0 0 50px #000;border-radius:10px;background-color:#000;display:none}
#video iframe{height:100%;width:100%}
#video img{width:100%}
#close{position:absolute;top:-25px;right:-25px;height:50px;width:50px;background:url(/img/close.png) no-repeat center;background-size:50px 50px;z-index:101;cursor:pointer}
#video_inline{margin:30px auto}
#video_inline iframe{display:block;margin:auto}

@media only screen and (max-width: 500px)  {
#text p{padding:10px}
#text quote{padding:10px 20px}
	}

@media only screen and (max-width: 669px)  {
#promo{padding:40px 0 20px}
#promo img{float:none;margin:0 auto;display:block;height:160px}
#partners{font-size:24px}
#partners div{height:120px;width:90%}
#head img{width:170% !important;height:auto;min-height:auto !important}
	}