.menu { width:auto; } .menu.pulled { width: 100%; } .menu.navigation { width: auto; margin-left:0; height:auto; } .m-nav ul.menu > li:first-child, .m-nav ul.menu > li:first-child .subtoggle:checked ~ label { background-color: #393634; } .m-nav ul.menu > li:nth-child(2), .m-nav ul.menu > li:nth-child(2) .subtoggle:checked ~ label { background-color: #e7287c; } .m-nav ul.menu > li:nth-child(3), .m-nav ul.menu > li:nth-child(3) .subtoggle:checked ~ label { background-color: #e7287c; } .m-nav ul.menu > li:nth-child(4), .m-nav ul.menu > li:nth-child(4) .subtoggle:checked ~ label { background: #e7287c; } /************** mob promo tab ****************/ .m-nav ul.menu > li:nth-child(4) a, .m-nav ul.menu > li:nth-child(4) .subtoggle:checked ~ label a { } /************** mob promo tab ****************/ /*.m-nav ul.menu > li:nth-child(4) a::after, .m-nav ul.menu > li:nth-child(4) .subtoggle:checked ~ label a::after { content:""; background: transparent url(LIB/css/revive-logo.png) no-repeat left center / contain; position:absolute; bottom:0; left:8px; width:100%; height:40px; display:block; }*/ .m-nav ul.menu > li:nth-child(5), .m-nav ul.menu > li:nth-child(5) .subtoggle:checked ~ label { background: #e7287c; } .m-nav ul.menu > li:nth-child(6), .m-nav ul.menu > li:nth-child(6) .subtoggle:checked ~ label { background: #e7287c; } .m-nav ul.menu > li:nth-child(7), .m-nav ul.menu > li:nth-child(7) .subtoggle:checked ~ label { background: #e7287c; } .m-nav ul.menu > li > label, .m-nav ul.menu > li > a { color:#fff; } .m-nav ul.menu ul ul a, ul.menu ul ul label { border-bottom: 1px solid #fff; } .m-nav ul.menu li:nth-child(2) ul ul a, ul.menu li:nth-child(2) ul ul label { background-color: #EEF3E4; border-bottom: 1px solid #fff; } .m-nav ul.menu li:nth-child(2) ul ul { background-color: #EEF3E4; border-top: 2px solid #EEF3E4; } .m-nav ul.menu > li:nth-child(2) ul a:hover,.m-nav ul.menu > li:nth-child(2) ul ul a:hover, .m-nav ul.menu > li:nth-child(2) label:hover { color:#fff; background:#9ecb84; text-decoration:none; } .m-nav ul.menu li:nth-child(3) ul ul a, ul.menu li:nth-child(3) ul ul label { background-color: #E9F8FA; border-bottom: 1px solid #fff; } .m-nav ul.menu li:nth-child(3) ul ul { background-color: #E9F8FA; border-top: 2px solid #E9F8FA; } .m-nav ul.menu > li:nth-child(3) ul a:hover,.m-nav ul.menu > li:nth-child(3) ul ul a:hover, .m-nav ul.menu > li:nth-child(3) label:hover { color:#fff; background:#23b9d6; text-decoration:none; } .m-nav ul.menu > li:nth-child(4) { display:block; } /************** mob promo tab ****************/ .m-nav ul.menu ul ul a::before { content: ""; padding-right: 0; } /*right column pulled menu*/ .menu.pulled ul ul { display: none; } ul.menu.pulled .subtogglelabel + a { display: block;} ul.menu.pulled > li > .subtogglelabel + a { display: none; } /*right column pulled menu targetted content pages*/ #body0[class*=paper-management_about-us_] ul.menu.pulled ul li:nth-child(2) ul { display: block; } #body0[class*=paper-management_about-us_] ul.menu.pulled li:nth-child(2) .subtogglelabel + a { display: none;} #body0[class*=paper-management_sourcing-your-own-paper_] ul.menu.pulled ul li:nth-child(3) ul { display: block; } #body0[class*=paper-management_sourcing-your-own-paper_] ul.menu.pulled li:nth-child(3) .subtogglelabel + a { display: none;} #body0[class*=paper-management_product_] ul.menu.pulled ul li:nth-child(4) ul { display: block; } #body0[class*=paper-management_product_] ul.menu.pulled li:nth-child(4) .subtogglelabel + a { display: none;} #body0[class*=paper-management_services_] ul.menu.pulled ul li:nth-child(5) ul { display: block; } #body0[class*=paper-management_services_] ul.menu.pulled li:nth-child(5) .subtogglelabel + a { display: none;} #body0[class*=paper-management_sustainability_] ul.menu.pulled ul li:nth-child(6) ul { display: block; } #body0[class*=paper-management_sustainability_] ul.menu.pulled li:nth-child(6) .subtogglelabel + a { display: none;} .m-logo-unfixed { position:absolute; } ul.navarea { width: 72%; margin-top:19px; padding-top:14px; border-top: 1px solid #ccc; } ul.navarea .column { float: none; } .navigation > ul > li { min-width:180px; height:49px; } .navigation > ul > li:not(.navoff) > a:hover { color:#393634; } /*.navigation > ul > li > a:hover::before { background-color:rgba(0,0,0,0.1); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; } */ .navigation > ul > li:first-child > ul { background-color:#393634; } .navigation > ul > li:nth-child(2) > ul { background-color:#004e2e; } .navigation > ul > li:nth-child(3) > ul { background-color:#344695; } .navigation > ul > li:nth-child(4) > ul { background-color:#9ecb84;} .navigation > ul > li:nth-child(5) > ul { background-color:#e7287c; } .navigation > ul > li:nth-child(6) > ul { background-color:#23b9d6; } .navigation > ul > li:nth-child(7) > ul { background-color:#596a63; }/* FILM NAV */ .navigation ul > li > ul > li { width:100%; } /*.navigation > ul > li > ul > li > a:hover::before { background-color:rgba(0,0,0,0.1); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; } */ .navigation ul ul ul li { background-image:none; } .navigation ul ul li .subtogglelabel + a::after { margin-left:10px; } .navigation ul ul ul { left:250px; top:0; width:250px; } .navigation ul > li > ul > li > ul > li { width:100%; } .navigation ul li:first-child a { color:#fff; } .navigation ul ul { top:49px; } .navigation ul ul li { border-top:none; background-image:none; border-bottom:1px solid rgba(255,255,255,0.2); } .navigation ul ul ul li { border-top:none; } .navigation ul.menu ul li a { padding:18px 14px; } /*.navigation ul.menu ul li:hover::before { background-color:rgba(0,0,0,0.1); content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; }*/ .navigation ul.menu ul ul li a { color:#393634; } .navigation > ul.menu > li a:hover { background-color:#efefef; } .navigation > ul.menu > li:nth-child(1) { background-color:#393634; } .navigation > ul.menu > li:nth-child(2) { background-color:#e7287c; } .navigation > ul.menu > li:nth-child(3) { background-color:#393634; } .navigation > ul.menu > li:nth-child(4) { background-color:#9ecb84; } .navigation > ul.menu > li:nth-child(5) { background-color:#e7287c; } .navigation > ul.menu > li:nth-child(6) { background-color:#23b9d6; } .navigation > ul.menu > li:nth-child(7) { background: #596a63 url(documents/Images/icons/industry4-logo.png) 140% -25% no-repeat; background-size:75%; } @media screen and (max-width: 840px) { .navigation > ul.menu > li:nth-child(7) { background-position:120% 18%; background-size:50%; } } .navigation > ul.menu > li:nth-child(1) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(2) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(3) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(4) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(5) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(6) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation > ul.menu > li:nth-child(7) a:hover { color:#fff; background:transparent url(LIB/css/black-bg-20.png); } .navigation ul.menu li:first-child ul ul { background-color:#cbcaca; } .navigation ul.menu li:nth-child(4) ul ul { background-color:#C8E4C5; } .navigation ul.menu li:nth-child(5) ul ul { background-color:#f8bfd8; } .navigation ul.menu li:nth-child(6) ul ul { background-color:#82E0E9; } .navigation ul.menu ul ul li a:hover { color:#393634; background-color:#bbb; } .navigation > ul > li { min-width:166px; } /* change to 166px FILM NAV */ .navigation > ul > li > a { padding:18px 14px; text-align:center; } .navigation > ul > li:nth-child(5) > a { color: #fff;} .navigation > ul > li > a:hover,.navigation > ul > li > label:hover { background-image:none; } .navigation ul ul li .subtogglelabel + a::after { width: 10px; } .navigation > ul.menu > li:nth-child(4) > a::before, .navigation > ul > li:nth-child(4) > label::before { content: ""; } .navigation > ul.menu > li:nth-child(5) > a::before, .navigation > ul > li:nth-child(5) > label::before { content: ""; } #body0[class^=lamination] .navigation > ul.menu > li:nth-child(7)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=lamination] .navigation > ul.menu > li:nth-child(7)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } /* FILM NAV */ /*page indicator*/ .navigation > ul.menu > li.navoff > a { outline:none; } .navigation ul.menu li.navoff > label { outline:none; } .m-nav ul.menu li.navoff > a,.navigation ul li.navoff > a,.navigation ul li.navoff > a:hover { outline:none; } .m-nav ul.menu li.navoff > a:hover,ul.menu li.navoff > label:hover { outline:none; } #tt_topdiv { background-color:#fff; } #tt_topdiv.topdivscroll { height: 121px; background-color:#fff; } #tt_topdiv::before { margin-top: 330px; height: 50px; background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) repeat scroll 0 0; z-index:-1; } #tt_topdiv.shadow::before { top:0; opacity:0%; } #tt_topdiv.shadow.topdivscroll::before { opacity:100%; z-index:-1; } #tt_topdiv.topdivscroll::before { margin-top: 121px; display:block; background:rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) repeat scroll 0 0; } #tt_topdiv.topdivscroll ul.navarea { margin-top:20px; padding-top:14px; transition:all 0.4s ease-out 0s; } #tt_topdiv.topdivscroll a.homelogo { margin-top: 25px; } #tt_topdiv.topdivscroll a.homelogo { background: transparent url("documents/logo_home_NEW.png") no-repeat scroll 0 0 / 55% auto; } #tt_mobdiv { border-top: 350px solid #EBE9E8; } .topdivinfo .topdivinfoarea span.tt_display,.topdivinfo .topdivinfoarea a.tt_display,.topdivinfo .topdivinfoarea p.tt_display { display:inline-block; } a.homelogo { background: transparent url("documents/Images/logos/RF-logo-Pink.png") no-repeat scroll 0 0 / 70% auto; margin-top:45px; } ul.footernavarea { display:none; } /*IMAGE DEPTH PERCENTAGES*/ .editimage.pdb20 > .text { height:0; padding-bottom:20%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb22 > .text { height:0; padding-bottom:22%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb24 > .text { height:0; padding-bottom:24%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb26 > .text { height:0; padding-bottom:26%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb28 > .text { height:0; padding-bottom:28%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb30 > .text { height:0; padding-bottom:30%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb32 > .text { height:0; padding-bottom:32%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb34 > .text { height:0; padding-bottom:34%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb36 > .text { height:0; padding-bottom:36%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb38 > .text { height:0; padding-bottom:38%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb40 > .text { height:0; padding-bottom:40%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb42 > .text { height:0; padding-bottom:42%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb44 > .text { height:0; padding-bottom:44%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb46 > .text { height:0; padding-bottom:46%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb48 > .text { height:0; padding-bottom:48%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb50 > .text { height:0; padding-bottom:50%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb52 > .text { height:0; padding-bottom:52%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb54 > .text { height:0; padding-bottom:54%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb56 > .text { height:0; padding-bottom:56%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb58 > .text { height:0; padding-bottom:58%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb60 > .text { height:0; padding-bottom:60%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb62 > .text { height:0; padding-bottom:62%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb64 > .text { height:0; padding-bottom:64%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb66 > .text { height:0; padding-bottom:66%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb68 > .text { height:0; padding-bottom:68%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb70 > .text { height:0; padding-bottom:70%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb72 > .text { height:0; padding-bottom:72%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb74 > .text { height:0; padding-bottom:74%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb76 > .text { height:0; padding-bottom:76%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb78 > .text { height:0; padding-bottom:78%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb80 > .text { height:0; padding-bottom:80%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb82 > .text { height:0; padding-bottom:82%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb84 > .text { height:0; padding-bottom:84%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb86 > .text { height:0; padding-bottom:86%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb88 > .text { height:0; padding-bottom:88%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb90 > .text { height:0; padding-bottom:90%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb92 > .text { height:0; padding-bottom:92%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb94 > .text { height:0; padding-bottom:94%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb96 > .text { height:0; padding-bottom:96%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb98 > .text { height:0; padding-bottom:98%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb102 > .text { height:0; padding-bottom:102%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb104 > .text { height:0; padding-bottom:104%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb106 > .text { height:0; padding-bottom:106%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb108 > .text { height:0; padding-bottom:108%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb110 > .text { height:0; padding-bottom:110%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb112 > .text { height:0; padding-bottom:112%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb114 > .text { height:0; padding-bottom:114%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb116 > .text { height:0; padding-bottom:116%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb118 > .text { height:0; padding-bottom:118%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb120 > .text { height:0; padding-bottom:120%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb122 > .text { height:0; padding-bottom:122%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb124 > .text { height:0; padding-bottom:124%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb126 > .text { height:0; padding-bottom:126%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb128 > .text { height:0; padding-bottom:128%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb120 > .text { height:0; padding-bottom:130%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb132 > .text { height:0; padding-bottom:132%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb134 > .text { height:0; padding-bottom:134%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb136 > .text { height:0; padding-bottom:136%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb138 > .text { height:0; padding-bottom:138%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb140 > .text { height:0; padding-bottom:140%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb142 > .text { height:0; padding-bottom:142%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb144 > .text { height:0; padding-bottom:144%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb146 > .text { height:0; padding-bottom:146%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb148 > .text { height:0; padding-bottom:148%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb150 > .text { height:0; padding-bottom:150%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb152 > .text { height:0; padding-bottom:152%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb154 > .text { height:0; padding-bottom:154%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb156 > .text { height:0; padding-bottom:156%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb158 > .text { height:0; padding-bottom:158%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb160 > .text { height:0; padding-bottom:160%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb162 > .text { height:0; padding-bottom:162%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb164 > .text { height:0; padding-bottom:164%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb166 > .text { height:0; padding-bottom:166%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb168 > .text { height:0; padding-bottom:168%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb170 > .text { height:0; padding-bottom:170%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb172 > .text { height:0; padding-bottom:172%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb174 > .text { height:0; padding-bottom:174%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb176 > .text { height:0; padding-bottom:176%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb178 > .text { height:0; padding-bottom:178%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb180 > .text { height:0; padding-bottom:180%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb182 > .text { height:0; padding-bottom:182%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb184 > .text { height:0; padding-bottom:184%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb186 > .text { height:0; padding-bottom:186%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb188 > .text { height:0; padding-bottom:188%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb190 > .text { height:0; padding-bottom:190%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb192 > .text { height:0; padding-bottom:192%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb194 > .text { height:0; padding-bottom:194%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb196 > .text { height:0; padding-bottom:196%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.pdb198 > .text { height:0; padding-bottom:198%; background-size:contain; background-repeat:no-repeat; background-position:center; } .editimage.cover > .text { background-size:cover; } /*#body0[class^=paper] #tt_topbar .tt_topbarinner { background-color:#9ecb84; } #body0[class^=paper_] #tt_topbar .tt_topbarinner { background-color:#9ecb84; }*/ .paper h1 { display:none; } #body0[class^=paper] .contentarea h1 { color:#9ecb84; } #body0[class*=paper_products_revive_] h1, #body0[class*=paper_products_revive_] .edittitle h1 {text-transform:none; font-family:'head_regular'; } #body0[class*=paper_products_uncoated-papers_] h1, #body0[class*=paper_products_uncoated-papers_] .edittitle h1 {text-transform:none; font-family:'head_regular'; } #body0[class*=paper_products_coated-papers_] h1, #body0[class*=paper_products_coated-papers_] .edittitle h1 {text-transform:none; font-family:'head_regular'; } #body0[class*=paper_products_speciality-papers_] h1, #body0[class*=paper_products_speciality-papers_] .edittitle h1 {text-transform:none; font-family:'head_regular'; } #body0[class*=paper_products_large-format_] h1, #body0[class*=paper_products_large-format_] .edittitle h1 {text-transform:none; font-family:'head_regular'; } #body0[class*=paper_products_digital-\&-business_] h1, #body0[class*=paper_products_digital-\&-business_] .edittitle h1 {text-transform:none; font-family:'head_regular'; } #body0[class*=paper_products_carton-board_] h1, #body0[class*=paper_products_carton-board_] .edittitle h1 {text-transform:none; font-family:'head_regular'; } #body0[class*=paper_products_] .contentarea h1 { margin-top: 30px;} /* #body0[class^=paper] a.format1,#body0[class^=paper] p.format1,#body0[class^=paper] .editblock .edittext .text > p.format1,#body0[class^=paper] span.format1 { color:; } #body0[class^=paper] a.format3,#body0[class^=paper] p.format3,#body0[class^=paper] .editblock .edittext .text > p.format3,#body0[class^=paper] span.format3 { color:; } #body0[class^=paper] a.format5,#body0[class^=paper] p.format5,#body0[class^=paper] .editblock .edittext .text > p.format5,#body0[class^=paper] span.format5 { color:; } */ #body0[class^=paper] .topdivinfo .topdivinfoarea .edittext .text p.format3 { color:#333; } #body0[class^=paper] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#9ecb84; } #body0[class^=paper] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; } #body0[class^=paper] .topdivinfo a { color:#9ecb84; } #body0[class^=paper] .crumb a { color:#9ecb84; } #body0[class^=paper] .section a:not(.edittextlink) { color:#9ecb84; } #body0[class^=paper] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color:#898684; } #body0[class^=paper] .section .submenuarea a:not(.edittextlink) { color: #fff; } #body0.tt_unjs[class^=paper] .section .submenuarea a:not(.edittextlink), #body0[class^=paper] .section .submenuarea .menu a:not(.edittextlink) { color: #9ecb84; } #body0[class^=paper] .section .pagination { padding-left: 20px; } #body0[class^=paper] .section .pagination > div a { background: #ccc none repeat scroll 0 0; color: #fff; display: inline-block; line-height: 250%; padding: 0; text-align: center; width: 40px; } #body0[class^=paper] .section .pagination > div a:hover, .pagination a.hipage { background-color: #898684; } #body0[class^=paper] .topsection { background-image:url(documents/Images/headers/header-4-bw.jpg); background-color:#efefef; } #body0[class^=paper_] .navigation > ul.menu > li:nth-child(4)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=paper_] .navigation > ul.menu > li:nth-child(4)::before { border-bottom: 16px solid #ddd; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=paper]:not(.tt_editthis) .tt_accordion > label { background-color:#9ecb84; } #body0[class^=paper]:not(.tt_editthis) .tt_accordion > label:hover { background-color:#393634; } #body0[class^=paper]:not(.tt_editthis) .tt_accordion > input[type=radio]:checked+label { background-color:#393634; } #body0[class^="paper"] .section li.tt_cta-panel a { color: #fff; } #body0[class^="paper"] .section li.tt_cta-panel a.edittextlink { color: #fff; background-color:#393634; } #body0[class^="paper"] .section li.tt_cta-panel a.edittextlink:hover { color: #393634; background-color:#fff; } #body0[class^="paper"] .topsection .sectiontopinner { max-width:1200px; padding:0; margin:0 auto; } #body0.paper .topsection .sectiontopinner { max-width:none; padding:0; margin:0; } #body0[class^="paper"] a.edittextlink { background-color:#9ecb84; } #body0[class^="paper"] a.edittextlink:hover { background-color:#393634; } #body0[class^="paper"] a.editmore::after { background-color:#9ecb84; } #body0[class^="paper"] a.editmore:hover::after { background-color:#393634; } #body0[class^="paper"] .dkgreenbutton .edittextlink { background-color: #004e2e; } #body0[class^="paper"] .dkgreenlink .editlinkinline { color: #004e2e !important; } #body0[class^=paper] .sectorarea p::after { color: #9ecb84; content: "\2022"; padding: 0 10px; } #body0[class^=paper] .productusearea p::after { color: #9ecb84; content: "\2022"; padding: 0 10px; } #body0[class^=paper] .productusearea div.edittext:first-child p::after { color: transparent; content: ""; padding: 0; } #body0[class^=paper] ul.tickbulletarea a.format0::before, #body0[class^=paper] ul.tickbulletarea p.format0::before, #body0[class^=paper] ul.tickbulletarea span.format0::before { color:#9ecb84; } #body0[class^=paper] ul.tickcolumnarea a.format0::before, #body0[class^=paper] ul.tickcolumnarea p.format0::before, #body0[class^=paper] ul.tickcolumnarea span.format0::before { color:#9ecb84; } #body0[class^=paper] .sharebutton:hover { background-color:#9ecb84; } #body0[class^=paper] .bloggerbutton,#body0[class^=paper] .facebookbutton, #body0[class^=paper] .twitterbutton, #body0[class^=paper] .linkedinbutton, #body0[class^=paper] .youtubebutton, #body0[class^=paper] .instagrambutton, #body0[class^=paper] .cookiebutton, #body0[class^=paper] .googlebutton { background-color:#fff; } /*background-image:url(LIB/css/logo_socialmedia_paper.png)*/ #body0[class^=paper] .bloggerbutton:hover,#body0[class^=paper] .facebookbutton:hover, #body0[class^=paper] .twitterbutton:hover, #body0[class^=paper] .linkedinbutton:hover, #body0[class^=paper] .youtubebutton:hover, #body0[class^=paper] .instagrambutton:hover, #body0[class^=paper] .cookiebutton:hover, #body0[class^=paper] .sitemapbutton:hover, #body0[class^=paper] .googlebutton:hover { background-color:#393634; } .paper-management h1 { display:none; } /*#body0[class^=paper-management] #tt_topbar .tt_topbarinner { background-color:#23b9d6; } #body0[class*=paper-management_] #tt_topbar .tt_topbarinner { background-color:#23b9d6; }*/ #body0[class^=paper-management] .contentarea h1 { color:#23b9d6; } /* #body0[class^=paper-management] a.format1,#body0[class^=paper-management] p.format1,#body0[class^=paper-management] .editblock .edittext .text > p.format1,#body0[class^=paper-management] span.format1 { color:; } #body0[class^=paper-management] a.format3,#body0[class^=paper-management] p.format3,#body0[class^=paper-management] .editblock .edittext .text > p.format3,#body0[class^=paper-management] span.format3 { color:; } #body0[class^=paper-management] a.format5,#body0[class^=paper-management] p.format5,#body0[class^=paper-management] .editblock .edittext .text > p.format5,#body0[class^=paper-management] span.format5 { color:; } */ #body0[class^=paper-management] .topdivinfo .topdivinfoarea .edittext .text p.format3 { color:#333; } #body0[class^=paper-management] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#23b9d6; } #body0[class^=paper-management] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; } #body0[class^=paper-management] a.homelogo { background: transparent url("documents/logo_media_NEW.png") no-repeat scroll 0 0 / 70% auto; } #body0[class^=paper-management] #tt_topdiv.topdivscroll a.homelogo { background-size: 55% auto; } #body0[class^=paper-management] .crumb a { color:#23b9d6; } #body0[class^=paper-management] .section a:not(.edittextlink) { color:#23b9d6; } #body0[class^=paper-management] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color:#898684; } #body0[class^=paper-management] .section .submenuarea a:not(.edittextlink) { color: #fff; } #body0.tt_unjs[class^=paper-management] .section .submenuarea a:not(.edittextlink), #body0[class^=paper-management] .section .submenuarea .menu a:not(.edittextlink) { color: #23b9d6; } #body0[class^=paper-management] .topsection { background-image:url(documents/Images/headers/header-2-bw.jpg); background-color:#efefef; } #body0[class^=paper-management] .navigation > ul.menu > li:nth-child(6)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=paper-management] .navigation > ul.menu > li:nth-child(6)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=paper-management]:not(.tt_editthis) .tt_accordion > label { background-color:#23b9d6; } #body0[class^=paper-management] .tt_accordion > label:hover { background-color:#393634; } #body0[class^=paper-management] .tt_accordion > input[type=radio]:checked+label { background-color:#393634; } #body0[class^=paper-management] .section li.tt_cta-panel a { color: #fff; } #body0[class^=paper-management] .section li.tt_cta-panel a.edittextlink { color: #fff; background-color:#393634; } #body0[class^=paper-management] .section li.tt_cta-panel a.edittextlink:hover { color: #23b9d6; background-color:#fff; } #body0[class^=paper-management] .topsection .sectiontopinner { max-width:1200px; padding:0; margin:0 auto; } #body0.paper-management .topsection .sectiontopinner { max-width:none; padding:0; margin:0; } #body0[class^=paper-management] a.edittextlink { background-color:#23b9d6; } #body0[class^=paper-management] a.edittextlink:hover { background-color:#393634; } #body0[class^=paper-management] .sectorarea p::after { color: #23b9d6; content: "\2022"; padding: 0 10px; } #body0[class^=paper-management] .sharebutton:hover { background-color:#23b9d6; } /*#body0[class^=paper-management] .bloggerbutton, #body0[class^=paper-management] .facebookbutton, #body0[class^=paper-management] .twitterbutton, #body0[class^=paper-management] .linkedinbutton, #body0[class^=paper-management] .youtubebutton, #body0[class^=paper-management] .instagrambutton, #body0[class^=paper-management] .cookiebutton, #body0[class^=paper-management] .googlebutton { background-image:url(LIB/css/logo_socialmedia_media.png); background-color:#fff; } #body0[class^=paper-management] .emailbutton { background-image:url(LIB/css/logo_email_media.png); } #body0[class^=paper-management] .bloggerbutton:hover,#body0[class^=paper-management] .facebookbutton:hover, #body0[class^=paper-management] .twitterbutton:hover, #body0[class^=paper-management] .linkedinbutton:hover, #body0[class^=paper-management] .youtubebutton:hover, #body0[class^=paper-management] .instagrambutton:hover, #body0[class^=paper-management] .cookiebutton:hover, #body0[class^=paper-management] .sitemapbutton:hover, #body0[class^=paper-management] .googlebutton:hover, #body0[class^=paper-management] .emailbutton:hover { background-color:#393634; }*/ .denmaur h1 { display:none; } #body0[class*=denmaur_] .navigation > ul.menu > li:first-child::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class*=denmaur_] .navigation > ul.menu > li:first-child::before { border-bottom: 16px solid #cdcdcd; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class*=denmaur_] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color:#898684; } #body0[class*=denmaur_] .section .submenuarea a:not(.edittextlink) { color: #fff; } #body0.tt_unjs[class*=denmaur_] .section .submenuarea a:not(.edittextlink), #body0[class*=denmaur_] .section .submenuarea .menu a:not(.edittextlink) { color: #aaa; } #body0[class^="denmaur"] .sharebutton:not(.clc):hover { background-color:#23b9d6; } #body0[class^=denmaur] .topsection { background-image:url(documents/Images/headers/header-1-bw.jpg); background-color:#efefef; } #body0[class^="denmaur"] ul:not(.cbcalcresultsarea) .facebookbutton, #body0[class^="group"] ul:not(.cbcalcresultsarea) .twitterbutton, #body0[class^="group"] ul:not(.cbcalcresultsarea) .linkedinbutton { display:none; } #body0[class^=denmaur] #tt_topbar .search { right: 40px; } #body0[class^=denmaur] .navigation > ul.menu > li:nth-child(1)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=denmaur] .navigation > ul.menu > li:nth-child(1)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } /*#body0[class^=sustainability] .navigation > ul.menu > li:nth-child(2)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=sustainability] .navigation > ul.menu > li:nth-child(2)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=sustainability] span.title-subpage { color: #004e2e;} #body0[class^=sustainability] a.editmore::after { background-color:#004e2e; } #body0[class^=sustainability] a.editmore:hover::after { background-color:#393634; } #body0[class^=sustainability] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#004e2e; } #body0[class^=sustainability] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; } #body0[class^=sustainability] .topdivinfo a { color:#004e2e; } #body0[class^=sustainability] .crumb a { color:#004e2e; } #body0[class^=sustainability] .section a:not(.edittextlink) { color:#004e2e; } #body0[class^=sustainability] .contentarea h1 { color: #004e2e;}*/ .navigation > ul.menu > li.navoff::after { border-bottom:16px solid transparent; border-left:16px solid #fff; content:""; display:block; height:0; left:0; overflow:visible; position:absolute; top:0; width:0; } .navigation > ul.menu > li.navoff::before { border-bottom:16px solid #ccc; border-left:16px solid transparent; content:""; display:block; height:0; left:0; position:absolute; top:0; width:0; } .carton-board h1 { display:none; } /*#body0[class^=carton-board] span.title-subpage { color: #e7287c;}*/ /*#body0[class*=carton-board_products_white-backed-board_] h1, #body0[class*=carton-board_products_white-backed-board_] .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; } #body0[class*=carton-board_products_cream-backed-board_] h1, #body0[class*=carton-board_products_cream-backed-board_] .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; } #body0[class*=carton-board_products_2--sided-board_] h1, #body0[class*=carton-board_products_2--sided-board_] .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; } #body0[class*=carton-board_products_barrier-board_] h1, #body0[class*=carton-board_products_barrier-board_] .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; } #body0[class*=carton-board_products_greyboard_] h1, #body0[class*=carton-board_products_greyboard_] .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; } #body0[class*=carton-board_products_kraft-backed-board_] h1, #body0[class*=carton-board_products_kraft-backed-board_] .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; } #body0[class*=carton-board_products_white-lined-chipboard_] h1, #body0[class*=carton-board_products_white-lined-chipboard_] .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; }*/ #body0[class*=carton-board_products_] .productpagegrid h1, #body0[class*=carton-board_products_] .productpagegrid .edittitle h1 {text-transform:none; font-family:'head_regular'; margin-top: 30px; } #body0[class^=carton-board] a.editmore::after { background-color:#e7287c; } #body0[class^=carton-board] a.editmore:hover::after { background-color:#393634; } #body0[class^=carton-board] ul.contentarea.minheightsarea li.column a.edittextlink { background-color:#e7287c; } #body0[class^=carton-board] ul.contentarea.minheightsarea li.column a.edittextlink:hover { background-color:#393634; } #body0[class^=carton-board] .topdivinfo a { color:#e7287c; } #body0[class^=carton-board] .crumb a { color:#e7287c; } #body0[class^=carton-board] .section a:not(.edittextlink) { color:#e7287c; } #body0[class^=carton-board] .contentarea h1 { color: #e7287c;} #body0[class*=carton-board_products_] .contentarea h1 { margin-top: 30px;} .reel-fast h1 { display:none; } .reel-fast .contentarea.minheightsarea.mhbgoption6area > li:first-child .editblock { background-color:#9ecb84; } .reel-fast .contentarea.minheightsarea.mhbgoption6area > li:nth-child(2) .editblock { background-color:#e7287c; } #body0[class^=denmaur_news_]:not(.denmaur_news_news-archive) h1, #body0[class^=denmaur_news_]:not(.denmaur_news_news-archive) .edittitle h1 { text-transform: inherit; font-size:180%; line-height:120%; font-family:"head_regular"; color:#494644; padding:10px 0;} #body0[class^=denmaur_news_]:not(.denmaur_news_news-archive) .row.editblock.pulled { background-color: rgba(255,255,255,0.6); margin-bottom: 20px;} #body0[class^=denmaur_news_] .row.editblock.pulled .edittext, #body0[class^=denmaur_news_] .row.editblock.pulled .edittitle { padding:0 10px;} .group .section .sectiontopinner { margin: 0; max-width: none; padding: 0; } .topdivinfo .topdivinfoarea li .text { padding-right:130px; } /*text*/ .editblock .edittext .text > p.format0:last-child { margin-bottom: 10px; } /*text on background colour*/ #body0 .opt2bggrid p { color:#fff; } #body0 .opt2bggrid a.format0,#body0 .opt2bggrid p.format0,#body0 .opt2bggrid .editblock .edittext .text > p.format0,#body0 .opt2bggrid span.format0 { color:#fff; } #body0 .opt2bggrid a.format1,#body0 .opt2bggrid p.format1,#body0 .opt2bggrid .editblock .edittext .text > p.format1,#body0 .opt2bggrid span.format1 { color:#fff; } #body0 .opt2bggrid a.format2,#body0 .opt2bggrid p.format2,#body0 .opt2bggrid .editblock .edittext .text > p.format2,#body0 .opt2bggrid span.format2 { color:#fff; } #body0 .opt2bggrid a.format3,#body0 .opt2bggrid p.format3,#body0 .opt2bggrid .editblock .edittext .text > p.format3,#body0 .opt2bggrid span.format3 { color:#fff; } #body0 .opt2bggrid a.format4,#body0 .opt2bggrid p.format4,#body0 .opt2bggrid .editblock .edittext .text > p.format4,#body0 .opt2bggrid span.format4 { color:#fff; } #body0 .opt2bggrid a.format5,#body0 .opt2bggrid p.format5,#body0 .opt2bggrid .editblock .edittext .text > p.format5,#body0 .opt2bggrid span.format5 { color:#fff; } #body0 .opt2bggrid a.format6,#body0 .opt2bggrid p.format6,#body0 .opt2bggrid .editblock .edittext .text > p.format6,#body0 .opt2bggrid span.format6 { color:#fff; } #body0 .opt3bggrid p { color:#fff; } #body0 .opt3bggrid a.format0,#body0 .opt3bggrid p.format0,#body0 .opt3bggrid .editblock .edittext .text > p.format0,#body0 .opt3bggrid span.format0 { color:#fff; } #body0 .opt3bggrid a.format1,#body0 .opt3bggrid p.format1,#body0 .opt3bggrid .editblock .edittext .text > p.format1,#body0 .opt3bggrid span.format1 { color:#fff; } #body0 .opt3bggrid a.format2,#body0 .opt3bggrid p.format2,#body0 .opt3bggrid .editblock .edittext .text > p.format2,#body0 .opt3bggrid span.format2 { color:#fff; } #body0 .opt3bggrid a.format3,#body0 .opt3bggrid p.format3,#body0 .opt3bggrid .editblock .edittext .text > p.format3,#body0 .opt3bggrid span.format3 { color:#fff; } #body0 .opt3bggrid a.format4,#body0 .opt3bggrid p.format4,#body0 .opt3bggrid .editblock .edittext .text > p.format4,#body0 .opt3bggrid span.format4 { color:#fff; } #body0 .opt3bggrid a.format5,#body0 .opt3bggrid p.format5,#body0 .opt3bggrid .editblock .edittext .text > p.format5,#body0 .opt3bggrid span.format5 { color:#fff; } #body0 .opt3bggrid a.format6,#body0 .opt3bggrid p.format6,#body0 .opt3bggrid .editblock .edittext .text > p.format6,#body0 .opt3bggrid span.format6 { color:#fff; } #body0 .opt4bggrid p { color:#fff; } #body0 .opt4bggrid a.format0,#body0 .opt4bggrid p.format0,#body0 .opt4bggrid .editblock .edittext .text > p.format0,#body0 .opt4bggrid span.format0 { color:#fff; } #body0 .opt4bggrid a.format1,#body0 .opt4bggrid p.format1,#body0 .opt4bggrid .editblock .edittext .text > p.format1,#body0 .opt4bggrid span.format1 { color:#fff; } #body0 .opt4bggrid a.format2,#body0 .opt4bggrid p.format2,#body0 .opt4bggrid .editblock .edittext .text > p.format2,#body0 .opt4bggrid span.format2 { color:#fff; } #body0 .opt4bggrid a.format3,#body0 .opt4bggrid p.format3,#body0 .opt4bggrid .editblock .edittext .text > p.format3,#body0 .opt4bggrid span.format3 { color:#fff; } #body0 .opt4bggrid a.format4,#body0 .opt4bggrid p.format4,#body0 .opt4bggrid .editblock .edittext .text > p.format4,#body0 .opt4bggrid span.format4 { color:#fff; } #body0 .opt4bggrid a.format5,#body0 .opt4bggrid p.format5,#body0 .opt4bggrid .editblock .edittext .text > p.format5,#body0 .opt4bggrid span.format5 { color:#fff; } #body0 .opt4bggrid a.format6,#body0 .opt4bggrid p.format6,#body0 .opt4bggrid .editblock .edittext .text > p.format6,#body0 .opt4bggrid span.format6 { color:#fff; } /*caption*/ .wltcaption::after { content: "Image: \00A9 Natalie Singleton"; } /*nav*/ /*footer*/ .footersection a.edittextlink { background-color:#23b9d6; color:#fff; } .footersection a.edittextlink:hover { background-color:#fff; color:#000; } .footersection ul.threethreegrid > li { width: 40%; } .footersection ul.threethreegrid > li:nth-child(3) { width: 20%; } /*STACKER*/ .stackerarea .pulled .editimage.letterbox { margin: 8% 0; } .archivearea { width:100%; border-top:1px solid #898684; border-bottom:1px solid #898684; padding:14px 0; } .archivearea .column,.archivearea .row,.archivearea { display:inline-block; } .archivearea a { display:block; font-size:120%; float:right; } /*ids*/ /*areas*/ ul.contentarea.minheightsarea .text { text-align:center; } /*.slideshowarea.homeslidearea .editblock:nth-child(3) .editimage .text { width:424px; height:83px; background-image:url(documents/Images/slideshow/FD-brand4.png); background-position:0 0; } .slideshowarea.homeslidearea li.slideholder { color:#fff; background-color:#23b9d6; font-size:20px; line-height:600%; } .slideshowarea.homeslidearea li.tt_slideshow-inner:first-child { background-image:url(documents/Images/backgrounds/demo-slide-bg1bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(2) { background-image:url(documents/Images/backgrounds/demo-slide-bg2bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(3) { background-image:url(documents/Images/backgrounds/demo-slide-bg3bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(4) { background-image:url(documents/Images/backgrounds/demo-slide-bg4bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(5) { background-image:url(documents/Images/backgrounds/demo-slide-bg5bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(6) { background-image:url(documents/Images/backgrounds/demo-slide-bg2bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(7) { background-image:url(documents/Images/backgrounds/demo-slide-bg3bw.jpg); } .slideshowarea.homeslidearea li.tt_slideshow-inner:first-child .editblock:first-child .edittext .text { width:400px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:first-child .editblock:nth-child(2) .edittext .text { width:290px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(2) .editblock:first-child .edittext .text { width:290px; ; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(2) .editblock:nth-child(2) .edittext .text { width:290px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(3) .editblock:first-child .edittext .text { width:540px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(3) .editblock:nth-child(2) .edittext .text { width:400px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(4) .editblock:first-child .edittext .text { width:364px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(4) .editblock:nth-child(2) .edittext .text { width:320px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(5) .editblock:first-child .edittext .text { width:524px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(5) .editblock:nth-child(2) .edittext .text { width:320px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(6) .editblock:first-child .edittext .text { width:364px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(6) .editblock:nth-child(2) .edittext .text { width:320px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(7) .editblock:first-child .edittext .text { width:524px; } .slideshowarea.homeslidearea li.tt_slideshow-inner:nth-child(7) .editblock:nth-child(2) .edittext .text { width:320px; }*/ .slideshowarea.homeslidearea.editimage { margin:0; } .slideshowarea .slideholder .editimage .text { background-repeat: repeat; background-position: center; background-size: auto; } ul.loanexamplearea { background:#efefef; } ul.pageheader,ul.headerarea { height:22vh; max-height: 240px; min-height:160px; } .certificationsarea { margin-top:0; } .certificationsarea .imagegrid a.imageitem { margin: 0 1% 0; padding-bottom: 16%; width: 13%; height:0; } .certificationsarea .imagegrid a.imageitem:last-child { width: 22%; } .certificationsarea .imagegrid { margin: 0 auto; } ul.contentarea.minheightsarea + ul.minheightsarea { padding-top: 0; } ul.revivepanelarea div.editblock:first-child { width: 25%; float: left; } ul.revivepanelarea div.editblock:last-child { width: 75%; float: left; } ul.socialmediaarea .editimage .text { background-color: #898684; padding-bottom:100%; } ul.socialmediaarea .editimage .text:hover { background-color: #393634; } ul.socialmediaarea .editimage > .text > p,ul.socialmediaarea .editimage > .text > p > a { background: transparent; display: block; height: 0; margin: 0; padding: 0 0 100%; position: absolute; width: 100%; } ul.socialmediaarea > li { margin-bottom: 2%; padding: 1%; width: 60px; float:left; } ul.linkarea .editimage .text { } ul.linkarea .editimage .text:hover { background-color: #efefef; } ul.linkarea .editimage > .text > p,ul.linkarea .editimage > .text > p > a { background: transparent; display: block; height: 0; margin: 0; padding: 0 0 100%; position: absolute; width: 100%; } ul.linkarea > li { margin-bottom: 2%; padding: 1%; width: 100px; } ul.linkarea > li.landscape { width: 200px; } .link2area { border-bottom:1px solid #ccc; padding-bottom:20px; } .link2area .editimage .text:hover { background-color: #efefef; } .link2area .editimage > .text > p,ul.linkarea .editimage > .text > p > a { background: transparent; display: block; height: 0; margin: 0; padding: 0 0 100%; position: absolute; width: 100%; } .link2area > li.landscape { width: 200px; } .link2area > li:first-child { width:220px; position:absolute; left:0; } .link2area > li:first-child .editimage { width:100px; } .link2area > li:first-child .editimage.landscape { width:200px; } .link2area > li:nth-child(2) { width:100%; padding-left:220px; min-height:100px; } .link2area .editimage > .text { padding-bottom: 100%; } .link2area .editimage.landscape > .text { padding-bottom: 48.5%; } ul.accredarea li > .editblock > .editimage > .text { background:transparent none no-repeat left; margin-bottom:15px; } ul.accredarea li > .editblock > .editimage:nth-child(1) > .text { height:43px; background-size:110px auto; } ul.accredarea li > .editblock > .editimage:nth-child(2) > .text { height:77px; background-size:110px auto; } ul.accredarea li > .editblock > .editimage:nth-child(3) > .text { height:67px; background-size:88px auto; } ul.accredarea li > .editblock > .editimage:nth-child(4) > .text { height:50px; background-size:145px auto; } ul.addressblockarea .editblock .edittext .text > p, ul.addressblockarea .tt_ce-editor > p { padding-bottom:0; } ul.addressblockarea > li { padding-top: 0; border-left: 1px solid #ccc; padding: 0 2% 2%; } ul.addressblockarea { padding-top:20px; } ul.contentarea.minheightsarea.fivefivegrid .editblock .edittext .text { padding:8%; } .sectorarea p { display: inline-block; font-size: 150%; line-height: 150%; } .productusearea p { display: inline; font-size: 120%; line-height: 150%; } .productusearea.containergrid { padding-bottom:20px; } .productuse2area div.edittext:first-child p.format5 { padding-top: 0; } .productuse2area.containergrid { padding-bottom:10px; } .productpullarea.stackerarea .tt_stacked { background-color: #fff; border-left: 10px solid #EBE9E8; border-right: 10px solid #EBE9E8; margin-bottom: 20px; min-height:0; } .productpullarea.stackerarea .tt_stacked .row { background-color: transparent; padding:0; margin:0; } .productpullarea.stackerarea .tt_stacked .row .edittitle, .productpullarea.stackerarea .tt_stacked .row .edittext { padding: 20px; padding-bottom:0; } .productpullarea.stackerarea .tt_stacked > div:nth-child(2) .edittext { display:none;} .productpullarea.stackerarea .editimage, .productpullarea.stackerarea .edittitle { margin:0; } .productpullarea.stackerarea .pulled .text {text-align:center;} .productpullarea.stackerarea .pulled .editimage .text {padding-bottom:75%;} /*.productpullarea.stackerarea div.editimage:nth-child(2) { display: none; }*/ .productpullarea.stackerarea a { width:auto; display:block; } .productpullarea.stackerarea a.editmore::after { color: #fff; content: "LEARN MORE"; display: inline-block; width: auto; height: auto; margin:20px 0; padding: 8px 16px; text-align: center; max-width:160px; } .productpullarea.stackerarea a.editmore:hover::after { color: #fff; } .productpullarea.stackerarea .tt_stacked > div:first-child { bottom: 0; position: absolute; width:100%; } .productpullarea.stackerarea .tt_stacked > div:last-child { margin-bottom: 80px; } .stackerarea .pulled .editimage .text, .stackerarea .pulled .editimage .text:hover { border:none; } .productpagegrid > ul { max-width:900px;} .productpagegrid > ul .editblock { padding-right:0; } .productpagegrid .productpagearea + .productusearea .editblock { padding-right:inherit; } .productpagearea { overflow:visible; } .productpagearea > li { overflow:visible; margin-bottom:0; } .productpagearea .editblock { overflow:visible; } .productpagearea div.editimage:first-child { position: relative; right: 0; top: 0; width: 330px; float:left; clear: none; } .productpagearea div.editimage:nth-child(2) > .text { background-size:85%; } .productpagearea div.editimage:nth-child(2) { position: relative; right: 0; top: 0; width: 330px; background-color:#fff; float:left; clear: none; } .productpagearea div.editimage:first-child .text, .productpagearea div.editimage:nth-child(2) .text {padding-bottom:75%;} .productpagearea .edittitle > .text { margin-top:0; margin-bottom:0; } .productpagearea .edittext:nth-child(4) > .text > p { font-size:130%; line-height:140%; font-family:'head_regular'; color:#898684; margin-bottom:5px ; } .productpagegrid .wrappergrid { width:74%; margin:20px 0; margin-right: 26%; } .productpage2area .editblock { padding-right:25%; } .productpage2area div.editimage:first-child { position: absolute; right: 0; width: 22%; border: 1px solid #ccc; } .productpage2area div.editimage:first-child > .text { background-size:contain; } .productpage2area div.editimage:nth-child(2) { } .productpage2area div.editimage:nth-child(2) > .text {padding-bottom: 29.5%; } .productpage2area .edittext > .text > p:first-child { font-size:115%; line-height:130%; font-family:'head_regular'; color:#898684; margin-bottom:10px ; padding-bottom:0; } .fandbarea.containergrid {padding:30px 20px 10px; max-width:900px; background-color: rgba(158,203,132,0.4);} .fandbarea.containergrid p, .fandbarea.minheightsarea p { border-bottom: 1.5px solid #fff; padding-bottom: 15px !important; margin-bottom: 20px !important;} #body0[class^=carton-board] .fandbarea.containergrid {padding:30px 20px 10px; max-width:900px; background-color: rgba(231,40,124,0.3);} .cbcalcarea,.cbcalcresultsarea { background: #fad4e5; padding: 20px !important; margin-bottom:40px !important; min-height:100px; }/*url(documents/Images/logos/WLT-cb-logo.png) no-repeat 95% 95% / 200px auto*/ #body0[class^=reel-fast_] .cbcalcarea, #body0[class^=reel-fast_] .cbcalcresultsarea { background-image:none; } .cbcalcresultsarea { background-position: 95% 97%; } .cbcalcarea .partB,.cbcalcresultsarea .partA { display:none; } .cbcalcresultsarea .co2-icon { background: #fff url(documents/Images/icons/carbon-calc/co2-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .car-icon { background: #fff url(documents/Images/icons/carbon-calc/car-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .nocar-icon { background: #fff url(documents/Images/icons/carbon-calc/nocar-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .drive-icon { background: #fff url(documents/Images/icons/carbon-calc/drive-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .plane-icon { background: #fff url(documents/Images/icons/carbon-calc/plane-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .land-icon { background: #fff url(documents/Images/icons/carbon-calc/land-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea .ball-icon { background: #fff url(documents/Images/icons/carbon-calc/ball-icon.png) no-repeat center / auto 100%; width:100px; } .cbcalcresultsarea > li > div:last-child { min-height:80px; width:70%; } .cbcalcresultsarea > li > div:first-child { background-color:#e9e07b; min-height:100px; } .cbcalcresultsarea h2 { color:#fff; padding: 14px 0 10px 20px; margin-bottom:0; float:left; } .cbcalcresultshead { float:left; margin-top:12px; } .cbcalcheadarea { background: url(documents/Images/elements/cbc-temp-header-bg.jpg) no-repeat center / cover; height:150px; padding: 20px;} .cbcalcheadarea p.format1 { font-size:220% !important; } .cbcalcheadarea p.format4 { font-size:150% !important; } .cbcalcfootarea { height:100px; padding: 20px !important; background: url(documents/logo_home_NEW.png) no-repeat right center / 250px auto;} .cbcalcfootarea .editimage .text { background-size:contain; background-position: right; padding-bottom:15%; } .cbsection { width:1000px; height:1315px; padding:28px 28px 0 28px; background-color:#fff; } .cbsection .sectioninner { padding-top:0; } .calculator-results #tt_mobdiv { border-top:none; } .calculator-results .cbcalcresultsarea { margin: 40px; } .calculator-results div.wrappergrid:nth-child(2) { height: 1145px;} .tt_footdivinner > div > div.onethreegrid:first-child { width:17%; } .tt_footdivinner > div > div.onethreegrid:nth-child(2) { width:37%; } .tt_footdivinner > div > div.onethreegrid:last-child { width:37%; } /*grids*/ .onefourgrid > .panelarea li:nth-child(3) .text { background-color:#949493; } .onefourgrid > .panelarea li:nth-child(3) .text p.format3{ color:#ffffff; } .onefourgrid.logogrid { border: 1px solid #ccc; } .onefourgrid.logogrid .editimage > .text { background-size:contain; } .containergrid .onefourgrid:last-child { float: right; margin-right: 0; } .containergrid { padding: 20px 20px 0; } div.containergrid > ul:last-child { margin-bottom: 20px; } .containergrid li:first-child .text p:first-child { margin-top: 0; padding-top: 0; } .containergrid.contentarea { margin: 0 0 2%; } .contgridmgb0 {padding-bottom:20px;} .bbluegrid .editblock .text p.format1,.bbluegrid .editblock .text p.format2, .bbluegrid .editblock .text p.format3 { color: #fff; } .bgreygrid .introarea .editblock .text p.format3 { color: #fff; } .bdarkgreygrid .introarea .editblock .text p.format3 { color: #fff; } ul.introarea .editblock .edittext .text > p.format4 { color:#393634; } .editimage.landscape > .text { height:0; padding-bottom:48.5%; background-size:cover; background-repeat:no-repeat; background-position:center; } .editimage.portrait > .text { height:0; padding-bottom:152%; background-size: cover; background-repeat:no-repeat; background-position:center; } .editimage.icon1 > .text { height:90px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:center; margin-top:20px; } .editimage.icon2 > .text { height:70px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:center; margin-top:20px; } .editimage.icon3 > .text { height:50px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:center; margin-top:20px; } .editimage.hpindigo > .text { height:50px; padding-bottom:0; background-size: auto 100%; background-repeat:no-repeat; background-position:left; } .editimage.contain > .text { background-size:contain; } .editimage.left > .text { background-position:left; } .editimage.icon100 .text { background-size: contain; padding-bottom: 50%; max-height: 100px;} /*FACELIFT BITS*/ .topnavsection { background-color:#fff; display:none;} .topnavsection .sectioninner {padding: 0 0 20px;} .topnavsection ul { padding: 10px 1%;} .topnavsection ul.sixsixgrid > li {width: 13%; margin-right: 4%; margin-left: 2px; background-color: #ccc; aspect-ratio: 1/1; } .topnavsection ul.sixsixgrid > li:last-child { margin-right: 0;} .topnavsection ul.sixsixgrid > li:nth-child(1) { background-color:#393634; } .topnavsection ul.sixsixgrid > li:nth-child(2) { background-color:#004e2e; } .topnavsection ul.sixsixgrid > li:nth-child(3) { background-color:#344695; } .topnavsection ul.sixsixgrid > li:nth-child(4) { background-color:#9ecb84; } .topnavsection ul.sixsixgrid > li:nth-child(5) { background-color: #e7287c; } .topnavsection ul.sixsixgrid > li:nth-child(6) { background-color: #23b9d6; } .topnavsection ul.sixsixgrid div, .topnavsection ul.sixsixgrid a {display:block; width:100%; height:100%;} .topnavsection ul.sixsixgrid > li a { color:#fff; width: auto; height: auto; min-height: 37px; font-size: 92%; line-height: 100%; text-align: center; padding:45% 0; cursor: pointer; } .topcontentsection {background-color: #EBE9E8;} .topcontentsection .sectioninner {padding-top:36px;} #body0[class*=paper_products_coated-papers_] .topcontentsection, #body0[class*=paper_products_uncoated-papers_] .topcontentsection, #body0[class*=paper_products_revive_] .topcontentsection, #body0[class*=paper_products_speciality-papers_] .topcontentsection, #body0[class*=paper_products_digital-\&-business_] .topcontentsection, #body0[class*=carton-board_products_] .topcontentsection {background-image: url(documents/Images/elements/logo-graphic-wht-50.png);background-repeat: no-repeat;background-position: 90% 5%;background-size: 25%;} .promopanelgrid .editmodule.slider > div { padding:30px 0; } .promopanelgrid .editimage .text {padding-bottom:66%; } .promopanelgrid.contentarea.minheightsarea.mhbuttonarea a.edittextlink { margin-top: 40px;} .promopanelgrid.contentarea.minheightsarea.threethreegrid li.column a.edittextlink { background-color: #D2D0D0; color:#FFF; } .promopanelgrid.contentarea.minheightsarea.threethreegrid li.column a.edittextlink:hover { background-color: #FFF !important; color:#646262; } .promopanelgridsq .editmodule.slider > div { padding:30px 0; } .promopanelgridsq .editimage .text {padding-bottom:100%; } .promopanelgridsq.contentarea.minheightsarea.mhbuttonarea a.edittextlink { margin-top: 40px;} .promopanelgridsq.contentarea.minheightsarea.threethreegrid li.column a.edittextlink { background-color: #D2D0D0; color:#FFF; } .promopanelgridsq.contentarea.minheightsarea.threethreegrid li.column a.edittextlink:hover { background-color: #FFF !important; color:#646262; } /*FACELIFT BITS*/ .dptopsection { background: url(documents/Images/slideshow/DP-Wall-bg.jpg) no-repeat; background-size:100% 100%; padding-bottom:10%; } .dptopsection::before {content:""; display:block; background-image:url(documents/Images/slideshow/dp-silhouettes.png); background-repeat: no-repeat; background-size: contain; background-position-y:105%; position:absolute; bottom:0; left:0; width: 100%; height:100%;} .dptopsection .dpintroarea { padding: 0 130px; } .dptopsection .dpintroarea .editimage .text { padding-bottom:12%; text-align:center; background-size: contain; max-width:550px; margin: 50px auto 0;} .dptopsection .dpintroarea .edittext .text { text-align:center;} .dptopsection .dpintroarea .edittext .text p.format1 { color:#3a3735 !important; font-family:'font_bold';} .dptopsection .roundelarea .editblock {padding:0.5vw;} .dptopsection .dproundelgrid .roundelarea .editblock > div .text > p.format2 {font-size: 145%;} .dproundelgrid .roundelarea.option1roundelarea > li { background-color: #1ba1db; } .dproundelgrid .roundelarea.option2roundelarea > li { background-color: #f18e22; } .dproundelgrid .roundelarea.option3roundelarea > li { background-color: #004e2e; } .dproundelgrid .roundelarea.option4roundelarea > li { background-color: #3a3735; } .dproundelgrid .roundelarea.option5roundelarea > li { background-color: #e52420; } .dproundelgrid .roundelarea.option6roundelarea > li { background:url(documents/Images/icons/cb-icon-lrg.png) no-repeat; background-size:cover; } .dproundelgrid .roundelarea .editblock > div .text > p.format1 { font-size: 400%; } .dproundelgrid .roundelarea .editblock > div .text > p.format2 { font-size: 180%; } .dptopsection .dproundelgrid ul.area::after { content: ""; background-image: url(documents/Images/icons/certified-roundel-sm.png);width: 60px; height: 60px; position: absolute; display: block; top: 0; right: 0; background-size: cover;} .section:not(.dptopsection) .dproundelgrid { max-width: 900px; margin: 0 auto;} #body0[class*=delipac] .section:nth-child(2) .twotwogrid { max-width: 600px; margin: 0 auto;} .dpawardsarea .editimage { padding:20px; } .dpawardsarea .editimage > .text { background-size:contain; padding-bottom:60%; } .dpdownloadarea .editimage .text {background-size:contain; background-position:left; } .dpcrsectionarea li { display: table; background:url(documents/Images/backgrounds/dp-cross-sec-bg.png) no-repeat center / 100% 100%; } .dpcrsectionarea li > div { display: table-row; } .dpcrsectionarea li > div > div { display: table-cell; vertical-align:middle;} .dpcrsectionarea li > div > div .text { text-align:center;} .dpcrsectionarea li > div:first-child > div { height:50px;} .dpcrsectionarea li > div:nth-child(2) > div { height:100px;} .dptempgaugearea li { display: table; padding-left:50px; border-bottom:1px solid #888; } .dptempgaugearea li::before { background: linear-gradient(to bottom, #ff0000 0%,#0000ff 100%); position:absolute; display:block; left:0; width:50px; height:100%; border-bottom:1px solid #888; border-top:1px solid #888; } .dptempgaugearea li > div { display: table-row; } .dptempgaugearea li > div > div { display: table-cell; vertical-align:middle; border-top:1px solid #888; height:61px; } .dptempgaugearea li > div > div .text { text-align:left;} .dptempgaugearea li > div > div .text p { margin-bottom: 0 !important; margin-left:10px; } .dpappsarea li > div:first-child div { margin-bottom:20px; } .dpappsarea li > div:first-child p { color:#ccc !important; text-transform:uppercase; float:left; display:inline-block; font-family: "head_regular"; font-size: 115%; line-height: 130%;margin-bottom: 0; margin-right:10px; padding-bottom: 0; clear:none; } .dpappsarea li > div:first-child p { background: #595654 none repeat scroll 0 0; margin-bottom: 10px !important; padding: 5px !important; } /*.dpappsarea li > div:first-child p::after { content:"/"; margin-left:10px; color:#999; }*/ .dpappsarea li > div:first-child p:last-child::after { content:""; } .dpgalleryarea .imagegrid a.imageitem { cursor:auto; } .dpwidarea li:last-child .editimage {padding-left:20%;} .deliproductarea .editblock {background-image:url(documents/Images/elements/dp-blank-bg.jpg) !important; background-size: 100% 100% !important; background-color:#fff !important;} .dpappgrid { margin-top:30px; padding-bottom:10px; } .dpappgrid .edittitle > .text { text-align: center; overflow: visible; } .dpappgrid .edittitle > .text > p.format2 { display: inline-block; position: relative; padding-bottom:0; } .dpappgrid .edittitle > .text > p.format2::before, .dpappgrid .edittitle > .text > p.format2::after { content: ""; position: absolute; height: 5px; border-top: 1px solid #FFF; top: 50%; width: 600px; } .dpappgrid .edittitle > .text > p.format2::before { right: 100%; margin-right: 15px; } .dpappgrid .edittitle > .text > p.format2::after { left: 100%; margin-left: 15px; } .dpcertgrid { background: #f18e22 url(documents/Images/logos/PEFC-WLT-logos-vert.png) no-repeat 97% center / 100px auto; } .dpcertgrid .editimage { max-width:400px; } .dpcertgrid .editimage > .text { max-width:300px; } .dpcertgrid .edittext > .text { width:80%; } .dplogogrid { margin-bottom:5vh; } .dplogogrid .fivefivegrid .row { background-color: #fff; } .dplogogrid .editimage > .text { background-size: 75% auto; padding-bottom:100%; } .dplogogrid .edittitle > .text { text-align: center; overflow: visible; } .dplogogrid .edittitle > .text > p.format3 { display: inline-block; position: relative; } .dplogogrid .edittitle > .text > p.format3::before, .dplogogrid .edittitle > .text > p.format3::after { content: ""; position: absolute; height: 5px; border-top: 1px solid #393634; top: 60%; width: 600px; } .dplogogrid .edittitle > .text > p.format3::before { right: 100%; margin-right: 15px; } .dplogogrid .edittitle > .text > p.format3::after { left: 100%; margin-left: 15px; } .dpproductgrid .editimage > .text { background-size:80%; padding-bottom:25%; margin-top:20px; } .dpproductgrid .edittext > div:first-child p.format0 { text-align: center; font-size:125%; } .dpproductgrid .edittext .text { padding-top:0 !important; } .dpproductgrid .edittext .text p.format4 { padding-top:0 !important;font-size:150%; } .dpproductgrid a.format0, .dpproductgrid p.format0, .dpproductgrid span.format0 { padding-left:30px;} /*.dpproductgrid a.format0::before, p.format0::before, span.format0::before { border-radius: 0; height: 0; width:0; left:-20px; background-color: #ccc; content: "\2713"; display: inline-block; margin-right: 0; margin-left:0; margin-top: 4px; padding-right:0; position: relative; font-size: 20px; } LEFT tick bullets*/ .dpproductgrid a.format0::before, .dpproductgrid p.format0::before, .dpproductgrid span.format0::before { background-color: #ccc; border-radius: 0; content: "\2713"; display: inline-block; height: 0; left: -20px; margin-top: 4px; padding-right: 0; position: relative; width: 8px; } .dpproductgrid .contentarea.minheightsarea.mhbuttonarea.threethreegrid .editblock .edittext:last-child .text p:first-child { padding-bottom: 40px; padding-top: 0; } #body0[class*=delipac] p.format1, #body0[class*=delipac] .editblock .edittext .text > p.format1 { font-size: 250%; color:#1ba1db; margin-top:20px; } #body0[class*=delipac] p.format2 { color: #f18e22; } #body0[class*=delipac] h1 { display:none; } #body0[class*=delipac] .section .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } /*#body0[class*=delipac] .navigation > ul.menu > li:nth-child(5) { background-color: #f18e22; background-image:none; float:right; } #body0[class*=delipac] .navigation > ul > li { min-width:160px; } #body0[class*=delipac] .navigation > ul.menu > li:nth-child(5) a { color: transparent;} #body0[class*=delipac] .navigation > ul > li:nth-child(5) > a::after,#body0[class*=delipac] .navigation > ul > li:nth-child(5) > label::after { background: transparent url("LIB/css/dp-nav-icon.png") no-repeat scroll center center / 70% auto; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #body0[class*=delipac] .navigation > ul.menu > li:nth-child(5) a:hover { background: #1ba1db none repeat scroll 0 0; }*/ #body0[class*=delipac] .promonavarea { width: 72%; margin:0 auto; } #body0[class*=delipac] .promonavarea li { background-color: #F18E22; height:47px; width:auto; padding:0 20px; } #body0[class*=delipac] .promonavarea li a { padding: 15px 15px; text-align: center; display:inline-block; color:#fff; font-size:12px; line-height:140%; } #body0[class*=delipac] #tt_modal .modal-container { height: 98vh; margin: 2vh auto 0; position: relative; width: auto; background: transparent; border: medium none; box-shadow: none; } #body0[class*=delipac] #tt_modal .modal-container .editimage .text { background-size:contain; padding-bottom:0; height:150%; position:relative; } #body0[class*=delipac] #tt_modal.alertbox .modal-container > div { background-color:transparent; height:100%; } #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div,#body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div > div { height:100%; } #body0[class*=delipac] #tt_modal.alertbox .modal-container > div { padding: 20px 0 0 0 ; } #body0[class*=delipac] #tt_modal #m-close { border: medium none; font-size: 60px; height: 60px; position: absolute; right: 2%; top: 4vh; color:#fff; } #body0[class*=delipac] .quotebox > .sub { background-color:transparent;} #body0[class*=delipac] span.facebookby a { font-size:0; } #body0[class*=delipac] span.facebookby a::after { content: "Delipac"; font-size:13px; } #body0[class*=delipac].tt_modalon #tt_modal .modal-container .editimage { height: 98vh !important; overflow-y: auto; } /*#body0[class*=delipac] .option6section {background-color:#f4972a;}*/ body.delipac.tt_modalon { overflow-y: hidden; } #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::before {content:""; background-image:url(documents/Images/elements/dp-left-border.png); background-repeat:no-repeat; background-position:left; background-size: 20% 100%; height:100%; width:50%; left: 0; top:0; position:absolute; display:block;} #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::after {content:""; background-image:url(documents/Images/elements/dp-right-border.png); background-repeat:no-repeat; background-position:right; background-size: 20% 100%; height:100%; width:50%; right: 0; top:0; position:absolute; display:block;} #body0[class*=delipac] .section .sectioninner {z-index:99;} #body0[class*=delipac] .pipanelarea { background-color:#be348b; padding:20px; max-width:800px; margin:0 auto; font-size:130%; } #body0[class*=delipac] .pipanelarea p,#body0[class*=delipac] .pipanelarea p.format2 {color:#fff !important; margin-bottom: 0 !important; } #body0[class*=delipac] .pipanelarea .edittext {width:64%; float:left; padding-left:5%; border-left: 1px solid #fff; } #body0[class*=delipac] .pipanelarea .editimage {width:35%; float:left; padding-right:5%; } .delipac.tt_editthis .productpagearea {min-height:200px;} #body0[class*=delipac]:not(.tt_editthis) .productpagearea {display:none;} #body0[class*=delipac] .productpagearea div.editimage.tt_erow:nth-child(2) {display:none;} #body0[class*=delipac] .productpagearea div.editimage.tt_erow:first-child {top:0;} #body0[class*=delipac] .productpagearea div.edittext.tt_erow {width:70%;} .delipacpanelgrid { background-color: #1ba1db; background: linear-gradient(90deg, rgba(141,208,237,1) 25%, rgba(27,161,219,1) 100%); padding: 20px; max-width:800px;} .delipacpanelgrid p {color:#ffffff;} .delipacpanelgrid p.format2 {color:#ffffff !important;} .delipacpanelgrid ul:first-child.twotwogrid > li:first-child {width: 33%; margin-bottom:0;} .delipacpanelgrid ul:first-child.twotwogrid > li:nth-child(2) {width: 66%; margin-bottom:0;} .delipacpanelgrid ul:first-child.twotwogrid > li:nth-child(2) .editimage.letterbox > .text {padding-bottom:25%;} .delipacpanelgrid .minheightsarea.twotwogrid .editblock { background: transparent;} .delipacpanelgrid .minheightsarea {padding-top:0 !important;} .delipacpanelgrid a.edittextlink {background-color: #f18e22 !important;} .delipacpanelgrid a.edittextlink:hover {background-color: #393634 !important;} .delipacpanelgrid ul:nth-child(2).twotwogrid > li:first-child {width: 80%; margin-bottom:0;} .delipacpanelgrid ul:nth-child(2).twotwogrid > li:nth-child(2) {width: 20%; margin-bottom:0;} .ecofoil p.format1, .ecofoil .editblock .edittext .text > p.format1 { font-size: 250%; color:#00c110; margin-top:20px; } .ecofoil p.format2 { color: #00c110; } .ecofoil h1 { display:none; } .ecofoil .section .sectiontopinner { border:none; max-width:none; padding:0; margin:0; } .ecofoil .promonavarea { width: 72%; float: right; } .ecofoil .promonavarea li { background-color: #00c110; height:47px; float:right; width:auto; padding:0 20px; } .ecofoil .promonavarea li a { padding: 15px 15px; text-align: center; display:inline-block; color:#fff; font-size:12px; line-height:140%; } .ecofoil #tt_modal .modal-container { height: 98vh; margin: 2vh auto 0; position: relative; width: auto; background: transparent; border: medium none; box-shadow: none; } .ecofoil #tt_modal .modal-container .editimage .text { background-size:contain; padding-bottom:0; height:150%; position:relative; } .ecofoil #tt_modal.alertbox .modal-container > div { background-color:transparent; height:100%; } .ecofoil #tt_modal.alertbox .modal-container > div > div,#body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div, #body0[class*=delipac] #tt_modal.alertbox .modal-container > div > div > ul > li > div > div { height:100%; } .ecofoil #tt_modal.alertbox .modal-container > div { padding: 20px 0 0 0 ; } .ecofoil #tt_modal #m-close { border: medium none; font-size: 60px; height: 60px; position: absolute; right: 2%; top: 4vh; color:#fff; } .ecofoil .quotebox > .sub { background-color:transparent;} .ecofoil span.facebookby a { font-size:0; } .ecofoil span.facebookby a::after { content: "Delipac"; font-size:13px; } .ecofoil.tt_modalon #tt_modal .modal-container .editimage { height: 98vh !important; overflow-y: auto; } body.ecofoil.tt_modalon { overflow-y: hidden; } .ecofoil .option5section {background-color:#00AE0E;} .ecofoil .option4section {background-color:#ff8c19;} body.ecofoil:not(.tt_editthis) .productpagegrid {display:none;} .efproductarea p.format2 {padding-bottom:0 !important; margin-bottom:0 !important;} .efproductarea .editimage > .text { background-size: contain; background-repeat: no-repeat; background-position: center;} .efproductarea.minheightsarea.threethreegrid li.column a.edittextlink, .efproductarea.minheightsarea.fourfourgrid li.column a.edittextlink { background-color: #ff8c19; color:#fff; } .efproductarea.minheightsarea.threethreegrid li.column a.edittextlink:hover, .efproductarea.minheightsarea.fourfourgrid li.column a.edittextlink:hover { background-color: #393634; } .efproductarea.minheightsarea.fivefivegrid li.column a.edittextlink,.efproductarea.minheightsarea.fivefivegrid li.column a.edittextlink:hover { background-color: #fff; color:#00c110; cursor:default; } .efproductarea.minheightsarea.fivefivegrid li.column .live a.edittextlink { background-color: #ff8c19; color:#fff; cursor:pointer; } .efproductarea.minheightsarea.fivefivegrid li.column .live a.edittextlink:hover { background-color: #393634; } .efsusgrid .editimage { width: 30%; float: left; clear: left; padding-right:7%; padding-left:3%; } .efsusgrid .edittext { width: 70%; float: left; } .efsusgrid .contentarea .editblock .text > p.format2 {padding-bottom: 10px; color: #ff8c19; font-size: 180%;} .efsusgrid .editblock { border-top: solid 2px #ccc; padding-top: 20px; padding-bottom: 40px;} .efsusgrid > div:nth-child(odd) ul { padding-right: 3%;} .efsusgrid > div:nth-child(even) ul { padding-left: 3%;} .eftopsection { background: rgb(136,136,136);} .eftopsection { background: linear-gradient(45deg, rgba(136,136,136,1) 0%, rgba(255,255,255,1) 16%, rgba(204,204,204,1) 50%, rgba(150,150,150,1) 70%, rgba(238,238,238,1) 83%, rgba(68,68,68,1) 100%);} .eftopsection::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:250px; height:250px; } .eftopsection p.format0 { font-size: 130%; padding-left:30px; padding-bottom: 16px !important; } .eftopsection p.format0::before, .eftopsection span.format0::before { width: 12px; height: 12px; border-radius: 6px; background-color: #ff8c19; margin-top: 6px;} .efbespokesection { background:url(documents/Images/elements/ecofoil-bespoke.jpg) no-repeat top right / 50%;} .efintroarea { background:url(documents/Images/elements/white-stroke-bg.png) no-repeat 10% / contain; padding:0 20%; min-height:500px; margin-bottom:40px !important;} .efintroarea .editimage.landscape > .text { background-size: auto; padding-bottom:35%; background-position: bottom; } .efintroarea p.format2 { color:#000; font-size:180% !important; font-family: "head_bold";} .efintroarea p.format3 { font-size:140% !important;} .efintroarea p {text-align:center !important;} .eficonstriparea .imagegrid { padding: 20px 10% 0; } .eficonstriparea .imagegrid a.imageitem { width: 23%; padding-bottom: 23%;} div.imagegrid[data-id="efmainimagebox"] a.imageitem { width: 18%; padding-bottom: 23%; margin:0 1%;} div.imagegrid[data-id="efbespokeimagebox"] { padding-right: 10%;} div.imagegrid[data-id="efbespokeimagebox"] a.imageitem { width: 48%; padding-bottom: 48%;} .plasticfactsgrid a, .plasticfactsgrid p { text-align:center !important; } .plasticfactsgrid .area.editablearea.contentarea { margin-top: 20vh; } .revivepanelgrid { background:#efefef; padding:20px; } .finewinegrid { background:#000 url("documents/Images/backgrounds/fine-wine-bg.jpg") no-repeat center / cover; padding:190px 40px 40px; position:relative; } .finewinegrid::after { background:rgba(0, 0, 0, 0) url("documents/Images/elements/Fine_wine_label.png") no-repeat scroll 0 0 / 100% auto;top:20px;content:"";height:600px;left:21%;position:absolute;width:58%;} .finewinegrid ul { background-color: rgba(241, 229, 211, 0.9); padding: 20px; } .finewinegrid li { background-color: transparent; border: 6px solid #231f20; padding-top:160px; } .finewinegrid .editblock { background-color: transparent; padding: 20px; } .finewinegrid .text { text-align:center; } .finewinegrid .text p.format4 { color:#801638 !important; letter-spacing:4px; margin:10px 0 20px !important; } .upm2grid div.edittext:last-child p {margin-bottom:20px; } .upmgrid { background:#000 url("documents/Images/elements/waiter-logo.jpg") no-repeat center top; padding:380px 40px 40px; position:relative; } .upmgrid::before { background:rgba(0, 0, 0, 0) url("documents/Images/elements/purple-silk-1.png") repeat scroll 0 0;bottom:0;content:"";height:300px;left:0;position:absolute;width:100%;} .upmgrid ul { background-color: #fff; padding: 20px; } .upmgrid li { background-color: #fff; border: 3px solid #e6b963; } .upmgrid .editblock { background-color: #fff; padding: 20px; } .upmgrid .text { text-align:center; } .upmgrid .text p.format4 { color:#e6b963 !important; letter-spacing:4px; margin:10px 0 20px !important; } .upm2grid div.edittext:last-child p {margin-bottom:20px; } .upmpanelgrid { background: #000 url(documents/Images/elements/UPM-fine-dining-roundel.png) no-repeat 90% center; background-size: 250px; } .upmpanelgrid .editblock { width: 60%; } .tt_upmfooterpanel { background:#000; } .tt_upmfooterpanel .text { text-align: center; } .tt_upmfooterpanel .editimage > .text { background-position:center; padding-bottom:100%; } .tt_upmfooterpanel::before { background:rgba(0, 0, 0, 0) url("documents/Images/elements/purple-silk-1.png") repeat scroll 0 0; background-size:cover;bottom:0;content:"";height:300px;left:0;position:absolute;width:100%;} li.tt_upm-dining-panel > .row { background-color: #e6b963; } li.tt_upm-dining-panel .editblock .edittext .text > p.format3 { font-size: 140%; } li.tt_upm-fine-wine-panel > .row { background-color: #801638; } li.tt_upm-fine-wine-panel .editblock .edittext .text > p.format3 { font-size: 140%; color: #fff; } .aurarftopsection { background: url(documents/Images/slideshow/aura-fp-leopard-bg-sq.jpg) no-repeat; background-size: 50%; background-position-y: center; background-color: #dedede;} .aurarftopsection::after { content:""; display:block; position:absolute; right:0; top:0; margin-right:50px; width: 170px; height:100%; background-color: #e72a7d; background: url(documents/Images/logos/products/reelfast-logo-wht.png) no-repeat; background-size: contain; background-position-y:90%; } .aurarftopsection::before { content:""; display:block; position:absolute; right:0; bottom:0; width: 0; height:100%; border-right:360px solid #e72a7d; border-top:626px solid transparent; } /*background-image: url(documents/Images/slideshow/rf-pink-skew-bg.png); background-size:cover;>*/ .aurarftopsection .aurarfintroarea { padding: 60px; float:right; width:50%; } .aurarftopsection .aurarfintroarea .editimage .text { padding-bottom:60%; text-align:center; background-size: contain; max-width:550px; margin: 0 auto 0;} .aurarftablesection .tablemobarea {display:none; border-collapse:collapse;} .aurarftablesection .tablemobarea table tr:first-child td, .aurarftablesection .tablemobarea table tr:nth-child(3) td { color:#fff; background-color:#898684; border:1px solid #344695; } .aurarftablesection .tablemobarea table td {color:#3a3735; background-color:#fff; padding: 2px; text-align:center; font-size:90%; border:1px solid #344695; } .aurarftablesection table {width:100%; border-collapse:collapse;} .aurarftablesection .tabledtparea table td {color:#3a3735; background-color:#fff; padding: 5px; text-align:center; border:1px solid #344695; } .aurarftablesection .tabledtparea li:first-child table tr:nth-child(odd) td {background-color:#ebeaf6;} .aurarftablesection .tabledtparea li:first-child table tr:first-child td, .aurarftablesection .tabledtparea li:nth-child(2) table tr:first-child td { color:#fff; background-color:#898684; border:1px solid #344695; } .aurarftablesection .tabledtparea li:first-child table tr:nth-child(2) td { color:#fff; background-color:#615d5c; border:1px solid #344695; } .aurarftablesection .tabledtparea li:first-child table td:nth-child(-n+3) {text-align:left;} .aurarfsection .edittext .text p.format1 { color:#000000;} .aurarfsection .titlearea { display:none;} .aurarfsection .aurarfgrid .edittext .text p { text-align:center;} .aurarfsection .contentarea.minheightsarea.fivefivegrid .editblock { background: transparent;} .aurarfsection li.tt_cta-panel div.edittext:last-child p:last-child { display:block;} .aurarfsection li.tt_cta-panel > .row {background-color:#344695;} .aurarfgrid .titlearea { display:none;} .aurarfgrid p.format1 { text-align:center; font-size:250% !important; color:#615d5c !important; margin-top:20px; } .aurarftablesection .edittitle p.format1 {color:#615d5c !important;} .aurarfsection li.tt_cta-panel div.edittext:last-child p:nth-child(2) { display: none;} .aurarftablesection .tabledtparea table td p {font-size: 13px;} .filmtopsection { background: url(documents/Images/slideshow/film-planet-space-bg.jpg) no-repeat; background-size: cover; background-position-y: 85%;} .filmtopsection .filmintroarea { padding: 90px; width:80%; float: right; } .filmtopsection .filmintroarea .editimage .text { padding-bottom:12%; text-align:center; background-size: contain; max-width:550px; margin: 50px auto 0;} .filmtopsection .filmintroarea .edittext .text { text-align:center;} .filmtopsection .filmintroarea .edittext .text p.format1 { color:#ffffff !important; font-family:'font_light'; letter-spacing:0.4em; font-size:350%;} .filmgrid .edittext .text p.format1 { color:#000000;} .filmgrid .titlearea { display:none;} .film1section { background: url(documents/Images/backgrounds/corp-bg.jpg) no-repeat; background-size: cover;} .film1section::before {content: ""; background-color: rgba(255,255,255,0.6); width: 100%; height: 100%; display: block; position: absolute;} .film1section .filmgrid .edittext .text p { text-align:center;} .film1section .contentarea.minheightsarea.fourfourgrid .editblock { background: transparent;} .film1section .edittext .text p.format2 { color:#393634; font-family:'head_bold';} .film2section .tablemobarea {display:none;} .film2section .tablemobarea table tr:first-child td, .film2section .tablemobarea table tr:nth-child(3) td { color:#191614; background-color:#898684; } .film2section .tablemobarea table td {color:#b9b6b4; background-color:#191614; padding: 2px; text-align:center; font-size:90%;} .film2section table {width:100%;} .film2section .tabledtparea table tr:first-child td, .film2section .tabledtparea table tr:nth-child(2) td { color:#191614; background-color:#898684; } .film2section .tabledtparea table td {color:#b9b6b4; background-color:#191614; padding: 5px; text-align:center;} .film2section .tabledtparea table td:nth-child(-n+3) {text-align:left;} .film3section .contentarea.minheightsarea.threethreegrid .editblock { background-color: rgba(57, 54, 52, 0.9);} .film3section .contentarea.minheightsarea.threethreegrid li:last-child .editblock { background-color: rgba(157, 154, 152, 0.9);} .film3section .edittitle .text p.format1 { letter-spacing:0.4em;} .film3section .edittext .text p.format2 { font-family:'head_bold';} .film3section .contentarea.minheightsarea.threethreegrid li.column a.edittextlink:hover { background-color: #000000;} .film3section .threethreegrid .editblock::before { content: ""; background: url(documents/Images/elements/film-planet.png) no-repeat bottom left / 30%; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0.5;} .film3section .threethreegrid .edittext {position:relative;} .film3section .prodblocksarea.threethreegrid .editblock .edittext:nth-last-child(2) .text { padding: 0;} .film3section .prodblocksarea.threethreegrid .editblock .edittext:first-child .text { padding: 20px;} .film3section .contentarea.minheightsarea.threethreegrid li:last-child .editblock .edittext:first-child { position: absolute; top: 50%; transform: translateY(-75%); width: 100%;} .film3section .contentarea.minheightsarea.threethreegrid li:last-child .editblock .edittext:last-child { position: absolute; top: 50%; transform: translateY(-1%); width: 100%;} .rftopsection { background: url(documents/Images/headers/RF-hero-background.jpg) no-repeat; background-size: cover;} .rftopsection .rfintroarea { padding: 20%; width:100%; float: right; background:url(documents/Images/logos/ReelFast-logo-panel-tag-2.png) no-repeat center; background-size:contain; } .rf1section { background: #344695 url(documents/Images/backgrounds/pasaban-1850-technical-wht-logo.png) no-repeat; background-size: contain; height: 40vh; background-position: center;} .rfgrid .edittext .text p.format1 { color:#000000;} .rfgrid .titlearea { display:none;} .rf2section .contentarea.minheightsarea.fourfourgrid li:first-child .editblock { background-color: rgba(52,70,149,0.1);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(2) .editblock { background-color: rgba(52,70,149,0.18);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(3) .editblock { background-color: rgba(52,70,149,0.26);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(4) .editblock { background-color: rgba(52,70,149,0.34);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock { background-color: rgba(52,70,149,0.42);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock { background-color: rgba(52,70,149,0.50);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(7) .editblock { background-color: rgba(52,70,149,0.58);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(8) .editblock { background-color: rgba(52,70,149,0.66);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(9) .editblock { background-color: rgba(52,70,149,0.74);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(10) .editblock { background-color: rgba(52,70,149,0.82);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(11) .editblock { background-color: rgba(52,70,149,0.90);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(12) .editblock { background-color: rgba(52,70,149,1);} .rf2section .contentarea.minheightsarea.fourfourgrid li:nth-child(n+5) .editblock p.format3 { color:#fff;} .rf2section .contentarea.minheightsarea.fourfourgrid li > div.editblock::before { border-top: 16px solid #ccc; border-right: 16px solid transparent; content: ""; display: block; height: 0; right: 0; position: absolute; bottom: 0; width: 0;} .rf2section .contentarea.minheightsarea.fourfourgrid li > div.editblock::after { border-top: 16px solid transparent; border-right: 16px solid #fff; content: ""; display: block; height: 0; right: 0; overflow: visible; position: absolute; bottom: 0; width: 0;} .rf3section { background-color: rgba(52,70,149,0.2); } .rf3section .contentarea.minheightsarea.twotwogrid.rftwotwogrid { padding:20px;} .rf3section .contentarea.minheightsarea.twotwogrid.rftwotwogrid .editblock { background:#fff; } .rf3section .contentarea.minheightsarea.twotwogrid.rftwotwogrid .editblock .editimage {float:left; width:30%;} .rf3section .contentarea.minheightsarea.twotwogrid.rftwotwogrid .editblock .edittext {float:left; width:70%; clear:none;} .rf3section .editimage.icon1 > .text { margin-bottom: 20px;} .rf3section .editblock .edittext .text > p.format1 { font-size: 220%; font-family: 'head_bold'; color: rgb(52,70,149); margin-bottom: 5px; margin-top: 5px;} .rf4section .editblock .edittext .text > p.format1 { font-size: 200%; font-family: 'head_regular'; color: rgb(52,70,149);} .rf4section table th,.rf4section table td { border:1px solid #ccc; padding:10px 5px;} .rf4section table th { background-color: rgb(52,70,149); color: #fff;} .rf4section table td { background-color: #fff; } .rf4section table { text-align:center;} .rf4section .opt1bggrid {background-color:rgba(52,70,149,0.2);} .rf5section.option4section {background-color:rgb(52,70,149);} .rf5section .editblock .edittext .text > p.format1 { font-size: 220%; font-family: 'head_bold';} .rf5section .twothreegrid {border-left:1px solid #fff; padding-left:30px;} .rf6section li a { color: #fff; } .rf6section li a.edittextlink { color: #fff; background-color:#393634; } .rf6section li a.edittextlink:hover { color: #23b9d6; background-color:#fff; } .rf6section .rfctagrid { position: fixed; bottom: 0; width: 100%; z-index: 2; max-width: 1200px; background-color: #243168; padding: 20px; border-top:1px solid #fff;} .rf6section .rfctagrid ul {margin-bottom:10px !important;} .rf6section .rfctagrid ul p {color:#fff !important;} .contentarea.minheightsarea.twotwogrid.rftwotwogrid { padding:20px;} .contentarea.minheightsarea.twotwogrid.rftwotwogrid .editblock { background:#fff; } .contentarea.minheightsarea.twotwogrid.rftwotwogrid .editblock .edittext {float:left; width:100%; clear:none;} .contentarea.minheightsarea.twotwogrid.rftwotwogrid .editblock .edittext .text > p.format1 { font-size: 220%; font-family: 'head_bold'; color: rgb(52,70,149); margin-bottom: 5px; margin-top: 5px;} .rfexamplesgrid { background-color: #9ecb84; } .rfconvmachinerygrid { background-color: #6f8e5c; padding-bottom:30px; position:relative; } .rfconvmachinerygrid::before { content:""; width:100%; height:100%; background-image: url(documents/Images/backgrounds/pasaban-1850-technical-wht-logo.png); background-position: center; background-repeat:no-repeat; position:absolute; top:0; left:0; background-size: 150%; opacity:0.2; } .rfconvmachinerygrid .minheightsarea .editblock .edittext .text > p.format1 { font-size:300%; } .rfservicesgrid { } .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:first-child .editblock { background-color: #d8eace;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(2) .editblock { background-color: #cfe5c2;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(3) .editblock { background-color: #c5e0b5;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(4) .editblock { background-color: #bbdba9;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock { background-color: #b1d59d;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock { background-color: #a8d090;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(7) .editblock { background-color: #9ecb84;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(8) .editblock { background-color: #8eb777;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(9) .editblock { background-color: #7ea26a;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(10) .editblock { background-color: #6f8e5c;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(11) .editblock { background-color: #5f7a4f;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(12) .editblock { background-color: #4f6642;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(n+5) .editblock p.format3 { color:#fff;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li > div.editblock::before { border-top: 16px solid #ccc; border-right: 16px solid transparent; content: ""; display: block; height: 0; right: 0; position: absolute; bottom: 0; width: 0;} .rfservicesgrid .contentarea.minheightsarea.fourfourgrid li > div.editblock::after { border-top: 16px solid transparent; border-right: 16px solid #fff; content: ""; display: block; height: 0; right: 0; overflow: visible; position: absolute; bottom: 0; width: 0;} .rfbexamplesgrid { background-color: #e93e89; } .rfbconvmachinerygrid { background-color: #b92063; padding-bottom:30px; position:relative; } .rfbconvmachinerygrid::before { content:""; width:100%; height:100%; background-image: url(documents/Images/backgrounds/pasaban-1850-technical-wht-logo.png); background-position: center; background-repeat:no-repeat; position:absolute; top:0; left:0; background-size: 150%; opacity:0.2; } .rfbconvmachinerygrid .minheightsarea .editblock .edittext .text > p.format1 { font-size:300%; } .rfbservicesgrid { } .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:first-child .editblock { background-color: #fad4e5;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(2) .editblock { background-color: #f8bfd8;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(3) .editblock { background-color: #f5a9cb;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(4) .editblock { background-color: #f394be;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock { background-color: #f17eb0;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock { background-color: #ee69a3;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(7) .editblock { background-color: #ec5396;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(8) .editblock { background-color: #e93e89;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(9) .editblock { background-color: #e7287c;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(10) .editblock { background-color: #d02470;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(11) .editblock { background-color: #b92063;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(12) .editblock { background-color: #a21c57;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li:nth-child(n+5) .editblock p.format3 { color:#fff;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li > div.editblock::before { border-top: 16px solid #ccc; border-right: 16px solid transparent; content: ""; display: block; height: 0; right: 0; position: absolute; bottom: 0; width: 0;} .rfbservicesgrid .contentarea.minheightsarea.fourfourgrid li > div.editblock::after { border-top: 16px solid transparent; border-right: 16px solid #fff; content: ""; display: block; height: 0; right: 0; overflow: visible; position: absolute; bottom: 0; width: 0;} /*.swatchpanelgrid { margin: 30px 0; background-image:url(LIB/css/mini-fold-64.png); background-position: top left; background-repeat:no-repeat; background-size: 44px auto; }*/ .swatchpanelgrid { margin: 30px 0; position:relative; background-color:#efefef; } .swatchpanelgrid .threefourgrid { padding-left: 24px; padding-top: 24px; margin-top: 20px; } .swatchpanelgrid .onefourgrid { margin-top: 20px; } .swatchpanelgrid .editblock .edittext p.format1 { margin-bottom: 0; } .swatchpanelgrid::after { border-bottom: 44px solid transparent; border-left: 44px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; width: 0; top:0; } .swatchpanelgrid::before { border-bottom: 44px solid rgba(58,55,53,0.2); border-left: 44px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; width: 0; } .swatchpanelgrid.containergrid { padding: 0 20px 0; } .swatchpanelgrid .threefourgrid,.swatchpanelgrid .threefourgrid ul,.swatchpanelgrid .threefourgrid ul li { overflow: visible; } .swatchpanelgrid .threefourgrid ul li > div:last-child { width: 140%; } .swatchpanelgrid .threefourgrid ul li > div:first-child { min-height: 150px; } /*trigger demo*/ .trigger1demo { display:none;} #trigger1.demo1scroll .trigger1demo { display:inline; position: fixed; left:0; right:0; background-color:#fff; padding: 30px 90px; top: 30%; z-index:1; margin: 0 auto; } .trigger2demo { display:none;} #trigger2.demo2scroll .trigger2demo { display:inline; position: fixed; left:0; right:0; background-color:#393634; padding: 30px 90px; top: 40%; z-index:1; margin: 0 auto; } .trigger3demo { display:none;} #trigger3.demo3scroll .trigger3demo { display:inline; position: fixed; left:0; right:0; background-color:#ccc; padding: 30px 90px; top: 50%; z-index:1; margin: 0 auto; } /*news*/ .news .stackerarea > .tt_stacked > div:first-child { bottom: 0; position: absolute; } .news .stackerarea > .tt_stacked > div:last-child { margin-bottom:30px; } /*columns*/ li.tt_revive-panel { background-color:#efefef; padding:20px !important; } li.tt_revive-panel .text { text-align: center; } li.tt_revive-panel .editimage.landscape > .text { background-size: 50% auto; padding-bottom:25%; } /*contact page maps*/ #body0[class*=contact-us] .mapsection iframe { margin-bottom:20px } /*accordions*/ .tt_accordion .format2 { font-size: 120%; padding-top:7px; } /*pulled images*/ .certificationsarea a:hover, .footercertificationsarea a:hover { cursor:default; } .footercertificationsarea .lightboxgrid .imageitem { border:none; } .footercertificationsarea .imagegrid a.imageitem { height: 0; margin: 0 1% 1% 0; padding-bottom: 9%; width: 9%; background-size:contain; opacity:0.7; } .footercertificationsarea .imagegrid a.imageitem:nth-child(n+3) { width: 10%;} .footercertificationsarea .imagegrid a.imageitem:nth-child(n+4) { width:10%; } .footercertificationsarea .imagegrid a.imageitem:nth-child(n+6) { width: 15%;} /*sections*/ .topsection { background:url(documents/Images/headers/header-group-640.jpg) no-repeat center / cover; } /*index & group home*/ .index h1,.group h1 { display:none; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock { background-color:#9ecb84; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock { background-color:#23b9d6; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock { background-color:#f4972a; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(5) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock { background-color:#344695; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(6) .editblock, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock { background-color:#e7287c; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock p, .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock p, .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock p, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(2) .editblock p, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(3) .editblock p, .group ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(4) .editblock p { color:#fff; } .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(5) .editblock p.format1, .index ul.homeblocksarea.minheightsarea.threethreegrid li:nth-child(6) .editblock p.format1 { color:#fff; } .index ul.homeblocksarea.minheightsarea.threethreegrid li .editblock p.format1, .group ul.homeblocksarea.minheightsarea.threethreegrid li .editblock p.format1 { color:#393634; font-family:"head_regular"; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock { background-color:#393634; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(2) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(2) .editblock { background-color:#9ecb84; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(3) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(3) .editblock { background-color:#23b9d6; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(4) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(4) .editblock { background-color:#f4972a; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock { background-color:#344695; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock { background-color:#e7287c; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(7) .editblock, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(7) .editblock { } .index ul.homeblocksarea.minheightsarea.fourfourgrid li .editblock p.format1, .group ul.homeblocksarea.minheightsarea.fourfourgrid li .editblock p.format1 { color:#393634; font-family:"head_regular"; } .index ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock p, .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock p, .index ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock p, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:first-child .editblock p, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(5) .editblock p, .group ul.homeblocksarea.minheightsarea.fourfourgrid li:nth-child(6) .editblock p { color:#fff; } .index .cbarea .edittext,.group .cbarea .edittext { float: left; width: 70%; } .index .cbarea .editimage, .group .cbarea .editimage { float: left; margin-right: 5%; width: 25%; } .index .cbarea li > .row, .group .cbarea li > .row { margin: 20px auto; padding: 10px 20px 10px 0; } .index #tt_topbar .search { right: 40px; } /*slideshow*/ .mediaslideouter { border: none; height: 75vh; max-height: 650px; } .slideshowarea.mediaslidearea { min-height:240px; height:100%; } .slideshowarea.mediaslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.mediaslidearea li.tt_slideshow-inner .tt_slideshow-el .edittext .text > p.format1 { text-align:center; color:#fff !important; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format2, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format2 { text-align:center; color:#fff; font-size:8vw; padding: 80px 0; position: relative; top: 50%; transform: translateY(-50%); } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text { height:35vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-color:rgba(35,185,214, 0.5); } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) div:nth-child(2) .edittext .text, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) div:nth-child(2) .edittext .text { background-color:transparent; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s1],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s1].css-active { top:10%; left:0; font-size:300%; padding:0 20px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s6].css-active { top:14vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s7].css-active { top:14vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s8].css-active { top:14vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s9].css-active { top:14vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s10].css-active { top:23vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s11].css-active { top:23vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s12].css-active { top:23vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s13].css-active { top:23vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s14].css-active { top:32vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s15].css-active { top:32vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s16].css-active { top:32vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s17].css-active { top:32vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19].css-active { top:15vh; left:0; width:66%; font-size:250%; padding:0 20px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19] .edittext { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s19] .edittext .text { display:inline-block; width:60%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s20].css-active { top:20vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s21].css-active { top:20vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s22].css-active { top:20vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s23].css-active { top:20vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s24].css-active { top:29vh; left:-36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s25].css-active { top:29vh; left:-12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s26].css-active { top:29vh; left:12%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s27].css-active { top:29vh; left:36%; opacity:1; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 45%; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s28] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s29] .edittext .text > p.format1 { text-align:center; color:#fff; background-color:rgba(35,185,214, 0.5); padding: 20px 30px; position: relative; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s29],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s29].css-active { font-size:250%; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 60px 30px 20px; position: relative; background-color:rgba(35,185,214, 0.5) !important; overflow:visible; margin-top:50px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { content:""; width:125px; height:125px; border-radius:50%; top:-65px; left:44%; display:inline-block; background:#393634 url(documents/Images/icons/carbon-calc/calculator2-icon.png) no-repeat center center / auto 70%; position: absolute; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:200%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p { text-align:center; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31],.slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31].css-active { font-size:150%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s32] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } .paperslideouter { border: none; height: 75vh; max-height: 650px; } .slideshowarea.paperslidearea { min-height:240px; height:100%; } .slideshowarea.paperslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format1, .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format1 { text-align:center; color:#fff !important; font-size:130%; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format2 { text-align:center; color:#fff; font-size:8vw; line-height:100%; padding: 80px 0; position: relative; top: 50%; transform: translateY(-50%); } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:35vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background-color:rgba(158,203,132, 0.7); } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) div:nth-child(2) .edittext .text { background-color:transparent; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s1],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s1].css-active { top:10%; left:0; font-size:300%; padding:0 20px; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; left:36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s6].css-active { top:14vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s7].css-active { top:14vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s8].css-active { top:14vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s9].css-active { top:14vh; left:36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s10].css-active { top:23vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s11].css-active { top:23vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s12].css-active { top:23vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s13].css-active { top:23vh; left:36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s14].css-active { top:32vh; left:-36%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s15].css-active { top:32vh; left:-12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s16].css-active { top:32vh; left:12%; opacity:1; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s17].css-active { top:32vh; left:36%; opacity:1; } /*.slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 45%; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s18] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19] .edittext .text > p.format1 { text-align:center; color:#fff; background-color:rgba(35,185,214, 0.5); padding: 20px 30px; position: relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19].css-active { font-size:250%; }*/ .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19] .editimage .text { background-image: url("documents/Images/slideshow/cogs-faded.png"); background-position: center center; background-size: 100% auto; height: 100%; width: auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19] .editimage { height: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s19].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text p { font-size: 220%; left: 46%; position: absolute; top: 39%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text p { font-size: 170%; left: 23%; position: absolute; top: 42%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text p { font-size: 90%; left: 72%; position: absolute; top: 32%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text p { font-size: 80%; left: 4%; position: absolute; top: 40%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text p { font-size: 90%; left: 85.25%; position: absolute; top: 61%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text p { font-size: 60%; left: 11%; position: absolute; top: 69%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text { height: 100%; width: auto; position:relative; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext { height:100%; width: 100%; max-width: 1200px; margin:0 auto; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text p { font-size: 80%; left: 69.3%; position: absolute; top: 65%; color:#fff !important; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26].css-active { height: 100%; left: 0; padding: 0 20px; top: -10%; width: 100%; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s27],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s27].css-active { top:75%; left:0; font-size:300%; padding:0 20px; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.paperslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 60px 30px 20px; position: relative; background-color:rgba(35,185,214, 0.5) !important; overflow:visible; margin-top:50px; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { content:""; width:125px; height:125px; border-radius:50%; top:-65px; left:44%; display:inline-block; background:#393634 url(documents/Images/icons/carbon-calc/calculator2-icon.png) no-repeat center center / auto 70%; position: absolute; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { text-align:center; color:#fff !important; font-size:200%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p { text-align:center; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31],.slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31].css-active { font-size:150%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s32] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } .groupslideouter {border: none; height: 75vh; max-height: 650px; } .slideshowarea.groupslidearea { min-height:240px; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s4] .tt_slideshow-el { background-color: transparent; opacity: 1; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s4] .editblock:not(.tt_slideshow-el) .editimage .text { background-size:100% 100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s4] .tt_slideshow-el .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s5] { top:20%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s5] .editimage .text { background-size:contain; height:142px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s6] { top:50%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s6] .editimage .text { background-size:contain; height:150px; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s7] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text { text-align:center; width:90%; max-width:1200px; min-width:700px; margin:0 auto; padding: 40px; position: relative; background-color:rgba(35,185,214, 0.75) !important; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:200%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p.format3 { text-align:center; font-size:160%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s8].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s9] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } /*REVIVE MAIL WRAP .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size:contain; background-position:right; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TR-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { position:absolute; top:25%; width:40%; max-width:800px; right:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage .text { background-size:contain; height:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { position:absolute; top:38%; width:40%; max-width:800px; right:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { position:absolute;top:50%; width:40%; max-width:800px; right:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { text-align:center; font-size:160%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TR-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage .text { background-size:contain; background-position:right; }*/ .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .tt_slideshow-el .edittext .text { display:inline-block; text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { position:absolute; height:40%; width:55%; max-width:900px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11]::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:250px; height:250px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { position:absolute; top:25%; width:55%; max-width:900px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage .text { background-size:contain; height:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { position:absolute; top:40%; width:55%; max-width:900px; padding:0 5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { position:absolute;top:70%; width:55%; max-width:900px; padding:0 5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { text-align:center; font-size:160%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TR-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s14] .editimage .text { background-size:contain; background-position:right; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s15] .tt_slideshow-el .edittext .text { display:inline-block; text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16] .editimage { position:absolute; height:40%; width:60%; max-width:925px; right:5%; top:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16] .editimage .text { background-size:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16]::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-TL-GREEN-LRG.png) no-repeat top right / contain; width:250px; height:250px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17b] .editimage { position:absolute; height:125px; width:250px; left:2%; bottom: 2%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17b] .editimage .text { background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17] .edittext { position:absolute; top:40%; width:60%; max-width:925px; padding:0 5%; right:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17] .edittext .text > p.format2 { color:#fff; background-color:#bbb; display:inline-block; padding-left:10px; padding-right:10px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s17].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext { position:absolute;top:40%; width:60%; max-width:925px; padding:0 5%; right:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text > p.format3 { text-align:center; font-size:140%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s18].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s19]::after { content:""; position:absolute; top:0; right:0; background:url(documents/Images/slideshow/NEW-TL-GREEN-LRG.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s19] .editimage { position:absolute; height:100%; top:0; width:50%; max-width:1200px; left:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s19] .editimage .text { background-size:contain; background-position:right; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s30] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 60px 30px 20px; position: relative; background-color:rgba(35,185,214, 0.5) !important; overflow:visible; margin-top:50px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { content:""; width:125px; height:125px; border-radius:50%; top:-65px; left:44%; display:inline-block; background:#393634 url(documents/Images/icons/carbon-calc/calculator2-icon.png) no-repeat center center / auto 70%; position: absolute; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:200%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s32] .edittext .text { text-align:center; width:50%; margin:0 auto; background-color:transparent !important; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 15%; left:15%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el .edittext .text { display:inline-block; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text { text-align:center; width:60%; margin:0 auto; padding: 30vh 30px 20px; position: relative; overflow:visible; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p.format1 { text-align:center; color:#393634; font-size:200%; font-family: 'head_bold'; margin-bottom:0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p.format2 { text-align:center; color:#fff; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p a.edittextlink { background-color:#1da0db; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34] .edittext .text > p a.edittextlink:hover { background-color:#393634; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s34].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s35] { position:absolute; top:8% !important; padding:0; margin-bottom:0 } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s35] .editimage .text { height: 150px; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:25% auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s36] { position:absolute; top:55% !important; padding:0; margin-bottom:0 } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 10%; height:80%; max-height:480px; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .tt_slideshow-el .edittext { text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s37] .tt_slideshow-el .editimage .text { background-size:contain; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 0; height:100%;font-size:160%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .tt_slideshow-el .edittext { text-align:right; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .tt_slideshow-el .edittext .text { display:inline-block; text-align:center; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage { position: absolute; height: 30%; width: 35vw; max-width: 800px; right: 5%; top: 30%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage .text { background-size:contain; background-position-x: right; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .editimage { position:absolute; top:25%; width:55%; max-width:900px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .editimage .text { background-size:contain; height:auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .edittext { position:absolute; top:35%; width:55%; max-width:900px; padding:0 5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3] .edittext .text > p.format1 { text-align:center; color:#fff; font-size:78%; font-family:"head_bold"; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas3].css-active { font-size:150%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext { position:absolute;top:65%; width:60%; max-width:925px; padding:0; right:5%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext .text { margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext .text > p { text-align:right; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; margin-right:0; background-color:#BE1622; } /*.index .option2section::after { content:""; width:100%; height:100px; background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%); position:absolute; top:0; left:0; }*/ .delipacslideouter {border: none; height: 75vh; max-height: 650px; } .slideshowarea.delipacslidearea { min-height:240px; height:100%; display:block; } .slideshowarea.delipacslidearea .tt_slideshow-el { top:15%; width:100%; height:auto; min-height:auto; font-size:200%; opacity:0; } .slideshowarea.delipacslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; } .slideshowarea.delipacslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] { position:relative; padding:0; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] { position:relative; padding:0; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s3] { position:relative; padding:0; margin-bottom:0; margin-top:20px; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s3] .editimage .text { height: 12vh; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:contain; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s4] { position:absolute; bottom:0; top:auto; padding:0; margin-bottom:0 } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s4] .editimage .text { height: 180px; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:45% auto; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s5] { height: 200px; padding: 0; position: absolute; width: 200px; top:50%; right: 12%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s5] .edittext .text { background: #f18e22 none repeat scroll 0 0; border-radius: 100px; height: 200px; overflow: visible; padding: 0; position: absolute; width: 200px; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s5] .edittext .text p { text-align:center; font-size: 75%; line-height:120%; color:#fff; transform:translateY(60%); } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] { height: 104px; padding: 0; position: absolute; width: 300px; top:57%; left: 6%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] .edittext .text { background: #f18e22 none repeat scroll 0 0; height: 104px; overflow: visible; padding: 0; position: absolute; width: 300px; background-size:cover; } .ecofoilslideouter {border: none; height: 75vh; max-height: 650px; } .slideshowarea.ecofoilslidearea { min-height:240px; height:100%; display:block; } .slideshowarea.ecofoilslidearea .tt_slideshow-el { top:15%; width:100%; height:auto; min-height:auto; font-size:200%; opacity:0; } .slideshowarea.ecofoilslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; } .slideshowarea.ecofoilslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s1] { position:relative; padding:0; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s1] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s1] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s2] { position:relative; padding:0; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s2] .edittext .text { height: auto; overflow: visible; position: relative; width: 100%; padding:0 20%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s2] .edittext .text p { text-align:center; font-size: 3.6vh; line-height:120%; color:#fff; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s3] { position:relative; padding:0; margin-bottom:0; margin-top:20px; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s3] .editimage .text { height: 12vh; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:contain; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s4] { position:absolute; bottom:0; top:auto; padding:0; margin-bottom:0 } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s4] .editimage .text { height: 180px; overflow: visible; position: relative; width: 100%; padding:0 20%; background-size:45% auto; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s5] { height: 200px; padding: 0; position: absolute; width: 200px; top:50%; right: 12%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s5] .edittext .text { background: #f18e22 none repeat scroll 0 0; border-radius: 100px; height: 200px; overflow: visible; padding: 0; position: absolute; width: 200px; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s5] .edittext .text p { text-align:center; font-size: 75%; line-height:120%; color:#fff; transform:translateY(60%); } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s6] { height: 104px; padding: 0; position: absolute; width: 300px; top:57%; left: 6%; } .slideshowarea.ecofoilslidearea .tt_slideshow-el[data-list=s6] .edittext .text { background: #f18e22 none repeat scroll 0 0; height: 104px; overflow: visible; padding: 0; position: absolute; width: 300px; background-size:cover; } .townsendslideouter {border: none; height: 55vh; max-height: 450px; } .slideshowarea.townsendslidearea { min-height:240px; height:100%; } .slideshowarea.townsendslidearea .tt_slideshow-el { top:25%; width:100%; height:auto; min-height:auto; font-size:400%; opacity:0; } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s0] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el { background-color: transparent; opacity: 1; top: 30%; } .slideshowarea.townsendpslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(.tt_slideshow-el) .editimage .text { } .slideshowarea.townsendslidearea .tt_slideshow-inner[data-list=s3] .tt_slideshow-el .editimage .text { height:180px; background-size:contain; } /*overlay slideshow*/ .overlayslideouter { height:auto } .overlayslidearea { min-height:650px; height:100%; background:#fff; padding:2%; } .overlayslidearea p::before { position:relative; content:"\2713"; display:inline-block; color:transparent; background-color:transparent; font-size:14px; margin:0; } .overlayslidearea p.format0::before { position:relative; content:"\2713"; display:inline-block; color:#fff; background-color:transparent; font-size:14px; margin:0; } .css-prev { opacity:1; -webkit-animation:css-fadeout 500ms linear 0ms forwards; animation:css-fadeout 500ms linear 0ms forwards; transition-property:all; } .slideshowarea.overlayslidearea .slideholder,.slideshowarea.overlayslidearea .tt_slideshow-inner:not(.tt_undisplay) { display:table; width:70%; top:3.5%; bottom:3.5%; padding-top:40px; } .slideshowarea.overlayslidearea li.slideholder::after { background-color: #393634; color: #fff; content: "PAPER TYPES CHART"; font-size:120%; display: block; height: 30px; padding-left: 12px; padding-top: 8px; position: absolute; text-align: left; top: 0; width: 100%; } .slideshowarea.overlayslidearea .editblock { position:relative; display:table-row; height:19px; } .slideshowarea.overlayslidearea .editblock > div { display:table-cell; border-top:1px solid #fff; background:transparent; height:15px; } .slideshowarea.overlayslidearea .editblock > div:first-child { border-right:none; padding:0; } .slideshowarea.overlayslidearea .editblock > .edittext { width:18%; padding-right:2%; } .slideshowarea.overlayslidearea .editblock > .edittext:first-child { width:10%; } .slideshowarea.overlayslidearea .text { text-align:center; } .slideshowarea.overlayslidearea .editblock .edittext .text > p { font-size:13px; line-height:12px; padding:3px 0; } .slideshowarea.overlayslidearea .editblock > .edittext:first-child .text p { text-align:right; padding-right:5%; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p,.overlayslidearea .slideholder .tt_editingdiv.tt_hasmedium > p { background-color:#efefef; margin-bottom:0; line-height:12px; padding:3px 0; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0,.overlayslidearea .slideholder .tt_editingdiv.tt_hasmedium > p.format0 { background-color:#ccc; line-height:12px; text-align:center; margin-bottom:0; padding:3px 0; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p::before { height:auto; } .slideshowarea.overlayslidearea .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0::before { height:auto; } .slideshowarea.overlayslidearea .text > p.format3,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding:0; text-align:center; } .slideshowarea.overlayslidearea .text > p.format4,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding:0; text-align:center; } .slideshowarea.overlayslidearea .text > p.format5,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding:0; text-align:center; } .slideshowarea.overlayslidearea .text > p.format6,.overlayslidearea .tt_editingdiv.tt_hasmedium > p.format6 { font-size:90%; line-height:10px; text-align:center; margin-bottom:0; padding:3px 0; } .slideshowarea.slideshowarea.overlayslidearea li.controller { width:24%; top:3.5%; right:2%; left:auto; height:auto; opacity:1; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper { display:inline-block; width:auto; height:auto; text-align:center; font-size:120%; margin:0 auto; margin-top:66px; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper::before { background-color: #393634; color: #fff; content: "INTERACTIVE KEY"; display: block; height: 30px; padding-left: 8px; padding-top: 8px; position: absolute; text-align: left; top: 0; width: 100%; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper::after { content: "Click below for description:"; display: block; height: 30px; padding-left: 8px; padding-top: 40px; position: absolute; text-align: left; top: 0; width: 100%; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol { display:block; width:100%; height:auto; background:#efefef; border-radius:0; padding:12px 8px; line-height:120%; border-top:1px solid #fff; text-align:left; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol.active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol:hover { background:#efefef; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="0"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="0"]:hover { background:#5690d6; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s0] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#5690d6; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="1"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="1"]:hover { background:#6daea7; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s1] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s1] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#6daea7; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="2"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="2"]:hover { background-color:#83cb77; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s2] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s2] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#83cb77; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="3"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="3"]:hover { background-color:#d6de23; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s3] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#d6de23; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="4"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="4"]:hover { background-color:#fac040; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s4] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s4] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#fac040; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="5"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="5"]:hover { background-color:#ff685e; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s5] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s5] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#ff685e; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="6"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="6"]:hover { background-color:#c72774; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s6] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s6] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#c72774; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="7"].active, .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol[data-number="7"]:hover { background-color:#b364d2; color:#fff; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s7] .editblock:not(:last-child) > .edittext:not(:first-child) .text p { background-color:transparent; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s7] .editblock:not(:last-child) > .edittext:not(:first-child) .text p.format0 { background-color:#b364d2; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child { display: inline-block; height: auto; margin-left: 46%; margin-top: 400px; position: absolute; width: 52%; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child > div.edittext { background-color: #fff; display: block; height: auto; padding: 20px; width: 100%; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child > div.edittext .text p.format3 { font-size: 110%; line-height:120%; padding: 0; text-align: center; padding-bottom: 10px; } .slideshowarea.overlayslidearea .tt_slideshow-inner > div:last-child > div.edittext .text p { text-align: center; padding: 0; line-height:130%; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s0] div.edittext .text p.format3 { color:#5690d6 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s1] div.edittext .text p.format3 { color:#6daea7 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s2] div.edittext .text p.format3 { color:#83cb77 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s3] div.edittext .text p.format3 { color:#d6de23 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s4] div.edittext .text p.format3 { color:#fac040 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s5] div.edittext .text p.format3 { color:#ff685e !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s6] div.edittext .text p.format3 { color:#c72774 !important; } .slideshowarea.overlayslidearea .tt_slideshow-inner[data-list=s7] div.edittext .text p.format3 { color:#b364d2 !important; } #body0.tt_touch.scrolling .slideshowarea.overlayslidearea li.controller span.slidecontrol:hover { color:#454545; background-color:#fff; } /*product download area*/ .proddloadarea { padding:20px; background-color:#898684; max-width:900px; } .proddloadarea p { color: #FFF !important;} .proddloadarea .editblock .edittext .text p.format4 { padding-top:10px; } .proddloadarea .text p.format6 { background: #898684 none repeat scroll 0 0; display: inline-block; padding: 0 15px 0 0; margin-bottom:0;} .proddloadarea .edittitle .text::before { border-top: 1.5px solid #fff; bottom: 0; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 95%; z-index: -1;} .proddloadarea .edittitle > .text { font-size: 130%; line-height: 120%; margin: 20px 0 10px; background:transparent; position:relative; z-index:1; } .proddloadarea .edittitle { position:relative; } .proddloadarea .edittext .text a.edittextlink:nth-child(2) { background-color:#0095d9 !important;} .proddloadarea .edittext .text a.edittextlink:nth-child(2):hover { background-color:#393634 !important;} .proddloadarea .edittext .text p:nth-child(3) a.edittextlink { background-color: #0095d9 !important;} .proddloadarea .edittext .text p:nth-child(3) a.edittextlink:hover { background-color: #393634 !important;} .proddloadarea .edittext .text p {float:left;} .proddloadarea .row.editblock ~ .row.editblock { margin-bottom: 0; } .prodbox { padding: 0 20px 10px; background-color: #393634;} .prodbox p { color: #fff !important;} .ppeugrid > div.onetwogrid {width:49%;} .ppeugrid > div.onetwogrid:first-child { margin-left:0; margin-bottom: 40px;} .ppeugrid > div.onetwogrid:nth-child(2) { margin-right:0; margin-bottom: 40px;} /*tablearea*/ ul.tablearea > li { display:table; } ul.tablearea > li > div { display:table-row; } ul.tablearea > li > div:nth-child(odd) > div { display:table-cell; border:1px solid #fff; background:#efefef; } ul.tablearea > li > div:nth-child(even) > div { display:table-cell; border:1px solid #fff; background:#ffffff; } ul.tablearea > li > div:first-child > div { background:#646262; } ul.tablearea > li > div:first-child > div.edittext .text p { color:#fff; } ul.tablearea > li > div.row > div.edittext { width:20%; } ul.tablearea > li > div.row > div.edittext:first-child { width:40%; } ul.tablearea > li > div.row > div.edittext:first-child .text p { text-align: left; padding-left:5%; } ul.tablearea .edittext .text > p.format2,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format2 { margin-bottom:0; padding:12px 0; text-align:center; color:#006540; font-family:"head_bold"; } ul.tablearea .edittext .text > p.format3,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tablearea .edittext .text > p.format4,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tablearea .edittext .text > p.format5,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tablearea .edittext .text > p.format6,ul.tablearea .tt_editingdiv.tt_hasmedium > p.format6 { margin-bottom:0; padding:15px 0; text-align:center; } ul.tickcolumnarea p.format0 { padding-left:0; } /*Paper Print Process Table*/ ul.pptablearea > li { display:table; } ul.pptablearea > li > div { display:table-row; } ul.pptablearea > li > div:nth-child(odd) > div { display:table-cell; border:1px solid #fff; background:#efefef; } ul.pptablearea > li > div:nth-child(even) > div { display:table-cell; border:1px solid #fff; background:#ffffff; } ul.pptablearea > li > div:first-child > div { background:#646262; } ul.pptablearea > li > div:first-child > div.edittext .text p { color:#fff; } ul.pptablearea .editblock .edittext .text > p.format0:last-child { margin-bottom:0; } ul.pptablearea > li > div.row > div.edittext { width:30%; } ul.pptablearea > li > div.row > div.edittext:first-child { width:70%; } ul.pptablearea > li > div.row > div.edittext:first-child .text p { text-align: left; padding-left:5%; } ul.pptablearea .edittext .text > p.format2,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format2 { margin-bottom:0; padding:12px 0; text-align:center; color:#006540; font-family:"head_bold"; } ul.pptablearea .edittext .text > p.format3,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding:15px 0; text-align:center; } ul.pptablearea .edittext .text > p.format4,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding:15px 0; text-align:center; } ul.pptablearea .edittext .text > p.format5,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding:15px 0; text-align:center; text-transform:uppercase; } ul.pptablearea .edittext .text > p.format6,ul.pptablearea .tt_editingdiv.tt_hasmedium > p.format6 { margin-bottom:0; padding:10px 0; text-align:center; } ul.tickcolumnarea p.format0 { padding-left:0; } /*diagramarea*/ ul.diagramarea .tt_accordion > label + div[class$="grid"] { background-color:transparent; } ul.diagramarea .tt_accordion > label + div[class$="grid"] > ul > li { margin-top:40px; } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] { padding: 0; position:relative; } ul.diagramarea ul.tickcolumnarea a.format0::before, ul.diagramarea ul.tickcolumnarea p.format0::before, ul.diagramarea ul.tickcolumnarea span.format0::before { color: #fff; margin:0; } ul[class*="diagramtable"].tickcolumnarea a.format0::before, ul[class*="diagramtable"].tickcolumnarea p.format0::before, ul[class*="diagramtable"].tickcolumnarea span.format0::before { color: #fff; margin:0; } ul.diagramtable0area.tickcolumnarea a.format0::before, ul.diagramtable0area.tickcolumnarea p.format0::before, ul.diagramtable0area.tickcolumnarea span.format0::before { color: #fff; } ul[class*="diagramtable"] .editblock .edittext .text > p.format0:last-child { margin-bottom: 0; } ul[class*="diagramtable"] > li { display:table; } ul[class*="diagramtable"] > li > div { display:table-row; height:20px; } ul[class*="diagramtable"] > li > div > div { display:table-cell; border-top:1px solid #fff; background:transparent; height:19px; } ul[class*="diagramtable"] > li > div > div:first-child { border-right:none; } ul[class*="diagramtable"] > li > div.row > div.edittext { width:18%; padding-right:2%; } ul[class*="diagramtable"] > li > div.row > div.edittext:first-child { width:10%; } ul[class*="diagramtable"] > li > div.row > div.edittext:first-child .text p { text-align: right; padding-right:5%; } ul[class*="diagramtable"] .edittext .text > p { padding-bottom:0; font-size:14px; line-height:12px; padding:4px 0; } ul[class*="diagramtable"] .edittext .text > p.format3,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format3 { margin-bottom:0; padding: 0; text-align:center; } ul[class*="diagramtable"] .edittext .text > p.format4,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format4 { margin-bottom:0; padding: 0; text-align:center; } ul[class*="diagramtable"] .edittext .text > p.format5,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format5 { margin-bottom:0; padding: 0; text-align:center; } ul[class*="diagramtable"] .edittext .text > p.format6,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format6 { margin-bottom:0; padding: 4px 0; text-align:center; font-size:90%; line-height:10px; } ul[class*="diagramtable"] .edittext .text > p.format0,ul[class*="diagramtable"] .tt_editingdiv.tt_hasmedium > p.format0 { margin-bottom:0; padding: 4px 0; text-align:center; line-height:12px } ul[class*="diagramtable"].tickcolumnarea a.format0::before, ul[class*="diagramtable"].tickcolumnarea p.format0::before, ul[class*="diagramtable"].tickcolumnarea span.format0::before { font-size: 14px; margin:0; } ul.diagramtable0area > li { background-color:#fff; } ul.diagramarea .tt_accordion > label + div[class$="grid"] > ul.diagramtable1area > li { background-color: rgba(0,189,213,0.8); } ul.diagramarea .tt_accordion > label + div[class$="grid"] > ul.diagramtable2area > li { background-color: rgba(145,203,137,0.8); } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] ul::after { background-color: #ccc; color: #fff; content: ""; position: absolute; top: 0; left: 0; font-size: 120%; line-height: 140%; padding: 10px 20px; height: 40px; } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] ul.diagramtable1area::after { background-color: #23b9d6; content: "THINPRINT"; } ul.diagramarea .tt_accordion > input[type="radio"]:checked + label + div[class$="grid"] ul.diagramtable2area::after { background-color: #9ecb84; content: "NEWSPRINT"; } ul.diagramtable0area > li > div > div > div > p { background-color: #efefef; } ul.diagramtable0area > li > div > div:first-child > div > p { background-color: #fff; } ul.diagramtable0area > li > div:last-child > div > div > p { background-color: #fff; } ul.diagramtable0area > li > div > div > div > p.format0 { background-color: #ccc; } ul.diagramtable1area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable2area > li > div > div > div > p.format0 { background-color: rgba(145,203,137,0.9); } ul.diagramtable3area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable4area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable5area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable6area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable7area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } ul.diagramtable8area > li > div > div > div > p.format0 { background-color: rgba(0,189,213,0.9); } .historyarea span { display:inline-block; position:absolute; left:0; margin-bottom:0; } .historyarea .tt_ce-editor span { position:relative; } .historyarea .editblock .edittext .text > p { border-bottom: 1px dotted #ccc; padding-top: 8px; padding-left:70px; } .finediningtabarea { background: transparent; display: block; position: fixed; left: 3vw; top: 150px; width:180px; height:180px; z-index:999999; } .finewinetabarea { background: transparent; display: block; position: fixed; left: 3vw; top: 150px; width:210px; height:auto; z-index:999999; } .finewinetabarea .editimage > .text { padding-bottom: 72%; } .paper_products_revive .finediningtabarea { right: 30vw; left: auto; position: absolute; top: 10px; z-index: 999; } .hrtitlearea { } .hrtitlearea li { z-index:0; width:100%; } .hrtitlearea li .text p.format5 { background: #fff; display: inline-block; max-width: 800px; padding: 0 20px 0 0; z-index:2; margin:0; font-family:"head_bold"; text-align:center; font-size: 130%; } .hrtitlearea .edittitle > .text { margin-top:0; z-index:2; text-align:left; } .hrtitlearea .edittitle .text::before { border-top: 1px solid #ccc; bottom: 0; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: auto; z-index: -1; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(1) .editblock::after { background: #898684 none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "1"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(2) .editblock::after { background: #898684 none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "2"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(3) .editblock::after { background: #898684 none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "3"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(4) .editblock::after { background: #898684 none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "4"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } .processgrid ul.contentarea.minheightsarea.fivefivegrid li:nth-child(5) .editblock::after { background: #898684 none repeat scroll 0 0; border-radius: 15px; color: #fff; content: "5"; display: block; font-size: 140%; height: 30px; left: 5px; padding: 7px; position: absolute; text-align: center; top: 5px; width: 30px; } /*processtable*/ .processtable { border-spacing:0;} .processtable td { font-size:120%; line-height:140%; padding:10px 5px;overflow:visible;word-break:normal;} .processtable th { font-weight:normal;padding:10px 5px;overflow:visible;word-break:normal;} .processtable .vtop { vertical-align:top} .processtable .content { background-color:#efefef; padding: 30px 20px 30px 100px; text-align:left;} .processtable td.arrow-down::before { border-top: 16px solid #23b9d6; border-left: 16px solid transparent; border-right: 16px solid transparent; content: ""; display: block; height: 0; position: relative; width: 0; margin:0 auto; } .processtable td.arrow-right { padding-right:0; } .processtable td.arrow-right::after { border-bottom: 12px solid transparent; border-left: 12px solid #23b9d6; border-top: 12px solid transparent; content: ""; display: inline; float: right; height: 0; margin-top: -22px; overflow: visible; position: relative; width: 0; } .processtable .forecasticon { background: #fff url("documents/Images/icons/process/forecast-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .papericon { background: #fff url("documents/Images/icons/process/paper-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .deliveryicon { background: #fff url("documents/Images/icons/process/delivery-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .reporticon { background: #fff url("documents/Images/icons/process/report-icon-100.png") no-repeat 10px center / 75px auto; } .processtable .valueicon { background: #fff url("documents/Images/icons/process/value-icon-100.png") no-repeat 10px center / 75px auto; } .papertypesgrid { display:none; } /*teamgrid*/ .teamgrid { background-color:#fff; margin-bottom:20px; padding: 20px 10px 0 !important } .teamgrid .threefourgrid > ul:first-child .text p:nth-last-child(2) { margin-bottom: 5px; padding-bottom: 0; padding-top: 0; } .teamgrid .threefourgrid > ul:first-child .text p:last-child { padding-top: 0; } .tt_accordion .format2 { font-size: 100%; } .searchbutton:hover { background-color:#fff; } /*percentcountgrid*/ .percentcountgrid .roundelarea .editblock > div.counter .text > p.format1::after { content: "%"; } /*.tt_newspanel .facebookbutton,.tt_newspanel .twitterbutton, .tt_newspanel .linkedinbutton, .tt_newspanel .youtubebutton { -webkit-animation:fademein 1s ease-in forwards; animation:fademein 1s ease-in forwards; display:block; width:24px; height:24px; color:transparent; background:transparent; margin:5px 4px 4px; opacity:0; border-radius:0; cursor:pointer; clear:none; float:right; } .tt_newspanel .facebookbutton,.tt_newspanel .twitterbutton, .tt_newspanel .linkedinbutton, .tt_newspanel .youtubebutton { background:transparent url(LIB/css/logo_socialmedia.png) no-repeat scroll center center; background-size:234px 20px; margin-top:5px; } .tt_newspanel .facebookbutton a,.tt_newspanel .twitterbutton a, .tt_newspanel .linkedinbutton a, .tt_newspanel .youtubebutton a { display:block; } .tt_newspanel .facebookbutton { background-color:#898684; background-position:25% center; } .tt_newspanel .linkedinbutton { background-color:#898684; background-position:50% center; } .tt_newspanel .youtubebutton { background-color:#898684; background-position:62% center; } .tt_newspanel .twitterbutton { background-color:#898684; background-position:87% center; }*/ .tt_newspanel div > div:last-child .text a { background: transparent url("LIB/css/logo_socialmedia.png") no-repeat scroll center center / auto 24px; background-color:#898684; } .tt_newspanel div > div:last-child .text a:first-child { background-position:50% center; } .tt_newspanel div > div:last-child .text a:nth-child(2) { background-position:87.5% center; } .tt_newspanel div > div:last-child .text a:nth-child(3) { background-position:24.5% center; } .tt_newspanel div > div:last-child .text a:first-child:hover { background-color:#007bb6 !important; } .tt_newspanel div > div:last-child .text a:nth-child(2):hover { background-color:#00aced !important; } .tt_newspanel div > div:last-child .text a:nth-child(3):hover { background-color:#3b5998 !important; } /*temp fix for index sub menu pages*/ .submenuarea .menu.pulled > li { display: none; } .submenuarea .menu.pulled > li:first-child { display: block; } .topdivinfoarea { overflow:visible; } .wltarea .edittextlink { margin-bottom: 10px; } /*ACCORDION*/ .tt_accordion.librarylevel0 { width:48%; float:left; margin-right:2%; } /*IMAGEBOX*/ .imagebox-wrapper{ height:90vh; max-height:842px; } .image-control-left:hover,.image-control-right:hover{ background:#393634; } .image-control-left,.image-control-right{ background:rgba(155, 155, 155, 0.5); width:8vh; height:8vh; } .image-control-left::after{ background-image:url("documents/Images/elements/arrow-left-rev.png"); width:8vh; height:4vh; top:2vh; } .image-control-right::after{ background-image:url("documents/Images/elements/arrow-right-rev.png"); width:8vh; height:4vh; top:2vh; } .image-control-left:hover::after{ width:8vh; height:4vh; top:2vh; } .image-control-right:hover::after{ width:8vh; height:4vh; top:2vh; } .image-slide a.imageitem > span{ background-color:#000; border:1px solid #000; display:none; } /*SHARE*/ #tt_sharewrapper { position:fixed; left:0; bottom:40px; width:36px; height:174px; background:#676767; z-index:20000; } input.sharer { position:absolute; top:-100px; opacity:0; } .share { position:relative; width:36px; height:150px; margin:32px 0 0 2px; overflow:hidden; clear:none; float:left; } .share > div:not(.form) { width:23px; height:24px; float:left; } .share .text { font-size:120%; padding:0; } .share a { display:block; height:100%; width:100%; } .sharebutton { display:block; position:absolute; top:0; left:0; width:36px; height:36px; background:transparent url(LIB/css/share.png) center no-repeat; background-size:24px auto; clear:none; float:left; } .share .linkedinbutton { background-color:#dd4b39; } .share .twitterbutton { background-color:#0084b4; } .share .facebookbutton { background-color:#3b5998; } .share .googlebutton { background-color:#dd4b39; } .share .linkedinbutton:hover,.share .twitterbutton:hover,.share .facebookbutton:hover,.share .googlebutton:hover { background-color:#393634; } /*SLIDE OUT SHARE BUTTONS - comment out below share code for static buttons*/ #tt_sharewrapper { position:fixed; left:0; bottom:10vh; width:auto; height:36px; background:transparent; z-index:200000; } .share { position:relative; width:0; height:36px; margin-left:0; margin-top:0; overflow:hidden; clear:none; float:left; } #sharebox0:checked + .share { width:96px; background:#ccc; } .sharebutton { display:block; position:relative; width:36px; height:36px; background:#929497 url(LIB/css/share.png) center no-repeat; background-size:24px auto; clear:none; float:left; } .share.clc { float: none; left: 248px; position: absolute; } .sharebutton.clc { width:auto; color:#fff; background:#CDC56C; font-size:120%; line-height:200%; padding:0 10px; float:left; } .clcshare { float: left; margin: 20px 20px 20px 0; } .sharebuttonwrapper { background: #23b9d6; float: left; height: 36px; margin-right:5px; padding:0 5px 0 0; } /*SEARCH*/ input.searcher { position:absolute; top:-100px; opacity:0; } #tt_topbar .search { position:absolute; bottom:50px; left:0; right:148px; height:36px; background:transparent; overflow:hidden; z-index:1; } .searchwrapperarea .search a { display:block; width:100%; height:100%; } #tt_topbar #searchbox0:checked + .search { bottom:0; } #tt_topbar .search > div:not(.form) { background-color:#fff; height:36px; padding-top:10px; position:absolute; right:0; width:200px; } #tt_topbar .search .text { font-size:120%; padding:6px 10px 0; } /*CONTACT*/ #tt_topbar .tt_topbarinner { overflow:visible;} #tt_topbar .tt_topbarinner #tt_contactwrapper {overflow: visible; position: absolute; right: 0; width: auto; height: 36px; background: transparent; z-index: 200000; margin-right:90px;} #tt_topbar .tt_topbarinner #tt_contactwrapper1 {overflow: visible; position: absolute; right: 0; width: auto; height: 36px; background: transparent; z-index: 200000; margin-right:132px;} #tt_topbar .tt_topbarinner > div:nth-child(2) { overflow: visible; margin:0 auto; margin-top:-36px; padding-top: 0;} .contactbutton {height:36px;} #tt_topbar .tt_topbarinner .linkedinbutton { background-color:transparent; border-radius:0; border-right:1px solid #ccc; width:30px;} #tt_topbar .tt_topbarinner .facebookbutton { background-color:transparent; border-radius:0;} #tt_topbar .tt_topbarinner .instagrambutton { background-color:transparent; border-radius:0; border-right:1px solid #ccc; width:30px;} #tt_topbar .tt_topbarinner .twitterbutton { background-color:transparent; border-radius:0; border-right:1px solid #ccc; width:30px; background-position:89% center;} input.contacter { position:absolute; top:-100px; opacity:0; } .contacttable { position:absolute; width:300px; left:-320px; height:0; margin-left:0; margin-top:37px; padding:0 10px; overflow:hidden; clear:none; color:#fff; z-index:999999; } .contacttable table { border-collapse:collapse; width:100%; } .contacttable table td { border-bottom: 1px solid #898684; padding:5px 0; } .contacttable table tr:last-child td { border-bottom: none; } .contacttable table tr td:first-child { color: #ccc; padding-left:0; } .contacttable > div:not(.form) { height:auto; } .contacttable .text { font-size:110%; padding:0; } .contacttable a { display:block; height:100%; width:100%; } .contacttable1 { position:absolute; width:280px; left:-300px; height:0; margin-left:0; margin-top:37px; padding:0 10px; overflow:hidden; clear:none; color:#fff; } .contacttable1 table { border-collapse:collapse; width:100%; } .contacttable1 table td { border-bottom: 1px solid #898684; padding:5px 0; } .contacttable1 table tr:last-child td { border-bottom: none; } .contacttable1 table tr td:first-child { color: #ccc; padding-left:10px; } .contacttable1 > div:not(.form) { height:auto; } .contacttable1 .text { font-size:120%; padding:0; } .contacttable1 a { display:block; height:100%; width:100%; } #contactbox0:checked + .contacttable { height:108px; background-color:rgba(58, 55, 53, 0.8); color:#fff; padding:10px; } #contactbox0:checked + .contacttable.papercw { height:300px; } #contactbox0:checked + .contacttable.mediacw { height:235px; } #contactbox1:checked + .contacttable1 { height:270px; background-color:rgba(58, 55, 53, 0.8); color:#fff; padding:10px; } #contactbox1:checked + .contacttable1.papercw { height:300px; } #contactbox1:checked + .contacttable1.mediacw { height:235px; } .contactbutton { position: absolute; top:0; right:0; width: 40px; background: #393634 url(documents/Images/icons/new/icon-phone-sm.png) no-repeat center / 66%; color: #FFF; display: block; clear: none; height: 36px; font-family: "head_regular"; font-size: 100%; line-height: 180%; margin: 0 20px 0 0; padding: 8px; } .contactbutton:hover, #body0[class^=paper] .contactbutton:hover, #body0[class^=paper-management] .contactbutton:hover { background-color:#898684; cursor:pointer; } .contactbutton:checked, #body0[class^=paper] .contactbutton:checked, #body0[class^=paper-management] .contactbutton:checked { background-color:#0f0; } .contactbutton1 { position: absolute; top:0; right:0; width: 40px; background: #393634 url(documents/Images/icons/new/icon-email-sm.png) no-repeat center / 66%; color: #FFF; display: block; clear: none; height: 36px; font-family: "head_regular"; font-size: 100%; line-height: 180%; margin: 0 20px 0 0; padding: 8px; } .contactbutton1:hover, #body0[class^=paper] .contactbutton1:hover, #body0[class^=paper-management] .contactbutton1:hover { background-color:#898684; } .contactbutton1:target, #body0[class^=paper] .contactbutton1:target, #body0[class^=paper-management] .contactbutton1:target { background-color:#f00; } /*#body0[class^=paper] .contactbutton { background-color: #9ecb84; } #body0[class^=paper-management] .contactbutton { background-color: #23b9d6; } #body0[class^=sustainability] .contactbutton { background-color: #004e2e; } #body0[class^=carton-board] .contactbutton { background-color: #e7287c; } #body0[class^=denmaur] .contactbutton { background-color: #898684; } */ .contactbutton { background-color: #e7287c; } #contactbox1:checked .contactbutton { background-color:#f00;} /*#tt_contactwrapper { position:relative; width:150px; height:36px; background:#676767; z-index:20000; } input.contacter { position:absolute; top:-100px; opacity:0; } .contact { position:absolute; bottom:50px; left:0; right:0; height:36px; background:transparent; overflow:hidden; z-index:1; } .contact a { display:block; width:100%; height:100%; } #contactbox0:checked + .contact { bottom:0; } .contact > div:not(.form) { background-color:#fff; height:36px; padding-top:10px; position:absolute; right:0; width:200px; } #body0.paper .topdivinfo .topdivinfoarea .contact .text { font-size: 120%; padding: 0; width: 250px; height:auto; background-color:#ccc; border-radius:0; display:block; padding:10px; } .contactbutton { display:block; position:absolute; right:0; width:auto; height:37px; background-color:#898684; clear:none; } .contactbutton:hover { background-color:#23b9d6; } .contactbutton { color: #333; font-size: 140%; line-height: 120%; margin-bottom: 0; padding: 8px 20px; font-family:'head_regular'; }*/ /*input.contacter { position:absolute; top:-100px; opacity:0; } .contact { position:relative; width:36px; height:150px; margin:37px 0 0 2px; overflow:hidden; clear:none; float:left; } #body0.paper .topdivinfo .topdivinfoarea .contact .text { font-size: 120%; padding: 0; width: 250px; height:auto; background-color:transparent; border-radius:0; display:block; padding:10px; } .contact a { display:block; height:100%; width:100%; } #tt_contactwrapper { position:absolute; right:20px; top:0; width:auto; height:36px; background:transparent; z-index:200000; } .contact { position:relative; width:250px; height:0; margin-left:0; overflow:hidden; clear:none; float:left; } #contactbox0:checked + .contact { height:auto; background:#ccc; } .contact > div:not(.form) { width:23px; height:24px; float:left; } /*.contact .text { font-size:120%; padding:0; }*/ .contact .linkedinbutton { background-color:#dd4b39; } .contact .twitterbutton { background-color:#0084b4; } .contact .facebookbutton { background-color:#3b5998; } .contact .googlebutton { background-color:#dd4b39; } .contact .linkedinbutton:hover,.contact .twitterbutton:hover,.contact .facebookbutton:hover,.contact .googlebutton:hover { background-color:#23b9d6; } /*li.tt_cta-panel > div > div:last-child { padding-right: 150px; }*/ .tt_a .editimage::before { display:inline-block; position:absolute; width:auto; content:'A'; color:#fff; background:#9ecb84; padding:4px 8px; } .tt_b .editimage::before { display:inline-block; position:absolute; width:auto; content:'B'; color:#fff; background:#e29a26; padding:4px 8px; } #askform { display:none; } /*XMAS*/ /*#tt_topdiv::after { background: url("documents/Images/slideshow/snow-flakes-border.png"); content: ""; display: block; height: 60px; left: 0; position: absolute; margin-top: 180px; width: 100%;} #tt_topdiv.topdivscroll::after { margin-top: 121px; } #tt_topdiv::after, .m-logo-unfixed::after { transition: all 0.5s ease-in-out 0s; } .m-logo-unfixed::after { content:""; display:block; width:98px; height:107px; background:rgba(0, 0, 0, 0) url("documents/Images/elements/baubles.png") no-repeat 0 0 / auto 100%; right:0; top:37px; position:absolute; } #tt_topdiv.topdivscroll .m-logo-unfixed::after { width: 125px; }*/ /*EDITTHIS*/ /*.tt_editthis .topdivinfoarea .editblock > .tt_erow { margin:0; min-height:30px; } .tt_editthis .tt_erow.contacttable { margin-top:73px; } .tt_editthis .tt_erow.contacttable table { margin-top: 40px; } .tt_editthis .contactbutton { margin-top:37px; }*/ .tt_editthis .editmodule.contacttable { display:none; min-height: 275px;} /*REVIVE BANNER LOGO*/ .paper_products_revive .sectiontopinner { background: transparent url(LIB/css/revive-logo-rev-lrg.png) no-repeat right center / auto 130px; } /*CARBON LIFESTYLE CALCULATOR*/ table.calculator { font-family:"font_regular",Arial,Verdana,sans-serif; text-align:left; width:100%; border-collapse:collapse; border-top:20px solid transparent; } table.calculator:not(.calcbuttons) tbody > tr:last-child td { padding-bottom:15px; } table.calculator input {font-family:"font_regular",Arial,Verdana,sans-serif; width:auto; max-width:125px; color:#23b9d6; font-size:110%; border:1px solid #23b9d6; padding:4px 8px; clear:none; float:left; } table.calculator input[type=text] { font-family:"font_regular",Arial,Verdana,sans-serif; color:#090;font-weight:bold; text-align:right; border:none; margin-right:10px; } table.calculator input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity:0; pointer-events:none; } /*table.calculator tr { background-color:#ccdcd5 !important; }*/ table.calculator tr:not(.partA) #sc-name,table.calculator tr:not(.partA) #sc-ref,table.calculator tr:not(.partA) #sc-tonnes,table.calculator tr:not(.partA) #sc-type { min-width:90%;} .reshead #sc-name,.reshead #sc-ref,.reshead #sc-tonnes,.reshead #sc-type { color:#565656; width:90% !important; max-width:90%; background:transparent; font-weight:normal; font-size:150%; line-height:120%; text-align:left; margin-left:15px; } .reshead #sc-ref,.reshead #sc-tonnes { color:#356356; font-size:120%; } table.calculator .sc-ref td { font-style:italic; font-size:90%; padding-left:5px; } table.calculator .sc-header td { font-weight:bold; padding:10px 0 10px 10px; } table.calculator .icon { display:block; width:16px; height:16px; color:#fff !important; background:#004e2e !important; font-size:90%; line-height:130%; text-align:center; font-weight:bold; border-radius:8px; clear:none; float:left; } table.calculator .text.shared.linkedinbutton { margin-right:10px; } table.calculator.calcbuttons { margin-bottom:20px; } table.calculator input.css-check:checked+label.css-check { color: #004e2e !important;} table.calculator input.css-check:checked+label.css-check:after { border-color: #004e2e !important;} .sc-again, .sc-share, .sc-download { color:#fff !important; font-size:120%; line-height:140%; height:36px; background:#9e9e9e; text-align:center; padding:5px 18px; margin:0 5px 0 0; border:none; cursor:pointer; float:left; margin-bottom:5px; } .sc-again:hover, .sc-download:hover { background:#393634; } .sc-share { color:#fff; background:#CDC56C; padding: 0 5px 0 0; clear:none;} a.sc-download { color:#fff; background:#565656; float:left; } a.sc-download[disabled] { background: #0aa330 url(LIB/css/timer.png) center no-repeat; color:transparent !important; pointer-events:none; cursor:default; } .icon > b {font-family:"font_regular",Arial,Verdana,sans-serif; } #cal-submit { background: #004e2e !important;} /*DENMAUR DIGITAL*/ #body0[class*="digital"] .section.topsection::before { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0) 70%) repeat scroll 0 0; display: block; width: 100%; height: 300px; left: 0; position: absolute; top: 0; } #body0[class*="digital"] .topsection { background-color: #efefef; background-image: url("documents/Images/headers/dd-header1.jpg");} /*BREXIT & CALCULATOR TABS + NEW NAV*/ .m-logo-unfixed { margin: 60px 0 0; z-index: 999997; position:fixed; left: calc((100vw - 1200px) / 2); width:280px; min-width:250px; padding: 2px 10px 0; transition: all 0.5s ease-in-out 0s; } .scrolled .m-logo-unfixed { margin-top:0; background-color:#fff; padding: 5px 20px 0; width: 250px; padding-top:0; } ul.navarea { float: left; } a.homelogo, #body0[class^="paper"] a.homelogo, #body0[class^="media"] a.homelogo { margin-top: 25px; background-size:contain; margin-top:0; height:75px; } ul.navarea { width: 100%; border-top:none; margin-top:20px;} #tt_topbar .tt_topbarinner { z-index: 999997;} #tt_topdiv.topdivscroll ul.navarea {margin-top: 21px;} /*TOWNSEND SECTION*/ #body0[class^=townsend] .navigation > ul.menu > li:nth-child(4)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=townsend] .navigation > ul.menu > li:nth-child(4)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=townsend] .section a:not(.edittextlink) {color: #f4972a;} #body0[class^=townsend] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color: #898684;} #body0[class^=townsend] .section li.tt_cta-panel a {color: #fff;} #body0[class^=townsend] li.tt_cta-panel > .row { background-color: #f4972a;} #body0[class^=townsend] .contentarea h1 { color:#f4972a; } #body0[class^=townsend] a.format1,#body0[class^=townsend] p.format1,#body0[class^=townsend] .editblock .edittext .text > p.format1,#body0[class^=townsend] span.format1 { color:#f4972a; } #body0[class^=townsend] a.format3,#body0[class^=townsend] p.format3,#body0[class^=townsend] .editblock .edittext .text > p.format3,#body0[class^=townsend] span.format3 { color:#393634; } #body0[class^=townsend] a.format5,#body0[class^=townsend] p.format5,#body0[class^=townsend] .editblock .edittext .text > p.format5,#body0[class^=townsend] span.format5 { color:#f4972a; } #body0[class^=townsend]:not(.tt_editthis) .tt_accordion > label { background-color:#f4972a; } #body0[class^=townsend]:not(.tt_editthis) .tt_accordion > label:hover { background-color:#f4972a; } #body0[class^=townsend]:not(.tt_editthis) .tt_accordion > input[type=radio]:checked+label { background-color:#f4972a; } .townsend-board h1 {display: none;} #body0.townsend-board .topsection .sectiontopinner {max-width: none;padding: 0;margin: 0;} #body0[class^=townsend] a.editmore::after { background-color: #f4972a;} #body0[class^=townsend] a.editmore:hover::after { background-color: #393634;} #body0[class^=townsend] .topsection {background-image: url(documents/Images/headers/townsend-header-bg.jpg);background-color: #efefef;} #body0[class^="townsend-board_"] .topsection .sectiontopinner::after {content: ""; display: block; height: 100px; position: absolute; top: 30%; right: 0; background-image: url(documents/Images/logos/townsend-board-logo-500.png); background-repeat: no-repeat; width: 300px; background-size: contain;} /*TOWNSEND SECTION*/ /*MIDDLETON SECTION*/ #body0[class^=middleton] .navigation > ul.menu > li:nth-child(5)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=middleton] .navigation > ul.menu > li:nth-child(5)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } #body0[class^=middleton] .section a:not(.edittextlink) {color: #717eb5;} #body0[class^=middleton] .onefourgrid .submenuarea ul.menu > li > ul > li:first-child a { color: #898684;} #body0[class^=middleton] .section li.tt_cta-panel a {color: #fff;} #body0[class^=middleton] li.tt_cta-panel > .row { background-color: #9aa3ca;} #body0[class^=middleton] .contentarea h1 { color:#344695; } #body0[class^=middleton] a.format1,#body0[class^=middleton] p.format1,#body0[class^=middleton] .editblock .edittext .text > p.format1,#body0[class^=middleton] span.format1 { color:#344695; } #body0[class^=middleton] a.format3,#body0[class^=middleton] p.format3,#body0[class^=middleton] .editblock .edittext .text > p.format3,#body0[class^=middleton] span.format3 { color:#393634; } #body0[class^=middleton] a.format5,#body0[class^=middleton] p.format5,#body0[class^=middleton] .editblock .edittext .text > p.format5,#body0[class^=middleton] span.format5 { color:#344695; } #body0[class^=middleton]:not(.tt_editthis) .tt_accordion > label { background-color:#344695; } #body0[class^=middleton]:not(.tt_editthis) .tt_accordion > label:hover { background-color:#344695; } #body0[class^=middleton]:not(.tt_editthis) .tt_accordion > input[type=radio]:checked+label { background-color:#344695; } .middleton h1 {display: none;} #body0.middleton .topsection .sectiontopinner {max-width: none;padding: 0;margin: 0;} #body0[class^=middleton] a.editmore::after { background-color: #344695;} #body0[class^=middleton] a.editmore:hover::after { background-color: #393634;} #body0[class^=middleton] .topsection {background-image: url(documents/Images/headers/paper-header-6b.jpg);background-color: #efefef;} #body0[class^=middleton_] .topsection .sectiontopinner::after {content: ""; display: block; height: 100px; position: absolute; top: 30%; right: 0; background-image: url(documents/Images/logos/denmaur-middleton.png); background-repeat: no-repeat; width: 300px; background-size: contain;} .equiptablearea table {font-size:90%; border-collapse:collapse; text-align:center; margin-bottom:20px;} .equiptablearea td {background:#ddd; border:1px solid #ccc; width:20%; padding:5px 2px;} .equiptablearea th {background:#898684; color:#fff; width:20%; padding:5px 2px;} .equiptablearea tr:nth-child(odd) td {background:#898684; color:#fff; width:20%; padding:5px 2px;} /*MIDDLETON SECTION*/ /*REELFAST SECTION #body0[class^=reel-fast] .navigation > ul.menu > li:nth-child(5)::after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; content: ""; display: block; height: 0; left: 0; overflow: visible; position: absolute; top: 0; width: 0; } #body0[class^=reel-fast] .navigation > ul.menu > li:nth-child(5)::before { border-bottom: 16px solid #ccc; border-left: 16px solid transparent; content: ""; display: block; height: 0; left: 0; position: absolute; top: 0; width: 0; } /*REELFAST SECTION*/ /*FOOTER NEWS*/ .footersection .footernewsarea li:nth-child(2) > div:first-child > .editimage {display:none;} .group .footernewsarea h1 {display:block;} .footersection .footernewsarea li:nth-child(2) > div:nth-child(3) {display: none;} .footersection .footernewsarea li:nth-child(2) > div:nth-child(2)::after {content:"READ MORE"; color:#ff0;} .footersection .footernewspullarea { transition: all 0.5s ease-in-out 0s; } /*FOOTER NEWS*/ /*ECOFOIL PROMO { background: linear-gradient(45deg, rgba(136,136,136,1) 0%, rgba(255,255,255,1) 16%, rgba(204,204,204,1) 50%, rgba(150,150,150,1) 70%, rgba(238,238,238,1) 83%, rgba(68,68,68,1) 100%); background-blend-mode: multiply; background-color: #00c110; } /*REVIVE PROMO { background: #544742 url("LIB/css/revive-bg.png") no-repeat scroll center center / cover ; }*/ /*DESIGN CLUB LANDING PAGE*/ .design-club .section.topsection { background-image:url(documents/Images/headers/DC_HEADER-LRG.jpg); background-position:top; background-size:100% auto; background-color:#efefef; padding-top:33%; padding-bottom:5%; } .design-club .sectiontopinner { background-color:#fff; padding:3%;} .design-club .tt_accordion > label { background: #23b9d6 url("LIB/css/arrow-accordion.png") no-repeat scroll right center / auto 100%; cursor: pointer; display: inline-block; font-size: 160%; margin-top: 5px; padding: 10px 55px 5px 25px; text-align: left; width: auto; } .design-club .tt_accordion > label::after { left: 0; margin-left: 15px; } .design-club .tt_accordion > label::before { margin-right: 15px; right: 0; } .design-club .tt_accordion > label::before, .design-club .tt_accordion > label::after { border-top: 1px solid #fff; content: ""; height: 5px; position: absolute; top: 30px; width: 30%; } .design-club .dccompgrid { padding:40px 20px;} .design-club .dccompgrid .text { text-align: center;} .design-club .dccompheaderarea p.format1 { letter-spacing:0.3em; font-size:150% !important; } .design-club .dccompheaderarea p.format1::after { left: 0; margin-left: 15px; } .design-club .dccompheaderarea p.format1::before { margin-right: 15px; right: 0; } .design-club .dccompheaderarea p.format1::before, .design-club .dccompheaderarea p.format1::after { border-top: 1px solid #fff; content: ""; height: 5px; position: absolute; top: 15px; width: 30%; } .design-club .dccomparea > li:first-child { background-color:rgba(227, 158, 110, 0.75); padding:4%; } .design-club .dcprintedonarea { background-color:#efefef; padding:20px; } .design-club .dcprintedonarea .text { text-align: center;} .design-club .dcprintedonarea > li > div.row.editblock { margin-bottom:0;} .design-club .dcprintedonarea > li > div:last-child p { margin-top:5px; font-size:130%; } .design-club .dcprintedonarea > li > div:last-child p::before, .design-club .dcprintedonarea > li > div:last-child p::after { border-top: 1px solid rgb(227, 158, 110); content: ""; height: 5px; position: absolute; top: 30px; width: 35%; } .design-club .dcprintedonarea > li > div:last-child p::after { left: 0; margin-left: 15px; } .design-club .dcprintedonarea > li > div:last-child p::before { margin-right: 15px; right: 0; } .design-club .dcbenefitarea { background-color:rgba(227, 158, 110, 1); } .design-club .dcbenefitarea hr { border-top:#fff solid 1px !important; margin:15px 0 !important; } .design-club .dcbenefitarea p.format3 { text-transform:uppercase; letter-spacing:0.2em;} .design-club .dcctagrid div.edittext:last-child p:nth-child(2)::before { background: #393634 url("LIB/css/phone-icon.png") no-repeat scroll center center / 15px auto; border-radius: 12px; content: ""; display: inline-block; height: 24px; margin-left: -30px; position: absolute; width: 24px; } .design-club .dcctagrid div.edittext:last-child p:nth-child(3)::before { background: #393634 url("LIB/css/email-icon.png") no-repeat scroll center center / 15px auto; border-radius: 12px; content: ""; display: inline-block; height: 24px; margin-left: -30px; position: absolute; width: 24px; } .design-club .dcctagrid div.edittext:last-child p:nth-child(4)::before { background: #393634 url("LIB/css/web-icon.png") no-repeat scroll center center / 15px auto; border-radius: 12px; content: ""; display: inline-block; height: 24px; margin-left: -30px; position: absolute; width: 24px;} .design-club .dcctagrid div.edittext:last-child p:nth-child(-n+4) { color: #fff; font-size: 120%; line-height: 140%; } .design-club .dcctagrid div.edittext:last-child p:nth-child(2), .design-club .dcctagrid div.edittext:last-child p:nth-child(3), .design-club .dcctagrid div.edittext:last-child p:nth-child(4) { padding-left: 30px; } .design-club .dcctagrid a { color: #fff; } .design-club .tt_accordion > label:hover { background-color: #1C94AB; color: #fff; } .design-club .tt_accordion > input[type="radio"]:checked + label { background: #23b9d6 url("LIB/css/arrow-accordion-down.png") no-repeat scroll right center / auto 100%; border-bottom-style: none; color: #fff; } .design-club .fli.inline { clear: none; display: inline-block; float: left; margin-top:10px; } .design-club label.css-check { margin: 0; } /*PAPER FACTS ROUNDELGRID*/ .pfroundelgrid .roundelarea > li {position: relative; border-radius: 50%; display: block; color: #fff; background-color: #99b8ab; text-align: center; margin: 0; background-size: cover; background-position: center; } .pfroundelgrid .onefivegrid p { text-align: center;} .pfroundelgrid .onefivegrid p.format1 { color: #fff !important;} .pfroundelgrid ul {margin-bottom:0 !important;} .tt_pfshow { display:none; } .tt_pfhide { display:block; } /*PAPER FACTS ROUNDELGRID*/ .pfblocksarea p.format5 {color:#393634 !important; font-family:"font_bold" !important; } /*CBS*/ .cbs.pulled .editimage::before,.pulled .editimage.cbs::before { content: "Carbon Balanced at Source"; position: absolute; top: 0; width: 100%; display: block; background-color: rgba(0,0,0,0.5); padding: 15px; color: rgba(255,255,255,0.8); font-size: 14px;} .editimage.new::after { content: ""; background: url(LIB/css/NEW-TR-GREEN.png)no-repeat top right / contain; height: 80px; width: 80px; position: absolute; top: 0; right: 0; display: block; } .pulled .editimage.new::after { content: ""; background: url(LIB/css/NEW-BR-GREEN.png) no-repeat top right / contain; top:auto; bottom: 43px; } /*4 CORNERS*/ .cornersarea { padding:5% 20% 15% 10%; } .cornersarea li { width: 50%; padding: 0 1%; margin-bottom: 2%; float:left !important; clear:none !important;} .cornersarea li > div { background-color:#efefef; min-height:300px;} .cornersarea li:nth-child(2) > div { background-color:#eaeaea;} .cornersarea li:nth-child(3) > div { background-color:#e5e5e5;} .cornersarea li:nth-child(4) > div { background-color:#e0e0e0;} .cornersarea li > div:hover { background-color:#ddd;} .cornersarea p.format2 {text-align:center; font-size: 180% !important;color:#393634 !important;} .cornersarea .editimage.icon4 > .text {padding-bottom:90%; background-size:60%;} .cornersarea li:nth-child(3) .edittext, .cornersarea li:nth-child(4) .edittext {margin-top:-20%; margin-bottom:20%;} .cornersarea li:first-child .edittext, .cornersarea li:nth-child(2) .edittext {margin-top:20%; margin-bottom:-20%;} .cornersarea li .editblock::before, .cornersarea li .editblock::after {content: ""; display: block; height: 0; position: absolute; width: 0; } .cornersarea li:first-child .editblock::before { border-bottom: 64px solid #36a9e1; border-left: 64px solid transparent; left:0; top:0 } .cornersarea li:first-child .editblock::after { border-bottom: 64px solid transparent; border-left: 64px solid #fff; left:0; top:0; } .cornersarea li:nth-child(2) .editblock::before { border-bottom: 64px solid #ea5188; border-right: 64px solid transparent; right:0; top:0 } .cornersarea li:nth-child(2) .editblock::after { border-bottom: 64px solid transparent; border-right: 64px solid #fff; right:0; top:0; } .cornersarea li:nth-child(3) .editblock::before { border-top: 64px solid #95c11e; border-left: 64px solid transparent; left:0; bottom:0 } .cornersarea li:nth-child(3) .editblock::after { border-top: 64px solid transparent; border-left: 64px solid #fff; left:0; bottom:0; } .cornersarea li:nth-child(4) .editblock::before { border-top: 64px solid #f9b233; border-right: 64px solid transparent; right:0; bottom:0 } .cornersarea li:nth-child(4) .editblock::after { border-top: 64px solid transparent; border-right: 64px solid #fff; right:0; bottom:0; } /*.cornersarea::after { content: "The essential attributes to help determine the right paper grade for you"; position: absolute; width: 28vh; height: 28vh; display: table-cell; background-color: rgba(100,100,100,0.6); left: 0; top: 0; padding: 5% 5%; font-size: 2.5vh; line-height: 150%; color: #fff; bottom: 0; margin: auto; right: 0; }*/ /*CORONAVIRUS UPDATE .topdivinfo .topdivinfoarea li .text { clear: none; height: 37px; margin-left: 10px; } .topdivinfo .topdivinfoarea li div div div:last-child { padding:0 20px; background-color:#393634; } .topdivinfo .topdivinfoarea li div div div:last-child a { font-size: 90%; margin-top: 0; background-color:#9ecb84; color: #fff !important; } .topdivinfo .topdivinfoarea li .text p.format3 { color: #fff !important; } /*CORONAVIRUS UPDATE*/ /*XMAS 2020*/ .xmastopsection p {text-align:center; } .xmastopsection p.format2 { font-size: 52px !important; color:#fff !important; padding:12%; margin-top:5vw } .xmastopsection a.edittextlink { font-size: 18px; margin-top: 3vw;} .xmastopsection > div { border: none; height: 75vh; max-height: 650px; } /*XMAS 2022*/ .xmasgrid { background:rgba(40,92,77,1) url(documents/Images/elements/baubles-BG-01.png) no-repeat center right; padding:0; } .xmasgrid ul { background: rgb(40,92,77); background: linear-gradient(90deg, rgba(40,92,77,1) 0%, rgba(40,92,77,0.66) 66%, rgba(40,92,77,0) 100%); max-width: 800px; padding:30px 30px;} .xmasgrid p {color:#fff !important; } .xmasgrid p.format1 {color:#f3e09a !important; } .text.center {text-align:center;} /*PILBEAM*/ #tt_topdiv .topdivinfo { transition: all 0.7s ease-in-out 0s; } #tt_topdiv .topdivinfo { opacity:100%; } #tt_topdiv.topdivscroll .topdivinfo { opacity:1; } .navigation > ul > li { transition:all 0.4s ease-in-out 0s; } .navigation > ul > li > label,.navigation > ul > li > a { transition:all 0.4s ease-in-out 0s; } .navigation ul ul { width:150px; } .navigation ul ul ul { left:150px; width:150px; } #tt_topdiv.topdivscroll .navigation ul ul ul { top:0; } #tt_topdiv.topdivscroll .navigation ul ul {top: 41px;} .tt_pointer #tt_topdiv.topdivscroll .navigation ul.menu ul label.subtogglelabel { padding-top:18px; } .navigation ul ul { transition: 0.2s ease-in-out; } .navigation > ul > li > ul { top:111px; } .navigation > ul > li:hover > ul { top:150px; } .navigation > ul > li { display:flex; justify-content: center; width: 150px; min-width:150px; height:150px; margin-right:18px;} .navigation > ul > li:last-child {margin-right:0;} .navigation > ul > li > a { padding: 45% 5px;} /*.navigation > ul > li:nth-child(3) > a { padding: 40% 14px;} .navigation > ul > li:nth-child(6) > a { padding: 40% 14px;} .navigation > ul > li > a { padding: 0 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}*/ .navigation > ul > li > a:hover { width:100%;} .navigation ul ul { top: 150px;} .tt_pointer .navigation ul.menu label.subtogglelabel, .tt_touch .navigation ul.menu label.subtogglelabel { padding: 45% 5px; } .tt_pointer .navigation ul.menu> li:nth-child(6) > label.subtogglelabel, .tt_touch .navigation ul.menu> li:nth-child(6) > label.subtogglelabel { padding: 40% 14px; } /*.tt_pointer .navigation ul.menu label.subtogglelabel, .tt_touch .navigation ul.menu label.subtogglelabel { padding: 0 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }*/ /*#tt_topdiv.topdivscroll ul.navarea { margin-top: 0; padding-top:0; padding-bottom:10px; }*/ /* RF hidden */ #tt_topdiv.topdivscroll .navigation > ul > li {height:41px; } .tt_pointer #tt_topdiv.topdivscroll .navigation ul.menu label.subtogglelabel, .tt_touch #tt_topdiv.topdivscroll .navigation ul.menu label.subtogglelabel { padding: 14px 14px; } .tt_pointer #tt_topdiv.topdivscroll .navigation ul.menu > li:nth-child(6) > label.subtogglelabel, .tt_touch #tt_topdiv.topdivscroll .navigation ul.menu > li:nth-child(6) > label.subtogglelabel { padding: 8px 14px; } /*.tt_pointer #tt_topdiv.topdivscroll .navigation ul.menu label.subtogglelabel, .tt_touch #tt_topdiv.topdivscroll .navigation ul.menu label.subtogglelabel { padding: 0 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }*/ #tt_topdiv.topdivscroll .navigation > ul > li > a { padding: 14px 14px;} /*#tt_topdiv.topdivscroll .navigation > ul > li:nth-child(3) > a,#tt_topdiv.topdivscroll .navigation > ul > li:nth-child(6) > a { padding: 8px 14px;}*/ ul.navarea { padding: 10px 1% 34px; } .topdivinfo {height:120px; width:66%;} .sidebargrid {padding-left:20px;} .roundelarea > li { background-color:#b9b6b4;} .roundelarea .editblock > div .text > p.format1 { color: #FFF; padding-bottom:0; margin-bottom:0; font-size:350%;} .roundelarea .editblock > div .text > p.format4, .roundelarea .editblock > div .text > p.format6 { color: #393634;} .peoplestatsarea .editblock .edittext .text > p.format1 { font-size:240%; margin-top:10px;} .peoplestatsarea .editblock .edittext .text > p.format4 { padding: 0 10px;} .containergrid .peoplestatsarea li:first-child .text p.format1 { margin-top: 10px;} .certificatesarea .edittext {position:relative; margin-bottom:20px;} .certificatesarea .text {background-color:#dBd9d8; padding:5px; } .certificatesarea p:first-child {float:left; padding-left:50px;} .certificatesarea p:last-child {float:right;} .certificatesarea p.format5, .certificatesarea .editblock .edittext .text > p.format5, .certificatesarea span.format5 {color:#393634; font-size:120%; padding-top:12px;} .certificatesarea div.text:before {content:""; display:block; background: url(documents/Images/icons/new/icon-certificate-grey.png) no-repeat; background-size:contain; height:50px; width:50px; position:absolute; left:0; top:5px;} .policiesarea .edittext {position:relative; margin-bottom:20px;} .policiesarea .text {background-color:#fff; padding:5px; } .policiesarea p:first-child {float:left; padding-left:50px;} .policiesarea p:last-child {float:right;} .policiesarea p.format5, .policiesarea .editblock .edittext .text > p.format5, .policiesarea span.format5 {color:#393634; font-size:120%; padding-top:12px;} .policiesarea div.text:before {content:""; display:block; background: url(documents/Images/icons/new/icon-policy-grey.png) no-repeat; background-size:contain; height:50px; width:50px; position:absolute; left:0; top:5px;} .governancearea .imagegrid a.imageitem { width: 11%; background-size: contain; padding-bottom: 12%;} .governancearea .imagegrid a.imageitem:last-child { width: 19%;} .containergrid .edittitle .text {text-align:center;} /*ul:not(.proddloadarea) .area.edittitle .text p {display:inline-block; position:relative; letter-spacing:7px;} ul:not(.proddloadarea) .edittitle .text p:before { content: ""; position: absolute; border-top: 1px solid #ccc; top: 50%; width: 600px; } ul:not(.proddloadarea) .edittitle .text p:after { content: ""; position: absolute; border-top: 1px solid #ccc; top: 50%; width: 600px; } ul:not(.proddloadarea) .edittitle .text p:before { right: 100%; margin-right: 15px; } ul:not(.proddloadarea) .edittitle .text p:after { margin-left: 15px; }*/ .gfsmithgrid .productpullarea.stackerarea .tt_stacked { border-left: 10px solid #fed032; border-right: 10px solid #fed032; } ul:not(.proddloadarea) .edittitle .text p { position: relative; z-index: 1; overflow: hidden; text-align: center; } ul:not(.proddloadarea) .edittitle .text p:before, ul:not(.proddloadarea) .edittitle .text p:after { position: absolute; top: 51%; overflow: hidden; width: 48%; height: 1px; content: '\a0'; background-color: #696664; margin-left: 2%; } ul:not(.proddloadarea) .edittitle .text p:before { margin-left: -50%; text-align: right; } ul:not(.proddloadarea) .edittitle .text p.format3:before, ul:not(.proddloadarea) .edittitle .text p.format3:after { top: 70%; } ul:not(.proddloadarea) .edittitle .text p.format4:before, ul:not(.proddloadarea) .edittitle .text p.format4:after { top: 70%; } /*ul:not(.proddloadarea) .edittitle .text p { position: relative; z-index: 1; overflow: hidden; text-align: center; } ul:not(.proddloadarea) .edittitle .text p:before, ul:not(.proddloadarea) .edittitle .text p:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; background-color: #696664; } ul:not(.proddloadarea) .edittitle .text p:after { margin-left:15px; } ul:not(.proddloadarea) .edittitle .text p:before { margin-left: -50%; text-align: right; }*/ .modeldiagramgrid { padding: 2% 5% 2% !important; } .containergrid.opt4bggrid .edittitle .text p:before, .containergrid.opt4bggrid .edittitle .text p:after { border-top: 1px solid #fff;} ul.afprfarea.twotwogrid > li {padding: 0; margin-bottom: 2%;} ul.afprfarea.twotwogrid > li .editimage .text { padding-bottom:50%;} #body0[class^=sustainability] .contentarea.minheightsarea.threethreegrid .editblock { background-color: #99b8ab;} /* BEN RF */ #tt_topdiv { height:200px;} a.homelogo {height:100px; margin-left:8px;} .m-logo-unfixed {width:200px; min-width:200px;} .scrolled .m-logo-unfixed {width:200px; min-width:200px;} .scrolled .m-logo-unfixed .homelogo { margin-top: 6px;} ul.menu { float: right; width:100%; } .topdivinfo .topdivinfoarea li .text { margin: 10px 0 0; border-left: none;} ul.navarea { width:40%; float:right; padding: 65px 1% 34px; } #tt_topdiv.topdivscroll ul.navarea { padding-top:38px;} #tt_topdiv ul.navarea {transition: all 0.7s ease-in-out 0s;} #tt_topdiv::before { margin-top:184px; } #tt_mobdiv { border-top: 199px solid #EBE9E8;} .navigation > ul > li { height: 50px; width:200px; } .navigation > ul > li > a { padding: 18px 14px;} .topdivinfo {width:80%; float:right;} .topdivinfo .topdivinfoarea li .text { padding: 20px; float:none;} .navigation > ul.menu > li:nth-child(1) { display: none;} .topstripcontentsection { background-color:#898684;} .topstripcontentsection .sectioninner {padding: 20px 0 0;} .topstripcontentsection .fullwidthgrid {margin-bottom:0;} .topstripcontentsection .topstriparea p { color:#fff !important;} .topstripcontentsection .topstriparea p.format3 { font-family: 'head_bold' !important;} .topstripcontentsection .topstriparea {margin-bottom:0;} .topstripcontentsection .topstriparea .editblock { display:grid; grid-template-columns: repeat(4, 1fr);} .topstripcontentsection .topstriparea .editblock > div:first-child { grid-column-start:1;} .topstripcontentsection .topstriparea .editblock .edittext .text { text-align:center;} .topstripcontentsection .topstripfooterarea .editblock { display:grid; grid-template-columns: repeat(4, 1fr); } .topstripcontentsection .topstripfooterarea .editblock > div:first-child { grid-column-start:1;} .topstripcontentsection .topstripfooterarea .editblock > div:last-child { grid-column-start:4;} .topstripcontentsection .topstripfooterarea .editblock .edittext { padding: 0 10px; } .topstripcontentsection .topstripfooterarea .editblock .edittext .text { text-align:center;} .topstripcontentsection .topstripfooterarea p { color:#c9c6c4 !important; font-size:90%; padding-bottom:6px !important;} .footerlogogrid .onefivegrid { float: right; } /* BEN RF */ @media screen and (max-width:1450px) { #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::before {display:none;} #body0[class*=delipac] .section:not(.dptopsection):not(.footersection)::after {display:none;} .aurarftopsection::before { border-right: 200px solid #e72a7d; border-top: 500px solid transparent;} .aurarftopsection::after { margin-right: 20px; width: 120px;} } @media screen and (max-width:1300px) { .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { height: 20vh;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list="s11"] .editimage .text { background-size: contain;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:25vh;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text {background-position-x: 0; background-size: 110%;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: center !important; } .roundelarea .editblock > div .text > p.format1 { color: #FFF; padding-bottom:0; margin-bottom:0; font-size:200%;} .roundelgrid.pfroundelgrid .editblock > div .text > p.format2 {font-size:120%;} } @media screen and (max-width:1250px) { #body0[class^="media"]:not(.media) .topsection .sectiontopinner { margin: 0 3%; } #body0[class^="paper"]:not(.paper) .topsection .sectiontopinner { margin: 0 3%; } .index #tt_topbar .search, #body0[class^=group] #tt_topbar .search { right: 60px; } #body0[class*=delipac] .promonavarea, .ecofoil .promonavarea { margin-right:2%; } .finediningtabarea,.finewinetabarea { position: absolute; top:10px; z-index:999; } body#body0[class*=delipac] .finediningtabarea { left: 0; position: absolute; top: 350px; z-index: 999; } } @media screen and (max-width:1200px) { .menu { width:auto; } #tt_topdiv { height: 150px; } #tt_topdiv::before { margin-top:150px; } /*#tt_topdiv::after { margin-top: 121px; }/*xmas*/ /*.m-logo-unfixed::after { right:-20px;}/*xmas*/ /*#tt_topdiv.topdivscroll .m-logo-unfixed::after { width:98px; }/*xmas*/ /*#tt_mobdiv { border-top: 120px solid #FFF; }*/ .topdivinfo { padding-right:90px; padding-top:60px; } a.homelogo { margin-top:0; } #tt_topdiv.topdivscroll .topdivinfo { margin-top: 0; padding: 45px 90px 0 0; } .m-logo-unfixed { max-width:280px; } /*.m-nav ul.menu li:nth-child(5) a,ul.menu li:nth-child(5) label { color:#fff;}*/ .m-logo-unfixed { left:0; padding: 0 20px 0; margin: 48px 0 0;} .scrolled .m-logo-unfixed { margin-top: 0; padding:14px 20px 0; width:215px;} a.homelogo, #body0[class^="paper"] a.homelogo, #body0[class^="media"] a.homelogo { height:88px; margin-left:20px; } #tt_topdiv .topdivinfo {width:80%; margin-top:0; height:auto;} .topdivinfo .topdivinfoarea li .text { padding: 20px 3vw;} #tt_topdiv.topdivscroll .topdivinfo { opacity:100%; } #tt_mobdiv { border-top: none; padding-top:150px;} #tt_topbar .tt_topbarinner #tt_contactwrapper {margin-right:115px;} #tt_topdiv.topdivscroll a.homelogo { background-size: 70% auto; } #body0[class^=paper-management] #tt_topdiv.topdivscroll a.homelogo { background-size: 70% auto; } #body0[class^=paper] #tt_topdiv.topdivscroll a.homelogo { background-size: 70% auto; } /*.navigation > ul > li { width: 13vw; min-width: 40px; margin-right: 1.3vw; height: 14vw; aspect-ratio: unset;}*/ .navigation > ul > li { width: 12vw; min-width:12vw; height:12vw; margin-right:1vw;} .navigation > ul > li > ul { top:12vw;} .navigation ul ul { width:12vw; } ul.navarea > li {padding:0 1%;} #tt_topdiv.topdivscroll .navigation { } #tt_topdiv.topdivscroll .navigation > ul > li { height: 0; opacity:0; } .tt_pointer .navigation ul.menu label.subtogglelabel, .tt_touch .navigation ul.menu label.subtogglelabel { padding: 45% 0;} .navigation > ul > li:hover > ul { top:98%; } .slideshowarea.homeslidearea li.tt_slideshow-inner[data-list=s0_0] .tt_slideshow-el:nth-child(2n+1) .edittext .text { width: 50vw; } .slideshowarea.homeslidearea li.tt_slideshow-inner[data-list=s1_0] .tt_slideshow-el:nth-child(2n+1) .edittext .text { width: 50vw; } .slideshowarea.homeslidearea li.tt_slideshow-inner[data-list=s2_0] .tt_slideshow-el:nth-child(2n+1) .edittext .text { width: 50vw; } .slideshowarea.homeslidearea .tt_slideshow-el[data-list=s0_1] { } /*fade*/ .slideshowarea.homeslidearea .tt_slideshow-el[data-list=s0_2] { } /*up*/ .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text p { font-size: 5vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text p { font-size: 3.8vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text p { font-size: 2.2vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text p { font-size: 1.9vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text p { font-size: 2.1vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text p { font-size: 1.4vw; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text p { font-size: 1.9vw; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s20].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s21].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s22].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s23].css-active { top:22vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s24].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s25].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s26].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s27].css-active { top:32vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"] .edittext .text { width: 70%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text { padding:0 10%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s4"] .editimage .text { background-size: 65% auto; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { right:5%; } /*.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { top:12%; width:50%; right:0%; padding:0 20px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:25%; width:50%; right:0%; padding:0 20px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext .text > p.format1 { font-size:75%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:36%; width:50%; right:0%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text { text-align:center; width:90%; margin:0 auto; position: relative; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { font-size:150%; }*/ .productpagearea div.editimage:first-child { top: 170px; width: 170px; } .productpagearea div.editimage:nth-child(2) { width: 170px; } #body0[class^=group] .topdivinfo .topdivinfoarea span.tt_display,#body0[class^=group] .topdivinfo .topdivinfoarea a.tt_display,#body0[class^=group] .topdivinfo .topdivinfoarea p.tt_display { display:none; } #body0.index .topdivinfo .topdivinfoarea span.tt_display,#body0.index .topdivinfo .topdivinfoarea a.tt_display,#body0.index .topdivinfo .topdivinfoarea p.tt_display { display:none; } .topdivinfo .topdivinfoarea li .text p.format3 { font-size:115%; } .topdivinfo .topdivinfoarea span { margin:0; } #body0[class*=delipac] .promonavarea, .ecofoil .promonavarea { top: 23px; margin-right:0; width:auto; } .delipacslideouterextra {height: 85vh; max-height: 800px; } .filmtopsection .filmintroarea { padding: 90px 0; width: 60%;} .scrolled .m-logo-unfixed .homelogo { margin-top: 0;} } @media screen and (max-width:1024px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } ul.pageheader, ul.headerarea { height: 20vh; max-height: 240px; min-height: 120px; } #tt_topdiv .topdivinfo {padding-top:50px;} .productpagearea div.editimage:first-child { top: 160px; width: 160px; } .productpagearea div.editimage:nth-child(2) { width: 160px; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s6].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s7].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s8].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s9].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s10].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s11].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s12].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s13].css-active { top:25vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s14].css-active { top:36vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s15].css-active { top:36vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s16].css-active { top:36vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s17].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s2].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s3].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s4].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s5].css-active { top:5vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s6].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s7].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s8].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s9].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s10].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s11].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s12].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s13].css-active { top:25vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s14].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s15].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s16].css-active { top:36vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s17].css-active { top:36vh; } /*.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text {background-size: cover;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { top:18%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:30%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:46%; }*/ .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size:60%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11]::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:200px; height:200px; } .eftopsection::after { content:""; position:absolute; top:0; left:0; background:url(documents/Images/slideshow/NEW-EC.png) no-repeat top right / contain; width:200px; height:200px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12].css-active { font-size:130%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { text-align:center; font-size:140%;; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p a.edittextlink { font-size:90%; margin-top:30px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13],.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13].css-active { font-size:130%; } .productpagepullgrid .productpullarea.stackerarea .tt_stacked { width: 33.3% !important; } .finewinegrid { padding-top:150px; } .finewinegrid li { border: 4px solid #231f20; padding-top:130px; } .dplogogrid ul.fivefivegrid > li { width: 25%; } .dplogogrid .editimage::after { background-color: #ccc; bottom: 0; content: "+"; font-size: 250%; height: 50px; line-height: 180%; position: absolute; right: 0; text-align: center; width: 50px; } .efintroarea { background: url(documents/Images/elements/white-stroke-bg.png) no-repeat left center / 100%; padding: 0 10% 0 20%;} .efintroarea .editimage.landscape > .text { background-size: 70%;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list="s10"] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 25%;background-size: cover;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list="s11"] .editimage {height: 40%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list="s12"] .edittext { top: 36%;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage { width: 45vw !important; top: 35% !important;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext {top: 65% !important; font-size: 90% !important;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 65% !important; } .rf6section .rfctagrid {width:auto !important; border:1px solid #fff;} .rf6section .rfctagrid ul {margin-bottom:0 !important; } .rf6section .rfctagrid ul p.format3 {margin-bottom:0 !important; } .rf6section .rfctagrid .edittext .edittextemail { background-color: #fff; color: rgb(52,70,149); padding: 5px 10px;} } /*CORONAVIRUS UPDATE @media screen and (max-width:1010px) { .topdivinfo div.edittext > div:first-child { display:none; } .topdivinfo #tt_contactwrapper {display:none;} } /*CORONAVIRUS UPDATE*/ @media screen and (max-width:980px) { .imagebox-wrapper{ height:90vw; } /*.m-logo-unfixed::after { right:-40px;}/*xmas*/ .topdivinfo .topdivinfoarea span.tt_display,.topdivinfo .topdivinfoarea a.tt_display,.topdivinfo .topdivinfoarea p.tt_display { display:none; } .productpagearea div.editimage:first-child { top: 0; width: 240px; } .productpagearea div.editimage:nth-child(2) { width: 240px; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { left:40%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s2].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s3].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s4].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s5].css-active { top:3vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s6].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s7].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s8].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s9].css-active { top:9vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s10].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s11].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s12].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s13].css-active { top:15vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s14].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s15].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s16].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s17].css-active { top:21vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s20].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s21].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s22].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s23].css-active { top:18vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s24].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s25].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s26].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s27].css-active { top:24vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { left:40%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s2].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s3].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s4].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s5].css-active { top:3vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s6].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s7].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s8].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s9].css-active { top:9vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s10].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s11].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s12].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s13].css-active { top:15vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s14].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s15].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s16].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s17].css-active { top:21vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s20] .edittext .text p { top: 42%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s21] .edittext .text p { top: 44%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s22] .edittext .text p { top: 36%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s23] .edittext .text p { top: 43%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s24] .edittext .text p { top: 59%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s25] .edittext .text p { top: 65%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s26] .edittext .text p { top: 62%; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { left:40%; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:23vh;} .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:23vh;} .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(3) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text, .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text { height:23vh;} .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"] .edittext .text { width: 100%; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"], .slideshowarea.mediaslidearea .tt_slideshow-el.css-active[data-list="s19"] { top: 10vh; } .certificationsarea .imagegrid a.imageitem { padding-bottom: 22%; width: 18%; } .certificationsarea .imagegrid a.imageitem:last-child { width: 32%; } .dpgalleryarea .imagegrid a.imageitem { width: 23%; padding-bottom: 23%; } #body0[class*=delipac] .promonavarea li a { padding: 15px 2vw; } .delipacpanelgrid ul:nth-child(2).twotwogrid > li:first-child, .delipacpanelgrid ul:nth-child(2).twotwogrid > li:nth-child(2) {width: 100%;} .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s1] .edittext .text p { font-size: 3.6vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s2] .edittext .text p { font-size: 3.6vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s3] .editimage .text { height: 12vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { right:2%; } .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s33] .tt_slideshow-el { left:10%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s35] .editimage .text { background-size:45% auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s36] .editimage .text { background-size:68% auto; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s16] .editimage .text { background-size:contain; } .dptopsection .dproundelgrid ul.area::after { width: 5vw; height: 5vw;} .filmtopsection { background-position-x: 50%; } .filmtopsection .filmintroarea .edittext .text p.format1 { font-size: 5.3vw;} .filmtopsection .filmintroarea {padding: 4vw 0;} .aurarftopsection .aurarfintroarea { padding: 5% 5% 15%; } .aurarftopsection .aurarfintroarea .editimage .text { padding-bottom:50%; text-align:center; background-size: contain; max-width:550px; margin: 0; background-color:#fff;} .aurarftablesection ul.twotwogrid > li { width: 100%; padding: 0 1% ;margin-bottom: 0;} .aurarftopsection::before { border-right: 20vw solid #e72a7d; border-top: 45vh solid transparent;} .aurarftopsection::after { margin-right: 20px; width: 12%;} .rf1section { background-size: cover; height: 30vh;} .topstriparea .editblock .edittext .text > p.format3 { font-size:1.8vw;} .topdivinfo .topdivinfoarea li .text p.format3 { font-size:100%; } .topstripcontentsection .topstripfooterarea p { font-size: 80%;} } @media screen and (max-width:840px) { #tt_topdiv .topdivinfo { width: 79%;} .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:48vw; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text, .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text, .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text { width:80%; } .localpanelgrid ul.fivefivegrid > li { width: 33%; } .ctacertgrid .onetwogrid { float:none; width:100%; } .ctacertgrid .onetwogrid .tt_cta-panel { max-width: 575px; } .certificationsarea { margin-top:30px; } .certificationsarea .imagegrid a.imageitem { padding-bottom: 16%; width: 13%; } .certificationsarea .imagegrid a.imageitem:last-child { width: 22%; } .finewinegrid li{padding-top:25%; } .plasticfactsgrid .area.editablearea.contentarea { margin-top: 20px; } .plasticfactsgrid .editimage.portrait > .text { padding-bottom:50%; } .dplogogrid ul.fivefivegrid > li { width: 33.33%; float:left; } .paper_products_revive .finediningtabarea { right: 33vw; } .tt_pfshow { display:block; } .tt_pfhide { display:none; } /*.slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage { top:0%; width:100%; height:45%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s11] .editimage .text { background-size: cover; background-position: bottom right;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .editimage { top:42%; width:100%; height:45%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:55%; width:100%; height:45%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:68%; width:100%; right:0%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext .text > p.format3 { color:#000; }*/ .cornersarea { padding:5% 10% 10% 10%; } #body0[class*=paper-management_media-blog_] .row.editblock.pulled { width: 48%; float: left; clear: none; margin: 20px 2% 0 0; } .eftopsection .sectioninner { margin:0; width:100%;} .eftopsection .twotwogrid {margin: 0 3%;} .efintroarea {background: url(documents/Images/elements/white-stroke-bg.png) no-repeat center / 120% 100%;} .efproductgrid ul.fivefivegrid > li {width: 33%;} .efbespokesection { background: url(documents/Images/elements/ecofoil-bespoke2.jpg) no-repeat top right / 100%; padding-top: 110%;} div.imagegrid[data-id="efbespokeimagebox"] {padding-right: 0;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=s10] .editblock:not(.tt_slideshow-el) .editimage .text {background-image:url(documents/Images/slideshow/ecofoil-slide-bg1-mob.jpg) !important; background-position-x: 50%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s12] .edittext { top:36%; padding:0 5% 0 0; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s13] .edittext { top:72%; padding:0 5% 0 0; } .dptopsection .dproundelgrid .roundelarea .editblock > div .text > p.format2 {font-size: 100%;} .topstripcontentsection .fullwidthgrid {margin-bottom:0 !important;} .promotionpanelgrid .editblock .edittext .text > p.format1 { font-size:2.5vw;} .footerlogogrid .onefivegrid { width: 23%;} .footerlogogrid .fourfivegrid { width: 73%;} a.homelogo { height: 70px;} .scrolled .m-logo-unfixed { width: 180px; min-width:100px;} .m-logo-unfixed {width: 180px;} #tt_mobdiv { padding-top: 130px;} #tt_topdiv { height: 130px;} #tt_topdiv.topdivscroll::before { margin-top: 121px;} #tt_topdiv::before { margin-top: 150px;} /*.scrolled .topdivinfo .topdivinfoarea li .text { padding: 15px 0 15px 4vw;}*/ .scrolled .m-logo-unfixed .homelogo { margin-top: 5px;} .topdivinfo .topdivinfoarea li .text p.format3 {font-size: 90%;} } @media screen and (max-width:800px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:46vw; } .paperslideouter { height: 48vh; } .slideshowarea.paperslidearea .tt_slideshow-el[data-list="s1"], .slideshowarea.paperslidearea .tt_slideshow-el.css-active[data-list="s1"] { position:absolute; } .slideshowarea.paperslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:22vh; max-height:280px; } .mediaslideouter { height: 48vh; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s1"], .slideshowarea.mediaslidearea .tt_slideshow-el.css-active[data-list="s1"] { position:absolute; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(1) .tt_slideshow-el .edittext .text { height:22vh; max-height:280px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list="s19"], .slideshowarea.mediaslidearea .tt_slideshow-el.css-active[data-list="s1"] { position:absolute; } .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text { height:22vh; max-height:280px; } .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1, .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1, .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text > p.format1 { font-size:5vw; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after, .slideshowarea.paperslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after, .slideshowarea.mediaslidearea .tt_slideshow-el[data-list=s31] .edittext .text::after { } .slideshowarea.overlayslidearea .editblock > div:first-child { padding:0; } .slideshowarea.overlayslidearea .editblock > div:first-child .text { padding-right:15%; } .slideshowarea.overlayslidearea .editblock .edittext .text > p { font-size:12px; } .slideshowarea.slideshowarea.overlayslidearea li.controller span.slidecontrol { font-size: 95%; } .slideshowarea.slideshowarea.overlayslidearea li.controller .controlwrapper::after { font-size: 80%; } .slideshowarea.overlayslidearea li:first-child div.editblock:last-child > div:first-child .text { padding-right: 15%; } .slideshowarea.overlayslidearea div.editblock:last-child > div:first-child .text { padding-right: 0; } .finewinegrid { padding-top:160px; } .finewinegrid li { border: 5px solid #231f20; padding-top:20%; } #body0[class*=delipac] .promonavarea li a { padding: 15px 1.5vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s4"] .editimage .text { background-size: 85% auto; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { top: 60%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] .edittext .text { background-color: rgba(241,142,34,0.9); } .delipacslideouterextra .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] { top:63%; } .design-club .tt_accordion > label::before, .design-club .tt_accordion > label::after { width: 25%; } .design-club .dccompheaderarea p.format1::before, .design-club .dccompheaderarea p.format1::after { width: 20%; } .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas2] .editimage { width: 45vw !important; top: 45% !important;} .slideshowarea.groupslidearea .tt_slideshow-el[data-list=xmas4] .edittext {top: 75% !important; font-size: 90% !important;} .slideshowarea.groupslidearea .tt_slideshow-inner[data-list=xmas1] .editblock:not(.tt_slideshow-el) .editimage .text { background-position-x: 55% !important; } .dptopsection .dproundelgrid .roundelarea .editblock > div .text > p.format2 {font-size: 95%;} .topstripcontentsection .topstripfooterarea p { font-size: 70%;} } @media screen and (max-width:768px) { .slideshowarea.mediaslidearea li.tt_slideshow-inner:nth-child(2) .tt_slideshow-el .edittext .text > p.format1 { font-size:6vw; } .footersection ul.threethreegrid > li { width: 50%; } .footersection ul.threethreegrid > li:nth-child(3) { width: 100%; } .tt_upmfooterpanel .text { text-align: left; } .tt_upmfooterpanel div.editblock:nth-child(1) { width:25%; float: left; } .tt_upmfooterpanel div.editblock:nth-child(2) { width:75%; float: left; } .tt_upmfooterpanel .editimage > .text { background-position:center; padding-bottom:100%; } .tt_upmfooterpanel::before { background:rgba(0, 0, 0, 0) url("documents/Images/elements/purple-silk-1.png") repeat scroll 0 0; background-size:cover;bottom:0;content:"";height:300px;left:0;position:absolute;width:100%;} .dproundelgrid .onethreegrid { float: left !important; width:31.33% !important; } .dpgalleryarea .imagegrid a.imageitem { width: 31%; padding-bottom: 31%; } .efsusgrid .onetwogrid { width: auto; margin-bottom: 0; } } @media screen and (max-width:766px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } .onefourgrid.logogrid .editimage { clear: none; float: left; width: 50%; } .topdivinfo { display:none; } .localpanelgrid ul.fivefivegrid > li { width: 100%; } .datasearch .fli input { width: 80%; } .swatchpanelgrid .threefourgrid,.swatchpanelgrid .threefourgrid ul,.swatchpanelgrid .threefourgrid ul li { overflow:hidden; } .swatchpanelgrid .threefourgrid ul li > div:last-child { width: auto; } .swatchpanelgrid .onefourgrid:last-child { float: none; } #body0[class*=delipac] .promonavarea { top: 121px; } .dptempgaugearea { margin-bottom: 30px !important; } #body0[class*=delipac] .promonavarea, .ecofoil .promonavarea { display: none; } .delipacslideouterextra {height: 75vh; max-height: 700px; } .design-club .containergrid .onefourgrid:last-child { float: none;} .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid { width: 100%; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid > ul { clear: none; float: left; width: 50%; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid p.format2 { font-size: 4vw; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid ul { border-right: none; padding-top:10px; } .pfroundelgrid.bordergrid .onefivegrid { border-bottom:1px solid #ccc; padding-right:2%; border-right:none; } .pfroundelgrid.bordergrid .onefivegrid:nth-child(5n) { border-bottom:none; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid ul { margin-bottom: 0; padding: 0 5% 10px; border-right: none; padding-top: 10px; } .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid ul { } .pfroundelgrid .roundelarea .editblock > div .text > p.format1 { font-size:8vw; } .pfroundelgrid .roundelarea .editblock > div .text > p.format6 { font-size:3vw; } .pfroundelgrid.fivefivegrid.bordergrid, .pfroundelgrid.fivefivegrid.bordergrid .onefivegrid { width: 100%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child { clear: none; float: left; width: 50%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child > li:after { content:""; display:block; width:100%; height:0; padding-bottom:100%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child .editblock { position:absolute; top:0; bottom:0; left:0; width:100%; right:0; padding:2vw; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child .editblock > div { display:table; width:100%; height:94%; overflow:hidden; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(odd) > ul:first-child .editblock > div .text { display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child { clear: none; float: left; width: 50%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child > li:after { content:""; display:block; width:100%; height:0; padding-bottom:100%; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child .editblock { position:absolute; top:0; bottom:0; left:0; width:100%; right:0; padding:2vw; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child .editblock > div { display:table; width:100%; height:94%; overflow:hidden; } .pfroundelgrid.fivefivegrid.bordergrid > div:nth-child(even) > ul:last-child .editblock > div .text { display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; } .eftopsection .sectioninner { padding-top:0;} .efproductgrid ul.fivefivegrid > li {float: left;} ul.fourfourgrid.prodiconarea > li { width: 49%; padding: 0 1%; margin-bottom: 2%; float: left; clear: none;} .editimage.icon100 .text { background-size: auto; padding-bottom: 50%;} #body0.middleton-and-vision ul.twotwogrid > li {width: 50%;} .ppeugrid > div.onetwogrid {width:auto;} .promotionpanelgrid .editblock .edittext .text > p.format1 { font-size:140%;} .topstriparea .editblock .edittext .text > p.format3 {font-size: 95%;} .footerlogogrid .onefivegrid { width: 100%;} .footerlogogrid .onefivegrid .editimage .text { max-width:200px; padding-bottom:15%;} .footerlogogrid .fourfivegrid { width: 100%;} /*CORONAVIRUS UPDATE .topdivinfo { display:block; } /*CORONAVIRUS UPDATE*/ } /*XMAS 2020*/ @media screen and (max-width:740px) { .xmastopsection > div { height: 95vw; max-height: 400px; } .xmastopsection p.format2 { font-size: 28px !important; color:#fff !important; padding:5%; margin-top:5vw } .topstripcontentsection .topstriparea .editblock { display:grid; grid-template-columns: repeat(2, 1fr); margin-bottom:5px;} .topstripcontentsection .topstriparea .editblock p.format3 { padding-top:3px !important; margin-bottom:0;} .topstripcontentsection .sectioninner {padding-top:10px; margin:0;} .topstripcontentsection .topstripfooterarea .editblock { display:grid; grid-template-columns: repeat(2, 1fr);} .topstripcontentsection .topstripfooterarea .editblock > div:last-child { grid-column-start:2;} .topstripcontentsection .topstripfooterarea p { font-size: 80%; line-height: 110%;} .topstripcontentsection .topstripfooterarea .editblock .edittext { padding: 0;} } @media screen and (max-width:640px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } .productpagegrid > ul .editblock { padding-right: 32%; } .productpagegrid .wrappergrid { margin: 20px 32% 20px 0; width: 68%; } .productpagearea div.editimage:first-child { top: 140px; width: 140px; } .productpagearea div.editimage:nth-child(2) { width: 140px; } .productpagearea .editimage > .text { padding-bottom: 100%; } .editimage > .text { padding-bottom: 50%; } .datasearch .fli input { width: 76%; } .tt_accordion.librarylevel0 { width:100%; float:none; margin-right:0; } .papertypesgrid { display:block; } .overlayslideouter { display:none; } .paperslideouter, .mediaslideouter { display:none; } .groupslideouter { height:60vw !important;} .index .topsection,.group .topsection { background:url(documents/Images/headers/ReelFast-header-640.jpg) no-repeat center / cover; min-height:50vw; } #body0.paper .topsection { background:url(documents/Images/headers/header-paper-640.jpg) no-repeat center / cover; min-height:50vw; } #body0.media .topsection { background:url(documents/Images/headers/header-media-640.jpg) no-repeat center / cover; min-height:50vw; } .index div.section:nth-child(2) .sectioninner,.group div.section:nth-child(2) .sectioninner { padding-top:0; } .finewinegrid { padding-top:130px; } .finewinegrid li { border: 5px solid #231f20; padding-top:20%; } .finediningtabarea .editimage > .text { padding-bottom: 100%; } .dproundelgrid .roundelarea .editblock > div .text > p.format1 { font-size: 7vw; } .dproundelgrid .roundelarea .editblock > div .text > p.format2 { font-size: 3.5vw; } .design-club .dcprintedonarea > li > div:last-child p::before, .design-club .dcprintedonarea > li > div:last-child p::after { width: 25%; } /*CARBON CALCULATOR*/ table.calculator tbody > tr > td.mobhide { display:none; } .cbcalcresultsarea > li > div:last-child { width:100%; min-height: 150px; } table.calculator:not(.calcbuttons) tbody > tr:last-child td { padding: 0 0 30px; } #cal-reset, #cal-submit, #cal-again { margin-right:10px !important; } .design-club .tt_accordion > label::before, .design-club .tt_accordion > label::after { width: 0; } .design-club .dccompheaderarea p.format1::before, .design-club .dccompheaderarea p.format1::after { width: 0; } .design-club .section.topsection { background-image:url(documents/Images/headers/DC_HEADER-SM.jpg); background-size:100% auto; padding-top:50%; } .delipacpanelgrid { background-color: #1ba1db; background: linear-gradient(180deg, rgba(141,208,237,1) 25%, rgba(27,161,219,1) 100%); padding: 20px;} .delipacpanelgrid ul:first-child.twotwogrid > li:first-child, .delipacpanelgrid ul:first-child.twotwogrid > li:nth-child(2) {width: 100%;} .delipacpanelgrid .twotwogrid { margin: 0 !important;} .delipacpanelgrid .editimage.landscape > .text { padding-bottom:33%;} .mobslideshowlinkarea, .mobslideshowlinkarea li {width:100% !important; height:100% !important; } .mobslideshowlinkarea .editblock .editlink {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; background: transparent;} .cornersarea { padding:0; padding-top:0; } .cornersarea p.format2 {text-align:center; font-size: 140% !important; padding:10px !important;} .cornersarea li:nth-child(3) .edittext, .cornersarea li:nth-child(4) .edittext {margin-top:-15%; margin-bottom:25%;} .cornersarea li:first-child .edittext, .cornersarea li:nth-child(2) .edittext {margin-top:30%; margin-bottom:-30%;} .cornersarea li > div { min-height: 200px; } .cornersarea li:first-child .editimage.icon4 > .text, .cornersarea li:nth-child(2) .editimage.icon4 > .text {margin-top:10%;} .cornersarea li:first-child .editblock::before { border-bottom: 44px solid #36a9e1; border-left: 44px solid transparent; left:0; top:0 } .cornersarea li:first-child .editblock::after { border-bottom: 44px solid transparent; border-left: 44px solid #fff; left:0; top:0; } .cornersarea li:nth-child(2) .editblock::before { border-bottom: 44px solid #ea5188; border-right: 44px solid transparent; right:0; top:0 } .cornersarea li:nth-child(2) .editblock::after { border-bottom: 44px solid transparent; border-right: 44px solid #fff; right:0; top:0; } .cornersarea li:nth-child(3) .editblock::before { border-top: 44px solid #95c11e; border-left: 44px solid transparent; left:0; bottom:0 } .cornersarea li:nth-child(3) .editblock::after { border-top: 44px solid transparent; border-left: 44px solid #fff; left:0; bottom:0; } .cornersarea li:nth-child(4) .editblock::before { border-top: 44px solid #f9b233; border-right: 44px solid transparent; right:0; bottom:0 } .cornersarea li:nth-child(4) .editblock::after { border-top: 44px solid transparent; border-right: 44px solid #fff; right:0; bottom:0; } .efproductgrid ul.fivefivegrid > li {width: 49%;} .efsusgrid .editimage .text { padding-bottom:100%;} #body0[class*=delipac] .pipanelarea { padding:10px 20px; font-size:100%; } #body0[class*=delipac] .pipanelarea .edittext {width:auto; float:left; padding-left:5%; border-left: 1px solid #fff; } #body0[class*=delipac] .pipanelarea .editimage {width:70%; float:left; padding-right:5%; } #body0.middleton .topsection { background:url(documents/Images/headers/Middleton-640.jpg) no-repeat center / cover; min-height:50vw; background-size:cover; } #body0.vision .topsection { background:url(documents/Images/headers/Vision-640.jpg) no-repeat center / cover; min-height:50vw; background-size:cover; } #body0.townsend-board .topsection { background:url(documents/Images/headers/townsend-640.jpg) no-repeat center / cover; min-height:50vw; background-size:cover; } .townsendslideouter {border: none; height: auto; max-height: none; } .rf3section .editimage > .text { } .rf3section .editimage.icon1 > .text { background-size: 80%;} .rf3section ul.twotwogrid > li { margin-bottom: 10px;} .rftopsection .rfintroarea { padding: 30%;} } /*CORONAVIRUS UPDATE @media screen and (max-width:620px) { #tt_topdiv { height: 171px; } #tt_mobdiv { border-top: 170px solid #393634; } .topdivinfo { clear: both; display: block; float: none; margin-top: 85px; width: 100%; padding-right:0; } .topdivinfo .topdivinfoarea li div div.edittext { width:100%; text-align:center; } .topdivinfo .topdivinfoarea li div div div:last-child { float:none; margin:0 auto; } } /*CORONAVIRUS UPDATE*/ @media screen and (max-width:480px) { .slideshowarea.homeslidearea.editblock:first-child .editimage .text { background-size: 424px; margin-top:530px; margin-left:56vw; } .productpagegrid > ul .editblock { padding-right:0; } .productpagearea > li > div:first-child { padding-top:0; } .productpagearea div.editimage:first-child { left: 0; top: 0; width: 50%; } .productpagearea div.editimage:nth-child(2) { left: 0; top: 0; width: 50%; } .pptablearea > li { width:100%; } .productpagegrid .wrappergrid { margin: 20px 0; width: 100%; } .certificationsarea .imagegrid a.imageitem { padding-bottom: 22%; width: 18%; } .certificationsarea .imagegrid a.imageitem:last-child { width: 32%; } .footercertificationsarea {padding-right:10%;} .footercertificationsarea .imagegrid a.imageitem { padding-bottom: 28%; width: 28%; } .footercertificationsarea .imagegrid a.imageitem:nth-child(n+3) { width: 32%;} .footercertificationsarea .imagegrid a.imageitem:nth-child(n+4) { width:28%; } .footercertificationsarea .imagegrid a.imageitem:nth-child(n+7) { width: 45%;} #tt_topbar .search { left: 40px; right: 0; } .index #tt_topbar .search, #body0[class^=group] #tt_topbar .search { right: 0; } .datasearch .fli input { width:78%; } li.tt_cta-panel > div > div:last-child { padding-right:0; } .link2area > li:first-child { width:110px; position:absolute; left:0; } .link2area > li:first-child .editimage { width:100px; } .link2area > li:first-child .editimage.landscape { width:100px; } .link2area > li:nth-child(2) { width:100%; padding-left:110px; min-height:100px; } .link2area .editimage > .text { background-size:contain; } .link2area .editimage.landscape > .text { background-size:contain; } .finewinegrid{padding:30% 10px 10px;} .finewinegrid ul{padding:10px;} .finewinegrid li{border:3px solid #231f20;padding-top:20%;} .finewinegrid::after{left:15%;width:70%;} #body0[class^="media"] .finediningtabarea, #body0[class^="paper"] .finediningtabarea { display:none; } body#body0[class*=delipac] .finediningtabarea, .paper_products_revive .finediningtabarea { display:none; } #body0[class*=delipac] p.format1, #body0[class*=delipac] .editblock .edittext .text > p.format1 { font-size: 160%;} #body0[class*=delipac] p.format2, #body0[class*=delipac] .editblock .edittext .text > p.format2 { font-size: 150% !important;} .dpproductgrid .contentarea.minheightsarea.mhbuttonarea.threethreegrid .editblock .edittext:last-child .text p:first-child { padding-bottom: 20px;} .dptempgaugearea li { width:100%;} .dptopsection .dpintroarea { padding: 0;} .dptopsection .dpintroarea .edittext { padding: 0 45px;} .dptopsection .sectioninner {padding-top:0;padding-bottom:0;} .dptopsection .dproundelgrid {display:none;} .dpwidarea li:last-child .editimage { padding-left: 20px; padding-right:20px;} .dpwidgrid .containergrid {padding: 10px 0 0 ;} .dproundelgrid .onethreegrid { float: none !important; margin: 0 auto; width: 60% !important; } .dproundelgrid .roundelarea .editblock > div .text > p.format1 { font-size: 12vw; } .dproundelgrid .roundelarea .editblock > div .text > p.format2 { font-size: 6vw; } .dpdownloadarea.twotwogrid li {float:left; width: 50%;} .dpdownloadarea .editimage .text { padding-bottom:100%;} .roundelarea .editblock > div .text > p.format5 { font-size: 3vw; } .dpgalleryarea .imagegrid a.imageitem { padding-bottom: 48%; width: 48%; } .dpcertgrid { background: #f18e22 url("documents/Images/logos/PEFC-WLT-logos.png") no-repeat scroll 20px 93% / 250px auto; padding-bottom:90px; } .dpcertgrid .edittext > .text { width: 100%; } .dplogogrid ul.fivefivegrid > li { padding: 0 1%; width: 50%; } .dplogogrid .editmodule.slider { padding:5%; } .dplogogrid p.format6, .dplogogrid .editblock .edittext .text > p.format6 { font-size:80%; line-height:110%; } .slideshowarea.delipacslidearea .tt_slideshow-inner[data-list="s0"] .editblock:not(.tt_slideshow-el) .editimage .text { background-size: cover; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s1"] .edittext .text, .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s2"] .edittext .text { padding: 0 5%; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s1"] .edittext .text p,.slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s2"] .edittext .text p { font-size: 6vw; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s3"] .editimage .text { height: 15vw; background-size:contain; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s4"] .editimage .text { height: 90px; } .slideshowarea.delipacslidearea .tt_slideshow-el[data-list="s5"] { display: none; } .delipacslideouterextra {height: 95vh; max-height: 700px; } .delipacslideouterextra .slideshowarea.delipacslidearea .tt_slideshow-el[data-list=s6] { top:69%; } .design-club .dcprintedonarea > li > div:last-child p::before, .design-club .dcprintedonarea > li > div:last-child p::after { width: 15%; } #body0[class^="townsend-board_"] .topsection .sectiontopinner::after {top: 10%; width: 150px;} #body0[class^="middleton_"] .topsection .sectiontopinner::after {top: 10%; width: 150px;} #body0[class*="vision_"] .topsection .sectiontopinner::after {top: 10%; width: 150px;} #body0[class*=paper-management_media-blog_] .row.editblock.pulled { width: auto; float: none; clear: left; margin: 20px 0 0 0; } .efintroarea { padding: 5% 5% 0 15%; } .efintroarea .editimage.landscape > .text { background-size: contain;} .eficonstriparea .imagegrid a.imageitem {width: 48%;padding-bottom: 48%;} .efproductgrid ul.fivefivegrid > li {height:260px; float: left; padding: 0 1%;} .efsusgrid .edittext {width: 100%;} .efsusgrid > div:nth-child(2n+1) ul { padding-right: 0; padding-left: 3%; } .imagebox-wrapper{ height:100vw; } ul.fourfourgrid.prodiconarea > li { height: 58vw;} #body0.middleton-and-vision ul.twotwogrid > li {width: 49%; margin-right: 2%; float: left;} #body0.middleton-and-vision ul.twotwogrid > li:last-child {margin-right:0;} /*CARBON CALCULATOR*/ table.calculator td { padding: 5px 5px !important; } table.calculator .icon { display: none !important; } .cbcalcresultshead { margin-top: 0; } .cbcalcresultsarea table.calculator input { width:85px; } .cbcalcresultsarea > li > div:last-child { min-height: 200px; } .cbcalcarea, .cbcalcresultsarea { background-position: 5% 99%; } .cbcalcarea table.calculator:not(.calcbuttons) tbody > tr:last-child td { padding-bottom:90px !important; } .cbcalcarea table.calculator tbody > tr:first-child td { padding-top: 15px !important; } /*REVIVE BANNER LOGO*/ .paper_products_revive .sectiontopinner { background-size: auto 80px; } #body0[class^=vision] .productpagearea div.editimage:first-child { position: absolute; left: 0; top: 0; width: 50%; } #body0[class^=vision] .productpagearea div.editimage:nth-child(2) { border: none; position: absolute; left: 50%; top: 0; width: 50%; } .filmgrid .edittext .text p.format1 {font-size: 115%;} .film2section .tablemobarea {display:block;} .film2section .tabledtparea {display:none;} .aurarftopsection .aurarfintroarea { padding: 0 0 100px 0; width:66%; } .aurarftopsection .aurarfintroarea .editimage .text { padding-bottom:50%; text-align:center; background-size: contain; max-width:550px; margin: 0;} .aurarftopsection::before { border-right: 150px solid #e72a7d; border-top: 400px solid transparent;} .aurarftopsection::after { width: 80px;} .aurarftablesection .tabledtparea table td p {font-size: 12px;} .aurarftopsection { background-size: 100%; background-position-x: -20px;} .rf6section .rfctagrid { margin-bottom:10px !important; padding:10px;} .rf6section .rfctagrid ul p.format3 {font-size:90% !important; } .xmasgrid ul { background: linear-gradient(90deg, rgba(40,92,77,1) 0%, rgba(40,92,77,0.66) 100%); padding:20px 20px;} .policiesarea p:last-child, .certificatesarea p:last-child {float:left; padding-left:50px;} ul.afprfarea.twotwogrid > li {width: 100%; margin-bottom:0;} #tt_topbar .tt_topbarinner #tt_contactwrapper {left: 0; } #tt_topbar .tt_topbarinner #tt_contactwrapper1 {left: 40px; } .contactbutton, .contactbutton1 { left:0;} .contacttable, .contacttable1 { left:0;} #tt_mobdiv { padding-top: 121px;} ul.addressblockarea > li { padding-top: 10px; padding-bottom: 20px; border-left:none; border-bottom: 1px solid #ccc;} #tt_topbar .tt_topbarinner { z-index: 999998;} #body0[class*=paper_products_coated-papers_] .topcontentsection, #body0[class*=paper_products_uncoated-papers_] .topcontentsection, #body0[class*=paper_products_revive_] .topcontentsection, #body0[class*=paper_products_speciality-papers_] .topcontentsection, #body0[class*=paper_products_digital-\&-business_] .topcontentsection, #body0[class*=carton-board_products_] .topcontentsection {background-image: url(documents/Images/elements/logo-graphic-wht-50.png);background-repeat: no-repeat;background-position: 90% 40px;background-size: 50%;} a.homelogo { height: 55px; margin-left:0;} #tt_mobdiv { padding-top: 116px !important;} #tt_topdiv { height: 116px;} .scrolled .m-logo-unfixed { margin-top:48px; padding:0 20px 0;} .scrolled .m-logo-unfixed .homelogo {margin-top:0;} #tt_topdiv.topdivscroll { height: 116px;} #tt_topdiv.topdivscroll::before { margin-top: 116px;} #tt_topdiv::before { margin-top: 116px;} }