/* NEW GLOBAL STYLESHEET */ @import url(/code/responsive/webfontkit/100-300/stylesheet.css); @import url(/code/responsive/webfontkit/500-700/stylesheet.css); @import url(/code/responsive/webfontkit/900/stylesheet.css); body { background: #FFFFFF; font-family: 'museo_sans300', Arial, Verdana, Helvetica, sans-serif; font-size:13px; margin:0; -webkit-text-size-adjust: 100%; } .evershedsDesktop {display: block;} .evershedsMobile {display: none;} /* Logo flip */ .vertical-logo { display: inline-block; position: fixed; top: 0; bottom: 0; margin: 0 0 0 -114px; padding: 0; width: 114px; height: 100%; color: #fff; text-shadow: none; overflow: hidden; } .vertical-logo-head { margin: 0 auto; padding: 20px 0 0; width: 100%; text-align: center; } a.eversheds-header-logo { color: #fff; display:block; background:url(eversheds-vertical-logo.jpg) no-repeat center top; height:251px; width:114px; } a.eversheds-header-logo span {display:none;} .centerComponents {margin-left: 114px; max-width:940px;} #mainContent {width:1054px; margin:auto; min-width: 360px;} #element1 {margin-left: 114px} #container { background: white; clear:both; padding: 0px 6px; } iframe[src*="//embed.buto.tv/"] { width: 100%; } table { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; } h1 {font-size:180%; font-weight:normal;} h2 {font-size:160%; font-weight:normal;} a {color:#000; text-decoration:none;} a:hover {text-decoration:underline;} img {border:0;} blockquote { color: #444444; background: url(/images/global/interface/backgrounds/blockquote.gif) no-repeat 10px 0px; min-height: 40px; padding-left: 70px; font-size: 21px; border-left: 10px solid #0066b2; } address {font-size:80%; font-style:normal;} .sitealign {width:940px; margin:auto;} .hide {position:absolute; top:0; left:-3000px;} .tabbedtext {width:90px; float:left;} .skiptocontent {display:none;} /* ######################################################################################################################################## */ /* NAVIGATION */ /* ######################################################################################################################################## */ .header {width:940px; clear:both; margin:0; min-height:44px;} .header-links {width:auto; height:auto; float:right; } .header-languageswitch {clear:inherit; width:auto; height:14px; float:right; margin:10px 0px 0px 0px;} .header-languageswitch ul {margin:0px; padding:0px; width:auto;} .header-languageswitch li {list-style:none; margin:0; padding:0; float:left; width:14px; height:12px; margin-left:10px;} .header-languageswitch a {display:block; height:12px; width:14px;} .search {display:none;} .searchform form { background-color: none; border: 1px solid #ccc; border-radius: 6px; padding: 0px;} .searchform {margin-top:6px; float:right; width:auto; clear:both;} .searchform a {display:block;text-align:right;color:#666;font-size:90%;} input.search_box {width:180px; height:28px; float:left; line-height:1.8em; border:none; font-size:100%; padding-left:10px; color:#666; background:none; font-family:inherit;} #search_btn { display:inline-block; background: url('/images/global/interface/buttons/search_btn.jpg'); width:32px; height:26px; margin:0px; padding:0px; border: none !important; font-size:1%; cursor:pointer; } form.search_form {margin:0;padding:0;} #navBar, #mobileFooter {display: none;} .megamenu_holder, .header-links, .globalMenuTabContainer {display: block;} .megamenu_holder {float: left;} section { width: 70%; float: left; } aside { width: 30%; float: left; } .js .slicknav_menu { display:none; } #globalMenuTabGlobalNav .slicknav_menu { display: block; width: 320px; } .searchform { float:right !important; clear: none !important; } .desktopLocationsMenu { float:right; padding: 0; height: 44px; width: 200px; line-height: 44px; cursor: pointer; background-image: url('desktop-website-icon-locations-46437.png'); background-position: center center; background-repeat: no-repeat; z-index:100; } .desktopLocationsMenuContents { position: relative; top: 0px; right: 0px; z-index: 1000; float:right; padding: 10px; height: auto; width: 480px; background-image: url('website-icon-locations-46437.png'); background-position: top right; background-repeat: no-repeat; background-color: white; box-shadow: 2px 2px 5px #888888; } .desktopLocationsMenuContents.desktopLocationsMenuContentsOpen { background-image: url('close-icon-black.png'); } .desktopLocationsMenuContents ul { font-size:14px; list-style-type: none; padding: 0; padding-bottom: 48px; margin: 0; } .desktopLocationsMenuContents ul strong { color: #0066b2; padding-bottom: 4px; font-size: 22px; margin-top: 10px; display: block; font-family: museo_sans900, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } .desktopLocationsMenuContents ul li{ padding: 0; margin: 0; width: auto; float: left; line-height: 140%; } .desktopLocationsMenuContents ul li.desktopLocationsMenuContentsGlobals ul li {width: 33%;} .desktopLocationsMenuContents ul li.desktopLocationsMenuContentsCountries ul li {width: 50%;} #toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(backtotop.png) no-repeat center center; } #toTopHover { background:url(backtotop.png) center center -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /*--------### LOCAL HOMEPAGE CSS CODE STARTS HERE ###--------*/ ul.lang {float:right;} ul.lang a {padding-left:25px;} a.lang-flag-en,a.lang-flag-en:hover {background:url(/images/global/interface/backgrounds/flags/gb.gif) 8px 10px no-repeat;} a.lang-flag-it,a.lang-flag-be:hover {background:url(/images/global/interface/backgrounds/flags/belgium.gif) 8px 10px no-repeat;} a.lang-flag-cn,a.lang-flag-cn:hover {background:url(/images/global/interface/backgrounds/flags/china.gif) 8px 10px no-repeat;} a.lang-flag-cz,a.lang-flag-cz:hover {background:url(/images/global/interface/backgrounds/flags/czech-republic.gif) 8px 10px no-repeat;} a.lang-flag-de,a.lang-flag-de:hover {background:url(/images/global/interface/backgrounds/flags/germany.gif) 8px 10px no-repeat;} a.lang-flag-dk,a.lang-flag-dk:hover {background:url(/images/global/interface/backgrounds/flags/denmark.gif) 8px 10px no-repeat;} a.lang-flag-ee,a.lang-flag-ee:hover {background:url(/images/global/interface/backgrounds/flags/estonia.gif) 8px 10px no-repeat;} a.lang-flag-es,a.lang-flag-es:hover {background:url(/images/global/interface/backgrounds/flags/spain.gif) 8px 10px no-repeat;} a.lang-flag-fi,a.lang-flag-fi:hover {background:url(/images/global/interface/backgrounds/flags/finland.gif) 8px 10px no-repeat;} a.lang-flag-fr,a.lang-flag-fr:hover {background:url(/images/global/interface/backgrounds/flags/france.gif) 8px 10px no-repeat;} a.lang-flag-hu,a.lang-flag-hu:hover {background:url(/images/global/interface/backgrounds/flags/hungary.gif) 8px 10px no-repeat;} a.lang-flag-it,a.lang-flag-it:hover {background:url(/images/global/interface/backgrounds/flags/italy.gif) 8px 10px no-repeat;} a.lang-flag-jp,a.lang-flag-jp:hover {background:url(/images/global/interface/backgrounds/flags/japan.gif) 8px 10px no-repeat;} a.lang-flag-lt,a.lang-flag-lt:hover {background:url(/images/global/interface/backgrounds/flags/lithuania.gif) 8px 10px no-repeat;} a.lang-flag-lv,a.lang-flag-lv:hover {background:url(/images/global/interface/backgrounds/flags/latvia.gif) 8px 10px no-repeat;} a.lang-flag-nl,a.lang-flag-nl:hover {background:url(/images/global/interface/backgrounds/flags/netherlands.gif) 8px 10px no-repeat;} a.lang-flag-pl,a.lang-flag-pl:hover {background:url(/images/global/interface/backgrounds/flags/poland.gif) 8px 10px no-repeat;} a.lang-flag-sk,a.lang-flag-sk:hover {background:url(/images/global/interface/backgrounds/flags/slovakia.gif) 8px 10px no-repeat;} a.lang-flag-se,a.lang-flag-se:hover {background:url(/images/global/interface/backgrounds/flags/sweden.gif) 8px 10px no-repeat;} a.lang-flag-tun,a.lang-flag-tun:hover {background:url(/images/global/interface/backgrounds/flags/tunisia.gif) 8px 10px no-repeat;} .latestNews a:hover {background-color:#333333;color:#ffffff;} .latestNews a {color:#444444;} ul.serviceList {float:left; width:260px; _width:auto; margin:0 0 20px 10px; padding:0 40px 0 0;} ul.serviceList li {list-style:none; margin:0;} ul.serviceList a {text-decoration:none;} ul.serviceList a:hover {text-decoration:underline;} .localServices {background:url(/images/global/backgrounds/services-bg.jpg) no-repeat; width:940px; height:auto; padding-top:310px;} .localSectors {background:url(/images/global/backgrounds/sectors-bg.jpg) no-repeat; width:940px; height:auto; padding-top:310px;} .language-selector {float:right; width:auto; padding-top:5px; padding-right:5px;} /*NOT SURE WHETHER THIS IS NOW OLD */ .language-selector a {display:inline; border:1px solid #818b97; padding:0;} /*NOT SURE WHETHER THIS IS NOW OLD */ .submenu-links { height:30px; width:auto; background-color: #333333; } .submenu-links ul { margin:0; padding:0; } .submenu-links li { float:left; width:auto; margin:0; padding:0px; list-style:none; position:relative; } .submenu-links a { display:block; width:auto; height:auto; line-height:30px; padding:0px 10px; background-color: #333333; color:#FFFFFF; text-decoration:none; border-left:1px solid #999999; } .submenu-links a.country {border:0;} .submenu-links a:hover { background-color: black; color: white; } .submenu-links ul ul { width:170px; margin-top:1px; border-top:1px solid #999999; } .submenu-links ul ul li { box-shadow: 2px 2px 5px #888888; z-index:0; } .submenu-links ul ul a:hover { padding:7px 10px; text-decoration:none; } * html .submenu-links a {width:auto; w\idth:auto;}/* a hack so that IE5.5 faulty box model is corrected */ .submenu-links ul ul {visibility:hidden; position:absolute; height:0; top:29px; left:0; width:auto;} /* hide the sub levels and give them a positon absolute so that they take up no room */ * html .submenu-links ul ul {top:29px;t\op:30px;}/* another hack for IE5.5 */ .submenu-links table {position:absolute; top:0; left:0; border-collapse:collapse;}/* style the table so that it takes no ppart in the layout - required for IE to work */ .submenu-links ul ul a, .submenu-links ul ul a:visited { height:auto; width:170px; border-bottom:1px solid #999999; padding:7px 10px; line-height:18px; }/* style the second level links */ * html .submenu-links ul ul a, * html .submenu-links ul ul a:visited {width:170px;w\idth:170px;}/* yet another hack for IE5.5 */ .submenu-links ul li:hover ul, .submenu-links ul a:hover ul{visibility:visible; }/* make the second level visible when hover on first level list OR link */ #mobileSubMenuLinks { display: none; } #desktop-Country_SubMenu { display: block; } #mobile-Country_SubMenu { display: none; } .country-submenu-container { clear:both; height:31px; width:940px; position:relative; left:0px; top:0px; z-index:120; background-color: #FFFFFF; border-bottom:1px solid #000000; } .country-submenu-container ul {margin:0; padding:0; } .country-submenu-container li {float:left; width:auto; margin:0; padding:0px; list-style:none; position:relative; } .country-submenu-container a {display:block; width:auto; height:31px; line-height:31px; padding:0px 10px; color:#000000; text-decoration:none;} .country-submenu-container a:hover {background-color: #BEC3C6; text-decoration:none;} .country-submenu-container a.last {border:0;} .country-submenu-container a.country {border:0; color:#000000; } .country-submenu-container a.country:hover {background-color: #BEC3C6;} .country-submenu-container a.highlightLeftMenu {border:0; color:#000000;} .country-submenu-container ul ul {width:200px;} /* a hack so that IE5.5 faulty box model is corrected */ * html .country-submenu-container a {width:auto; w\idth:auto;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .country-submenu-container ul ul {visibility:hidden; position:absolute; top:31px; left:0; width:auto; border-top:1px solid #000000;} /* another hack for IE5.5 */ * html .country-submenu-container ul ul {top:30px;t\op:28px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .country-submenu-container table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ .country-submenu-container ul ul a, .country-submenu-container ul ul a:visited {background-color: #FFFFFF; color:#000000; height:auto; width:200px; padding:8px 10px; border-bottom:1px solid #000000; line-height:16px;} /* yet another hack for IE5.5 */ * html .country-submenu-container ul ul a, * html .country-submenu-container ul ul a:visited {width:200px;w\idth:200px;} /* style the top level hover */ .country-submenu-container ul ul a:hover {background-color: #BEC3C6; text-decoration: none;} /* make the second level visible when hover on first level list OR link */ .country-submenu-container ul ul {box-shadow: 2px 2px 5px #BEC3C6;} .country-submenu-container ul li:hover ul, .country-submenu-container ul a:hover ul{visibility:visible; clear: both;} /* mobileSubMenuLinks.css Mobile Menu Core Style -- FLUMP - mobileSubMenuLinks.css Mobile Menu Core Style */ #mobileSubMenuLinks .slicknav_btn {} #mobileSubMenuLinks .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: right; } #mobileSubMenuLinks .slicknav_menu .slicknav_icon { display: none; } #mobileSubMenuLinks .slicknav_menu .slicknav_no-text { margin: 0 } #mobileSubMenuLinks .slicknav_nav { clear: both } #mobileSubMenuLinks .slicknav_nav ul, #mobileSubMenuLinks .slicknav_nav li { display: block; float: left; width: 100%; } #mobileSubMenuLinks .slicknav_nav .slicknav_arrow {} #mobileSubMenuLinks .slicknav_nav .slicknav_item { display: block; cursor: pointer; } #mobileSubMenuLinks .slicknav_nav a { display: block } #mobileSubMenuLinks .slicknav_nav #mobileSubMenuLinks .slicknav_item a { display: inline } #mobileSubMenuLinks .slicknav_menu:before, #mobileSubMenuLinks .slicknav_menu:after { content: " "; /* display: table; */ } #mobileSubMenuLinks .slicknav_menu:after { clear: both } /* IE6/7 support */ #mobileSubMenuLinks .slicknav_menu { *zoom: 1 } /* User Default Style - Change the following styles to modify the appearance of the menu. */ #mobileSubMenuLinks .slicknav_menu { font-size:14px; } /* Button */ #mobileSubMenuLinks .slicknav_btn { text-decoration:none; } #mobileSubMenuLinks .slicknav_btn.slicknav_open { background-color: #222; background-image: url('menu-icon-on.png'); background-position: center center; background-repeat: no-repeat; } /* Button Text */ #mobileSubMenuLinks .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: normal; } /* Button Lines */ #mobileSubMenuLinks .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } #mobileSubMenuLinks .slicknav_menu {} #mobileSubMenuLinks .slicknav_nav { text-transform: uppercase; color:black; margin:0; padding:0; background-color: white; } #mobileSubMenuLinks .slicknav_nav { list-style: none; overflow:hidden; width: 100%; } #mobileSubMenuLinks .slicknav_nav ul { list-style: none; overflow:hidden; } #mobileSubMenuLinks .slicknav_nav ul { padding:0; margin: 0; } #mobileSubMenuLinks .slicknav_nav .slicknav_item {} #mobileSubMenuLinks .slicknav_nav a{ padding:12px 20px; text-decoration:none; border-bottom: 1px solid #666; border-right: 1px solid #666; } #mobileSubMenuLinks .slicknav_nav .slicknav_item a { padding:0; margin:0; } #mobileSubMenuLinks .slicknav_parent.slicknav_collapsed { } #mobileSubMenuLinks .slicknav_parent.slicknav_collapsed a.slicknav_item { background-image: url('black-menu-right.png'); background-position: right; background-repeat: no-repeat; } #mobileSubMenuLinks .slicknav_parent.slicknav_collapsed a a{ background-image: none; margin-right: 100px; border: none; } #mobileSubMenuLinks .slicknav_parent.slicknav_open {} #mobileSubMenuLinks .slicknav_parent.slicknav_open a.slicknav_item { background-image: url('black-menu-down.png'); background-position: right; background-repeat: no-repeat; } #mobileSubMenuLinks .slicknav_parent.slicknav_open a a{ background-image: none; margin-right: 100px; border: none; } #mobileSubMenuLinks .slicknav_nav .slicknav_item:hover { color:#fff; } #mobileSubMenuLinks .slicknav_nav a:hover{ color:#eee; } #mobileSubMenuLinks .slicknav_nav .slicknav_txtnode { margin-left:15px; } /* Mobile Menu Global Menu Style */ #globalNav .slicknav_btn { position:relative; display:block; vertical-align:middle; height:44px; width:44px; line-height:44px; cursor:pointer; background-image:url(website-icon-global-menu-78669.png); background-position:center center; background-repeat:no-repeat; float:right; text-decoration:none; padding:0; } #globalNav.globalPage .slicknav_btn {background-image:url(menu-icon-off.png);} #globalNav .slicknav_menu .slicknav_icon {display:none;} #globalNav .slicknav_menu .slicknav_no-text {margin:0;} #globalNav .slicknav_menu .slicknav_icon-bar { display:block; width:1.125em; height:.125em; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25); box-shadow:0 1px 0 rgba(0,0,0,0.25); background-color:#f5f5f5; } #globalNav .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:.188em;} #globalNav .slicknav_nav { clear:both; color:#fff; background-color:#222; list-style:none; overflow:hidden; position:absolute; width:100%; top:44px; left:0; margin:0; padding:0; } #globalNav .slicknav_nav .slicknav_item { display:block; cursor:pointer; } #globalNav .slicknav_nav a, #globalNav .slicknav_nav .mobilesearch { display:block; text-decoration:none; color:#fff; border-bottom:1px solid #fff; padding:12px 20px; } #globalNav .slicknav_nav #globalNav .slicknav_item a { display:inline; } #globalNav .slicknav_menu:before,#globalNav .slicknav_menu:after { content:" "; } #globalNav .slicknav_menu:after { clear:both; } #globalNav .slicknav_menu { zoom:1; font-size:14px; background:#fff; } #globalNav .slicknav_btn.slicknav_open { background-color:#222; background-image:url(website-icon-global-menu-white-37222.png); background-position:center center; background-repeat:no-repeat; } #globalNav.globalPage .slicknav_btn.slicknav_open { background-image:url(menu-icon-on.png); } #globalNav .slicknav_menu .slicknav_collapsed .slicknav_menutxt { color:#000; font-weight:normal; } #globalNav .slicknav_menu .slicknav_open .slicknav_menutxt { color:#fff; font-weight:normal; } #globalNav .slicknav_nav.slicknav_hidden { border:1px solid red; } #globalNav .slicknav_nav ul { list-style:none; overflow:hidden; padding:0; } #globalNav .slicknav_nav .slicknav_item a { margin:0; padding:0; } #globalNav .slicknav_parent.slicknav_collapsed { background-color:#222; } #globalNav .slicknav_parent.slicknav_collapsed a.slicknav_item { background-image:url(white-menu-right.png); background-position:right; background-repeat:no-repeat; } #globalNav .slicknav_parent.slicknav_open { background-color:#333; } #globalNav .slicknav_parent.slicknav_open a.slicknav_item { background-image:url(white-menu-down.png); background-position:right; background-repeat:no-repeat; } #globalNav .slicknav_nav .slicknav_item:hover { color:#fff; } #globalNav .slicknav_nav a:hover { color:#eee; } #globalNav .slicknav_nav .slicknav_txtnode { margin-left:15px; } #globalNav .slicknav_menu .slicknav_menutxt,#globalNav .slicknav_nav ul,#globalNav .slicknav_nav li { display:block; } #globalNav .slicknav_parent.slicknav_collapsed a a,#globalNav .slicknav_parent.slicknav_open a a { background-image:none; margin-right:100px; border:none; } /* Mobile Menu Location Menu Style */ #locationNav .slicknav_btn { position:relative; display:block; vertical-align:middle; height:44px; width:44px; line-height:44px; cursor:pointer; background-image:url(website-icon-locations-46437.png); background-position:center center; background-repeat:no-repeat; float:right; text-decoration:none; padding:0; } #locationNav .slicknav_menu .slicknav_menutxt {display:block;} #locationNav .slicknav_menu .slicknav_icon {display:none;} #locationNav .slicknav_menu .slicknav_no-text {margin:0;} #locationNav .slicknav_menu .slicknav_icon-bar { display:block; width:1.125em; height:.125em; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25); box-shadow:0 1px 0 rgba(0,0,0,0.25); background-color:#f5f5f5; } #locationNav .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:.188em;} #locationNav .slicknav_nav { clear:both; color:#fff; background-color:#222; list-style:none; overflow:hidden; position:absolute; width:100%; top:44px; margin:0; padding:0; } #locationNav .slicknav_nav ul,#locationNav .slicknav_nav li { display:block; float:left; width:100%; } #locationNav .slicknav_nav .slicknav_item { display:block; cursor:pointer; } #locationNav .slicknav_nav a { display:block; text-decoration:none; color:#fff; border-bottom:1px solid #fff; border-right:1px solid #fff; padding:12px 20px; } #locationNav .slicknav_nav #locationNav .slicknav_item a { display:inline; } #locationNav .slicknav_menu:before,#locationNav .slicknav_menu:after { content:" "; } #locationNav .slicknav_menu:after { clear:both; } #locationNav .slicknav_menu { zoom:1; font-size:14px; background:#fff; } #locationNav .slicknav_btn.slicknav_open { background-color:#222; background-image:url(website-icon-locations-white-21608.png); background-position:center center; background-repeat:no-repeat; } #locationNav .slicknav_menu .slicknav_collapsed .slicknav_menutxt { color:#000; font-weight:normal; } #locationNav .slicknav_menu .slicknav_open .slicknav_menutxt { color:#fff; font-weight:normal; } #locationNav .slicknav_nav ul { list-style:none; overflow:hidden; padding:0; } #locationNav .slicknav_nav .slicknav_item a { margin:0; padding:0; } #locationNav .slicknav_parent.slicknav_collapsed { background-color:#222; } #locationNav .slicknav_parent.slicknav_collapsed a.slicknav_item { background-image:url(white-menu-right.png); background-position:right; background-repeat:no-repeat; } #locationNav .slicknav_parent.slicknav_open { background-color:#333; } #locationNav .slicknav_parent.slicknav_open a.slicknav_item { background-image:url(white-menu-down.png); background-position:right; background-repeat:no-repeat; } #locationNav .slicknav_nav .slicknav_item:hover { color:#fff; } #locationNav .slicknav_nav a:hover { color:#eee; } #locationNav .slicknav_nav .slicknav_txtnode { margin-left:15px; } #locationNav .slicknav_parent.slicknav_collapsed a a,#locationNav .slicknav_parent.slicknav_open a a { background-image:none; margin-right:100px; border:none; } /* Mobile Menu Region Menu Style */ #regionNav .slicknav_btn { position:relative; display:block; vertical-align:middle; height:44px; width:44px; line-height:44px; cursor:pointer; background-image:url(menu-icon-off.png); background-position:center center; background-repeat:no-repeat; float:right; text-decoration:none; padding:0; } #regionNav .slicknav_menu .slicknav_menutxt { display:block; line-height:1.188em; float:right; color:#fff; font-weight:normal; } #regionNav .slicknav_menu .slicknav_icon { display:none; } #regionNav .slicknav_menu .slicknav_no-text { margin:0; } #regionNav .slicknav_nav { clear:both; color:#fff; background-color:#222; list-style:none; overflow:hidden; position:absolute; width:100%; top:44px; margin:0; padding:0; } #regionNav .slicknav_nav ul,#regionNav .slicknav_nav li { display:block; float:left; width:100%; } #regionNav .slicknav_nav .slicknav_item { display:block; cursor:pointer; } #regionNav .slicknav_nav a { display:block; text-decoration:none; color:#fff; border-bottom:1px solid #666; border-right:1px solid #666; padding:12px 20px; } #regionNav .slicknav_nav #regionNav .slicknav_item a { display:inline; } #regionNav .slicknav_menu:before,#regionNav .slicknav_menu:after { content:" "; } #regionNav .slicknav_menu:after { clear:both; } #regionNav .slicknav_menu { zoom:1; font-size:14px; } #regionNav .slicknav_btn.slicknav_open { background-color:#222; background-image:url(menu-icon-on.png); background-position:center center; background-repeat:no-repeat; } #regionNav .slicknav_menu .slicknav_icon-bar { background-color:#222; } #regionNav .slicknav_nav ul { list-style:none; overflow:hidden; padding:0; } #regionNav .slicknav_nav .slicknav_item a { margin:0; padding:0; } #regionNav .slicknav_parent.slicknav_collapsed { background-color:#222; } #regionNav .slicknav_parent.slicknav_collapsed a.slicknav_item { background-image:url(white-menu-right.png); background-position:right; background-repeat:no-repeat; } #regionNav .slicknav_parent.slicknav_open { background-color:#222; } #regionNav .slicknav_parent.slicknav_open a.slicknav_item { background-image:url(white-menu-down.png); background-position:right; background-repeat:no-repeat; } #regionNav .slicknav_nav .slicknav_item:hover { color:#fff; } #regionNav .slicknav_nav a:hover { color:#eee; } #regionNav .slicknav_nav .slicknav_txtnode { margin-left:15px; } #regionNav .slicknav_parent.slicknav_collapsed a a,#regionNav .slicknav_parent.slicknav_open a a { background-image:none; margin-right:100px; border:none; } /* Mobile Menu Search Menu Style */ #searchNav .slicknav_btn { position:relative; display:block; vertical-align:middle; height:44px; width:44px; line-height:44px; cursor:pointer; background-image:url(website-icon-search-03140.png); background-position:center center; background-repeat:no-repeat; float:right; text-decoration:none; padding:0; } #searchNav .slicknav_menu .slicknav_icon { display:none; } #searchNav .slicknav_menu .slicknav_no-text { margin:0; } #searchNav .slicknav_menu .slicknav_icon-bar { display:block; width:1.125em; height:.125em; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 1px 0 rgba(0,0,0,0.25); box-shadow:0 1px 0 rgba(0,0,0,0.25); background-color:#f5f5f5; } #searchNav .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top:.188em; } #searchNav .slicknav_nav { clear:both; color:#fff; background-color:#222; list-style:none; overflow:hidden; position:absolute; width:100%; top:44px; margin:0; padding:5px 0px; border-bottom:1px solid #fff; } #searchNav .slicknav_nav .slicknav_item { display:block; cursor:pointer; } #searchNav .slicknav_nav a { display:block; text-decoration:none; color:#fff; border-bottom:1px solid #fff; padding:12px 20px; } #searchNav .slicknav_nav #searchNav .slicknav_item a { display:inline; } #searchNav .slicknav_menu:before,#searchNav .slicknav_menu:after { content:" "; } #searchNav .slicknav_menu:after { clear:both; } #searchNav .slicknav_menu { zoom:1; font-size:14px; background:#fff; } #searchNav .slicknav_btn.slicknav_open { background-color:#222; background-image:url(website-icon-search-white-07182.png); background-position:center center; background-repeat:no-repeat; } #searchNav .slicknav_menu .slicknav_collapsed .slicknav_menutxt { color:#000; font-weight:normal; } #searchNav .slicknav_menu .slicknav_open .slicknav_menutxt { color:#fff; font-weight:normal; } #searchNav .slicknav_nav ul { list-style:none; overflow:hidden; padding:0; } #searchNav .slicknav_nav .slicknav_item a { margin:0; padding:0; } #searchNav .slicknav_parent.slicknav_collapsed { background-color:#222; } #searchNav .slicknav_parent.slicknav_collapsed a.slicknav_item { background-image:url(white-menu-right.png); background-position:right; background-repeat:no-repeat; } #searchNav .slicknav_parent.slicknav_open { background-color:#222; } #searchNav .slicknav_parent.slicknav_open a.slicknav_item { background-image:url(white-menu-down.png); background-position:right; background-repeat:no-repeat; } #searchNav .slicknav_nav .slicknav_item:hover { color:#fff; } #searchNav .slicknav_nav a:hover { color:#eee; } #searchNav .slicknav_nav .slicknav_txtnode { margin-left:15px; } #searchNav .slicknav_menu .slicknav_menutxt,#searchNav .slicknav_nav ul,#searchNav .slicknav_nav li { display:block; } #searchNav .slicknav_parent.slicknav_collapsed a a,#searchNav .slicknav_parent.slicknav_open a a { background-image:none; margin-right:100px; border:none; } .breadcrumb-trail { margin:0; padding:0; float: left; width: auto; background-color: #ffffff; } .breadcrumb-trail ul {margin:0px 0px 0px 5px; padding:0;} .breadcrumb-trail li {margin:0; padding:0; float:left; width:auto; list-style:none;} .breadcrumb-trail a { display:block; width:auto; margin-right:5px; height:auto; font-size:11px; font-family:'museo_sans100', Arial, Verdana, Helvetica, sans-serif; background:url(/images/global/interface/backgrounds/breadcrumb-trail-arrow.gif) no-repeat 100% 40%; padding-right:12px; } .breadcrumb-trail li.last a {margin-right:0px; padding-right:0px; background:none;} /* LeftNavigation.css CSS Document */ .leftnav-links {display:block; clear:both; padding:0; font-size:100%; width:auto !important; float:left;} .leftnav-links ul {margin:0; padding:0; list-style:none;} .leftnav-links li {margin:0; padding:0; float:left; width:100%;} .leftnav-links span.nolink {border-bottom:2px solid #eeeeee; background:#fff; display:block; width:180px; padding:8px 5px;} .leftnav-links a {background-color: #fff; color:#000000; border-bottom:1px solid #ccc; padding:8px 5px; text-decoration:none; display:block; width:180px;} .leftnav-links a:hover {background: #d0d0ce; text-decoration: none;} .leftnav-links a.highlightLeftMenu {background:#e4e4e4; color:#000000; padding-left:5px; width: 180px;} .leftnav-links a.highlightLeftMenu::before {content: "> "; } .leftnav-links a.highlightLeftMenu:hover {cursor:default; content: "> "; background:#e4e4e4; color: #000000;} .leftnav-links li li a {text-indent: -10px; display:block; text-decoration:none; padding:8px 5px 8px 15px; background:#fff; border-bottom:1px solid #bbbcbc; color:#000; width:170px;} .leftnav-links li li a::before {content: "- "; text-indent: -5px;} .leftnav-links li li a:hover {background:#d0d0ce; text-decoration:none;} .leftnav-links li li a.highlightLeftMenu {background:#e4e4e4; color:#000; padding-left:15px; width: 170px;} .leftnav-links li li a.highlightLeftMenu::before {content: "> ";} .leftnav-links li li a.highlightLeftMenu:hover {cursor:default; background: #e4e4e4; color: #000000;} /* ######################################################################################################################################## */ /* GLOBAL PAGES */ /* ######################################################################################################################################## */ .homepage-country-selector {width:250px; padding:1em; border:1px solid #333; background:#f2faf9;} .homepage-country-selector h2 {margin:0;} h1.headline {float:left; width:auto; clear:left; margin:0; font-size:180%; font-family: inherit; font-weight:normal; position:absolute; top:-4000px; } h2.heartline {float:right; width:auto; clear:right; margin:0 0 0 20px; font-family: inherit; font-weight:normal; font-size:180%; position:absolute; top:-4000px; } .contentarea {margin:10px; width:580px; background:#FFFFFF; font-size:110%; height:auto;} .contentarea img.border {border:1px solid #666666;} .contentpadding {width:900px; padding:0px 20px 10px 20px;} .ResponsiveTable {border:1px solid #0066b2} .ResponsiveTable td {border:1px solid #0066b2} .ResponsiveTable th {border:1px solid #0066b2; background:#0066b2; color:#ffffff; text-align:center} table.responsive-locations {width:600px} table.responsive .td-20 {width:20%} table.responsive .td-25 {width:25%} table.responsive .td-33 {width:33%} table.responsive .td-50 {width:50%} table.responsive .td-14 {width:14%;} @media screen and (max-width: 920px){ table.responsive .td-14 {width:24%; float:left;} } @media screen and (max-width: 640px){ table.responsive .td-14 {width:32%; float:left;} } @media screen and (max-width: 480px){ table.responsive .td-14 {width:49%; float:left;} } @media screen and (max-width: 320px){ table.responsive .td-14 {width:100%; float:left;} } ul.tablerowformat {margin:0; padding:0;} ul.tablerowformat li {margin:0; padding:0; list-style:none;} ul.tablerowformat a {display:block; width:100%; padding:6px 0px; border-bottom:1px solid #cccccc; background:none; text-decoration:none;} table.underlinerow th{background:#f4f4f4;} table.underlinerow td{border-bottom:1px solid #ccc;} .mainbody, .mainbodyfull, .who, .what, .where, .why, .work { padding:0px !important; margin:0; color:#000000; background:white; clear:both; font-size:15px; line-height:1.5; } .mainbody a, .mainbodyfull a, .who a, .what a, .where a, .why a, .work a, .localServices a, .localSectors a, .articleContent a, .Newsdetail a { color:black; font-weight: bold; text-decoration: underline; } .mainbody a:hover, .mainbodyfull a:hover, .who a:hover, .what a:hover, .where a:hover, .why a:hover, .work a:hover, .localServices a:hover, .localSectors a:hover, .articleContent a:hover, .Newsdetail a:hover { background:none; text-decoration:underline; } .mainbody h1, .mainbodyfull h1, .who h1, .what h1, .where h1, .why h1, .work h1 { font-family: 'museo_sans900', Arial, Verdana, Helvetica, sans-serif; font-size: 3em; font-weight:normal; clear:both; margin-top:0; line-height: 1; } .mainbody h2, .mainbodyfull h2, .who h2, .what h2, .where h2, .why h2, .work h2, .optanon-cookie-policy-group-name { color:#000; font-size:30px; min-height:16px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; line-height: 1; } .mainbody h3, .mainbodyfull h3, .who h3, .what h3, .where h3, .why h3, .work h3 { color:#000; font-size: 24px; font-weight: normal; border-bottom: 0; padding-bottom: 0; line-height: 1.2; } .mainbody h6 a, .mainbodyfull h6 a, .who h6 a, .what h6 a, .where h6 a, .why h6 a, .work h6 a, .localServices h6 a, .localSectors h6 a { color:#000; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display:inline-block; width:auto; padding: 5px 20px 5px 5px; font-size:18px; background: url(/code/responsive/arrow-right-black.png) no-repeat 100% 50% #F39100; } .mainbody h6 a:hover, .mainbodyfull h6 a:hover, .who h6 a:hover, .what h6 a:hover, .where h6 a:hover, .why h6 a:hover, .work h6 a:hover, .localServices h6 a:hover, .localSectors h6 a:hover { text-decoration: underline; background: url(/code/responsive/arrow-right-black.png) no-repeat 100% 50% #F39100; } .mainbody img, .mainbodyfull img, .who img, .what img, .where img, .why img, .work img, .articleContent img, .Newsdetail img {max-width:100%;} .mainbody table, .mainbodyfull table, .who table, .what table, .where table, .why table, .work table, .localServices table, .localSectors table, .articleContent table, .Newsdetail table {font-size:100%;} .mainbody-yellow h1, .mainbody-orange h1, .mainbody-red h1, .mainbody-pink h1, .mainbody-purple h1, .mainbody-darkblue h1, .mainbody-lightblue h1, .mainbody-darkgreen h1, .mainbody-lightgreen h1, .mainbody-grey h1 { border-left: 15px solid #e4e4e4; padding-left: 10px; max-width: 840px; } .mainbody-yellow h1 {border-color:#f2a900;} .mainbody-orange h1 {border-color:#f39100;} .mainbody-red h1 {border-color:#cd0510;} .mainbody-pink h1 {border-color:#e1326b;} .mainbody-purple h1 {border-color:#711f7e;} .mainbody-darkblue h1 {border-color:#0066b2;} .mainbody-lightblue h1 {border-color:#5bc5f2;} .mainbody-darkgreen h1 {border-color:#2f912d;} .mainbody-lightgreen h1 {border-color:#cad100;} .mainbody-yellow h2 {color:#f2a900;} .mainbody-yellow h3 {color:#666;} .mainbody-orange h2 {color:#f39100;} .mainbody-orange h3 {color:#666;} .mainbody-red h2, .mainbody-red h3 {color:#cd0510;} .mainbody-pink h2, .mainbody-pink h3 {color:#e1326b;} .mainbody-purple h2, .mainbody-purple h3 {color:#711f7e;} .mainbody-darkblue h2, .mainbody-darkblue h3 {color:#0066b2;} .mainbody-lightblue h2 {color:#5bc5f2;} .mainbody-lightblue h3 {color:#666;} .mainbody-darkgreen h2, .mainbody-darkgreen h3 {color:#2f912d;} .mainbody-lightgreen h2 {color:#cad100;} .mainbody-lightgreen h3 {color:#666;} .mainbody-grey h2, .mainbody-grey h3 {color:#666;} .footer {color:#666666; padding:0px; margin:10px 0px; clear:both; width:100%; border-top:1px solid #000000;} .footerText {text-align:center; margin:0px 10px; clear:both; padding-bottom:10px; font-size:90%;} .footerRight {color:#444; margin:10px 10px 0px 0px; float:right; width:auto;} .footerLinks {margin:10px 0px 10px 0px; float:left; color:#444;} .footerLinks ul {margin:0px; padding:0px; list-style-position:inside; list-style:none; list-style-type:none} .footerLinks li {float:left; width:auto; padding:0px; margin:0px;} .footerLinks li a {display:block; float:left; width:auto; padding:0px 20px 0px 0px; text-align:center; margin:0px; color:#000000; text-decoration:none;} .footerLinks li a.last {border-right:0;} .footerLinks li a:hover {text-decoration:underline;} .rightsidebarfixed {position: fixed; top: 0px;} /* ServiceSectorArticles.css CSS Document */ #ServiceSectorArticles { display: block; padding: 13px; height: auto; } #ServiceSectorArticles .article-title-head { width: 75%; text-align: left; padding: 10px 10px 10px 0px; } #ServiceSectorArticles .article-pubdate-head { width: 25%; white-space: nowrap; text-align: right; padding: 10px 0px 10px 10px; } #ServiceSectorArticles .article-title { width: 75%; text-align: left; padding: 10px 10px 10px 0px; border-top: 1px solid #CECECE; } #ServiceSectorArticles .article-pubdate { width: 25%; white-space: nowrap; text-align: right; padding: 10px 0px 10px 10px; border-top: 1px solid #CECECE; } /* #### RIGHTnav Select a Country Dropdown Menu on Service and Sector pages */ #desktop-ServSectCountrySelector {display:block; margin-top:1px;} #mobile-ServSectCountrySelector {display:none;} #desktop-ServSectCountrySelector .services-select-country {background-color:#3d3d3d; padding:20px;} .servsect-select-country {background:#ededed; line-height:140%; margin-top:10px; padding:0px 5px 10px 5px; min-height:60px; color: white; width: auto;} .services-select-country h2 { margin:0; color:#fff; padding:0px 0px 2px 0px; font-family:'museo_sans700', Arial, Verdana, Helvetica, sans-serif; font-size: 26px; line-height:30px; } .servsect-select-country p {margin:2px 0 0 2px;} .services-select-country-green {background-color:#CAD100} .services-select-country-darkgreen {background-color:#2F912D; color:#ffffff;} .services-select-country-blue {background-color:#5BC5F2} .services-select-country-darkblue {background-color:#0066B2; color:#ffffff;} .services-select-country-red {background-color:#CD051D; color:#ffffff;} .services-select-country-orange {background-color:#F39100} .services-select-country-pink {background-color:#e02f6b; color:#ffffff;} .services-select-country-purple {background-color:#711F7E; color:#ffffff;} .services-select-country-yellow {background-color:#fcc51e} .services-select-country-lightgrey {background-color:#dee1e3} .services-select-country-darkgrey {background-color:#bec3c6; color:#ffffff;} .services-select-country-black {background-color:#000000; color:#ffffff;} .services-select-country-green h2, .services-select-country-blue h2, .services-select-country-orange h2, .services-select-country-yellow h2, .services-select-country-lightgrey h2, .services-select-country-darkgrey h2 {color:#000000} #servsect-select-country-dropdown { padding: 0px; margin-top:5px; min-height: 30px; height: 30px; width: 100%; color: #ffffff; background: url(/code/responsive/ServSectCountrySelector/down-arrow.png) 100% 50% no-repeat #3d3d3d; border: 1px solid #797979; } #servsect-select-country-dropdown:hover { background: url(/code/responsive/ServSectCountrySelector/down-arrow.png) 100% 50% no-repeat #1a1a1a; } #servsect-select-country-dropdown ul {display: block; list-style: none inside; margin:0; padding:0;} #servsect-select-country-dropdown ul li {margin:0; padding:0; position: relative; float: left; line-height:2em; width: 100%; border: 1px solid #797979; border-top: 0px;} #servsect-select-country-dropdown ul li a {display: block; text-indent: 3px; text-decoration: none; background: none; border: none; color:#CCCCCC; display:block; width:100%; height:30px; clear:both;} #servsect-select-country-dropdown ul li a:hover {background: none; border:none;} #servsect-select-country-dropdown ul li a span {position: relative;} #servsect-select-country-dropdown ul li ul {display: none; position: relative; width: 100%; padding: 0; margin: 0; top: 1px; left: -1px;} #servsect-select-country-dropdown ul li ul li {float:none; padding:0; margin:0; height:30px;} #servsect-select-country-dropdown ul li ul li:hover {background: none;} #servsect-select-country-dropdown ul li ul li a {display: block; float: none; width: 100%; background-image:none; float: left;} #servsect-select-country-dropdown ul li ul li a:hover {background-image:none;} #servsect-select-country-dropdown ul.options li {width: 100%;} #servsect-select-country-dropdown ul.options li a { color: white; height: 30px; background: url(/code/responsive/ServSectCountrySelector/right-arrow.png) 96% 50% no-repeat #3d3d3d; display: block; width: 100%; } #servsect-select-country-dropdown ul.options li a:hover {background: url(/code/responsive/ServSectCountrySelector/right-arrow.png) 96% 50% no-repeat #1a1a1a;} #servsect-select-country-dropdown ul.options li a span {padding-left: 10px;} /* #### RIGHTnav News Tabber on Service and Sector pages */ .serv-sect-newstabber {background:#ffffff; line-height:150%; margin-top:10px; padding:0px 0px 10px 5px;} .serv-sect-newstabber h1 {margin:0; color:#000000; padding:10px 0px 15px 0px; font-size:1.5em;} .serv-sect-newstabber ul.tabbernav li a {padding:4px 8px 6px 8px; margin:0px; background:#ededed; color:#333; font-size:1.3em; border:0;} .serv-sect-newstabber ul.tabbernav li a:hover {text-decoration:underline} .serv-sect-newstabber ul.tabbernav li.tabberactive a {background: #FFFFFF; text-decoration:none; color:#000000; cursor:default;} .serv-sect-newstabber .tabbertab {margin:0px; padding:0; margin-top:4px;} .serv-sect-newstabber-news {margin:0; border:0px solid; padding:0; position:relative; top:-4px; left:-5px;} .serv-sect-newstabber-news ul {margin:0;padding:0;} .serv-sect-newstabber-news li {margin:0;padding:0;list-style:none;} .serv-sect-newstabber-news a {text-decoration:none; display:block; width:100%; text-indent:3px; padding:8px 0px; margin-bottom:2px; background: #FFFFFF; line-height:140%;} .serv-sect-newstabber-news a:hover {text-decoration:underline;} .serv-sect-newstabber-news a.more {background:#ededed; margin:0; text-align:right; padding:4px 0px;} .serv-sect-newstabber-tools, .serv-sect-newstabber-tools a {color:#ffffff} .serv-sect-newstabber-tools h3 {padding-left:20px} .serv-sect-newstabber-tools .servsect-rightnav-links {background:#0066B2;} .serv-sect-newstabber-tools .servsect-rightnav-links li {padding:0} .serv-sect-newstabber-tools .servsect-rightnav-links a {border-top:0; border-bottom:1px solid #ffffff; font-weight:normal} .serv-sect-newstabber-tools .servsect-rightnav-links a:hover {border-top:0; border-bottom:1px solid #FEC600} / /* Other styles for this component come from NewsEventsArticlesTabber_nonRSS.css */ .servsectnews-tabber-tabs { padding: 0px; } .servsectnews-tab-button { display: inline-table; height: 45px; width: 110px; float: left; margin: 0px; border-left:1px solid #ffffff; } .servsectnews-tab-button:first-child {border-left:0px solid #ffffff;} .servsect-tab-container {padding: 0px 0px; clear: both; border-top:1px solid #ffffff;} .servsectnews-tab-button-inactive {background-color: #333;} .servsectnews-tab-button-inactive a {color:#FFFFFF;} .servsectnews-tab-button-active {font-family:'museo_sans700', Arial, Verdana, Helvetica, sans-serif;} .servsectnews-tab-button-active a, .servsectnews-tab-button-active a:hover {color:#FFFFFF; cursor: disabled; text-decoration: none;} .all-servsectnewsmedia-container { display: table; width: 100%; padding: 0px; float: left; position: relative; } .all-servsectnewsmedia-container .all-newsmedia-button a { background: #666; display:block; width:100%; text-indent:20px; color: #ffffff; font-family:'museo_sans500', Arial, Verdana, Helvetica, sans-serif; } .all-servsectnewsmedia-container .all-newsmedia-button a:hover { background: #555; } #ServSectNewsTabber_nonRSS { background-color: #333; clear:both; display: block; margin-top:1px; padding-bottom:20px; } .servsectnews-title-container {padding: 20px 0px 0px 20px; float:none;} .servsectnews-title-container .newsmedia-fixed-title { margin:0; color:#fff; font-family:'museo_sans700', Arial, Verdana, Helvetica, sans-serif; font-size: 26px; line-height:30px; text-transform: none; } span.servsectnews-item-head {font-weight:bold; font-style:italic;} ul.servsectnews-and-pubs {padding:0px; margin:0px 20px; list-style:none; padding-bottom:15px;} ul.servsectnews-and-pubs li {margin-top:0px; padding-top:0px;} /* IE8 only supports first-child */ ul.servsectnews-and-pubs a { display:block; padding-top:15px; color:#FFFFFF; font-family:'museo_sans700', Arial, Verdana, Helvetica, sans-serif; } .servsectnews-tabber-tabs .servsectnews-tab-button span a {display:block; line-height:45px;} .servsect-tab-container .all-servsectnewsmedia-container .all-newsmedia-button a.all-newsmedia-button-link {width:auto;} .serv-sect-nav-tab { margin:0; padding:0; height:45px; font-size:14px; clear:both; background:#ffffff; } .serv-sect-nav-tab ul {margin:0; padding:0;} .serv-sect-nav-tab li {margin:0; padding:0; float:left; width:auto; list-style:none} .serv-sect-nav-tab a { display:block; background:#444; width:auto; padding:10px 6px; margin-right:1px; height:auto; color: white; } .serv-sect-nav-tab a:hover {background:#888; } .serv-sect-nav-tab a.highlightLeftMenu { color: black; background: white; } .accordion {overflow:hidden;} .accordion-section-title { width:100%; display:inline-block; border-top:2px solid #fff; padding:10px 20px; font-size:15px; font-weight:normal; font-family: museo_sans500, Verdana, Arial, Helvetica, sans-serif; } a.accordion-section-title {font-weight:normal; text-decoration:none; background:url(/images/global/Interface/Backgrounds/breadcrumb-trail-arrow.gif) no-repeat 5px 50% #dde1e3; padding-right:20px; display:block; width:auto;} a.accordion-section-title:hover {background:url(/images/global/Interface/Backgrounds/breadcrumb-trail-arrow.gif) no-repeat 5px 50% #BEC3C6;} .accordion-section a.active {background:url(/code/responsive/ServSectCountrySelector/down-arrow.png) no-repeat -10px 50% #393939; color:#FFFFFF;} .accordion-section a.active:hover {text-decoration:none;} .accordion-section-content { display:none; padding-left:5px; } .accordion2 {border-bottom:1px solid #CCC; margin-bottom:10px; padding:10px 0px; clear:both;} .accordion2 .morecontent_txt, .accordion2 .teaser_txt { background:url(/images/global/Interface/Backgrounds/breadcrumb-trail-arrow.gif) no-repeat 3px 50% #e4e4e4; padding:0px 5px 0px 15px; } .accordion-preview { border-bottom:1px solid #CCC; padding-bottom:10px; clear:both; } .accordion-preview .read-more-state { display: none;} .accordion-preview .read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; } .accordion-preview .read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; } .accordion-preview .read-more-state ~ .read-more-trigger:before {content: 'Show more';} .accordion-preview .read-more-state:checked ~ .read-more-trigger:before {content: 'Show less';} .accordion-preview .read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .5em; color: #666; font-size: .9em; line-height: 2; border: 1px solid #ddd; border-radius: .25em; } #accordion {border-top:1px solid #333;} .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; background:#99d8d5; color:#333; margin: 0px; border:1px solid #333; border-top: 0; padding: 5px; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; padding-left: 0.5em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; padding-left: 0em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; padding-left: 0em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 0.5em; border:1px solid #333; border-top:0; overflow: auto; margin:0; background:#fff; } .ui-accordion .ui-accordion-content ul {margin:0; padding:0; width:49%; margin-right:0px; float:left;} .ui-accordion .ui-accordion-content li {margin:0; padding:0; list-style:none;} .ui-accordion .ui-accordion-content li a {display:block; text-decoration:none; padding:3px 0px 3px 3px; color:#333;} .ui-accordion .ui-accordion-content li a:hover {background:#333; color:#FFF;} /* ####### fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license ####### */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;} .fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;} .fancybox-skin {position:relative; background:#ffffff; color:#444; text-shadow:none; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;} .fancybox-opened {z-index: 8030;} .fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner {position:relative;} .fancybox-inner {overflow:hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;} .fancybox-error {color:#444; font-size:14px/20px; margin:0; padding:15px; white-space:nowrap;} .fancybox-image, .fancybox-iframe {display: block; width:100%; height:100%;} .fancybox-image {max-width:100%; max-height:100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox/fancybox_sprite.png);} #fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060;} #fancybox-loading div {width:44px; height:44px; background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat;} .fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;} .fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background: transparent url(../images/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;} .fancybox-prev span {left:10px; background-position: 0 -36px;} .fancybox-next span {right: 10px; background-position: 0 -72px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility: hidden; max-width:99999px; max-height:99999px; overflow:visible !important;} /* Overlay helper */ .fancybox-lock {overflow: hidden !important; width: auto;} .fancybox-lock body {overflow: hidden !important;} .fancybox-lock-test {overflow-y: hidden !important;} .fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(../images/fancybox/fancybox_overlay.png);} .fancybox-overlay-fixed {position:fixed; bottom:0; right:0;} .fancybox-lock .fancybox-overlay {overflow:auto; overflow-y:scroll;} /* Title helper */ .fancybox-title {visibility:hidden; position:relative; text-shadow:none; z-index:8050;} .fancybox-opened .fancybox-title {visibility:visible;} .fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center;} .fancybox-title-float-wrap .child {display:inline-block; margin-right: -100%; padding:2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow: 0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap;} .fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;} .fancybox-title-inside-wrap {padding-top:10px;} .fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);} /* # STANDARD CONTACT DETAILS NARROW STYLES # */ .formdetails fieldset {padding:10px; margin:0; clear:both;} .formdetails legend {color:#333333; font-weight:normal; font-size:120%;} .formdetails label {width:150px; font-weight:bold;} .formdetails {text-align:left; color:#333333;} .formlabel {background:#dde1e3; MARGIN:5PX 0PX; padding:10px;} .formdetails .text150 {height:22px; width:155px; font-size:120%; color:#999;} .formdetails .text190 {height:22px; width:195px; font-size:120%; color:#999;} .formdetails .area {height:80px; width:390px; font-size:120%; color:#666;} .formdetails .dropdown {height:28px; font-size:120%; color:#666;} .formquestion {margin:10px 0px; font-weight:normal; font-size:120%;} .formquestion th {background:none; padding:5px 0px;} .formquestion td {padding:5px 0px;} .formcontacts {margin:10px 0px; font-weight:normal; font-size:120%;} .formcontacts th {background:none;} .formcontacts td {padding:5px 0px; font-size:100%;} .formdetails .float {width:auto; height:auto; color:#333; float:left; margin:0; margin-right:2px;} .formdetails .small {font-weight:normal; font-size:90%;} .genericform {text-align:center;} .genericform a {text-decoration: none;} .genericform a:hover {text-decoration:underline;} .genericform legend {color:#000000;} .submitform-button {border:none; background:#000000; height:25px; width:83px; text-align:center; color:#FFFFFF; font-weight:bold; padding:0px 3px; line-height:1.8em; margin:20px 3px;} /* LIGHT */ .genericform fieldset { border: 0; border-left: 10px solid #f00; background:#eee; padding-top:30px; position: relative; font-size:16px } .genericform fieldset br { margin-bottom:10px; } .genericform fieldset legend { font-size:20px; padding:10px; position:absolute; top:0; } .genericform fieldset label { margin-right:10px; font-size:16px } .genericform fieldset.yellow {border-color:#f2a900;} .genericform fieldset.orange {border-color:#f39100;} .genericform fieldset.red {border-color:#cd0510;} /*default*/ .genericform fieldset.pink {border-color:#e1326b;} .genericform fieldset.purple {border-color:#711f7e;} .genericform fieldset.darkblue {border-color:#0066b2;} .genericform fieldset.lightblue {border-color:#5bc5f2;} .genericform fieldset.darkgreen {border-color:#2f912d;} .genericform fieldset.lightgreen {border-color:#cad100;} .genericform fieldset.noborder {border:0;} /* DARK */ .genericform fieldset.dark { border: 0; border-left: 10px solid #f00; background:#333; padding-top:30px; position: relative; font-size:16px; color: #fff; } .genericform fieldset.dark br { margin-bottom:10px; } .genericform fieldset.dark legend { font-size:20px; padding:10px; position:absolute; top:0; color:#fff !important; } .genericform fieldset.dark label { margin-right:10px; font-size:16px; color:#fff; } /* IMAGE */ .genericform fieldset.image { border: 0; border-left: 10px solid #f00; padding-top:30px; position: relative; background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5)), url(http://unsplash.it/1200/500) left top no-repeat; background-size: cover; font-size:16px; color: #fff; } .genericform fieldset.image br { margin-bottom:10px; } .genericform fieldset.image legend { font-size:20px; padding:10px; position:absolute; top:0; color:#fff !important; } .genericform fieldset.image label { margin-right:10px; font-size:16px; color:#fff; } /* MOBILE/TABLET STYLES (works with all the above) */ @media screen and (max-width: 1070px), handheld and (orientation : landscape) { .genericform fieldset div { text-align: left !important; } .genericform fieldset legend { padding-left:0; } .genericform input[type="text"], input[type="password"] { width:90%; } } /* TwitterFeed.css CSS Document */ .fullwidth-twitter-feed { display: block; padding: 13px; height: auto; font-family: 'museo_sans300', Arial, Verdana, Helvetica, sans-serif; background: #0066B2; font-size: 13px; width: auto; color: white; } .twitter-feed-header { font-size: 26px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; padding-bottom: 15px; } .twitter-feed-footer { font-size: 13px; padding: 7px 0px 0px 0px; } .twitter-feed-footer a { color: white; } .twitter-feed-followbutton { vertical-align: middle; margin-right: 5px; } .fullwidth-twitter-feed-inner { margin: 0px; background: #0066B2; min-height:30px; } .twitter-timeline, .timeline-Tweet-text { font-family: 'museo_sans300', Arial, Verdana, Helvetica, sans-serif; font-size: 13px; } /* GenericForm - CSS Document */ .genericform { display: block; clear: both; background-color: white; padding: 3px 13px 3px 13px; } .genericform textarea { border: 1px solid #7F9DB9; } .genericform fieldset { text-align: left; } .genericform .mandatorylabel { float: left; font-weight: bold; } .genericform input[type="text"],input[type="password"] { border: 1px solid #7F9DB9; } .genericform .submitform-button { height: 35px; background: #333333; font-size: 18px; font-weight: normal; margin-bottom: 2px; } .genericform .submitform-button:hover { background: red; cursor:pointer; } /* #### RIGHTnav */ .rightnav-links {width:250px;} .rightnav-links h2 {background:url(/images/global/interface/backgrounds/right-news-bg.jpg) repeat 0px 0px #01ACA4; font-size:125%; font-weight:normal; color:#ffffff; padding:5px 5px 7px 5px; margin:0px; clear:both;} .rightnav-links ul {margin:0; padding:0; list-style:none; } .rightnav-links li {margin:0; padding:0; float:right; width:100%;} .rightnav-links a {border-top:2px solid #FFF; display:block; width:auto; height:auto; text-decoration:none; padding:3px 0px; color:#555555; background:#FFFFFF;} .rightnav-links a:hover {background:#F1F1F1; text-decoration:underline; color:#333333;} .rightnav-links a.more {border-top:2px solid #FFF; text-decoration:none; color:#333333; text-align:right;} .rightnav-links a.more:hover {text-decoration:underline; color:#333333; background:#FFFFFF;} .rightnav-links a.subscribe {margin-bottom:10px; background:url(/images/global/interface/backgrounds/comms-icons.jpg) 0px 0px no-repeat; height:80px; font-size:0%; padding:0;} .rightnav-links a.subscribe:hover {background:url(/images/global/interface/backgrounds/comms-icons.jpg) -250px 0px no-repeat;} .servsect-rightnav-links { background:#f39100; line-height:140%; margin-top:1px; padding:20px 0px 0px 0px ; } .servsect-rightnav-links h2 { margin:0; padding:0px 0px 15px 20px; font-family:'museo_sans700', Arial, Verdana, Helvetica, sans-serif; font-size: 26px; line-height:30px; } .servsect-rightnav-links ul { margin:0; padding:0; } .servsect-rightnav-links li { margin:0; padding: 0px 20px 0px 20px; list-style:none; } .servsect-rightnav-links li:hover { list-style:none; } .servsect-rightnav-links a { text-decoration:none; display:block; width:auto; padding:10px 0px; border-top:1px solid #000; margin-top:0px; font-weight:700; } .servsect-rightnav-links li:hover { text-decoration:underline; background:url(/code/responsive/arrow-right-black.png) no-repeat 320px 50%; } .servsect-rightnav-links-black {background:#000000; color:#FFFFFF;} .servsect-rightnav-links-black-dark {background:#000000; color:#FFFFFF;} .servsect-rightnav-links-black-light {background:#53565A; color:#FFFFFF;} .servsect-rightnav-links-blue {background:#5BC5F2; color:#000000;} .servsect-rightnav-links-blue-dark {background:#0076A8; color:#FFFFFF;} .servsect-rightnav-links-blue-light {background:#B9D9EB; color:#000000;} .servsect-rightnav-links-darkblue {background:#0066B2; color:#FFFFFF;} .servsect-rightnav-links-darkblue-dark {background:#002D72; color:#FFFFFF;} .servsect-rightnav-links-darkblue-light {background:#69B3E7; color:#000000;} .servsect-rightnav-links-darkgreen {background:#2F912D; color:#FFFFFF;} .servsect-rightnav-links-darkgreen-dark {background:#027223; color:#FFFFFF;} .servsect-rightnav-links-darkgreen-light {background:#A1D884; color:#000000;} .servsect-rightnav-links-darkgrey {background:#97999B; color:#000000;} .servsect-rightnav-links-darkgrey-dark {background:#75787B; color:#000000;} .servsect-rightnav-links-darkgrey-light {background:#BBBCBC; color:#000000;} .servsect-rightnav-links-green {background:#CAD100; color:#000000;} .servsect-rightnav-links-green-dark {background:#949300; color:#000000;} .servsect-rightnav-links-green-light {background:#E0EC89; color:#000000;} .servsect-rightnav-links-lightgrey {background:#BBBCBC; color:#000000;} .servsect-rightnav-links-lightgrey-dark {background:#97999B; color:#000000;} .servsect-rightnav-links-lightgrey-light {background:#D0D0CE; color:#000000;} .servsect-rightnav-links-orange {background:#F39100; color:#000000;} .servsect-rightnav-links-orange-dark {background:#E35205; color:#000000;} .servsect-rightnav-links-orange-light {background:#FDAA63; color:#000000;} .servsect-rightnav-links-pink {background:#E1326B; color:#FFFFFF;} .servsect-rightnav-links-pink-dark {background:#AE2573; color:#FFFFFF;} .servsect-rightnav-links-pink-light {background:#E89CAE; color:#000000;} .servsect-rightnav-links-purple {background:#711F7E; color:#FFFFFF;} .servsect-rightnav-links-purple-dark {background:#572C5F; color:#FFFFFF;} .servsect-rightnav-links-purple-light {background:#C6A1CF; color:#000000;} .servsect-rightnav-links-red {background:#CD0510; color:#FFFFFF;} .servsect-rightnav-links-red-dark {background:#A72B2A; color:#FFFFFF;} .servsect-rightnav-links-red-light {background:#E8927C; color:#000000;} .servsect-rightnav-links-yellow {background:#FEC600; color:#000000;} .servsect-rightnav-links-yellow-dark {background:#F2A900; color:#000000;} .servsect-rightnav-links-yellow-light {background:#F8E08E; color:#000000;} .servsect-rightnav-links-black a, .servsect-rightnav-links-black-dark a, .servsect-rightnav-links-black-light a, .servsect-rightnav-links-blue-dark a, .servsect-rightnav-links-darkblue a, .servsect-rightnav-links-darkblue-dark a, .servsect-rightnav-links-darkgreen a, .servsect-rightnav-links-darkgreen-dark a, .servsect-rightnav-links-pink a, .servsect-rightnav-links-pink-dark a, .servsect-rightnav-links-purple a, .servsect-rightnav-links-purple-dark a, .servsect-rightnav-links-red a, .servsect-rightnav-links-red-dark a {color:#fff; border-top:1px solid #FFF;} .servsect-rightnav-links-black li:hover, .servsect-rightnav-links-black-dark li:hover, .servsect-rightnav-links-black-light li:hover, .servsect-rightnav-links-blue-dark li:hover, .servsect-rightnav-links-darkblue li:hover, .servsect-rightnav-links-darkblue-dark li:hover, .servsect-rightnav-links-darkgreen li:hover, .servsect-rightnav-links-darkgreen-dark li:hover, .servsect-rightnav-links-pink li:hover, .servsect-rightnav-links-pink-dark li:hover, .servsect-rightnav-links-purple li:hover, .servsect-rightnav-links-purple-dark li:hover, .servsect-rightnav-links-red li:hover, .servsect-rightnav-links-red-dark li:hover {background:url(/code/responsive/arrow-right-white.png) no-repeat 320px 50%;} .slider {display:none;} .collapseSlider {display:none;} .sliderExpanded .collapseSlider{display:inline;} .sliderExpanded .expandSlider {display:none;} .expandSlider-img, .collapseSlider-img {margin-right:20px; margin-top:-5px; cursor:pointer;} .alternate-row-background-color {} .alternate-row-background-color tr:nth-child(even) {background: #F1F1F1} .alternate-row-background-color tr:nth-child(odd) {background: #FFFFFF} .sectorcontent {width:390px; padding-bottom:10px; float:left; } .sectorcontent h2 {clear:both; border-bottom:1px #E4E4E4 solid; color:#333; font-size:120%;} .sectorcontent h1 {margin-top:0;} .sectorcontact {width:200px; float:right; margin-left:10px; font-size:90%; } .sectortalk-img {float:left; width:auto; margin-bottom:10px; clear:left;} .sector-area {margin:10px; width:820px; background:#FFFFFF; font-size:110%; height:auto;} .sector-links {float:left; width:200px; margin-right:10px; } .sector-links ul {margin:0; padding:0;} .sector-links li {margin:0; padding:0; list-style:none; float:left; width:100%;} .sector-links a {border-bottom:2px solid #FFF; background:#F1F1F1; display:block; width:190px; text-decoration:none; padding:8px 5px;} .sector-links a:hover {background:#e1e1e1; text-decoration:underline;} .sector-links a.active {background:#d1d1d1;} .sector-links a.active:hover {background:#d1d1d1;} .servicescontent ul {margin:0; padding:0;} .servicescontent li {margin:0; padding:0; list-style:none;} .servicescontent li.active {} .servicescontent a {display:block; width:230px; border-right:1px solid #CCCCCC; color:#000; text-decoration:none; padding:4px 8px;} .servicescontent a:hover {background:#E4E4E4; text-decoration:underline;} .servicescontent-button a {display:block; width:120px; border:2px solid #CCCCCC; color:#000; text-decoration:none; padding:4px 8px; margin:10px 0px; text-align:center; background:#F1F1F1;} .servicescontent-button a:hover {background:#E4E4E4; text-decoration:underline;} /* ######################################################################################################################################## */ /* ARTICLES, NEWS, PEOPLE AND EVENTS PAGES */ /* ######################################################################################################################################## */ .peopleHeader, .articlesHeader, .trainingHeader { margin:0px 0px 10px 0px; padding:20px 5px; background-color: #5BC5F2; clear:both; } .peopleHeader h1, .peopleHeader h2, .articlesHeader h1, .articlesHeader h2, .trainingHeader h1, .trainingHeader h2 { font-weight:normal; margin:0px; color: #000000; font-family: 'museo_sans100', Arial, Verdana, Helvetica, sans-serif; font-size:2.2em; clear:both; } .peopleHeader h1, .peopleHeader h2, .articlesHeader h1, .articlesHeader h2, .trainingHeader h1, .trainingHeader h2 {font-weight:normal; margin:0px;} .peopleSearchDropdowns, .peopleSearchLookup {margin:5px 0px 0px 0px; font-size:110%; z-index:-10;} .peopleSearchSurname, .peopleSearchServices, .peopleSearchSectors, .peopleSearchCountry, .peopleSearchLanguage, .peopleSearchYear, .peopleSearchFindName, .articlesSearchService, .articlesSearchSector {display:none;} .trainingSearchSubject {margin-right:10px} .trainingSearchMonth, .trainingSearchLocation {margin:0px 10px} .wickEnabled {font-family: inherit; font-size:90%; width:140px; color:#666666; z-index:-10;} .peopleHeader-freetextsearch {display:inline-block;float:left;width: 50%;height: auto;margin-right:10px;margin-top:1px;min-width: 260px;box-sizing: border-box;} .filter-form, .trainingSearchDropdowns {margin:5px 0px 0px 0px; font-size:110%;} .filter-input {font-family: inherit; font-size:90%; width:140px; color:#666666; position:relative; z-index:-10;} .filter-dropdown { font-family: inherit; font-size:90%; color:#666666; z-index:-1; margin-top:3px; margin-right:1px; max-width: 260px; } .filter-gobutton, .goButton { background:black; border:1px solid white; font-weight:normal; font-family: inherit; cursor:pointer; color:#FFFFFF; margin:0px 1px; padding:0px 3px; line-height:18px; } .filter-gobutton:hover, .goButton:hover { border:1px solid #CCC; } #find_people {margin-top:3px;} .filter-form-pub { margin:5px 0px 0px 0px; font-size:110%; width:auto; z-index:-10; } .filter-form-publast {margin:5px 0px 0px 0px; font-size:110%; float:left; width:auto; clear:right;} .specialistperson {clear:both;} .specialistperson h2 {font-size:100%; margin:0; padding-top:5px;} .specialistperson-img {float:right;} .specialistperson-img img {width:100px; margin-bottom:-3px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .specialistperson ul {margin:0;padding:0;} .specialistperson li {margin:0;padding:0;list-style:none;} .specialistperson a {text-decoration:none;} .specialistperson a:hover {text-decoration:underline;} .specialistperson li.peopleTelephone, .specialistperson li.peopleEmail {padding-left:25px; height:20px;} .specialistperson li.peopleTelephone {background: url("/code/responsive/PeopleDetails/desktop-people-phone-icon.png") no-repeat 0px 0px;} .specialistperson li.peopleEmail {background: url("/code/responsive/PeopleDetails/desktop-people-email-icon.png") no-repeat 0px 0px;} .specialistperson li.peopleEmail:after {content:""; clear:both; display:block; margin-left:-25px; border-top:1px solid #2f912d} .serv-sect-specialistperson { padding: 0px 20px; clear:both; background:#2F912D; line-height:150%; color:white; } .serv-sect-specialistperson h2 { font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; font-size: 26px; margin: 0px; color:white; line-height:26px; padding:15px 0px; } .serv-sect-specialistperson h3 { font-size:100%; padding-top:5px; margin: 0px; border-top:1px solid white; } .serv-sect-specialistperson ul {margin:0;padding:0; } .serv-sect-specialistperson li {margin:0;padding:0;list-style:none;} .serv-sect-specialistperson li.peopleTelephone { background:url(/code/responsive/images/interface/buttons/telephone.png) no-repeat 0% 50%; padding-left:25px; } .serv-sect-specialistperson li.peopleEmail { background:url(/code/responsive/images/interface/buttons/email.png) no-repeat 0% 50%; padding-left:25px; margin-top: 2px; padding-bottom:10px } .serv-sect-specialistperson li.peopleEmail a { font-weight: normal; } .serv-sect-specialistperson a { text-decoration:none; background:none; font-weight: bold; color:white; } .serv-sect-specialistperson a:hover {text-decoration:underline; background:none;} .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey {background:#97999B; color:#000000;} .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-dark {background:#75787B; color:#000000;} .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-light {background:#BBBCBC; color:#000000;} .serv-sect-specialistperson-greenserv-sect-specialistperson-green {background:#CAD100; color:#000000;} .serv-sect-specialistperson-greenserv-sect-specialistperson-green-dark {background:#949300; color:#000000;} .serv-sect-specialistperson-greenserv-sect-specialistperson-green-light {background:#E0EC89; color:#000000;} .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey {background:#BBBCBC; color:#000000;} .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-dark {background:#97999B; color:#000000;} .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-light {background:#D0D0CE; color:#000000;} .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange {background:#F39100; color:#000000;} .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-dark {background:#E35205; color:#000000;} .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-light {background:#FDAA63; color:#000000;} .serv-sect-specialistperson-pinkserv-sect-specialistperson-pink {background:#E1326B; color:#FFFFFF;} .serv-sect-specialistperson-pinkserv-sect-specialistperson-pink-dark {background:#AE2573; color:#FFFFFF;} .serv-sect-specialistperson-pinkserv-sect-specialistperson-pink-light {background:#E89CAE; color:#000000;} .serv-sect-specialistperson-purpleserv-sect-specialistperson-purple {background:#711F7E; color:#FFFFFF;} .serv-sect-specialistperson-purpleserv-sect-specialistperson-purple-dark {background:#572C5F; color:#FFFFFF;} .serv-sect-specialistperson-purpleserv-sect-specialistperson-purple-light {background:#C6A1CF; color:#000000;} .serv-sect-specialistperson-redserv-sect-specialistperson-red {background:#CD0510; color:#FFFFFF;} .serv-sect-specialistperson-redserv-sect-specialistperson-red-dark {background:#A72B2A; color:#FFFFFF;} .serv-sect-specialistperson-redserv-sect-specialistperson-red-light {background:#E8927C; color:#000000;} .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow {background:#FEC600; color:#000000;} .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-dark {background:#F2A900; color:#000000;} .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-light {background:#F8E08E; color:#000000;} .serv-sect-specialistperson-blackserv-sect-specialistperson-black {background:#000000; color:#FFFFFF;} .serv-sect-specialistperson-blackserv-sect-specialistperson-black-dark {background:#000000; color:#FFFFFF;} .serv-sect-specialistperson-blackserv-sect-specialistperson-black-light {background:#53565A; color:#FFFFFF;} .serv-sect-specialistperson-blueserv-sect-specialistperson-blue {background:#5BC5F2; color:#000000;} .serv-sect-specialistperson-blueserv-sect-specialistperson-blue-dark {background:#0076A8; color:#FFFFFF;} .serv-sect-specialistperson-blueserv-sect-specialistperson-blue-light {background:#B9D9EB; color:#000000;} .serv-sect-specialistperson-darkblueserv-sect-specialistperson-darkblue {background:#0066B2; color:#FFFFFF;} .serv-sect-specialistperson-darkblueserv-sect-specialistperson-darkblue-dark {background:#002D72; color:#FFFFFF;} .serv-sect-specialistperson-darkblueserv-sect-specialistperson-darkblue-light {background:#69B3E7; color:#000000;} .serv-sect-specialistperson-darkgreenserv-sect-specialistperson-darkgreen {background:#2F912D; color:#FFFFFF;} .serv-sect-specialistperson-darkgreenserv-sect-specialistperson-darkgreen-dark {background:#027223; color:#FFFFFF;} .serv-sect-specialistperson-darkgreenserv-sect-specialistperson-darkgreen-light {background:#A1D884; color:#000000;} /* ONLY CHANGE BELOW IF COLOR IS #000000 */ .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange h2, .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-dark h2, .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-light h2, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow h2, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-dark h2, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-light h2, .serv-sect-specialistperson-purpleserv-sect-specialistperson-purple-light h2, .serv-sect-specialistperson-pinkserv-sect-specialistperson-pink-light h2, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey h2, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-dark h2, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-light h2, .serv-sect-specialistperson-greenserv-sect-specialistperson-green h2, .serv-sect-specialistperson-greenserv-sect-specialistperson-green-dark h2, .serv-sect-specialistperson-greenserv-sect-specialistperson-green-light h2, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey h2, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-dark h2, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-light h2, .serv-sect-specialistperson-darkgreenserv-sect-specialistperson-darkgreen-light h2, .serv-sect-specialistperson-darkblueserv-sect-specialistperson-darkblue-light h2, .serv-sect-specialistperson-blueserv-sect-specialistperson-blue-light h2, .serv-sect-specialistperson-blueserv-sect-specialistperson-blue h2, .serv-sect-specialistperson-redserv-sect-specialistperson-red-light h2 {color:#000000;} .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange h3, .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-dark h3, .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-light h3, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow h3, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-dark h3, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-light h3, .serv-sect-specialistperson-purpleserv-sect-specialistperson-purple-light h3, .serv-sect-specialistperson-pinkserv-sect-specialistperson-pink-light h3, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey h3, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-dark h3, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-light h3, .serv-sect-specialistperson-greenserv-sect-specialistperson-green h3, .serv-sect-specialistperson-greenserv-sect-specialistperson-green-dark h3, .serv-sect-specialistperson-greenserv-sect-specialistperson-green-light h3, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey h3, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-dark h3, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-light h3, .serv-sect-specialistperson-darkgreenserv-sect-specialistperson-darkgreen-light h3, .serv-sect-specialistperson-darkblueserv-sect-specialistperson-darkblue-light h3, .serv-sect-specialistperson-blueserv-sect-specialistperson-blue-light h3, .serv-sect-specialistperson-blueserv-sect-specialistperson-blue h3, .serv-sect-specialistperson-redserv-sect-specialistperson-red-light h3 {color:#000000; border-top:1px solid #000000;} .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange a, .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-dark a, .serv-sect-specialistperson-orangeserv-sect-specialistperson-orange-light a, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow a, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-dark a, .serv-sect-specialistperson-yellowserv-sect-specialistperson-yellow-light a, .serv-sect-specialistperson-purpleserv-sect-specialistperson-purple-light a, .serv-sect-specialistperson-pinkserv-sect-specialistperson-pink-light a, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey a, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-dark a, .serv-sect-specialistperson-lightgreyserv-sect-specialistperson-lightgrey-light a, .serv-sect-specialistperson-greenserv-sect-specialistperson-green a, .serv-sect-specialistperson-greenserv-sect-specialistperson-green-dark a, .serv-sect-specialistperson-greenserv-sect-specialistperson-green-light a, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey a, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-dark a, .serv-sect-specialistperson-darkgreyserv-sect-specialistperson-darkgrey-light a, .serv-sect-specialistperson-darkgreenserv-sect-specialistperson-darkgreen-light a, .serv-sect-specialistperson-darkblueserv-sect-specialistperson-darkblue-light a, .serv-sect-specialistperson-blueserv-sect-specialistperson-blue-light a, .serv-sect-specialistperson-blueserv-sect-specialistperson-blue a, .serv-sect-specialistperson-redserv-sect-specialistperson-red-light a {color:#000000;} .DefaultPeopleText { padding:0px; margin:0; font-family: inherit; background-color: white; font-size:16px } .DefaultPeopleText h2 { margin:0; font-size:50px; font-family: 'museo_sans900', Arial, Verdana, Helvetica, sans-serif; } .DefaultPeopleTable {width:100%; padding:0px 0px 0px 0px; font-size:100%; } .peopleContent {width:auto; padding:0px 0px 0px 0px; margin:0px; font-size:100%;} .peopleContent h1 {margin:0px; font-family: 'museo_sans100', Arial, Verdana, Helvetica, sans-serif; font-size:2.2em; font-weight:normal;} .peopleContent h2 {margin:0px; color:#711F7E; font-size:20px; min-height:16px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; padding-bottom:2px; border-bottom:1px solid #CAD100;} .peopleContent h3 { font-weight:bold; margin:0px; font-size:18px; margin-top:20px; clear: both; color:#0066B2; } .peopleContent th, .peopleContent td {text-align:left;} .peopleContent .peoplearticlestable {margin-bottom:10px} .peopleImage { float:right; width:auto; margin:0px 0px 10px 10px; max-width:240px; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .peopleImagecontainer {float:right; width:240px; max-height:240px; overflow:hidden;} .peopleQualification {margin:0;} .peopleContacts {margin-top:15px;} .peopleEmail {background:url(/code/responsive/PeopleDetails/desktop-people-email-icon.png) no-repeat; padding-left:25px; margin:15px 0px 5px; line-height:18px} .peopleTelephone {background:url(/code/responsive/PeopleDetails/desktop-people-phone-icon.png) no-repeat; padding-left:25px; line-height:21px; margin:0px 0px 0px;} .peopleFax {background:url(/code/responsive/PeopleDetails/desktop-people-fax-icon.png) no-repeat; padding-left:25px; line-height:25px; margin:0px 0px 0px;} .peopleCellPhone {background:url(/code/responsive/PeopleDetails/desktop-people-mobile-icon.png) no-repeat; padding-left:25px; line-height:21px; margin:0px 0px 0px;} .peopleLocation {background:url(/code/responsive/PeopleDetails/desktop-people-location-icon.png) no-repeat; padding-left:25px; line-height:21px; margin:0px 0px 5px;} .peopleVcard {background:url(/code/responsive/PeopleDetails/desktop-people-add-icon.png) no-repeat; padding-left:25px; line-height:21px; margin:0px 0px 0px;} .peopleBlog {background:url(/code/responsive/PeopleDetails/desktop-people-blog-icon.png) no-repeat; padding-left:25px; line-height:21px; margin:0px 0px 0px;} .peopleTwitter {background:url(/code/responsive/PeopleDetails/desktop-people-twitter-icon.png) no-repeat; padding-left:25px; line-height:21px; margin:0px 0px 0px;} .peopleLinkedIn {background:url(/code/responsive/PeopleDetails/desktop-people-linked-icon.png) no-repeat; padding-left:25px; line-height:20px; margin:0px 0px 0px;} ul.peoplePracticeAreas {margin-left:0; padding:0;} ul.peoplePracticeAreas li {margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; border-right:1px solid #CCCCCC; display:inline; list-style:none;} ul.peoplePracticeAreas li.last {margin:0px; padding:0px 10px 0px 0px; border-right:0px solid #CCCCCC; display:inline; list-style:none;} .miniprofile {border:1px solid #99d8d5; padding:0px; width:170px; height:200px; margin-bottom:10px; text-align:center; padding-top:10px} .peoplearticlestable {margin-top:10px} .peoplearticlestable th {display:none} .peoplearticlestable td {padding:5px;} .peoplearticlestable p {margin:0} .peoplearticlestable a {color:#000000; background:none;} .articlelist1 {background:#F4F4F4;} .articlelist0 {background:#FFFFFF;} table.peopleTable {font-family: inherit; margin:0px; max-width:940px;} table.peopleTable th {text-align:left; padding:5px 3px; background:#2F912D; color:#ffffff; } table.peopleTable td {width:25%;} table.peopleTable td.peopleTable-name {} table.peopleTable td.peopleTable-jobtitle {} table.peopleTable td.peopleTable-telephone {} table.peopleTable td.peopleTable-country {text-transform:capitalize} table.peopleTable tr:hover {cursor: pointer; background:#CAD100; text-decoration:none;} table.peopleTable a {display:block; font-weight:normal; text-decoration:none;} table.peopleTable a:hover {text-decoration:none} .peopleTableQualification {font-size:85%;} /* PeopleDetails.css CSS Document */ #PeopleDetails { display: block; clear: both; background-color: white; padding: 3px 0px 3px 0px; } #desktop-peopleContacts { display: block; } #mobile-peopleContacts { display: none; } #PeopleDetails ul.peoplePracticeAreas { float:left; } #PeopleDetails ul.peoplePracticeAreas li { margin: 0px 10px 10px 0px; list-style:none; float: left; display: block; padding:0px 10px 0px 10px; background-color: #F1F1F1; border:1px solid #CCCCCC; } #PeopleDetails span.practiseArea, #PeopleDetails ul.peoplePracticeAreas li a {} #PeopleDetails .peopleContent { padding: 0px 10px 10px 10px; } #PeopleDetails .peopleContent a { color: black; text-decoration: underline; } #desktop-peopleContacts p { height: 21px; } #PeopleDetails .peopleLocation {background-image: url("/code/responsive/PeopleDetails/desktop-people-location-icon.png");} #PeopleDetails .peopleEmail {background-image: url("/code/responsive/PeopleDetails/desktop-people-email-icon.png");} #PeopleDetails .peopleTelephone {background-image: url("/code/responsive/PeopleDetails/desktop-people-phone-icon.png");} #PeopleDetails .peopleFax {background-image: url("/code/responsive/PeopleDetails/desktop-people-fax-icon.png");} #PeopleDetails .peopleCellPhone {background-image: url("/code/responsive/PeopleDetails/desktop-people-mobile-icon.png");} #PeopleDetails .peopleVcard {background-image: url("/code/responsive/PeopleDetails/desktop-people-add-icon.png");} #PeopleDetails .peopleBlog {background-image: url("/code/responsive/PeopleDetails/desktop-people-blog-icon.png");} #PeopleDetails .peopleTwitter {background-image: url("/code/responsive/PeopleDetails/desktop-people-twitter-icon.png");} #PeopleDetails peopleLinkedIn {background-image: url("/code/responsive/PeopleDetails/desktop-people-linked-icon.png");} #PeopleDetails .peopleLinkedIn p {margin: 0;} #PeopleDetailsRelated {float:left; width:100%;} #PeopleDetailsRelated .tabberlive {margin:0px 0px 10px 0px} #PeopleDetailsRelated .tabbernav {border: 0; height:23px} #PeopleDetailsRelated ul.tabbernav li a {border:0;background:#5BC5F2;text-decoration: none; color:#000000; padding:8px 10px; margin: 0px 2px 0px 0px;} #PeopleDetailsRelated ul.tabbernav li a:hover {color:#FFFFFF;} #PeopleDetailsRelated ul.tabbernav li.tabberactive a {background:#0066B2; color:white;border-bottom: 0px solid #fff;} #PeopleDetailsRelated ul.tabbernav li.tabberactive a:hover {color:white; border-bottom: 0; text-decoration:none; cursor:default;} #PeopleDetailsRelated .tabbertab {border: 0px solid #0066B2; border-top: 0px; background:#0066B2;} #PeopleDetailsRelated .tabbertab h3 {display:none;} #PeopleDetailsRelated .tabberlive .tabbertab .articlelist0 {background:none;} #PeopleDetailsRelated .tabberlive .tabbertab .articlelist1 {background:none;} #PeopleDetailsRelated .tabberlive .tabbertab .peoplearticlestable {color:white;} #PeopleDetailsRelated .tabberlive .tabbertab .articlelist1 td {border-bottom:1px solid #5BC5F2; border-top:1px solid #5BC5F2;} #PeopleDetailsRelated .tabberlive .tabbertab .peoplearticlestable a {color:white; display:block; padding:4px 0px; text-align:left;} #PeopleDetailsRelated .more-button {float:right; padding:5px; background:#000000; margin:0px; } #PeopleDetailsRelated .more-button a {text-decoration: none; color: white;} #PeopleDetailsRelated .more-button a:hover {text-decoration: underline;} /* PeopleSearch.css - CSS Document */ #PeopleSearch, .peopleHeader { display: block; padding: 13px 13px 8px 13px; } .peopleFreeTextSearch { padding: 0px 13px 25px 13px; } .peopleHeader { background-color: #5BC5F2; border: none; color: #000000; } #PeopleSearch fieldset, .peopleHeader fieldset { border: 1px solid white; } #PeopleSearch .filter-gobutton { background-color: black; border: 1px solid white; height: 20px; } /* QuickFinder.css DESKTOP and BASE STYLES */ #QuickFinder { display: block; background-color: white; font-size: 16px; font-weight: bold; width:100%; } .quickfinder-title { margin: 10px 0px 0px 10px; float: left; } .quickfinder-logo { margin: 0px 10px 0px 0px; float: right; } ul.quickfinder-list { clear: both; width: 100%; height: 100%; padding: 10px 0px 10px 8px; margin: 0px; font-size: 12px; font-style: italic; list-style-type: none; } ul.quickfinder-list li { display: inline-block; width: 20%; background-image: url(/code/responsive/QuickFinder/quickfinder-bullet.png); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 14px; margin: 0px 20px 10px 0px; vertical-align: top; } #desktop-QuickFinder br { display: block; clear: both; } /* #####People Wildcard search##### */ .floater {position: absolute; z-index: 2; display: none; padding: 0; text-align: left; float: left;} .floater td {font-family: inherit; background-color:#f4f4f4; border:1px inset #979797; color:#333333;} .matchedSmartInputItem {border-bottom:1px solid #ccc; padding: 3px 5px 3px 5px; margin:0; cursor:pointer;} .selectedSmartInputItem {color:white; background-color:#666666;} #smartInputResults {padding:0;margin:0;} .siwCredit {margin:0;padding:0;margin-top:10px;font-size:0.7em;color:#333333;} .people-search {border-bottom:1px solid #333; clear:both;} .people-search h1 {margin:0em 0em 0.5em 0em; padding-bottom:0.5em; border-bottom:1px solid #333; } .people-search .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; background:#FFF; color:#333; margin: 0px; /*font-weight:normal;*/ border: 0; padding: 5px; min-height: 0; /* support: IE7 */ } .people-search .ui-accordion .ui-accordion-content { display:block; padding:0em 1em 1em 1em; border:0; border-top:1px solid #333; overflow: auto; margin:0; background:#e5f5f4; } .people-search .iconclosed {background:url(../images/closed.gif) no-repeat 100% 50%; height:16px; width:120px;} .people-search .iconopen {background:url(../images/open.gif) no-repeat 100% 50%; height:16px; width:120px;} .hidden {display:none;} .unhidden {display:block;} #morelinkDiv, #morelinkDiv2, #lesslinkDiv, #lesslinkDiv2 {float:right; font-weight:bold; text-decoration: none;} #morelinkDiv a, #morelinkDiv2 a {color:#fff; background:#0066B2; padding:3px 10px; display:block; width:auto; margin-top:5px; margin-right:-5px; } #morelinkDiv a:hover, #morelinkDiv2 a:hover {text-decoration: underline;} #lesslinkDiv a, #lesslinkDiv2 a {color:#fff; background:#0066B2; padding:3px 10px; display:block; width:auto; margin-top:5px; margin-right:-5px; } #lesslinkDiv a:hover, #lesslinkDiv2 a:hover {text-decoration: underline;} #desktop-Eventstable_nonwest { display: block; clear: both; background-color: white; padding: 3px 13px 3px 13px; } #mobile-Eventstable_nonwest { display: none; } #desktop-Eventstable_nonwest h1 { color: black; } #desktop-Eventstable_nonwest table.rss-news-table a { color: black; text-decoration: underline; } /* LocalPeopleServiceNew.css CSS Document */ #desktop-LocalPeopleServiceNew { display: block; clear: both; background-color: white; padding: 0px; } #mobile-LocalPeopleServiceNew { display: none; } table.rss-news-table id {width:80px; display:block; text-align:right;} .rss-news-table {display:block; clear:both; width: auto;} .rss-news-table h1 { border-left: 15px solid #CAD100; font-family: 'museo_sans900', Arial, Verdana, Helvetica, sans-serif; font-size: 50px; font-weight: normal; clear: both; color: #333; padding: 10px 0 10px 10px; margin: 0; } table.rss-news-table a {font-size:14px; padding: 10px 0px; display:block;} table.rss-news-table a:hover {text-decoration:underline;} table.rss-news-table th {display:none} table.rss-news-table td {border-bottom: 1px solid #CAD100; display: table-cell; vertical-align: middle; width:100%} table.rss-news-table td.news-table-title {} table.rss-news-table td.news-table-date {border-bottom: 1px solid #CAD100; text-align:right; padding:10px 0px 10px 10px;} table.rss-news-table tr:hover {background:#CAD100} .article-list {font-size:14px;} .article-list h2 {margin:0 0 10px 0; padding:0} .article-list a {text-decoration:none; color:#000000; display:block; padding:10px 0 10px 10px;} .article-list a:hover {text-decoration:underline;} .article-list td { border-bottom:1px solid #5BC5F2;} .paginationinline {width:auto; display:inline;} .pagination { padding: 10px 0px; font-size:110%; text-align:right; width:100%; height:50px; background-color: white; } .pagination1 {float:left; width:300px; text-align:left; clear:both; margin:0px 0px 5px 10px; } .pagination2 {float:left; width:940px; text-align:left; clear:both; margin-left: 10px;} .pageOf {float:left; width:auto;} .prenext {padding-left:280px; float:left; width:auto;} .Goto {float:right; width:auto; display:none;} .prevbutton { background:url(/code/responsive/images/interface/buttons/prev.gif) 0% 0% no-repeat; border:0; cursor:pointer; height:16px; width: 16px; position: relative; top: 2px; } .nextbutton { background:url(/code/responsive/images/interface/buttons/next.gif) 0% 0% no-repeat; border:0; cursor:pointer; height:16px; width: 16px; position: relative; top: 2px; } .article-tags {margin-top:15px; margin-bottom:0; border:1px solid #cccccc; padding:0px; } .FindCourse { width:100%; background-color: white; } .FindCourse h2 {font-weight:normal; margin:0px 0px 4px 0px ; color:#711F7E; font-size:20px; min-height:16px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif;} .FindCourse ul {margin:0; padding:0;} .FindCourse li { margin:0px 0px; padding:10px 0; list-style:none; clear:both; border-bottom:1px solid #ccc; } .FindCourse li:hover {background:#F1F1F1;} .FindCourse a {color:#000000; text-decoration:underline;} .FindCourse a:hover {text-decoration:none;} .FindCourse span {color:#666; padding:3px 0px 10px 0px; } .training-list-costs {color:#000000; font-size:100%; text-align:center; width:90px;} .training-list-price {color:#000000; font-size:180%;} .training-brochure { margin-top: 10px; padding:10px 15px; font-size:110%; clear:both; background-color: #5BC5F2; color: #000000; float: left; /* float to anticipate swf inc via js */ } .training-brochure-preview { float:left; width:270px; } .training-brochure h2 { font-weight:normal; margin:10px 0px 0px 0px; color:#000; font-size:24px; min-height:24px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; } .training-brochure a { color:#000; text-decoration:underline; font-weight: bold; } .training-brochure a:hover {text-decoration:none;} .trainingContent { margin:0; width:100%; font-size: 14px; } .trainingContent a {color:black; text-decoration:underline;} .trainingContent a:hover {text-decoration:none;} .trainingContentDetails { float:left; width:650px; padding:0px; background-color: white; font-size: 15px; line-height: 1.5; } .trainingContentDetails-img { max-width: 940px; margin-bottom: 0; border: 0px; width: inherit; } .trainingContentDetails-programme {margin:0px 0px 10px 0px; padding:10px; background:#EBEEED;} .trainingContentDetails h2, .trainingContentDetails h3, .trainingContentDetails h4, .trainingContentDetails h5, .training-details h2, h2.training-details-first { font-family: 'museo_sans900', Arial, Verdana, Helvetica, sans-serif; color: #444444; font-size: 30px; margin: 0; } .training-details { float:left; width:280px; margin-left:10px; padding-bottom:10px; background-color: white; } .training-details h2 {margin-top:10px;} .training-details h2.training-details-first {margin-top:0;} .training-details-enhance {color:#5BC5F2} .training-details-book { color: #000; padding: 0; margin: 10px 0px 20px; background-color: #5BC5F2; line-height: 1.5; font-size: 15px; border-left: 6px solid #333; } .training-details-book-date { padding: 15px 0px 15px 10px; } .training-details-book-date a { font-weight: bold; } .training-details-book a.add { background-color: #333; display: block; line-height: 50px; font-weight:bold; color: #fff; text-decoration: none; padding: 0px; height:50px; } .training-details-book a.add span { margin: 25px; margin-left: 10px; } .training-details-book a.add::before { content: ''; position: absolute; width: 280px; height: 5px; margin-top: 45px; margin-left: -6px; background: #5bc5f2; display: block; -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1); transition: transform 0.4s cubic-bezier(1, 0, 0, 1); } .training-details-book a.add:hover::before { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .training-details-book a.vcal {background:url(/images/global/interface/backgrounds/training-booking-vcal.gif) no-repeat 0px 0px; height:20px; padding-left:18px;} .training-details-closed { color: #FFFFFF; padding:10px; margin:10px 0px; background-color: #CD051D; line-height:150%; } .peopleHeader2, .articlesHeader2, .trainingHeader2 { padding: 270px 25px 30px; background-color: #cccccc; /* color / image TBC */ clear: both; } .trainingHeader2 { background-image: url(https://images.unsplash.com/photo-1589278560468-2f9bbaf07e90?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1329&q=80); background-size: cover; background-position: center; } .peopleHeader2 h1, .peopleHeader2 h2, .articlesHeader2 h1, .articlesHeader2 h2, .trainingHeader2 h1, .trainingHeader2 h2 { font-weight: normal; margin: 0px; color: #000000; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; font-size: 36px; clear: both; width: 60%; } .peopleHeader2 .filter-form, .articlesHeader2 .filter-form, .trainingHeader2 .filter-form, .trainingHeader2 .trainingSearchDropdowns { margin: 5px 0px 0px 0px; font-size: 19px; } .peopleHeader2 .filter-gobutton, .peopleHeader2 .goButton, .articlesHeader2 .filter-gobutton, .articlesHeader2 .goButton, .trainingHeader2 .filter-gobutton, .trainingHeader2 .goButton { background: #111; border: 1px solid #111; font-weight: normal; font-family: inherit; cursor: pointer; color: #FFFFFF; margin: 0px 1px; padding: 0px 13px; line-height: 16pt; } /* NEW FULL WIDTH STYLE NEWS AND ARTICLES */ .articleContent, .Newsdetail, .trainingContent { clear: both; } .articleContent h1, .Newsdetail h1, .trainingContent h1 { font-family: 'museo_sans900', Arial, Verdana, Helvetica, sans-serif; font-size: 50px; font-weight: normal; clear: both; color: #fff; background: #444; padding: 50px 30px; margin: 0; } .articleContent h1 { border-left: 30px solid #fec600; } .Newsdetail h1 { border-left: 30px solid #CAD100; } .trainingContent h1 { border-left: 30px solid #5BC5F2; } .Newsdetail-image { text-align: center; } .Newsdetail-description, .article-description { margin: 0px 15%; font-size: 15px; line-height: 1.5; } ul.news-countries, ul.news-servsect { margin-left:0; padding:0; font-size:85%; } ul.news-countries li, ul.news-servsect li { margin: 0px 5px 5px 0px; display:inline; list-style:none; float: left; padding:5px 10px 5px 10px; background-color: #F1F1F1; border:1px solid #CCCCCC; line-height: normal; } .Newsdetail p.date, .articleContent p.date { clear: both; } .articleContent blockquote { border-color: #fec600; } .Newsdetail blockquote { border-color: #CAD100; } .trainingContent blockquote { border-color: #5BC5F2; } .relatedPeople-container { display: flex; margin-bottom: 10px; clear:both; } .relatedPeople-inner { width: 200px; } .relatedPeople-inner img { max-width: 150px !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .relatedPeople-inner-div2 { box-sizing: border-box; padding: 0 0 8px 0; margin-left:10px; width:100%; border-left: 10px solid #fec600; } .Newsdetail .relatedPeople-inner-div2 { border-left: 10px solid #cad100; } .relatedPeople-inner-div2 ul { margin: 0 0 0 0px; padding:0; } .relatedPeople-inner-div2 li { margin: 0; padding: 0 0 0 10px; list-style: none; font-size: 15px; line-height: 1.5; } .relatedPeople-inner-div2 li:first-child { margin: 0; padding: 0; list-style: none; font-size: 15px; line-height: 1.5; } .relatedPeople-inner-div2 li.name a { text-decoration: none; font-size: 24px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; color: #333; display: block; padding: 20px 10px 0px 10px; } .relatedPeople-inner-div2 li.name a:hover { background: linear-gradient( to right, #fec600 0%, #fec600 50px, transparent ); } .Newsdetail .relatedPeople-inner-div2 li.name a:hover { background: linear-gradient( to right, #cad100 0%, #cad100 50px, transparent ); } .relatedPeople-inner-div2 li.jobtitle { font-size: 18px; } .relatedPeople-inner-div2 li.mobile-peopleTelephone { display: none; } .relatedPeople-inner-div2 li.relatedpeopleLinkedIn a { background:url(/code/responsive/PeopleDetails/desktop-people-linked-icon.png) no-repeat; padding:0px 0px 5px 25px; text-decoration:none; } .relatedPeople-inner-div2 li.relatedpeopleLinkedIn a:hover { border-bottom: 5px solid #fec600; } .Newsdetail .relatedPeople-inner-div2 li.relatedpeopleLinkedIn a:hover { border-bottom: 5px solid #cad100; } .articleDisclaimer { font-size:12px; text-align: center; padding:5px 10px 1px 10px; color: #000000; clear: both; } .articleDisclaimer h2 {margin:0px; color:#000000; font-size:20px; min-height:16px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif;} .articleDisclaimer a {background:none; color:#000000; font-weight: bold; text-decoration: underline;} a.go-back {color:white; background:#999; display:block; padding:10px; width:6em; text-align:center; font-size:1em; text-decoration:none;} a.go-back:hover {background:#777; text-decoration:none;} /* NewsEventsArticlesTabber_nonRSS */ #NewsEventsArticlesTabber_nonRSS { display: block; clear: both; margin-top:15px; } .news-and-video {} .news-and-video-left {width:470px; background:#0066B2; color:#FFF; padding-top:15px} .news-and-video-middle {} .news-and-video-right {width:470px; background:#CAD100; color:#000; padding-top:15px} .news-media-cell {} .newsmedia-cell-tophalf {height:55px;} .news-tabbertabs {margin-right:0px; } .news-tab-button {float: right; margin: 0px; border-right:1px solid #fff; width:25% } .news-tab-button:first-child {border-right:0px} .news-tab-button-inactive a {color: #ffffff; padding: 0px 10px; display:block; line-height:55px; text-decoration:underline;} .news-tab-button-inactive a:hover {cursor: pointer; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif;} .news-tab-button-active a {padding: 0px 10px; color:#ffffff; display:block; line-height:55px; cursor:default; text-decoration:none; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; } span.news-tab-text {text-align: center; white-space: nowrap;} .news-media-title { font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; font-size: 26px; font-weight: 400; text-align:left; margin-left:15px; display:block; } .newsmedia-fixed-title {font-size: 16px; text-align:left; margin-left:15px; display:block; } .news-title-container {display:block; float:left;} .tab-container {clear: both;} .tab-container-active {display: block;} .tab-container-inactive {display: none;} .tab-container-inner {min-height:240px; background:#0066B2; padding:0px 15px; border-top:1px solid #fff} .tab-container-inner ul {padding:0; margin:0;} .tab-container-inner li {padding:0; margin:0; list-style:none;} .tab-container-inner a {display:block; padding:15px 0px 15px 0px; color:#fff; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif;} .newstabber-socialmedia {text-align: center; padding:15px 0px 0px 0px; margin:0px 15px 15px;} .news-media-video {padding:10px 15px 0px 15px; text-align: center;} .all-newsmedia-container, .all-newsmedia-container-right {margin:15px 0px 0px 0px} a.all-newsmedia-button-link {border-top: 1px solid #FFF; text-indent:15px; display:inline-block; width:100%; color: #FFFFFF; line-height:40px; background:url(/code/responsive/arrow-right-white.png) no-repeat 100% 50%; } .all-newsmedia-container-right a.all-newsmedia-button-link {border-top: 1px solid #000000; text-indent:15px; color: #000000; line-height:40px; background:url(/code/responsive/arrow-right-black.png) no-repeat 100% 50%; } /*--------### START TABBER STYLES ###--------*/ .tabber-top-bg {width:500px; text-align:left; padding-top:14px;} .tabberlive-top-bg {width:500px; text-align:left; padding-top:14px;} /*--REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet!---*/ .tabberlive .tabbertabhide {display:none;} /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber {} .tabberlive { margin: 10px; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav {margin:0;padding: 0px 0px 0px 0px;} ul.tabbernav li {list-style: none;margin: 0;display: inline;} ul.tabbernav li a {padding: 4px 15px; margin: 0px 0px 0px 5px;border: 1px solid #000000;border-bottom: 0;background:#000000;text-decoration: none;color:#FFFFFF;} ul.tabbernav li a:hover {text-decoration:underline} ul.tabbernav li.tabberactive a {background: #FFFFFF;color: #333333;border-bottom: 0px solid #fff;} ul.tabbernav li.tabberactive a:hover {color: #000;border-bottom: 0;} /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab {padding:5px;border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 {display:none;} /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 {border-bottom:0} .tabberlive#tab2 {} /* --### STYLES BELOW TO CONTROL LOOK/FEEL OF CONTENT ###--*/ .holder {width:500px; float:right; padding-top:20px;} .right-align {text-align:right} form.search-site {margin:0; color:#778;} form.searchpeople {margin:0; color:#778;} input.search-site {width:350px; height:20px; border:1px solid #7F9DB9; font-family: inherit; font-size:16px; color:#999;} input.searchpeople {width:130px; height:20px; border:1px solid #7F9DB9; font-family: inherit; font-size:16px; color:#999; float:left; margin-top:1px;} select.searchpeople {width:315px; height:24px; border:1px solid #7F9DB9; font-family: inherit; font-size:16px; color:#999; margin-left:2px;} .search-site-go {width:130px; height:25px; color:#fff; background:#000000; border-top:2px solid #00cccc; border-left:2px solid #BEC3C6; border-right:2px solid #006666; border-bottom:2px solid #006666; padding:2px 3px 3px 3px;} .find-lawyer-go {width:30px; height:25px; color:#fff; background:#000000; border-top:2px solid #00cccc; border-left:2px solid #BEC3C6; border-right:2px solid #006666; border-bottom:2px solid #006666; padding:2px 3px 3px 3px;} .go-website-go {width:80px; height:25px; color:#fff; background:#000000; border-top:2px solid #00cccc; border-left:2px solid #BEC3C6; border-right:2px solid #006666; border-bottom:2px solid #006666; padding:2px 3px 3px 3px;} .NewsTabHolder {width:450px; float:left; height:auto;} .sm-logos {clear:both; text-align:right; margin:0px 0px 5px 0px; width:100%;} .sm-logos img {border:0;} .news {margin:10px 0px 0px 0px; clear:both; } .news a {color:#666; font-weight:bold; text-decoration:none;} .news a:hover {text-decoration:underline;} .day {font-size:240%; line-height:100%;} .news ul, .ebriefing ul {margin:0;padding:0;} .news li, .ebriefing li {list-style:none;} .news-more {float:left; text-align:left; padding-left:25px; background:url(/images/global/interface/backgrounds/news-more.jpg) no-repeat; height:17px; margin-right:10px;} .news-more a {color:#666; font-weight:normal; text-decoration:none;} .news-more a:hover {text-decoration:underline;} .news-more img {border:0;} .ebriefing {margin:10px 0px 0px 0px; clear:both;} .ebriefing a {color:#666; font-weight:bold; text-decoration:none;} .ebriefing a:hover {text-decoration:underline;} .advancedsearchbutton {text-align:right} .subscribe {margin:5px 0px 0px 0px; height:100%;} .subscribe img {border:none;} #rss {padding: 5px 0px 0px 0px;} .tabarea-logos {clear:both; margin-left:2px;} .view-more, .view-more2 {float:right; text-align:right; padding-left:25px; background:url(/images/global/interface/backgrounds/news-more.jpg) no-repeat; height:17px;} .view-more a, .view-more2 a {color:#666; font-weight:normal; text-decoration:none;} .view-more a:hover, .view-more2 a:hover {text-decoration:underline;} .view-more img, .view-more2 img {border:0;} .view-more2 {padding-left:46px;} .homepageVideo {width:435px; padding:0px; text-align:left;} .homepageVideo h3 {font-size:110%; color:#FFFFFF; padding-left:15px; clear:both; padding-top:0px; font-weight:normal; line-height:1em;} .large {font-size:100%; font-weight:bold;} .eventsdropdown {margin-left:0px; margin-top:10px; color:#555555;} .eventsdropdown form {margin:0} /* ############## PRESS HUB ############# */ .presshub-nav {width:100%;background:#0068ae;height:75px;margin-bottom:10px;font-family:museo_sans700, Verdana, Arial, sans-serif;clear:both; } .presshub-nav ul {display:block;padding:0 40px; margin:0;} .presshub-nav ul li {float:left; margin:0; padding:0; list-style:none;} .presshub-nav ul li a{font-size:18px;font-weight:700;color:#FFF;background:#0068ae;line-height:75px;position:relative;display:block;padding:0 20px; text-decoration:none} .presshub-nav ul li a:hover{color:#DDD} /*.presshub-nav ul li a:hover:after, .presshub-nav ul li.active a:after{bottom:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:8px;margin-left:-8px}*/ /*Style 'show menu' label button and hide it by default*/ .phc-show-menu {text-decoration:none; color:#fff; background:#0066b2; text-align:center; padding:15px 0; display:none;} /*Hide checkbox*/ input.phc-show-menu-input[type=checkbox]{display:none; -webkit-appearance:none;} /*Show menu when invisible checkbox is checked*/ input.phc-show-menu-input[type=checkbox]:checked ~ #phc-menu{display: block;} @media screen and (max-width : 760px){ .presshub-nav {height:auto; clear:both;} .presshub-nav ul {padding:0;} /*Make dropdown links appear inline*/ ul.phc-menu {position:static; display:none;} /*Create vertical spacing*/ ul.phc-menu li {margin-bottom: 1px;} /*Make all menu links full width*/ ul.phc-menu li, ul.phc-menu li a {width: calc(100% - 20px); background:#53565a;} ul.phc-menu li:last-of-type {margin-bottom:20px;} /*Display 'show menu' link*/ .phc-show-menu {display:block;} } .presshub-contacts {width:100%; color:#333;} .presshub-contacts h2 {font-size:25px; margin:0px; font-family:museo_sans900, Verdana, Arial, sans-serif; color:#333; } .presshub-contacts p {font-size:14px; margin-top:5px;} .presshub-contacts ul {margin:0; padding:0;} .presshub-contacts li {margin:0; padding:10px 0; list-style:none; border-top:1px solid #ccc; clear:both;} .presshub-contacts li:first-of-type {border-top:0; padding:0;} .phc-image {float:left; width:120px; margin-left:10px; text-align:center; padding-bottom:10px;} .phc-details {float:left; width:auto; margin-left:10px; font-size:14px; color:#666; padding-bottom:10px;} .phc-details p {margin:0} .phc-name {font-size:18px; } .phc-position {border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; clear:both; display:block;} .phc-cdets {line-height:18px;} .phc-email {color:#666; text-decoration:none;} .phc-blogspot ul {margin:0; padding:0;} .phc-blogspot li {margin:0; padding:0; list-style:none; clear:both; border-bottom:1px solid #ccc; } .phc-blogspot li a {display:block; text-decoration:none; font-weight:normal; padding:20px;} .phc-blogspot li:last-of-type {border-bottom:0;} .phc-blogspot li a:hover, .phc-blogspot li h2:hover, .phc-blogspot li p:hover {text-decoration:none; background:#E4E4E4;} .phc-blogspot li h2 {font-size:25px; margin:0px; font-family:museo_sans900, Verdana, Arial, sans-serif; color:#333;} .phc-blogspot li p {margin:0px; color:#333;} /*###################### Popup on External Location link on Events page - START ###########################*/ br.both {clear:both;} #backgroundPopup{display:none; position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:9999; _position:absolute; /* hack for internet explorer 6*/} .popupContact{display:none; position:fixed; z-index:99999; height:300px; width:400px; color:#000; background:#FFFFFF; border:10px solid #999999; padding:15px; font-size:95%; _position:absolute; /* hack for internet explorer 6*/} a.popupContactClose {top:10px; right:10px; position:absolute; display:block; height:24px; width:24px; background:url(/images/global/Interface/buttons/close-red.png) no-repeat; font-size:1%; text-decoration:none; color:#000;} .popupContact h1 {font-size:2em; font-weight:normal; clear:both; margin:0px 0px 20px 0px; color:#000; background:none; padding:0; border:0;} .popupContact a {color:#000;} /* Recaptcha Style */ .g-recaptcha div {display: inline !important;} .captcha-text {font-size:7pt; color:#284383; float:left; width:110px; min-height:100px; text-align:left;} .captcha-code {min-width:450px; min-height:110px; margin-left:10px;} .recaptcha-error {position:fixed; top:0; left:0; z-index:9999; background:url('/images/global/Interface/buttons/warning.png') no-repeat 2px 50% #CD051D; color:#FFFFFF; text-align:left; font-weight:bold; width:100%; height:auto; padding:15px 0px; text-indent:40px;} .recaptcha-success{position:fixed; top:0; left:0; z-index:9999999; background:#2F912D; color:#FFFFFF; text-align:left; font-weight:bold; width:100%; height:auto; padding:15px 0px; text-indent:40px;} .recaptcha-success a {color:#FFFFFF; text-decoration:underline;} .recaptcha-error, .recaptcha-success { -webkit-box-shadow: 0px 8px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 8px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 8px 5px 0px rgba(50, 50, 50, 0.75);} .recaptcha-success1 { border: 5px solid #2f912d; padding: 10px; background:rgba(161, 216, 131, 0.5); } .recaptcha-success1 h1 { margin: 0px; } .recaptcha-success1 a { font-weight: 900; text-decoration: underline; } .recaptcha-success1 a:hover { color: #2f912d; text-decoration: none; } /* ######################################################################################################################################## */ /* RANDOM PAGES */ /* ######################################################################################################################################## */ .abc-webinar-button {width:200px; background: #cd051d; text-align:center; } .abc-webinar-button a {color: #ffffff; display:block; padding: 10px 15px; text-decoration:none; } .abc-webinar-button a:hover {text-decoration:underline; } .useful-links {background:#CAD100; border:0px solid #FFF; color:#000; padding:5px} .crisis-button a { display:block; width:300px; padding:10px; background:#000000; color:#FFFFFF; text-align:center; border-top:2px solid #99d8d5; border-left:2px solid #99d8d5; border-right:2px solid #000000; border-bottom:2px solid #000000; } .crisis-button a:hover { display:block; width:300px; padding:10px; background:#000000; color:#FFFFFF; text-align:center; border-top:2px solid #000000; border-left:2px solid #000000; border-right:2px solid #99d8d5; border-bottom:2px solid #99d8d5; text-decoration:underline; } .germany-newsletter-table {width:100%} .germany-newsletter-table td {background: #F39100; } .germany-newsletter-table td:nth-child(even) {background: #CD0510;} .germany-newsletter-table tr:nth-child(even) td {background: #CD0510; } .germany-newsletter-table tr:nth-child(even) td:nth-child(even) {background: #F39100;} .germany-newsletter-table td.blank {background:#FFFFFF} .germany-newsletter-table a {color:#FFFFFF; text-decoration:none; text-align:center; display:table-cell; vertical-align:middle; height:100px; width:25%; font-size:16px; padding:10px;} .germany-newsletter-table td a:hover {text-decoration: underline; background-color: #572c5f; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out; } table.germany-newsletter-table .td-20 {width:20%} table.germany-newsletter-table .td-25 {width:25%} table.germany-newsletter-table .td-33 {width:33%} table.germany-newsletter-table .td-50 {width:50%} table.germany-newsletter-table .td-14 {width:14%;} @media screen and (max-width: 920px){ table.germany-newsletter-table .td-14 {width:24%; float:left;} } @media screen and (max-width: 640px){ table.germany-newsletter-table .td-14 {width:32%; float:left;} } @media screen and (max-width: 480px){ table.germany-newsletter-table .td-14 {width:49%; float:left;} } @media screen and (max-width: 320px){ table.germany-newsletter-table .td-14 {width:100%; float:left;} } @media screen and (max-width: 480px){ .germany-newsletter-table td {width:49%; float:left; margin:1px} } @media screen and (max-width: 320px){ .germany-newsletter-table td {width:100%; float:left;} } /* HRPG APPS ROLLOVER IMAGES */ .hr-app-devices {margin:0px; width:100%; height:272px;} .hr-app-devices-web a {background:url(/images/websites/sections/services/hr-app-laptop.jpg) no-repeat 0px 0px; display:block; width:261px; height:272px; float:left;} .hr-app-devices-web a:hover {background:url(/images/websites/sections/services/hr-app-laptop.jpg) no-repeat;} .hr-app-devices-web span {display:none;} .hr-app-devices-iphone a {background:url(/images/Websites/Sections/Services/hr-app-iphone.jpg) no-repeat; display:block; width:129px; height:272px; float:left;} .hr-app-devices-iphone a:hover {background:url(/images/websites/sections/services/hr-app-iphone.jpg) no-repeat;} .hr-app-devices-iphone span {display:none;} /* Public sector pensions reform table */ table.pensions-reform {border-bottom:0; } table.pensions-reform td {padding:10px 2px 10px 0px; border-top:1px solid #666; } table.pensions-reform tr {background:url(/images/global/Interface/Backgrounds/downarrow.png) no-repeat 4px -1px} table.pensions-reform a {display:block; margin-top:5px; border-top:1px solid #ccc; background:url(/images/global/Interface/Backgrounds/btn_arrows.gif) no-repeat -127px -95px; padding-left:15px} /* ######################################################################################################################################## */ /* UNKNOWN STYLES - TBC */ /* ######################################################################################################################################## */ /* Books and Guides page */ .he-wrap {position:relative;zoom:1;display:inline-block;*display:inline;} .he-view,.he-zoom {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;visibility:hidden;} .he-zoom img {position:absolute;top:0;left:0;} .he-zoomstate {position:absolute;bottom:0;right:0;background:#c00;color:#fff;border-radius:3px 0 0 0;font-size:12px;line-height:16px;padding:0 4px;box-shadow:-1px -1px 1px rgba(204,0,0,.3);} .he-view-show {visibility:visible;} .a0,.a1,.a2,.a3,.a4,.a5,.a6,.a7{ -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -ms-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s;} .a2 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s;} @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity:1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity:1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity:1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity:1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInRight { 0% {opacity: 0; -webkit-transform:translateX(100%);} 100% {opacity:1; -webkit-transform:translateX(0%);} } @-moz-keyframes fadeInRight { 0% {opacity: 0; -moz-transform:translateX(100%);} 100% {opacity:1; -moz-transform:translateX(0%);} } @-o-keyframes fadeInRight { 0% {opacity: 0; -o-transform:translateX(100%);} 100% {opacity:1; -o-transform:translateX(0%);} } @keyframes fadeInRight { 0% {opacity: 0; transform:translateX(100%);} 100% {opacity:1; transform:translateX(0%);} } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInDown { 0% {opacity: 0; -webkit-transform:translateY(-100%);} 100% {opacity:1; -webkit-transform:translateY(0%);} } @-moz-keyframes fadeInDown { 0% {opacity: 0; -moz-transform:translateY(-100%);} 100% {opacity:1; -moz-transform:translateY(0%);} } @-o-keyframes fadeInDown { 0% {opacity: 0; -o-transform:translateY(-100%);} 100% {opacity:1; -o-transform:translateY(0%);} } @keyframes fadeInDown { 0% {opacity: 0; transform:translateY(-100%);} 100% {opacity:1; transform:translateY(0%);} } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } .demowrap .box {float:left;padding:1px;box-shadow:0 0 2px rgba(0,0,0,.1);margin:20px 35px 20px 0;} .demowrap .title {border-bottom:3px solid #ddd;line-height:2em;clear:both;} .demowrap .title h3 {float:left;margin-bottom:-3px;border-bottom:3px solid #c00;color:#c00;padding:0 5px;} pre {background: none repeat scroll 0 0 #f5f5f5;border-left: 2px solid #c00;display: block;font-family: inherit;line-height: 150%;margin: 30px 0 18px 2px;overflow: auto;padding: 8px 0 8px 16px;white-space: pre;letter-spacing:.6px;text-shadow:1px 1px 1px #fff;} .demowrap table {border-collapse:collapse;} .demowrap th,.demowrap td {padding:5px 15px;} .demowrap .a_slow { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -ms-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; } .demowrap .info {float:left;padding:30px;} .demowrap .thumb-list {float:left;} .thumb-list li {padding:1px;border:1px solid #ddd;float:left;margin-right:20px;cursor:pointer;} .thumb-list li img {width:60px;float:left;} .viewsource {display:block;text-align:center;margin:5px 0;padding:4px;cursor:pointer;color:#cc0000;} .viewsource:hover {color:#F60;} .tpl4 .bg,.tpl4 .content {position:absolute;width:100%;height:100%;background:#333333;} .tpl4 .bg div {width:20%;height:100%;display: inline-block; *zoom:1; *display:inline; background-color:#aaa; background-color:rgba(0,0,0,.4); } .tpl4 .content .info-title {color:#000;font-size:14px;margin:0;padding:10px;background-color:#FCC51E;height:40px;overflow:hidden;} .tpl4 .content .detail {padding: 8px 10px;font-size:13px;line-height:1.5em;color:#fdfdfd;text-shadow:1px 1px 1px rgba(0,0,0,.3);} .tpl4 .content .more {text-decoration: none;position:absolute;top:60px;right:0;font-size:13px;font-weight:normal;padding:5px 8px;color:#FFF;width:95%;border-radius:5px 0 0 0;height:100%;background:url(/images/global/Interface/buttons/arrow-right.gif) 240px 120px no-repeat;} .office-list-all {float:left; width:262px; font-size:110%; margin-top:10px; } .office-list {float:left; width:125px;} .office-list ul {margin:0; padding:0;} .office-list li {margin:0; padding:0; list-style:none;} .office-list a {display:block; width:115px; border-top:0px solid #CCCCCC; color:#000; text-decoration:none; padding:4px 8px;} .office-list a:hover {background:#E4E4E4; text-decoration:underline;} .office-list li.active {background:#CAD100;} .office-list li.active a:hover {background:#CAD100;} .office-list li.active {background:#CAD100;} .office-list li.active a:hover {background:#CAD100;} .office-content { min-height:370px; font-size: 15px; line-height:1.5; } .office-content h1 { margin:0; font-family: 'museo_sans100', Arial, Verdana, Helvetica, sans-serif; font-size:3em; font-weight:normal; clear:both; line-height: 1; } .office-content h2 { color:#000; font-size:30px; min-height:16px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; line-height: 1; } .office-content a {color:#000; text-decoration:underline;} .office-content a:hover {text-decoration:none;} .office-content span.officetab {display:inline-block; width:200px;} .officePDFmap {background:url(/images/Global/Interface/buttons/pdf-small.gif) no-repeat; padding-left:25px; margin:2px 0px;} .officephoto {margin-bottom:20px;} .office-content-twocolumns {float:left; width:270px;} .office-content-title {width:520px; height:40px; padding:5px 15px; background-color:#333333; color:#ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000), color-stop(1, #000000)); } .office-content-title-city {float:left;font-size:20pt;font-family: inherit;} .office-content-title-office {float:left;font-size:20pt;font-family: inherit;padding-left:5px;color:#000000;} .office-content-title-time {float:right;font-size:10pt;padding-top:14px;} .office-content-map {clear:both; width:auto; height:300px; padding:10px; } .office-content-details {margin-top:10px; width:auto; height:140px; padding:10px 0px 15px 0px; clear:both;} .office-map-canvas {width:auto; height:300px; border:1px solid #000000; margin:0px 0px 10px 0px;} .office-map-infowindow-image {margin-right:10px;margin-bottom:10px;float:left;} .office-map-infowindow {padding-right:20px;} .office-map-infowindow h4 {margin-top:0px;margin-bottom:8px;} .office-map-infowindow-link {border:0px;font-size:11px;width:300px;} .office-map-infowindow-form {padding-left:85px;margin-top:0px;} #clock {display:none} /* .office-map-localtime {width:auto; height:auto; margin:10px 0px 0px 0px; padding:5px; background-color:#000000; color:#ffffff; text-align:right;}*/ #OfficeDetails {display: block; clear: both;} .officenumber.officetelnumber a {text-decoration: none;} .officenumbericon {display: none;} #OfficeMap {display:block; clear:both;} .mainleft-list {float:left; width:200px; font-size:110%; margin-top:10px; } .mainleft-list ul {margin:0; padding:0;} .mainleft-list li {margin:0; padding:0; list-style:none;} .mainleft-list li.active {} .mainleft-list a {display:block; width:190px; border-top:0px solid #CCCCCC; color:#000; text-decoration:none; padding:4px 8px;} .mainleft-list a:hover {background:#E4E4E4; text-decoration:underline;} .maincontentfull {width:820px; font-size:110%; margin:10px;} .submain h2 {background:url(../images/submains-h2-background.jpg) repeat-x; height:33px; font-size:120%; padding:8px 0px 0px 4px; margin:0; clear:left;} .submain-office-list-all {font-size:110%; margin:10px 0px; clear:both;} .submain-office-list-all2 {font-size:110%; margin-bottom:20px; clear:both;} .submain-office-list {} .submain-office-list ul {margin:0; padding:0;} .submain-office-list li {margin:0; padding:0; list-style:none; float:left; width:auto; height:auto; border:1px solid #F1F1F1;} .submain-office-list li.active {} .submain-office-list a {display:block; width:auto; height:auto; color:#000; text-decoration:none; padding:4px 12px; float:left; } .submain-office-list a:hover {background:#E4E4E4; text-decoration:underline;} .submain-people-list-all {font-size:110%; margin:10px 0px; clear:both;} .submain-people-list-all2 {font-size:110%; margin-bottom:20px; clear:both;} .submain-people-list {} .submain-people-list ul {margin:0; padding:0; clear:both;} .submain-people-list li {margin:0; padding:0; list-style:none; float:left; width:auto; height:auto; border:1px solid #F1F1F1;} .submain-people-list li.active {} .submain-people-list a {display:block; width:auto; height:auto; color:#000; text-decoration:none; padding:2px 5px; float:left; } .submain-people-list a:hover {background:#E4E4E4; text-decoration:underline;} /* #### collapsable leftmenu */ ul#menu, ul#menu ul {margin:0; padding:0; list-style:none;} ul#menu li {margin:0; padding:0; list-style:none; float:left; width:100%;} ul#menu li a {border-bottom:2px solid #FFF; background:#F1F1F1; display:block; width:auto; text-decoration:none; padding:8px 5px;} ul#menu li a:hover {background:#e1e1e1; text-decoration:underline;} ul#menu li a.active {background:#d1d1d1;} ul#menu li a.active:hover {background:#d1d1d1;} ul#menu li a.more {border-bottom:2px solid #FFF; background:url('/images/global/interface/backgrounds/menu-arrow-down.gif') 95% 7px no-repeat #666; display:block; width:auto; text-decoration:none; padding:8px 5px; color:#FFF;} ul#menu li a.more:hover {background:url('/images/global/interface/backgrounds/menu-arrow-down.gif') 95% 7px no-repeat #444; color:#FFF;} ul#menu li ul li a {border-bottom:2px solid #FFF; display:block; width:auto; text-decoration:none; padding:8px 5px 8px 12px; background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #CCC;} ul#menu li ul li a:hover {background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #f1f1f1; text-decoration:underline;} ul#menu li ul li a.odd {border-bottom:2px solid #FFF; display:block; width:auto; text-decoration:none; padding:8px 5px 8px 12px; background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #DDD;} ul#menu li ul li a.odd:hover {background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #f1f1f1; text-decoration:underline;} /* #### articles collapsable list ##### */ .news-collapse {width:100%; padding:0px 0px 0px 0px; font-size:100%; } .news-collapse ul {margin:0; padding:0; list-style:none;} .news-collapse li {margin:0; padding:0; float:left; width:100%;} .news-collaspe-date {float:right; width:auto;} .news-collapse h2 {border-bottom:2px solid #FFF; background:url('/images/global/interface/backgrounds/menu-arrow-down.gif') 99% 7px no-repeat #666; display:block; width:auto; text-decoration:none; padding:8px 5px; color:#FFF; font-size:100%; margin:0;} .news-collapse li a {border-bottom:2px solid #FFF; display:block; width:auto; text-decoration:none; padding:8px 5px 8px 12px; background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #CCC;} .news-collapse li a:hover {background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #f1f1f1; text-decoration:underline;} .news-collapse li a.odd {border-bottom:2px solid #FFF; display:block; width:auto; text-decoration:none; padding:8px 5px 8px 12px; background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #DDD;} .news-collapse li a.odd:hover {background:url('/images/Websites/Interface/Backgrounds/icon_right-arrow.gif') 0px 12px no-repeat #f1f1f1; text-decoration:underline;} .news-collapse .pagination {margin:0;} /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /**********************************************************************************************************************************************************************************************/ /*Tablet style */ @media screen and (max-width: 1070px), handheld and (orientation : landscape) { body { background: #FFFFFF; font-family: 'museo_sans300', Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-size:100%; margin:0; -webkit-text-size-adjust: 100%; } .evershedsDesktop { display: none; } .evershedsMobile { display: block; clear: both; } #globalMenu { display: none; } #globalTabMenu { display: none; } #locationMenu { display: none; } #searchMenu { display: none; } ul.lang{ display: none; } .vertical-logo {width: 114px;} a.eversheds-header-logo {width:114px;} #mainContent {width:auto; margin:0 0 0 114px;} .centerComponents {margin-left: 0px;} #element1 {margin-left: 114px} .megamenu_holder, .header-links, .globalMenuTabContainer, .cd-dropdown-wrapper { display: none; } #navBar { position: relative; display: block; width: 100%; float: right; height: 44px; z-index: 1000; } .js .slicknav_menu { display:block; } section { background: #eee; } aside { background: #bbb; } .header { height: auto !important; width: auto !important; min-height:0px; } .mobileMenuFlags{ width: 50% !important; float: left; clear: none; background-color: #333; } .mobileMenuFlags a { min-height: 40px; } .mobileMenuFlags a.lang-flag-en,.mobileMenuFlags a.lang-flag-en:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-it,.mobileMenuFlags a.lang-flag-be:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-cn,.mobileMenuFlags a.lang-flag-cn:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-cz,.mobileMenuFlags a.lang-flag-cz:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-de,.mobileMenuFlags a.lang-flag-de:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-dk,.mobileMenuFlags a.lang-flag-dk:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-ee,.mobileMenuFlags a.lang-flag-ee:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-es,.mobileMenuFlags a.lang-flag-es:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-fr,.mobileMenuFlags a.lang-flag-fr:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-hu,.mobileMenuFlags a.lang-flag-hu:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-it,.mobileMenuFlags a.lang-flag-it:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-jp,.mobileMenuFlags a.lang-flag-jp:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-lt,.mobileMenuFlags a.lang-flag-lt:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-lv,.mobileMenuFlags a.lang-flag-lv:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-nl,.mobileMenuFlags a.lang-flag-nl:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-pl,.mobileMenuFlags a.lang-flag-pl:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-sk,.mobileMenuFlags a.lang-flag-sk:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-se,.mobileMenuFlags a.lang-flag-se:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .responsiveImage { max-width: 100%; } #mobileFooter { display: block; width: 100%; text-align: center; padding: 20px 0; clear: both; } /* hacks */ #st_horizontal .st_view_container { z-index: -5 !important; } .captcha-text {font-size:10px; float:none; width:100%; min-height:100px; text-align:left;} .captcha-code {min-width:290px; min-height:110px; margin-left:0px; width:100%;} #recaptcha_challenge_image{ margin: 0 !important; width: 100% !important; } #recaptcha_response_field { margin: 0 !important; width: 100% !important; } .recaptchatable #recaptcha_image { margin: 0 !important; width: 95% !important; } .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell { margin: 0 !important; width: 100% !important; background: none !important; } #recaptcha_table tbody tr td { padding: 0 !important; width: 75px; } .recaptchatable .recaptcha_image_cell { padding-right: 0 !important; } #recaptcha_privacy a { line-height: 1.2em; } span#recaptcha_privacy { width: 50px; } .articleContent img, .Newsdetail img { width: auto; } .articleContent span.peopleTelephone, .Newsdetail span.peopleTelephone { background: none; padding: 0px; margin: 0px; } .submenu-links { height:auto; } .submenu-links li { float:none; } .submenu-links a { display:block; width:100%; border-top:1px solid #999999; } .submenu-links ul ul {display:none;} #mobileSubMenuLinks { display: block; } .footer {padding: 10px 0 0 0; /* margin: 0; */ font-size:13px;} .footerLinks { width: 100%; margin: 0 0 10px 0; padding: 0;} /*.footerLinks li { width: 100%; height: 30px; padding: 0; margin: 0;} .footerLinks li a { border: none; width: 100%; padding: 0;}*/ .footerRight { width: 100%; text-align: center; margin: 0;} .footerText {font-size:13px; padding-top:1px;} .filter-dropdown { width: 100%; max-width: 100%; } .filter-gobutton, .peopleHeader2 .filter-gobutton, .peopleHeader2 .goButton, .articlesHeader2 .filter-gobutton, .articlesHeader2 .goButton, .trainingHeader2 .filter-gobutton, .trainingHeader2 .goButton { width: 100%; height: 50px; border: none; margin: 0px; margin-top: 5px; } .pagination { float: left; clear: both; height: auto; } .pagination2 { width: auto; clear: both; } .prenext { padding: 0; clear: both; } .trainingContent { } .trainingContent img { max-width:100% } .trainingContentDetails { width: auto; border: none; max-width:100%; margin:0; padding: 0; } .trainingContentDetails-img { width: 100%; } .training-brochure-preview { width: auto; float: none; } .training-details { margin: 0; padding: 0; width:100%; box-sizing: border-box; } .training-details-book a.add { width: 100%; } .breadcrumb-trail a { font-size:12px; color:#666; } /* NewsEventsArticlesTabber_nonRSS */ #NewsEventsArticlesTabber_nonRSS { display: block; clear: both; -webkit-text-size-adjust: 100%; } table.news-and-video {width:100%} table.news-and-video td {width:100%; float:left} .news-title-container { display:block; width:100%; border-bottom:1px solid #fff; padding-bottom:15px } .news-tabbertabs {margin:0px 8px} .news-tab-button {float: left; width:32%; line-height:12px} .news-tab-button:first-child {border-right:1px solid #FFFFFF} .news-tab-button:last-child {border-right:0px} table.responsive-locations {width:100%} table.responsive-locations td {width:100%; float:left} table.responsive th, .ResponsiveTable th, table.responsive td, .ResponsiveTable td {width:100%; float:left;} table.responsive .td-20, table.responsive .td-25, table.responsive .td-33, table.responsive .td-50 {width:100%; float:left} table.peopleTable {font-family: inherit; margin:0px 10px} table.peopleTable th {display:none} table.peopleTable td {width:100%; float:left; padding-top:0; padding-bottom:0} table.peopleTable td.peopleTable-name {width:100%; } table.peopleTable td.peopleTable-jobtitle {width:50%;} table.peopleTable td.peopleTable-telephone {width:50%;} table.peopleTable td.peopleTable-country {display:none} table.peopleTable a {display:block; border-top:1px solid #ccc; font-weight:bold;} #desktop-Country_SubMenu { display: block; } .country-submenu-container { display:table; width:100%; background: #7d7e7d; /* Old browsers */ } .country-submenu-container a { display:none; } .country-submenu-container a.country { display:block; color:#fff; background: #7d7e7d; /* Old browsers */ } #desktop-Country_SubMenu .country-submenu-container ul.lang { display: none; } #mobile-Country_SubMenu { display: block; } #desktop-Eventstable_nonwest { display: none; } #mobile-Eventstable_nonwest { display: block; clear: both; background-color: white; padding: 3px 13px 3px 13px; width: auto; } #mobile-Eventstable_nonwest h1 { color: black; } #mobile-Eventstable_nonwest a { color: white; text-decoration: underline; } #mobile-Eventstable_nonwest .eventheadline { background-color: #333333; padding: 4px 20px 4px 20px; text-align: center; } #mobile-Eventstable_nonwest .eventitemdate { width: 90%; text-align: right; margin: 10px 0px 10px 0px; } #desktop-HomepageBanner { display: none; } #mobile-HomepageBanner { display: block; background-repeat: no-repeat; clear: both; } #mobile-HomepageBanner img { width: 100%; } .leftnav-links { width: 100% !important; margin-bottom:10px; } .leftnav-links a { width: auto; } .leftnav-links a.highlightLeftMenu { width: auto; } .leftnav-links li li a { width: auto; } .leftnav-links li li a.highlightLeftMenu { width: auto; } #desktop-LocalPeopleServiceNew { display: none; } #mobile-LocalPeopleServiceNew { display: block; clear: both; } #mobile-LocalPeopleServiceNew div { border-bottom: 1px solid #cccccc; padding: 5px 10px; font-size: 13px; } #mobile-LocalPeopleServiceNew .localpeople-name { display: block; font-weight: bold; } #mobile-LocalPeopleServiceNew .localpeople-country { float: right; margin-right: 10px; } .office-content { min-height: auto; } .office-content h1 { font-size:; } .office-content h2 { font-size:; } .officephoto { display: block; float: none; } .officenumber { width: 100%; margin-bottom: 8px; height: 37px; font-size: 22px; font-weight: bold; color: white; padding: 3px; border-radius: 8px; } .officetelnumber { background-color: black; } .officetelnumber a{ color: white; text-decoration: none; } .officefaxnumber { background-color: black; } p.officeEmail { border-radius: 8px; background-color: black; height: 37px; padding: 3px; } p.officeEmail a { text-decoration: none; font-size: 22px; font-weight: bold; color: white; padding-left: 45px; background-image: url(/code/responsive/OfficeDetails/white-transparent-icon-email.png); background-repeat: no-repeat; } p.officePDFmap { border-radius: 8px; background-color: #d11515; height: 37px; padding: 3px; } .office-content span.officetab { display: none; } .office-content h2 { font-weight: bold; } p.officePDFmap a { text-decoration: none; color: white; } .officenumbericon { display: inline; vertical-align: middle; margin-right: 10px; } .officePDFmap { background: none; } .office-map-canvas { width: auto; height: 326px; margin: 0 10px; } #PeopleDetailsRelated .tabbernav {border: 0; height:27px;} #PeopleSearch select, #PeopleSearch input { display: block; box-sizing: border-box; width: 100%; clear: both; border-width: 0; } #PeopleSearch br { display: none; } #PeopleSearch .filter-gobutton { width: 100%; height: 35px; margin-top: 4px; clear: both; text-align: center; } #QuickFinder { background-color: white; } .quickfinder-logo { margin: 0px 0px 0px 10px; float: left; } .quickfinder-title { margin: 8px 100px 0px 10px; float: left; } ul.quickfinder-list li { display: block; width: 100%; } #ServiceSectorArticles table tr td { display: block; float: left; width: 100%; } #ServiceSectorArticles .article-title-head { display: none; } #ServiceSectorArticles .article-pubdate-head { display: none; } #ServiceSectorArticles .article-title { border: none; padding: 0px 10px 0px 0px; } #ServiceSectorArticles .article-title a { text-decoration: underline; } #ServiceSectorArticles .article-pubdate { border: none; text-align: left; padding: 5px 10px 20px 0px; } #ServiceSectorArticles .pagination { text-align: left; } #desktop-ServSectCountrySelector { display: none; } #mobile-ServSectCountrySelector { margin-top: 10px; display: block; clear: both; } #mobile-ServSectCountrySelector .services-select-country { background-color: #3d3d3d; padding: 20px; } #servsect-select-country-dropdown select { -webkit-appearance: none; -moz-appearance: window; background: transparent; width: 100%; wid\th: 112%; /* IE hack */ padding: 1px 20px 0 3px; border: 0; color: white; } #servsect-select-country-dropdown option { color: black; } .specialistperson {clear:both; border-top:1px solid #2f912d;} .specialistperson-img {display:none} .specialistperson li.peopleEmail:after {display:none;} .fullwidth-twitter-feed {clear:both;} .fullwidth-twitter-feed2 {margin:10px;} .genericform textarea {width:100%;} .genericform input[type="text"],input[type="password"] {width: 100%;} .genericform label {} .genericform .submitform-button {width: 100%;} } /*Mobile style */ @media screen and (max-width: 640px), handheld and (orientation : landscape) { body { background-color:#FFFFFF; font-family: 'museo_sans300', Arial, Verdana, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; font-size:100%; } .evershedsDesktop { display: none; } .evershedsMobile { display: block; clear: both; } .vertical-logo { position: relative; width: 300px; height: auto; max-width: none; background-size: auto auto; margin: 0; } .vertical-logo-head { padding: 0px 0; min-height: auto; text-align:center; } a.eversheds-header-logo { color: #fff; display: block; background: url(eversheds-horizontal-logo.jpg) no-repeat 25px 25px; width: 300px; margin: 0; height: 90px; } a.eversheds-header-logo span { display:none; } #mainContent {width:auto; margin:auto;} #element1, .centerComponents {margin-left: 0px; } #globalMenu { display: none; } #globalTabMenu { display: none; } #locationMenu { display: none; } #searchMenu { display: none; } ul.lang{ display: none; } .megamenu_holder, .header-links, .globalMenuTabContainer, .cd-dropdown-wrapper { display: none; } #navBar { position: relative; display: block; width: 100%; float: right; height: 44px; z-index: 1000; margin-top: -25px; } .js .slicknav_menu { display:block; } #element1 { width: auto; } #container { } section { background: #eee; } aside { background: #bbb; } .header { height: auto !important; width: auto !important; min-height:0px; } .mobileMenuFlags{ width: 50% !important; float: left; clear: none; background-color: #333; } .mobileMenuFlags a { min-height: 40px; } .mobileMenuFlags a.lang-flag-en,.mobileMenuFlags a.lang-flag-en:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-it,.mobileMenuFlags a.lang-flag-be:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-cn,.mobileMenuFlags a.lang-flag-cn:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-cz,.mobileMenuFlags a.lang-flag-cz:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-de,.mobileMenuFlags a.lang-flag-de:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-dk,.mobileMenuFlags a.lang-flag-dk:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-ee,.mobileMenuFlags a.lang-flag-ee:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-es,.mobileMenuFlags a.lang-flag-es:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-fr,.mobileMenuFlags a.lang-flag-fr:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-hu,.mobileMenuFlags a.lang-flag-hu:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-it,.mobileMenuFlags a.lang-flag-it:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-jp,.mobileMenuFlags a.lang-flag-jp:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-lt,.mobileMenuFlags a.lang-flag-lt:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-lv,.mobileMenuFlags a.lang-flag-lv:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-nl,.mobileMenuFlags a.lang-flag-nl:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-pl,.mobileMenuFlags a.lang-flag-pl:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-sk,.mobileMenuFlags a.lang-flag-sk:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .mobileMenuFlags a.lang-flag-se,.mobileMenuFlags a.lang-flag-se:hover { min-height: 0; background-position-y: 16px; padding-left: 28px !important; } .responsiveImage { width: 100%; } #mobileFooter { display: block; width: 100%; text-align: center; padding: 20px 0; clear: both; } /* hacks */ #st_horizontal .st_view_container { z-index: -5 !important; } .formdetails .text150, .formdetails .text190 {width:100%; margin-bottom:10px} .formquestion td, .formquestion th, .formcontacts td {width:100%} .captcha-text {font-size:10px; float:none; width:100%; min-height:100px; text-align:left;} .captcha-code {min-width:290px; min-height:110px; margin-left:0px; width:100%;} #recaptcha_challenge_image{ margin: 0 !important; width: 100% !important; } #recaptcha_response_field { margin: 0 !important; width: 100% !important; } .recaptchatable #recaptcha_image { margin: 0 !important; width: 95% !important; } .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell { margin: 0 !important; width: 100% !important; background: none !important; } #recaptcha_table tbody tr td { padding: 0 !important; width: 75px; } .recaptchatable .recaptcha_image_cell { padding-right: 0 !important; } #recaptcha_privacy a { line-height: 1.2em; } span#recaptcha_privacy { width: 50px; } .mainbody { clear: both; padding: 0px 10px !important; } .mainbody h1 { font-size: 32px; } .mainbody h2 { font-size: 26px; } .mainbody h3 { font-size: 22px; } .articleContent h1, .Newsdetail h1, .trainingContent h1 { font-size: 26px; padding: 30px 10px; border-width: 15px; } .articleContent img, .Newsdetail img { width: auto; max-width: 100%; } .Newsdetail-description, .article-description { margin: 0px 15px; font-size: 15px; line-height: 1.5; } .articleContent span.peopleTelephone, .Newsdetail span.peopleTelephone { background: none; padding: 0px; margin: 0px; } .rss-news-table h1 { font-size: 40px; } .submenu-links { height:auto; } .submenu-links li { float:none; } .submenu-links a { display:block; width:100%; border-top:1px solid #999999; } .submenu-links ul ul {display:none;} #mobileSubMenuLinks { display: block; } .footer {padding: 10px 0 0 0; /* margin: 0; */} .footerLinks { width: 100%; } .footerLinks { margin: 0; padding: 0; } .footerLinks li { width: 100%; height: 30px; padding: 0; margin: 0;} .footerLinks li a { border: none; width: 100%; padding: 0;} .footerRight { width: 100%; text-align: center; margin: 0;} .filter-dropdown { width: 100%; max-width: 100%; } .serv-sect-specialistperson li.peopleTelephone { height: 44px; line-height: 44px; } .article-list {font-size:14px;} .article-list p {padding: 10px;} .article-list tr {width: 100%;} .article-list td {width: 98%; float: left; border:0; padding:5px;} .article-list a {border-bottom:1px solid #5BC5F2; padding:0px 0px 10px 0;} .pagination { float: left; clear: both; height: auto; } .pagination2 { width: auto; clear: both; } .prenext { padding: 0; clear: both; } .trainingContent img { max-width:100% } .trainingContentDetails, .training-details { max-width:100%; padding: 10px; } .training-brochure-preview { width: auto; float: none; } .breadcrumb-trail { display: none; } .serv-sect-nav-tab { height: auto; width: 100%; } .serv-sect-nav-tab a.highlightLeftMenu, .serv-sect-nav-tab li li a.highlightLeftMenu { color: #E4E4E4; background: #a1a1a1; } .serv-sect-nav-tab a { margin: 0px; } .serv-sect-nav-tab li { width: 100%; border-bottom: 1px solid #a1a1a1; } /* NewsEventsArticlesTabber_nonRSS */ #NewsEventsArticlesTabber_nonRSS { display: block; clear: both; -webkit-text-size-adjust: 100%; } table.news-and-video {width:100%} table.news-and-video td {width:100%; float:left} table.news-and-video iframe {width:100%} .news-title-container { display:block; width:100%; } .news-tabbertabs {margin:0px 10px} .news-tab-button {float: left; width:32%; line-height:12px} .news-tab-button:first-child {border-right:1px solid #FFFFFF} .news-tab-button:last-child {border-right:0px} table.rss-news-table {border-bottom: 1px solid #5BC5F2;} table.rss-news-table td {width:100%; float:left; border:0;} table.rss-news-table a {border-top: 1px solid #5BC5F2; font-size:14px;} table.rss-news-table td.news-table-date {text-align:left; padding:0px 0px 10px 0px;} table.responsive-locations {width:100%} table.responsive-locations td {width:100%; float:left} table.responsive td {width:100%; float:left;} table.peopleTable {font-family: inherit; margin:0px 10px} table.responsive-locations {width:100%} table.responsive-locations td {width:100%; float:left} table.responsive td {width:100%; float:left;} table.peopleTable {font-family: inherit; margin:0px 10px} table.peopleTable th {display:none} table.peopleTable td {width:100%; float:left; padding-top:0; padding-bottom:0} table.peopleTable td.peopleTable-name {width:100%; } table.peopleTable td.peopleTable-jobtitle {width:50%;} table.peopleTable td.peopleTable-telephone {width:50%;} table.peopleTable td.peopleTable-country {display:none} table.peopleTable a {display:block; border-top:1px solid #ccc; font-weight:bold;} .mainbody img {max-width:100%} #desktop-Country_SubMenu { display: block; } .country-submenu-container { display:table; width:100%; background: #7d7e7d; /* Old browsers */ } .country-submenu-container a { display:none; } .country-submenu-container a.country { display:block; color:#fff; background: #7d7e7d; /* Old browsers */ } #desktop-Country_SubMenu .country-submenu-container ul.lang { display: none; } #mobile-Country_SubMenu { display: block; } #desktop-Eventstable_nonwest { display: none; } #mobile-Eventstable_nonwest { display: block; clear: both; background-color: white; padding: 3px 13px 3px 13px; width: auto; } #mobile-Eventstable_nonwest h1 { color: black; } #mobile-Eventstable_nonwest a { color: white; text-decoration: underline; } #mobile-Eventstable_nonwest .eventheadline { background-color: #333333; padding: 4px 20px 4px 20px; text-align: center; } #mobile-Eventstable_nonwest .eventitemdate { width: 90%; text-align: right; margin: 10px 0px 10px 0px; } #desktop-HomepageBanner { display: none; } #mobile-HomepageBanner { display: block; background-repeat: no-repeat; clear: both; } #mobile-HomepageBanner img { width: 100%; } .leftnav-links { width: 100% !important; margin-bottom:10px; } .leftnav-links a { width: auto; } .leftnav-links a.highlightLeftMenu { width: auto; } .leftnav-links li li a { width: auto; } .leftnav-links li li a.highlightLeftMenu { width: auto; } #desktop-LocalPeopleServiceNew { display: none; } #mobile-LocalPeopleServiceNew { display: block; clear: both; } #mobile-LocalPeopleServiceNew div { border-bottom: 1px solid #cccccc; padding: 5px 10px; font-size: 13px; } #mobile-LocalPeopleServiceNew .localpeople-name { display: block; font-weight: bold; } #mobile-LocalPeopleServiceNew .localpeople-country { float: right; margin-right: 10px; } .office-content { min-height: auto; } .officephoto { display: block; float: none; } .officenumber { width: 100%; margin-bottom: 8px; height: 37px; font-size: 22px; font-weight: bold; color: white; padding: 3px; border-radius: 8px; } .officetelnumber { background-color: black; } .officetelnumber a{ color: white; text-decoration: none; } .officefaxnumber { background-color: black; } p.officeEmail { border-radius: 8px; background-color: black; height: 37px; padding: 3px; } p.officeEmail a { text-decoration: none; font-size: 22px; font-weight: bold; color: white; padding-left: 45px; background-image: url(/code/responsive/OfficeDetails/white-transparent-icon-email.png); background-repeat: no-repeat; } p.officePDFmap { border-radius: 8px; background-color: #d11515; height: 37px; padding: 3px; } .office-content span.officetab { display: none; } .office-content h2 { font-weight: bold; } p.officePDFmap a { text-decoration: none; color: white; } .officenumbericon { display: inline; vertical-align: middle; margin-right: 10px; } .officePDFmap { background: none; } .office-map-canvas { width: auto; height: 326px; margin: 0 10px; } #PeopleDetails { margin:0px 10px} #desktop-peopleContacts { display: none; } #mobile-peopleContacts { display: table; width: 100%; } #mobile-peopleContacts img { vertical-align: middle; margin-right: 5px; } #PeopleDetails .peopleContent a { color: #000000; } #PeopleDetails .peopleContent h1 {clear:both;} #PeopleDetails .peopleImage_placeholder {display: block; float: none;} #PeopleDetails .peopleImage { display: block; float: none; } #PeopleDetails .peopleEmail { display: table-cell; vertical-align: middle; float: left; width: 45%; height: 37px; background-color: #212121; margin: 0px 5px 0px 0px; color: white; padding: 7px 5px 3px 5px; text-align: center; border-radius: 8px; background-image: none; } #PeopleDetails .peopleLocation { margin-bottom: 10px; } #PeopleDetails .peopleEmail a { color: white; text-decoration: none; font-size: 20px; font-weight: bold; } #PeopleDetails .peopleVcard { float: right; width: 45%; height: 37px; background-color: #3091d1; padding: 5px; margin: 0px 0px 10px 0px; text-align: center; border-radius: 8px; background-image: none; } #PeopleDetails .peopleVcard a { color: white; text-decoration: none; font-size: 20px; font-weight: bold; } #PeopleDetails .peopleTelephone { clear: both; display: block; float: none; width: auto; background-color: #212121; margin: 0px; color: white; padding: 5px 5px 5px 15px; text-align: left; border-radius: 8px; font-size: 20px; font-weight: bold; background-image: none; } #PeopleDetails .peopleTelephone a { color: white; } #PeopleDetails .peopleCellPhone { clear: both; width: auto; background-color: #212121; margin: 10px 0px 0px 0px; color: white; padding: 5px 5px 5px 15px; text-align: left; border-radius: 8px; font-size: 20px; font-weight: bold; background-image: none; } #PeopleDetails .peopleCellPhone a { color: white; } #PeopleDetails .peopleBlog img { margin-top: 6px; } #PeopleDetails .peopleTwitter img { margin: 8px 0px 0px 0px; } #PeopleDetails .peopleLinkedIn img { margin-top: 8px; } #PeopleDetails .peopleBlog { float: left; margin: 0px 10px 0px 0px; background: none; width: auto; } #PeopleDetails .peopleTwitter { float: left; margin: 0px 10px 0px 0px; background: none; width: 52px; } #PeopleDetails .peopleLinkedIn { float: left; margin: 0px 10px 0px 0px; background: none; width: auto; } #PeopleDetails ul.peoplePracticeAreas li { display: list-item; /* margin: 5px 0px 0px 0px; */ } #PeopleDetails .officenumber { width: 100%; margin-bottom: 8px; height: 35px; font-size: 22px; font-weight: bold; color: white; padding: 3px; } #PeopleDetails .officetelnumber { background-color: #1D6D86; } #PeopleDetails .officefaxnumber { background-color: #9AB534; } #PeopleDetails p.officePDFmap { background-color: #D91616; height: 35px; padding: 3px; } #PeopleDetails .office-content span.officetab { display: none; } #PeopleDetails p.officePDFmap a { text-decoration: none; color: white; } #PeopleDetails .officenumbericon { display: inline; vertical-align: middle; margin-right: 10px; } #PeopleDetails .officePDFmap { background: none; } #PeopleDetailsRelated { width: auto; } #PeopleSearch { width: auto; } .peopleHeader { margin-bottom: 0px; } .peopleHeader-freetextsearch { float: none; width: 100%; clear: both; } #PeopleSearch fieldset { clear: both; margin-top: 20px; } #PeopleSearch select, #PeopleSearch input { display: block; box-sizing: border-box; width: 100%; clear: both; border-width: 0; } #PeopleSearch br { display: none; } #PeopleDetailsRelated .tabberlive {margin:0px 10px 10px 10px} #QuickFinder { background-color: white; } .quickfinder-logo { margin: 0px 0px 0px 10px; float: left; } .quickfinder-title { margin: 8px 100px 0px 10px; float: left; } ul.quickfinder-list li { display: block; width: 100%; } #ServiceSectorArticles table tr td { display: block; float: left; width: 100%; } #ServiceSectorArticles .article-title-head { display: none; } #ServiceSectorArticles .article-pubdate-head { display: none; } #ServiceSectorArticles .article-title { border: none; padding: 0px 10px 0px 0px; } #ServiceSectorArticles .article-title a { text-decoration: underline; } #ServiceSectorArticles .article-pubdate { border: none; text-align: left; padding: 5px 10px 20px 0px; } #ServiceSectorArticles .pagination { text-align: left; } #desktop-ServSectCountrySelector { display: none; } #mobile-ServSectCountrySelector { margin-top: 10px; display: block; clear: both; } #mobile-ServSectCountrySelector .services-select-country { background-color: #3d3d3d; padding: 20px; } #servsect-select-country-dropdown select { -webkit-appearance: none; -moz-appearance: window; background: transparent; width: 100%; wid\th: 112%; /* IE hack */ padding: 1px 20px 0 3px; border: 0; color: white; } #servsect-select-country-dropdown option { color: black; } .fullwidth-twitter-feed {clear:both;} .fullwidth-twitter-feed2 {margin:10px;} .genericform {text-align:left;} .genericform textarea {width: 100%;} .genericform input[type="text"],input[type="password"] {width:100%;} .genericform label {} .genericform .submitform-button {width: 100%;} .relatedPeople-inner { display:none; } .relatedPeople-inner-div2 ul { margin:0; } .relatedPeople-inner-div2 .desktop-peopleTelephone { display: none; } .relatedPeople-inner-div2 .mobile-peopleTelephone { clear: both; display: inline-block; float: left; width: auto; background-color: #212121; margin: 0px 0px 10px 0px; padding: 5px 15px; text-align: center; border-radius: 8px; font-size: 18px; font-family: 'museo_sans700', Arial, Verdana, Helvetica, sans-serif; background-image: none; } .relatedPeople-inner-div2 .mobile-peopleTelephone a{ color: white; text-decoration: none; } .demowrap .box {float:none;margin:0px;} .abc-webinar-button {width:100%;} .join-button {width: 100%;} } .join-button { background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-white.png') no-repeat scroll right 10px center; background-color: #cd051d; display: inline-block; font-size: 18px; text-decoration: none; font-family: museo_sans700, verdana, arial, sans-serif; padding:20px; text-align:left; vertical-align: middle; width: 99%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .join-button a { text-decoration:none; font-weight: normal; color: #ffffff; display: inline-block; min-width:80px;} .join-button a:hover { text-decoration:underline; font-weight:bold;} .button-yellow {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #FEC600} .button-yellow-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #F8E08E} .button-yellow-dark {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #F2A900} .button-orange {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #F39100} .button-orange-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #FDAA63} .button-orange-dark {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #E35205} .button-lightblue {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #5BC5F2} .button-lightblue-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #B9D9EB} .button-lightblue-dark {background-color: #0076A8} .button-darkblue {background-color: #0066B2} .button-darkblue-light { background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center;background-color: #69B3E7} .button-darkblue-dark {background-color: #002D72} .button-lightgreen {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #CAD100} .button-lightgreen-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #E0EC89} .button-lightgreen-dark {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #949300} .button-darkgreen {background-color: #2F912D} .button-darkgreen-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #A1D884} .button-darkgreen-dark {background-color: #027223} .button-purple {background-color: #711F7E} .button-purple-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #C6A1CF} .button-purple-dark {background-color: #572C5F} .button-pink {background-color: #E1326B} .button-pink-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #E89CAE} .button-pink-dark {background-color: #AE2573} .button-red-light {background: #fff url('https://www.eversheds-sutherland.com/images/Websites/Interface/Backgrounds/arrow-black.png') no-repeat scroll right 10px center; background-color: #E8927C} .button-red-dark {background-color: #A72B2A} .button-yellow a, .button-yellow-light a, .button-yellow-dark a, .button-orange a, .button-orange-light a, .button-orange-dark a, .button-lightblue a, .button-lightblue-light a, .button-red-light a, .button-pink-light a, .button-purple-light a, .button-darkblue-light a, .button-lightgreen a, .button-lightgreen-light a, .button-lightgreen-dark a, .button-darkgreen-light a {color:#000000;} /* join button - end */ /*######################Where we are - Location - start #############################################################*/ .whereweare-header { width: 940px; height: 200px; margin: 0 auto; clear:both; } .whereweare-header img {float: right; padding: 0px 0px 0px 0px; width:auto;} .whereweare-header h1 {padding: 60px 0px 0px 0px; color: #cd051d; font-size: 30px; margin: 0; width:auto; clear:none;} .whereweare-header h2 {font-size: 26px; font-weight: lighter;padding: 0px; margin: 0; color:#000000;} .whereweare-section-countrylist {width: 940px;margin: 0 auto;} .whereweare-section-countrylist h3 {font-size: 24px; width: 100%; margin-bottom: 10px; margin-top: 10px; border:0; padding:0; font-family:museo_sans100, verdana, arial, sans-serif;} .whereweare-section-countrylist ul {margin:0; padding: 0px; float:left; clear:right;} .whereweare-section-countrylist li {list-style: none;display: inline-block; margin-right:20px} .whereweare-section-countrylist li a { color: black; text-decoration: none; display: inline-block; width: 240px; border-bottom: 1px solid #ccc; padding: 10px 50px 10px 0px; font-size:14px; font-weight:normal} .whereweare-section-countrylist ul li a:hover{color: #cd051d; background: #f4f4f4;} .whereweare-section-businessgroups {margin: 0 auto; clear: both;} .whereweare-section-businessgroups p {color: #666; margin-top: 10px;} .whereweare-section-businessgroups h4 {font-size: 22px; padding: 20px 0px 10px 0px;} .whereweare-section-businessgroups ul { margin:0; padding: 0px;float:left; clear:right;} .whereweare-section-businessgroups li {list-style: none; display: inline;} .whereweare-section-businessgroups li a { color: black; text-decoration: none; display: inline-block; width: 240px; border-bottom: 1px solid #ccc;padding: 10px 50px 10px 0px;} .whereweare-section-businessgroups ul li a:hover{color: #cd051d;background: #f4f4f4;} @media screen and (max-width: 940px) { .whereweare-header {width: 100%;height: auto;text-align: center;clear: both;} .whereweare-header img {display: none;} .whereweare-header h1 {padding: 0px 0px 0px 0px;} .whereweare-section-countrylist h3 {font-size: 18px;} .whereweare-section-countrylist ul li {float: center;} .whereweare-section-countrylist li a {padding: 10px 0px 10px 0px;} .whereweare-section-countrylist {width: 100%; height: auto; text-align: center;} .whereweare-section-businessgroups {width: 100%; height: auto;text-align: center;} .whereweare-section-businessgroups h4 {text-align: center;padding: 20px 0px 10px 0px;font-size: 18px;} .whereweare-section-businessgroups ul li {float: center;} .whereweare-section-businessgroups li a {padding: 10px 0px 10px 0px;} .whereweare-vertical {display: none;} } @media screen and (max-width: 480px) { .whereweare-header h1 {text-align: center;padding: 10px 0px 0px 0px;font-size: 20px;} .whereweare-header h2 {text-align: center;padding: 0px;font-size: 18px;} } /*######################Where we are - Location - end #############################################################*/ /*######################service - sector - page - start #############################################################*/ .service_pagetitle {padding:20px; background: #711f7e;} .service_pagetitle h1 {color:#ffffff; font-family: museo_sans100,verdana, arial, sans-serif; font-size:34px; margin: 0;} .sector_pagetitle {padding:20px; background: #0066b2;} .sector_pagetitle h1 {color:#ffffff; font-family: museo_sans100,verdana, arial, sans-serif; font-size:34px; margin: 0;} .letterlistbox{padding:8px 0px 8px 0px; margin: 0; text-align:center; color:#666666;} #letter-list{} ul#letter-list {margin:0; padding: 0; width: 100%;} ul#letter-list li {display:inline-block; margin:5px 2px; text-align:center; padding: 0; font-size:18px;} ul#letter-list li a {font-family: museo_sans700,verdana, arial, sans-serif; border:1px solid #000; text-decoration:none; border-radius:6px 6px 6px 6px; width:22px; display:block; color:#000000; background:#bbbcbc; padding:3px; margin: 0px;} ul#letter-list li a:hover{border:1px solid #ccc; color:#fff; font-weight: bold; text-decoration:underline;} ul.fulllisting {margin:20px 0px 0px 0px; padding:0;} ul.fulllisting li {margin:0; padding: 0; list-style: none;} ul.fulllisting li ul{margin:0px 0 0 0; display:inline-block; float:left} .fulllisting li ul li {margin:0} .upto_sprite {background: url('/images/global/europe/uk/services/autumn-statement/back-arrow.png') no-repeat scroll 0px 0px; display:block; float:left; height:20px; width:23px;} .fulllistbacktotop {padding:15px 0 24px 2%; display:block; clear:both} a.service_atozletter {font-size:32px; color:#fff; font-family: museo_sans900,verdana, arial, sans-serif; font-weight: bold; text-decoration: none; background: #ae2573; padding:5px 0px 4px 0px; text-indent: 20px; float:left;clear:both; display:block; width:100%; margin-bottom: 10px;} a.service_atozletter:hover{font-weight:bold; text-decoration:none; background: #ae2573;} a.sector_atozletter {font-size:32px; color:#fff; font-family: museo_sans900,verdana, arial, sans-serif; font-weight: bold; text-decoration: none; background: #027223; padding:5px 0px 4px 0px; text-indent: 20px; float:left; clear:both; display:block; width:100%;margin-bottom: 10px;} a.sector_atozletter:hover{background: #027223; font-weight:bold; text-decoration:none;} ul.sector_A-Z_columns {margin:0; padding: 0; width: 100%;} ul.sector_A-Z_columns li {list-style: none; margin: 0; padding: 0; display: inline;} ul.sector_A-Z_columns a {display: inline-block; width: 30%; margin-left: 1%; padding: 1%; color:#000000; border-bottom: 1px solid #CCCCCC; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none;} ul.sector_A-Z_columns a:hover {color: #0066b2; background: #f4f4f4; text-decoration: underline;} ul.service_A-Z_columns {margin:0; padding: 0; width: 100%;} ul.service_A-Z_columns li {list-style: none; margin: 0; padding: 0; display: inline;} ul.service_A-Z_columns a {display: inline-block; width: 30%; margin-left: 1%; padding: 1%; color:#000000; border-bottom: 1px solid #CCCCCC; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none;} ul.service_A-Z_columns a:hover {color: #711f7e; background: #f4f4f4; text-decoration: underline;} @media screen and (max-width: 780px) { ul.A-Z_columns a {width: 44%; margin-left: 1%; padding: 1%;} } @media screen and (max-width: 640px) { ul.A-Z_columns a {width: 96%; margin-left: 1%; padding: 1%; height:32px; line-height: 32px;} } /*######################service - sector - page - end #############################################################*/ /*######################Contact us page - start #############################################################*/ .tabs {display: flex; flex-wrap: wrap; } .tabs label {order: 1; display: block; padding: 1rem 1.4rem; margin-right: 0.2rem; cursor: pointer; background: #ae2573; color: #fff; font-weight: bold; transition: background ease 0.2s; } .tabs .tab { order: 99; flex-grow: 1; width: 100%; display: none; padding: 1rem; background: #fff; } .tabs input[type="radio"]:hover + label {background-color: #ddd;} .tabs input[type="radio"] {position: absolute; opacity: 0;} .tabs input[type="radio"]:checked + label {background: #711f7e; color: #ffffff;} .tabs input[type="radio"]:checked + label + .tab {display: block;} @media (max-width: 45em) { .tabs .tab, .tabs label { order: initial; } .tabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; } } /* ######################Contact us page - end ############################################################# */ @media screen and (max-width: 420px), handheld and (orientation: landscape) { #navBar { margin-top: 10px; } } /* NEW GLOBAL MEGAMENU */ .cd-dropdown-wrapper { display: inline-block; width:100%; height:auto; background:#FFFFFF; border-bottom:1px solid #666; z-index:121; /*-webkit-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2);*/ } .cd-dropdown-trigger {display:none} .cd-dropdown h2 {display:none} a.cd-close {display:none;} .cd-dropdown ul, .cd-dropdown li {margin:0; padding:0; list-style:none;} .cd-dropdown-content li {display:inline;} .cd-dropdown-content li a { display: inline-block; padding:0px 7px; line-height:40px; height:40px; width:auto; /*border-right:1px solid #CCC;*/ font-size:14px; } .cd-dropdown-content li.search .search-icon, .cd-dropdown-content li.search a {float:right; border-right:0; cursor:pointer;} .cd-dropdown-content li.search a:hover {background:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .cd-dropdown-content ul a { display: block; white-space: nowrap; border-right: 0; } .cd-dropdown-content > .has-children > ul { visibility: hidden; position:fixed; top:-1000px; left:0; } .cd-dropdown-content > .has-children > ul.is-active { visibility: visible; position: absolute; top:80px; display: table; width:940px; background:#ffffff; border:0; border-top:1px solid #CCC; left:auto; padding-top:10px; padding-bottom:85px; height:auto; -webkit-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); z-index:98; } .cd-dropdown-content > .has-children2 > ul.is-active { padding-bottom:155px; } .cd-dropdown-content > .has-children1 > ul.is-active { padding-bottom:15px; } ul.cd-dropdown-icons-thin li, ul.cd-secondary-dropdown li { } ul.cd-dropdown-icons-thin li a, ul.cd-secondary-dropdown li a { width:100%; border-bottom:1px solid #ccc; padding:0; margin:0; height:30px; line-height:30px; display:inline-block; text-overflow: ellipsis; overflow: hidden; } ul.cd-dropdown-icons-thin li a:hover, ul.cd-secondary-dropdown li a:hover { background:#f4f4f4; } li.go-back {display:none;} ul.cd-dropdown-icons-thin li.see-all, ul.cd-secondary-dropdown li.see-all, ul.cd-dropdown-icons-thin li.see-all2, ul.cd-secondary-dropdown li.see-all2 { position: absolute; bottom: 20px; height: 45px; text-align: center; width:100%; } ul.cd-dropdown-icons-thin li.see-all2, ul.cd-secondary-dropdown li.see-all2 {bottom:55px} ul.cd-dropdown-icons-thin li.see-all a, ul.cd-secondary-dropdown li.see-all a, ul.cd-dropdown-icons-thin li.see-all2 a, ul.cd-secondary-dropdown li.see-all2 a { background:#333; color:#fff; text-transform:uppercase; font-family:museo_sans900; font-size:18px; width:95%; margin:0% 2.5%; border:0; } ul.cd-dropdown-icons-thin li.see-all a:hover, ul.cd-secondary-dropdown li.see-all a:hover, ul.cd-dropdown-icons-thin li.see-all2 a:hover, ul.cd-secondary-dropdown li.see-all2 a:hover { background:#444; } ul.two-col li a {width:47%; margin:0 1%} ul.three-col li a {width:31%; margin:0 1%} ul.four-col li a {width:24%; margin:0 1% 0 0} ul.five-col li a {width:19%; margin:0 0.5%} ul.cd-dropdown-icons-thin li.aboutus a, ul.cd-dropdown-icons-thin li.corpresp a, ul.cd-dropdown-icons-thin li.diversity a, ul.cd-dropdown-icons-thin li.alumni a, ul.cd-dropdown-icons-thin li.servexcell a { box-sizing:border-box; display:inline-block; padding:10px; height:60px; background:#666; border:0; font-size:125%; font-family:museo_sans500; white-space:normal; color:#fff; line-height:1.2; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: color 1000ms; transition: color 1000ms; } ul.cd-dropdown-icons-thin li.aboutus a:before, ul.cd-dropdown-icons-thin li.corpresp a:before, ul.cd-dropdown-icons-thin li.diversity a:before, ul.cd-dropdown-icons-thin li.alumni a:before, ul.cd-dropdown-icons-thin li.servexcell a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; } ul.cd-dropdown-icons-thin:hover li.aboutus a:hover:before, ul.cd-dropdown-icons-thin:hover li.corpresp a:hover:before, ul.cd-dropdown-icons-thin:hover li.diversity a:hover:before, ul.cd-dropdown-icons-thin:hover li.alumni a:hover:before, ul.cd-dropdown-icons-thin:hover li.servexcell a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } ul.cd-dropdown-icons-thin li.aboutus a {border-left:5px solid #FEC600;} ul.cd-dropdown-icons-thin li.corpresp a {border-left:5px solid #0066b2;} ul.cd-dropdown-icons-thin li.diversity a {border-left:5px solid #711f7e;} ul.cd-dropdown-icons-thin li.alumni a {border-left:5px solid #2f912d;} ul.cd-dropdown-icons-thin li.servexcell a {border-left:5px solid #5cc5f1;} ul.cd-dropdown-icons-thin li.aboutus a:before {background:#FEC600; } ul.cd-dropdown-icons-thin li.corpresp a:before {background:#0066b2; } ul.cd-dropdown-icons-thin li.diversity a:before {background: #711f7e; } ul.cd-dropdown-icons-thin li.alumni a:before {background: #2f912d; } ul.cd-dropdown-icons-thin li.servexcell a:before {background:#5cc5f1; } ul.cd-dropdown-icons-thin li.aboutus a:hover {text-decoration:none; color:#000; } ul.cd-dropdown-icons-thin li.corpresp a:hover {text-decoration:none; } ul.cd-dropdown-icons-thin li.diversity a:hover {text-decoration:none; } ul.cd-dropdown-icons-thin li.alumni a:hover {text-decoration:none; } ul.cd-dropdown-icons-thin li.servexcell a:hover {text-decoration:none; color:#000; } ul.cd-secondary-dropdown li.has-children ul { display:inline-block; margin-left:0px; width:48% } ul.cd-secondary-dropdown li.has-children ul li {display:block;} ul.cd-secondary-dropdown li.has-children ul li.go-back {display:none;} ul.cd-secondary-dropdown li.has-children ul li a {width:100%; margin:0 1%;} ul.searchbar form {margin: 0px 20px; font-size: 36px;} ul.searchbar input.search_box {display:inline-block; width:95%; padding-bottom:5px; border-bottom:1px solid #666; height:44px;} ul.searchbar input.search_go_button {line-height:44px; padding-top:10px;} /*tab-menu taken from https://codepen.io/nik-savchenko/pen/xDIAe*/ .noshow {position:fixed; top:-10000px; left:-10000px;} .tab-header {font-family:Museo_Sans900; font-size:25px; padding-left:0px; height:40px; line-height:40px; display:block; margin:0px 20px 10px;} .tabordion { color: #333; display: block; position: relative; margin:0px 20px; } .tabordion input[name="sections"], .tabordion input[name="services"], .tabordion input[name="sectors"], .tabordion input[name="events"], .tabordion input[name="sectors"], .tabordion input[name="news"], .tabordion input[name="careers"] { left: -9999px; position: absolute; top: -9999px; } .tabordion section { display: block; } .tabordion section label { background: #e4e4e4; border-bottom:1px solid #666; cursor: pointer; display: block; line-height:32px; height:32px; position: relative; width: 250px; z-index:100; font-size:110%; text-indent:2px; } .tabordion section aside { display: none; left: 270px; min-width: 630px; padding: 0 0 0 0px; position: absolute; top: 0; } .tabordion section aside li {width:100%;} .tabordion input[name="sections"]:checked + label, .tabordion input[name="services"]:checked + label, .tabordion input[name="sectors"]:checked + label, .tabordion input[name="events"]:checked + label, .tabordion input[name="news"]:checked + label, .tabordion input[name="careers"]:checked + label { background: #fff; color: #000; } .tabordion input[name="sections"]:checked ~ aside, .tabordion input[name="services"]:checked ~ aside, .tabordion input[name="sectors"]:checked ~ aside, .tabordion input[name="events"]:checked ~ aside, .tabordion input[name="news"]:checked ~ aside, .tabordion input[name="careers"]:checked ~ aside { display: block; } /* Homepage new component styles */ .global-home-welcome-pv { height: 165px; padding: 0; clear:both; min-height: 165px; background-color:#fff; border-bottom:1px solid #97999b; max-width:940px; width:100%; } .global-home-welcome-pv h1 { color:#5BC5F2; font-family: museo_sans900,Arial,Verdana,Helvetica,sans-serif; font-size: 32px; padding: 15px 0 0 15px; text-align: left; margin: 0; } .global-home-welcome-pv h2 { color: #000; font-family: museo_sans700,Arial,Verdana,Helvetica,sans-serif; font-size: 20px; font-weight: lighter; padding: 0 0 0 15px; text-align: left; margin: 0; } .global-home-welcome-text-pv { width:52%; float:left; } .global-home-welcome-image-pv { width:48%; float:left; } /* Sets vertical align for image */ .global-home-welcome-image-pv { display:flex; align-items: center; height:100% } .global-home-welcome-image-pv img { max-width:100%; margin: auto; padding:0; float:none; } .global-home-welcome-pv p { color: #000; font-family: museo_sans300,Arial,Verdana,Helvetica,sans-serif; font-size: 14px; line-height: 1.3; padding: 10px 20px 10px 15px; text-align: left; margin: 0; } @media only screen and (max-width: 1070px) { .global-home-welcome-pv { border-top:1px solid #97999b; } } @media only screen and (max-width: 940px) { .global-home-welcome-pv { height:auto; } .global-home-welcome-text-pv, .global-home-welcome-image-pv { width:100%; float:none; } .global-home-welcome-pv p { padding-right: 15px; } } .global-home-newsbox { background-color: #701f7e; padding: 0; width: 940px; } .global-home-newsbox ul { margin: 0; padding: 0; } .global-home-newsbox .image { max-width: 120px; overflow: hidden; float: left; margin-right: 10px; text-align: center; max-height: 120px; margin-bottom: 10px; } .global-home-newsbox img { float: right; max-height: 120px; } .global-home-newsbox li { display: inline-block; list-style: outside none none; margin: 0; padding: 0 10px 0 0; width: 440px; vertical-align: middle; } .global-home-newsbox h2 { font-family: museo_sans700,Arial,Verdana,Helvetica,sans-serif; font-size: 20px; text-align: left; margin: 0; } .global-home-newsbox h2 a { color: #fff; display: block; padding: 13px 0 13px 13px; text-decoration: none; } .footer-campaign-promos { background-color: #d7d7d7; padding: 0; width: 940px; } .footer-campaign-promos ul { margin: 0; padding: 0; } .footer-campaign-promos li { display: inline-block; list-style: outside none none; margin: 0; padding: 15px; } .footer-campaign-promos h2 { font-family: museo_sans700,Arial,Verdana,Helvetica,sans-serif; font-size: 20px; padding-bottom: 20px; text-align: left; margin: 0; } .footer-campaign-promos h2 a { color: #000; display: block; text-decoration: none; } @media only screen and (max-width: 1070px) { .cd-dropdown-wrapper { display:none; } .footer-campaign-promos { background-color: #d7d7d7; height: auto; text-align: center; width: 100%; } .footer-campaign-promos h2 { padding-bottom: 5px; } .footer-campaign-promos li { padding: 10px; } .global-home-newsbox { background-color: #701f7e; height: auto; text-align: left; width: 100%; } .global-home-newsbox li { padding: 0; width: 100%; } .global-home-newsbox img { float: left; padding: 0 10px 12px 5px; } .global-home-newsbox h2 a { padding: 10px 5px 0; } /*.global-home-welcome-pv { background-color: #0066b1; height: auto; text-align: left; width: 100%; } */ } /*@media screen and (max-width: 480px) { .global-home-welcome-pv img { display: none; } } */ /*######################careers page - start #############################################################*/ .careers-header { width: 940px; height: 200px; margin: 0 auto; clear:both; } .careers-header img {float: right; padding: 0px 0px 0px 0px; width:auto;} .careers-header h1 {padding: 60px 0px 0px 0px; color: #2F912D; font-size: 30px; margin: 0; width:auto; clear:none; border:0;} .careers-header h2 {font-size: 26px; font-weight: lighter;padding: 0px; margin: 0; color:#000000;} .careers-section-countrylist {width: 100%;margin: 0 auto;} .careers-section-countrylist h3 {font-size: 24px; width: 100%; margin-bottom: 10px; margin-top: 10px; border:0; padding:0; font-family:museo_sans100, verdana, arial, sans-serif;} .careers-section-countrylist ul {margin:0; padding: 0px; float:left; clear:right;} .careers-section-countrylist li {list-style: none;display: inline-block; margin-right:3px} .careers-section-countrylist li a { color: black; text-decoration: none; display: inline-block; width: 240px; border-bottom: 1px solid #ccc; padding: 10px 50px 10px 0px; font-size:14px; font-weight:normal} .careers-section-countrylist ul li a:hover{color: #2F912D; background: #f4f4f4;} @media screen and (max-width: 940px) { .careers-header {width: 100%;height: auto;text-align: center;clear: both;} .careers-header img {display: none;} .careers-header h1 {padding: 0px 0px 0px 0px;} .careers-section-countrylist h3 {font-size: 18px;} .careers-section-countrylist ul li {float: center;} .careers-section-countrylist li a {padding: 10px 0px 10px 0px;} .careers-section-countrylist {width: 100%; height: auto; text-align: center;} } @media screen and (max-width: 480px) { .careers-header h1 {text-align: center;padding: 10px 0px 0px 0px;font-size: 20px;} .careers-header h2 {text-align: center;padding: 0px;font-size: 18px;} } /*######################careers page - end #############################################################*/ /* New freetext people search */ input.fuzzy-search {margin:0px;width:100%;box-sizing: border-box;} #peopleTextSearch {margin:0px; background:#111; height:auto; max-height:250px; z-index:1; position:absolute; overflow-y:auto; overflow-x:hidden; -webkit-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.2); } #peopleTextSearch .show_hide {} #peopleTextSearch ul.list {margin:0; padding:0; width:220px; background:#111;} #peopleTextSearch ul.list li {list-style:none; margin:0; padding:0;} #peopleTextSearch ul.list li p.name {margin:0; padding:0;} #peopleTextSearch ul.list li a {display:block;width:210px;color:#FFF;padding:5px 5px;text-decoration:none;border-bottom:1px solid #CCC;} #peopleTextSearch ul.list li a:hover {background:#333;} @media screen and (max-width: 1070px) { .peopleHeader-freetextsearch {margin-top:6px;} } @media screen and (max-width: 780px) { .peopleHeader-freetextsearch {margin-top:5px; float: none; width:100%; clear:both;} } @media screen and (max-width: 320px) { #peopleTextSearch {max-height:175px;} } /* People search results */ .peopletable {width:100%; max-width:940px; margin:auto; margin-top:10px; z-index:0;} .people-row {width:100%; border-bottom:1px solid #ccc;} .people-row a {text-decoration:none; color:#000; display:block; padding:5px 0px;} .people-row a:hover {background:#000; color:#fff;} .people-row .peopleTable-name {width:25%; display:inline-block;} .people-row .peopleTable-jobtitle {width:30%; display:inline-block;} .people-row .peopleTable-telephone {width:20%; display:inline-block;} .people-row .peopleTable-country {width:25%; display:inline-block;} @media screen and (max-width: 640px) { .people-row a {padding:8px 0px;} .people-row .peopleTable-name {width:100%; font-weight:700; font-size:16px;} .people-row .peopleTable-jobtitle {width:33%;} .people-row .peopleTable-telephone {width:33%;} .people-row .peopleTable-country {width:33%;} } @media screen and (max-width: 480px) { .peopletable {width:95%} .people-row .peopleTable-jobtitle {width:100%; padding-bottom:3px;} .people-row .peopleTable-telephone {width:50%;} .people-row .peopleTable-country {width:50%;} } @media screen and (max-width: 320px) { .people-row .peopleTable-jobtitle {width:100%; padding-bottom:0px;} .people-row .peopleTable-telephone {width:100%;} .people-row .peopleTable-country {width:100%;} } /* Search filters using dropdown on mobile / tablet */ .peopleHeader {max-width:940px; margin:auto; min-height:40px;} .peopleHeader-dropdownsearch {margin-left:0px} input.searchfilters_toggle {display:none; visibility:hidden;} label.searchfilters_toggle {display:block; height:24px; line-height:24px; margin-top:-50px; text-align: right; color: #000; font-family:museo_sans700, Arial, Verdana, Helvetica, sans-serif;} label.searchfilters_toggle:before { background:url(/images/global/interface/icons/peoplesearch-down-black.png) no-repeat 100% 100%; width: calc(100% - 5px); height:24px; margin:0px 5px 0px 0px; float:left; content:"";} label.searchfilters_toggle {display:none} @media screen and (max-width: 1070px) { /*.peopleHeader h2 {margin-bottom:30px}*/ .peopleHeader-freetextsearch {height:50px;} label.searchfilters_toggle {display:block} #searchfilters_expand {height:0px; overflow:hidden; transition: height 0.5s; padding-top:10px;} #searchfilters_toggle:checked ~ #searchfilters_expand {height: auto;} #searchfilters_toggle:checked ~ label:before {background:url(/images/global/interface/icons/peoplesearch-up-black.png) no-repeat 100% 100%;} } @media screen and (max-width: 420px) { /*.peopleHeader h2 {margin-bottom:-10px}*/ label.searchfilters_toggle {margin-top:-40px;} } /* REQUIRED for Responsive Tabs on Contact Us page */ .responsive-tabs {width:auto; max-width:940px; margin:auto;} .responsive-tabs__heading { display: none;} .responsive-tabs__list__item { display: inline; cursor:pointer;} @media (max-width: 767px) { .responsive-tabs__list { display: none;} .responsive-tabs__heading { display: block; cursor: pointer; } .responsive-tabs__panel--closed-accordion-only { display: none;} } @media (min-width: 768px) { .responsive-tabs__panel--closed-accordion-only { display: block !important;} } .responsive-tabs-wrapper { clear: both; zoom: 1; } .responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after { content: ""; display: table; } .responsive-tabs-wrapper:after { clear: both; } .responsive-tabs__heading:focus, .responsive-tabs__list__item:focus { outline: 1px solid #ccc; } .responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus { outline: none !important;} .responsive-tabs__list { margin: 2em 0 0 0; padding: 0;border-bottom: 1px solid #ddd; padding-bottom:10px; line-height: 1em; font-size: 13px;} .responsive-tabs__list__item { background: #eee; padding: 10px 15px; margin-right: 0.2em; border-top-left-radius: 5px; border-top-right-radius: 5px;border: 1px solid #ddd; } .responsive-tabs__list__item:hover {background: #efefef } .responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover { background: #fff; border-bottom-color: #fff; } .responsive-tabs__panel { margin-bottom: 50px;} .responsive-tabs h3 { border-bottom:0; } .responsive-tabs h3 a { text-decoration:none; color:#711f7e; font-weight:normal; display:block; border-bottom:1px solid #711f7e; margin-top:0px; padding-top:0px; padding-bottom: 2px; } .responsive-tabs h3 a:hover { text-decoration:none; background:url('HomepageMap/arrow-closed.png') no-repeat scroll right center; } .responsive-tabs table { margin-top:10px; } .responsive-tabs table td { border-right:1px solid #ccc; padding:0px 10px 10px 10px; } .responsive-tabs table td:first-child { padding-left:0px; } .responsive-tabs table td:last-child { border-right:0px solid #ccc; padding-right:0px } .responsive-tabs table td { border-bottom:0px solid #ccc; } @media (max-width: 1070px) { .responsive-tabs {padding:0px 10px;} .responsive-tabs__list__item {font-size:14px; padding: 11px 6px;} .responsive-tabs table td.td-33 {width:31%} } @media (max-width: 940px) { .responsive-tabs__list__item { background: #eee; padding: 11px 6px; margin-right: 0.2em; border-top-left-radius: 5px; border-top-right-radius: 5px;border: 1px solid #ddd;} .responsive-tabs__list__item:hover {background: #efefef } .responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover { background: #fff; border-bottom-color: #fff;} .responsive-tabs table td.td-33 { width:100%; float:left; border:0; padding:0;} } @media (max-width: 767px) { .responsive-tabs__heading { padding: 0.5em; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); background: #ddd; position: relative; } .responsive-tabs__heading:after { content:""; display: block; position: absolute; right: 20px; top: 40%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000; } .responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover { background-color: #efefef} .responsive-tabs__heading--active { background: #fff;} .responsive-tabs__heading--active:after { border-bottom: 10px solid #000; border-top:0; } } /* END - REQUIRED for Responsive Tabs on Contact Us page */ /* start - video accordian heading */ .video-accordian-heading {width:100%; min-height:16px; margin:0 auto; clear:both;} .video-accordian-heading h2 {border-top: 1px solid #757b7b; padding-bottom:5px; padding-top:5px; font-size:20px; margin-bottom:0px; color:#0066b2;} /* start - video accordian heading */ /* start - counter box */ .counter-box {font-family: museo_sans900, verdana, arial, sans-serif; font-size: 38px; color: #711f7e; margin: 15px 0px; clear: both; width: 100%; display: block; text-align:center; padding:10px 0px;} .counter-box .counter-text, .counter-box-rounded .counter-text {font-family: museo_sans300, verdana, arial, sans-serif; font-size: 24px; text-align: left;} .counter-box .counter-text {color: #0066b2;} .counter-box-rounded {color: #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .counter-box-rounded .counter-text {color: #FFFFFF;} /*normal text = 38px */ .counter-box-text-small {font-size: 25px;} .counter-box-text-large {font-size: 44px; } .counter-box-text-xlarge {font-size: 50px; } /*normal text = 24px */ .counter-box-text-small .counter-text {font-size: 18px;} .counter-box-text-large .counter-text {font-size: 30px;} .counter-box-text-xlarge .counter-text {font-size: 38px;} .counter-box-red-grey {color: #cd0510;} .counter-box-yellow-grey {color: #fec600;} .counter-box-orange-black {color: #f39100;} .counter-box-red-black {color: #cd0510;} .counter-box-yellow-black {color: #fec600;} .counter-box-pink-black {color: #e1326b;} .counter-box-purple-black {color: #711f7e;} .counter-box-darkblue-black {color: #0066b2;} .counter-box-lightblue-black {color: #5bc5f2;} .counter-box-darkgreen-black {color: #2f912d;} .counter-box-lightgreen-black {color: #cad100;} .counter-box-red {background-color: #cd0510; color: #ffffff;} .counter-box-pink {background-color: #e1236b; color: #ffffff;} .counter-box-purple {background-color: #711f7e; color: #ffffff;} .counter-box-darkblue {background-color: #0066b2; color: #ffffff;} .counter-box-darkgreen {background-color: #2f912d; color: #ffffff;} .counter-box-lightblue {background-color: #5bc5f2; color: #000000;} .counter-box-lightgreen {background-color: #cad100; color: #000000;} .counter-box-yellow {background-color: #fec600; color: #000000;} .counter-box-orange {background-color: #f39100; color: #000000;} .counter-box-black{background-color: #000000; color: #ffffff;} .counter-box-rounded-red {background-color: #cd0510; color: #ffffff;} .counter-box-rounded-pink {background-color: #e1236b; color: #ffffff;} .counter-box-rounded-purple {background-color: #711f7e; color: #ffffff;} .counter-box-rounded-darkblue {background-color: #0066b2; color: #ffffff;} .counter-box-rounded-darkgreen {background-color: #2f912d; color: #ffffff;} .counter-box-rounded-lightblue {background-color: #5bc5f2; color: #000000;} .counter-box-rounded-lightgreen {background-color: #cad100; color: #000000;} .counter-box-rounded-yellow {background-color: #fec600; color: #000000;} .counter-box-rounded-orange {background-color: #f39100; color: #000000;} .counter-box-rounded-black{background-color: #000000; color: #ffffff;} .counter-box-yellow-grey .counter-text {color:#75787b;} .counter-box-red-grey .counter-text {color:#53565a;} .counter-box-red .counter-text, .counter-box-pink .counter-text, .counter-box-purple .counter-text, .counter-box-darkblue .counter-text, .counter-box-darkgreen .counter-text, .counter-box-rounded-red .counter-text, .counter-box-rounded-pink .counter-text, .counter-box-rounded-purple .counter-text, .counter-box-rounded-darkblue .counter-text, .counter-box-rounded-darkgreen .counter-text, .counter-box-black .counter-text, .counter-box-rounded-black .counter-text {color: #ffffff;} .counter-box-yellow-black .counter-text, .counter-box-pink-black .counter-text, .counter-box-purple-black .counter-text, .counter-box-darkblue-black .counter-text, .counter-box-lightblue-black .counter-text, .counter-box-darkgreen-black .counter-text, .counter-box-lightgreen-black .counter-text, .counter-box-orange-black .counter-text, .counter-box-red-black .counter-text, .counter-box-lightblue .counter-text, .counter-box-lightgreen .counter-text, .counter-box-orange .counter-text, .counter-box-yellow .counter-text, .counter-box-rounded-lightblue .counter-text, .counter-box-rounded-lightgreen .counter-text, .counter-box-rounded-yellow .counter-text, .counter-box-rounded-orange .counter-text {color: #000000;} .counter-box ul {padding: 0px; margin: 0px; width: auto;} .counter-box li.counter-section {list-style: none; display: inline-block; padding: 0; margin: 0 20px 0 0;} /* end - counter box */ /*start -event booking button - line 5329*/ .eventBookingbutton {display: block; margin: auto 0; width: auto; text-align: center; margin-bottom: 5px; } .eventBookingbutton a {display: inline-block; width: auto; margin: 0 auto; background: #0066b2; color:#ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-decoration:none; text-align: center; line-height: 26px; vertical-align: middle; font-family: museo_sans500, Verdana, Arial, sans-serif; font-size: 24px; padding:8px; overflow: hidden; text-overflow:ellipsis;} .yellowButton a {background: #fec600;} .orangeButton a {background: #f39100;} .redButton a {background: #cd0510;} .pinkButton a {background: #e1326b;} .purpleButton a {background: #711f7e;} .darkblueButton a {background: #0066b2;} .lightblueButton a {background: #5bc5f2;} .darkgreenButton a {background: #2f912d;} .lightgreenButton a {background: #cad100;} .yellowButton-light a {background: #F8E08E;} .orangeButton-light a {background: #FDAA63;} .redButton-light a {background: #E8927C;} .pinkButton-light a {background: #E89CAE;} .purpleButton-light a {background: #C6A1CF;} .darkblueButton-light a {background: #69B3E7;} .lightblueButton-light a {background: #B9D9EB;} .darkgreenButton-light a {background: #A1D884;} .lightgreenButton-light a {background: #E0EC89;} .yellowButton-dark a {background: #F2A900;} .orangeButton-dark a {background: #E35205;} .redButton-dark a {background: #A72B2A;} .pinkButton-dark a {background: #AE2573;} .purpleButton-dark a {background: #572C5F;} .darkblueButton-dark a {background: #002D72;} .lightblueButton-dark a {background: #0076AB;} .darkgreenButton-dark a {background: #027223;} .lightgreenButton-dark a{background: #949300;} .yellowButton a, .lightgreenButton a, .lightblueButton a, .orangeButton a, .yellowButton-light a, .orangeButton-light a, .redButton-light a, .pinkButton-light a, .purpleButton-light a, .darkblueButton-light a, .lightblueButton-light a, .darkgreenButton-light a, .lightgreenButton-light a, .yellowButton-dark a, .orangeButton-dark a, .lightgreenButton-dark a {color: #000000;} .eventBookingbutton a:hover {text-decoration:underline; background: #0066b2; color:#ffffff; font-family: museo_sans900, Verdana, Arial, sans-serif; -webkit-box-shadow: 8px 10px 12px 8px rgba(1,0,0,0.4); -moz-box-shadow: 8px 10px 12px 8px rgba(1,0,0,0.4); box-shadow: 8px 10px 12px 8px rgba(1,0,0,0.4);} .yellowButton a:hover {background: #fec600;} .orangeButton a:hover {background: #f39100;} .redButton a:hover {background: #cd0510;} .pinkButton a:hover {background: #e1326b;} .purpleButton a:hover {background: #711f7e;} .darkblueButton a {background: #0066b2;} .lightblueButton a:hover {background: #5bc5f2;} .darkgreenButton a:hover {background: #2f912d;} .lightgreenButton a:hover {background: #cad100;} .yellowButton-light a:hover {background: #F8E08E;} .orangeButton-light a:hover {background: #FDAA63;} .redButton-light a:hover {background: #E8927C;} .pinkButton-light a:hover {background: #E89CAE;} .purpleButton-light a:hover {background: #C6A1CF;} .darkblueButton-light a:hover {background: #69B3E7;} .lightblueButton-light a:hover {background: #B9D9EB;} .darkgreenButton-light a:hover {background: #A1D884;} .lightgreenButton-light a:hover {background: #E0EC89;} .yellowButton-dark a:hover {background: #F2A900;} .orangeButton-dark a:hover {background: #E35205;} .redButton-dark a:hover {background: #A72B2A;} .pinkButton-dark a:hover {background: #AE2573;} .purpleButton-dark a:hover {background: #572C5F;} .darkblueButton-dark a:hover {background: #002D72;} .lightblueButton-dark a:hover {background: #0076AB;} .darkgreenButton-dark a:hover {background: #027223;} .lightgreenButton-dark a:hover {background: #949300;} /*end -event booking button */ /*start animated text box */ .animated-box {font-family: museo_sans500, verdana, arial, sans-serif; font-size: 28px; color: #711f7e; margin: 15px 0px; clear: both; width: 100%; display: block; text-align:left; padding:10px 0px;} .animated-box-rounded {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} .animated-box-right {text-align:right;} .animated-box-centre {text-align:center;} .animated-box-text-small {font-size: 22px; } .animated-box-text-large {font-size: 34px; } .animated-box-text-xlarge {font-size: 40px; } .animated-box-font-weight100 {font-family: museo_sans100, verdana, arial, sans-serif;} .animated-box-font-weight900 {font-family: museo_sans900, verdana, arial, sans-serif;} .animated-box-yellow-text {color: #fec600;} .animated-box-orange-text {color: #f39100;} .animated-box-red-text {color: #cd0510;} .animated-box-pink-text {color: #e1326b;} .animated-box-darkblue-text {color: #0066b2;} .animated-box-lightblue-text {color: #5bc5f2;} .animated-box-darkgreen-text {color: #2f912d;} .animated-box-lightgreen-text {color: #cad100;} .animated-box-black-text {color: #000000;} .animated-box-yellow-bg {background-color: #fec600;} .animated-box-orange-bg {background-color: #f39100;} .animated-box-red-bg {background-color: #cd0510;} .animated-box-pink-bg {background-color: #e1326b;} .animated-box-purple-bg {background-color: #711f7e;} .animated-box-darkblue-bg {background-color: #0066b2;} .animated-box-lightblue-bg {background-color: #5bc5f2;} .animated-box-darkgreen-bg {background-color: #2f912d;} .animated-box-lightgreen-bg {background-color: #cad100;} .animated-box-black-bg {background-color: #000000;} .animated-box-red-bg, .animated-box-pink-bg, .animated-box-purple-bg, .animated-box-darkblue-bg, .animated-box-darkgreen-bg, .animated-box-black-bg {color: #ffffff;} .animated-box-yellow-bg, .animated-box-orange-bg, .animated-box-lightblue-bg, .animated-box-lightgreen-bg {color: #000000;} .animated-box ul {padding: 0px; margin: 0px; width: auto;} .animated-box li.animated-section {list-style: none; display: inline-block; padding: 0; margin: 0; } .animated { animation-duration: 1s; animation-fill-mode: both;} .animated.infinite {animation-iteration-count: infinite;} @keyframes slideInDown { from { transform: translate3d(0, -1000%, 0); visibility: hidden; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-1000%, 0, 0); visibility: hidden; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(1000%, 0, 0); visibility: hidden; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 1000%, 0); visibility: hidden; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } .animated-delay-1 {animation-delay: 0.5s; -webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */} .animated-delay-2 {animation-delay: 1s; -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */} .animated-delay-3 {animation-delay: 1.5s; -webkit-animation-delay: 1.5s; /* Safari 4.0 - 8.0 */} .animated-delay-4 {animation-delay: 2s; -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */} .animated-delay-5 {animation-delay: 2.5s; -webkit-animation-delay: 2.5s; /* Safari 4.0 - 8.0 */} .animated-delay-6 {animation-delay: 3s; -webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */} .animated-delay-7 {animation-delay: 3.5s; -webkit-animation-delay: 3.5s; /* Safari 4.0 - 8.0 */} .animated-delay-8 {animation-delay: 4s; -webkit-animation-delay: 4s; /* Safari 4.0 - 8.0 */} .animated-delay-9 {animation-delay: 4.5s; -webkit-animation-delay: 4.5s; /* Safari 4.0 - 8.0 */} /*end animated text box*/ /*start lightbox panel*/ .lightbox-wrap-4col {width:auto; column-count: 4; padding:0px 3px; -webkit-column-count: 4; /* Chrome, Safari, Opera */-moz-column-count: 4; /* Firefox */ column-gap: 10px; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -moz-column-gap: 10px; /* Firefox */-webkit-column-rule-style: 0px; /* Chrome, Safari, Opera */-moz-column-rule-style: 0px; /* Firefox */column-rule-style: 0px;} .lightbox-wrap-3col {width:auto; column-count: 3; padding:0px 3px; -webkit-column-count: 3; /* Chrome, Safari, Opera */-moz-column-count: 3; /* Firefox */ column-gap: 10px; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -moz-column-gap: 10px; /* Firefox */-webkit-column-rule-style: 0px; /* Chrome, Safari, Opera */-moz-column-rule-style: 0px; /* Firefox */column-rule-style: 0px;} .lightbox-wrap-2col {width:auto; column-count: 2; padding:0px 3px; -webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */ column-gap: 10px; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -mozcolumn-gap: 10px; /* Firefox */-webkit-column-rule-style: 0px; /* Chrome, Safari, Opera */-moz-column-rule-style: 0px; /* Firefox */column-rule-style: 0px;} .lightbox-wrap-1col {width:auto; column-count: 1; padding:0px 3px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1; /* Firefox */ column-gap: 10px; -webkit-column-gap: 10px; /* Chrome, Safari, Opera */ -moz-column-gap: 10px; /* Firefox */-webkit-column-rule-style: 0px; /* Chrome, Safari, Opera */-moz-column-rule-style: 0px; /* Firefox */column-rule-style: 0px;} .light-box-area {display:inline-block; width: 100%; margin: 0 0 10px 0; padding: 0; font-size:24px; width:100%; border: 1px solid #75787b; font-family: museo_sans900, Verdana, Arial, sans-serif; } .light-box-area-red{background-color: #cd0510;} .light-box-area-yellow{background-color: #fec600;} .light-box-area-orange{background-color: #f39100;} .light-box-area-pink{background-color: #e1326b;} .light-box-area-purple{background-color: #711f7e;} .light-box-area-darkblue{background-color: #0066b2;} .light-box-area-lightblue{background-color: #5bc5f2;} .light-box-area-darkgreen{background-color: #2f912d;} .light-box-area-lightgreen{background-color: #cad100;} .light-box-area:hover {border: 1px solid #000000; -webkit-box-shadow: 10px 12px 14px 10px rgba(1,0,0,0.4); -moz-box-shadow: 10px 12px 14px 10px rgba(1,0,0,0.4); box-shadow: 10px 12px 14px 10px rgba(1,0,0,0.4);} a.showpanel {display:block; padding: 20px 10px; margin: 0; text-align: center; text-decoration: none; color: #000000; font-size: 19px; border: 0; font-family: museo_sans900, Verdana, Arial, sans-serif; } a.showpanel.yellow {background:#FEC600; color:#000000;} a.showpanel.orange {background:#F39100; color:#000000;} a.showpanel.red {background:#CD0510; color:#FFFFFF;} a.showpanel.pink {background:#E1326B; color:#FFFFFF;} a.showpanel.purple {background:#711F7E; color:#FFFFFF;} a.showpanel.darkblue {background:#0066B2; color:#FFFFFF;} a.showpanel.blue {background:#5BC5F2; color:#000000;} a.showpanel.darkgreen {background:#2F912D; color:#FFFFFF;} a.showpanel.green {background:#CAD100; color:#000000;} a.showpanel.darkgrey {background:#97999B; color:#000000;} a.showpanel.lightgrey {background:#BBBCBC; color:#000000;} .light-box-area-red a.showpanel, .light-box-area-pink a.showpanel, .light-box-area-purple a.showpanel, .light-box-area-darkblue a.showpanel, .light-box-area-darkgreen a.showpanel{color: #ffffff;} a.showpanel:hover {text-decoration: underline; } .lightbox-panel h2 {font-family: museo_sans700, Verdana, Arial, sans-serif; color:#711f7e; font-size: 24px; text-align: center; margin:10px 30px;} .lightbox-panel p {font-family: museo_sans300, Verdana, Arial, sans-serif; color:#000000; font-size: 14px; text-align: center;} .lightbox-panel ul {font-family: museo_sans300, Verdana, Arial, sans-serif; color:#000000; font-size: 14px; text-align: justify;} .lightbox-image {margin: 0 auto; margin-bottom:10px; display: block; text-align: center; } a.calltoaction {display:block; background: #711f7e; width: auto; font-family: museo_sans700, verdana, arial,sans-serif; color:#ffffff; font-size: 16px; text-align: center; text-decoration: none; padding: 10px 10px 10px 10px; margin-top: 20px; } a.calltoaction:hover {font-weight: bold; text-decoration: underline; background: #572c5f; } a.closepanel {background: url(/images/global/Interface/buttons/closed-button-darkgrey.png) no-repeat right center #ffffff; display: block; height: 20px; width:36px; position: absolute; top:10px; right:0;} /* Lightbox background */ .lightbox, #lightbox1, #lightbox2, #lightbox3, #lightbox4, #lightbox5, #lightbox6, #lightbox7, #lightbox8, #lightbox9, #lightbox10, #lightbox11, #lightbox12, #lightbox13, #lightbox14, #lightbox15, #lightbox1A, #lightbox2A, #lightbox3A, #lightbox4A, #lightbox5A, #lightbox6A, #lightbox7A, #lightbox8A, #lightbox9A, #lightbox10A, #lightbox11A, #lightbox12A, #lightbox13A, #lightbox14A, #lightbox15A, #lightbox1B, #lightbox2B, #lightbox3B, #lightbox4B, #lightbox5B, #lightbox6B, #lightbox7B, #lightbox8B, #lightbox9B, #lightbox10B, #lightbox11B, #lightbox12B, #lightbox13B, #lightbox14B, #lightbox15B,#lightbox1C, #lightbox2C, #lightbox3C, #lightbox4C, #lightbox5C, #lightbox6C, #lightbox7C, #lightbox8C, #lightbox9C, #lightbox10C, #lightbox11C, #lightbox12C, #lightbox13C, #lightbox14C, #lightbox15C,#lightbox1D, #lightbox2D, #lightbox3D, #lightbox4D, #lightbox5D, #lightbox6D, #lightbox7D, #lightbox8D, #lightbox9D, #lightbox10D, #lightbox11D, #lightbox12D, #lightbox13D, #lightbox14D, #lightbox15D {display:none; background: #97999b; opacity: 0.9; position:fixed; top:0px; left:0px; width:100%; height:100%; margin: 0; -webkit-transform: translateZ(0); z-index:1000;} /* Lightbox panel with some content */ .lightbox-panel, #lightbox-panel1, #lightbox-panel2, #lightbox-panel3, #lightbox-panel4, #lightbox-panel5, #lightbox-panel6, #lightbox-panel7, #lightbox-panel8, #lightbox-panel9,#lightbox-panel10, #lightbox-panel11, #lightbox-panel12, #lightbox-panel13, #lightbox-panel14, #lightbox-panel15, #lightbox-panel1A, #lightbox-panel2A, #lightbox-panel3A, #lightbox-panel4A, #lightbox-panel5A, #lightbox-panel6A, #lightbox-panel7A, #lightbox-panel8A, #lightbox-panel9A,#lightbox-panel10A, #lightbox-panel11A, #lightbox-panel12A, #lightbox-panel13A, #lightbox-panel14A, #lightbox-panel15A, #lightbox-panel1B, #lightbox-panel2B, #lightbox-panel3B, #lightbox-panel4B, #lightbox-panel5B, #lightbox-panel6B, #lightbox-panel7B, #lightbox-panel8B, #lightbox-panel9B,#lightbox-panel10B, #lightbox-panel11B, #lightbox-panel12B, #lightbox-panel13B, #lightbox-panel14B, #lightbox-panel15B, #lightbox-panel1C, #lightbox-panel2C, #lightbox-panel3C, #lightbox-panel4C, #lightbox-panel5C, #lightbox-panel6C, #lightbox-panel7C, #lightbox-panel8C, #lightbox-panel9C,#lightbox-panel10C, #lightbox-panel11C, #lightbox-panel12C, #lightbox-panel13C, #lightbox-panel14C, #lightbox-panel15C, #lightbox-panel1D, #lightbox-panel2D, #lightbox-panel3D, #lightbox-panel4D, #lightbox-panel5D, #lightbox-panel6D, #lightbox-panel7D, #lightbox-panel8D, #lightbox-panel9D,#lightbox-panel10D, #lightbox-panel11D, #lightbox-panel12D, #lightbox-panel13D, #lightbox-panel14D, #lightbox-panel15D {width:48%; display:none; position:absolute; top:10%; left:20%; background:#FFFFFF; padding:5%; border:15px solid #53565a; opacity: 1; margin: auto; z-index:1001;} /*iPad style */ @media screen and (max-width: 780px) { .lightbox-wrap-4col {column-count: 3; padding:0px 3px; -webkit-column-count: 3; /* Chrome, Safari, Opera */-moz-column-count: 3;} } /*Mobile style */ @media screen and (max-width: 640px), handheld and (orientation : landscape) { .lightbox-wrap-4col {column-count: 2; padding:0px 3px; -webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2;} .lightbox-wrap-3col {column-count: 2; padding:0px 3px; -webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2;} /* Lightbox panel with some content */ .lightbox-panel, #lightbox-panel1, #lightbox-panel2, #lightbox-panel3, #lightbox-panel4, #lightbox-panel5, #lightbox-panel6, #lightbox-panel7, #lightbox-panel8, #lightbox-panel9,#lightbox-panel10, #lightbox-panel11, #lightbox-panel12, #lightbox-panel13, #lightbox-panel14, #lightbox-panel15, #lightbox-panel1A, #lightbox-panel2A, #lightbox-panel3A, #lightbox-panel4A, #lightbox-panel5A, #lightbox-panel6A, #lightbox-panel7A, #lightbox-panel8A, #lightbox-panel9A,#lightbox-panel10A, #lightbox-panel11A, #lightbox-panel12A, #lightbox-panel13A, #lightbox-panel14A, #lightbox-panel15A, #lightbox-panel1B, #lightbox-panel2B, #lightbox-panel3B, #lightbox-panel4B, #lightbox-panel5B, #lightbox-panel6B, #lightbox-panel7B, #lightbox-panel8B, #lightbox-panel9B,#lightbox-panel10B, #lightbox-panel11B, #lightbox-panel12B, #lightbox-panel13B, #lightbox-panel14B, #lightbox-panel15B, #lightbox-panel1C, #lightbox-panel2C, #lightbox-panel3C, #lightbox-panel4C, #lightbox-panel5C, #lightbox-panel6C, #lightbox-panel7C, #lightbox-panel8C, #lightbox-panel9C,#lightbox-panel10C, #lightbox-panel11C, #lightbox-panel12C, #lightbox-panel13C, #lightbox-panel14C, #lightbox-panel15C, #lightbox-panel1D, #lightbox-panel2D, #lightbox-panel3D, #lightbox-panel4D, #lightbox-panel5D, #lightbox-panel6D, #lightbox-panel7D, #lightbox-panel8D, #lightbox-panel9D,#lightbox-panel10D, #lightbox-panel11D, #lightbox-panel12D, #lightbox-panel13D, #lightbox-panel14D, #lightbox-panel15D {width:75%; left:5%;} } @media screen and (max-width: 480px) { .lightbox-wrap-4col {column-count: 2; padding:0px 3px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1;} .lightbox-wrap-3col {column-count: 2; padding:0px 3px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1;} .lightbox-wrap-2col {column-count: 2; padding:0px 3px; -webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 1;} .lightbox-panel h2 {font-size: 85%; } /* Lightbox panel with some content */ .lightbox-panel, #lightbox-panel1, #lightbox-panel2, #lightbox-panel3, #lightbox-panel4, #lightbox-panel5, #lightbox-panel6, #lightbox-panel7, #lightbox-panel8, #lightbox-panel9,#lightbox-panel10, #lightbox-panel11, #lightbox-panel12, #lightbox-panel13, #lightbox-panel14, #lightbox-panel15, #lightbox-panel1A, #lightbox-panel2A, #lightbox-panel3A, #lightbox-panel4A, #lightbox-panel5A, #lightbox-panel6A, #lightbox-panel7A, #lightbox-panel8A, #lightbox-panel9A,#lightbox-panel10A, #lightbox-panel11A, #lightbox-panel12A, #lightbox-panel13A, #lightbox-panel14A, #lightbox-panel15A, #lightbox-panel1B, #lightbox-panel2B, #lightbox-panel3B, #lightbox-panel4B, #lightbox-panel5B, #lightbox-panel6B, #lightbox-panel7B, #lightbox-panel8B, #lightbox-panel9B,#lightbox-panel10B, #lightbox-panel11B, #lightbox-panel12B, #lightbox-panel13B, #lightbox-panel14B, #lightbox-panel15B, #lightbox-panel1C, #lightbox-panel2C, #lightbox-panel3C, #lightbox-panel4C, #lightbox-panel5C, #lightbox-panel6C, #lightbox-panel7C, #lightbox-panel8C, #lightbox-panel9C,#lightbox-panel10C, #lightbox-panel11C, #lightbox-panel12C, #lightbox-panel13C, #lightbox-panel14C, #lightbox-panel15C, #lightbox-panel1D, #lightbox-panel2D, #lightbox-panel3D, #lightbox-panel4D, #lightbox-panel5D, #lightbox-panel6D, #lightbox-panel7D, #lightbox-panel8D, #lightbox-panel9D,#lightbox-panel10D, #lightbox-panel11D, #lightbox-panel12D, #lightbox-panel13D, #lightbox-panel14D, #lightbox-panel15D {width:65%; left:10%;} } @media screen and (max-width: 400px) { .lightbox-wrap-4col {column-count: 1; padding:0px 3px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1;} .lightbox-wrap-3col {column-count: 1; padding:0px 3px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1;} .lightbox-wrap-2col {column-count: 1; padding:0px 3px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1;} .lightbox-panel h2 {font-size: 80%; } /* Lightbox panel with some content */ .lightbox-panel, #lightbox-panel1, #lightbox-panel2, #lightbox-panel3, #lightbox-panel4, #lightbox-panel5, #lightbox-panel6, #lightbox-panel7, #lightbox-panel8, #lightbox-panel9,#lightbox-panel10, #lightbox-panel11, #lightbox-panel12, #lightbox-panel13, #lightbox-panel14, #lightbox-panel15, #lightbox-panel1A, #lightbox-panel2A, #lightbox-panel3A, #lightbox-panel4A, #lightbox-panel5A, #lightbox-panel6A, #lightbox-panel7A, #lightbox-panel8A, #lightbox-panel9A,#lightbox-panel10A, #lightbox-panel11A, #lightbox-panel12A, #lightbox-panel13A, #lightbox-panel14A, #lightbox-panel15A, #lightbox-panel1B, #lightbox-panel2B, #lightbox-panel3B, #lightbox-panel4B, #lightbox-panel5B, #lightbox-panel6B, #lightbox-panel7B, #lightbox-panel8B, #lightbox-panel9B,#lightbox-panel10B, #lightbox-panel11B, #lightbox-panel12B, #lightbox-panel13B, #lightbox-panel14B, #lightbox-panel15B, #lightbox-panel1C, #lightbox-panel2C, #lightbox-panel3C, #lightbox-panel4C, #lightbox-panel5C, #lightbox-panel6C, #lightbox-panel7C, #lightbox-panel8C, #lightbox-panel9C,#lightbox-panel10C, #lightbox-panel11C, #lightbox-panel12C, #lightbox-panel13C, #lightbox-panel14C, #lightbox-panel15C, #lightbox-panel1D, #lightbox-panel2D, #lightbox-panel3D, #lightbox-panel4D, #lightbox-panel5D, #lightbox-panel6D, #lightbox-panel7D, #lightbox-panel8D, #lightbox-panel9D,#lightbox-panel10D, #lightbox-panel11D, #lightbox-panel12D, #lightbox-panel13D, #lightbox-panel14D, #lightbox-panel15D {width:60%; left:10%;} /*end lightbox panel*/ } /*Video background- start*/ .heropanel-video {clear:both;font-family:'museo_sans300',verdana,arial,sans-serif; min-height:500px; max-width:940px; margin:0px auto;} @keyframes gm-slidein { from { -webkit-transform:translate3d(0,-100%,0); opacity:0; transform:translate3d(0,-100%,0); } to { -webkit-transform:none; opacity:1; transform:none; } } .heropanel-content {-moz-animation:gm-slidein 3s 1;-ms-animation:gm-slidein 3s 1;-o-animation:gm-slidein 3s 1;-Webkit-animation:gm-slidein 3s 1;animation:gm-slidein 3s 1;margin:0; max-width:100%;padding:8px 5px;text-align:left;} .heropanel-content h1 {font-family:'museo_sans900', verdana,arial,sans-serif;margin:0;font-size: 50px;padding:8px 10px;color:#FFF;} .heropanel-content p {color:#fff;margin:80px 0;padding:90px 5px 0px;text-align:right;} /*Video background - end*/ /*Stroke Nav - start*/ .bottom_bar {background-color: #21383e; clear: both; height: auto; width:940px; margin:0 auto; color: #ffffff; box-shadow: 0px 2px 4px gray;} .bottom_bar nav {text-align: center; margin: 0 auto; height: 80px; font-weight: bold;} .bottom_bar nav ul {list-style: none; margin: 0 auto;} .bottom_bar nav ul li {list-style: none; display:inline-block; border: 0px solid #CEEF16; margin: 10px 15px; padding:10px 20px;} .bottom_bar nav ul li a {text-decoration: none; color: #fff; text-transform: uppercase; margin: 0 10px; line-height: 60px;} .bottom_bar nav a:link, .bottom_bar nav a:visited {display: inline-block; margin-left: 0%; margin-top: 5px; margin-bottom: 0px; transition: all .5s;} .bottom_bar nav ul li a, .bottom_bar nav ul li a:after, .bottom_bar nav ul li a:before {transition: all .5s;} .bottom_bar img { position: absolute;top: 0px;left: 50%;bottom: 8px;transform: translate(-50%, -50%);} /* stroke */ .bottom_bar nav.stroke ul li a{position: relative;} .bottom_bar nav.stroke ul li a:after, .bottom_bar nav ul li a:after {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #E34F25; height: 2px;} .bottom_bar nav.stroke ul li a:hover:after {width: 100%;} .bottom_bar nav ul li a {transition: all 1s;} .bottom_bar nav ul li a:after {text-align: left; content: '.'; margin: 0; opacity: 0;} .bottom_bar nav ul li a:hover {color: #E34F25; z-index: 1;} .bottom_bar nav ul li a:hover:after {z-index: -10; animation: fill 1s forwards; opacity: 1;} @media screen and (max-width: 640px) { .heropanel-video {margin-bottom:-10px} .bottom_bar {width:100%;} .bottom_bar nav {text-align:center; height: auto; font-size: 13px; font-weight: bold;} .bottom_bar nav ul { width: 100%;list-style: none; padding:0;} .bottom_bar nav ul li {width: 90%; display: block; list-style: none; float: none; border-bottom: 1px solid #576979;} .bottom_bar nav ul li a {display: block; color: #fff; text-transform: uppercase; line-height: 1.5em;} .bottom_bar img {position: absolute;top: 30%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } @media screen and (max-width: 480px) { .bottom_bar{width: 100%;} .bottom_bar nav ul li {display:block; border-bottom: 1px solid #576979;} .bottom_bar img {position: absolute;top: 50%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } /*stroke Propel Nav*/ .bottom_bar.bottom_bar_propel nav ul li { padding:10px; } /*stroke-crypto Nav - start*/ .bottom_bar_crypto {background-color: #e1326b; clear: both; height: auto; width:940px; margin:0 auto; color: #ffffff; box-shadow: 0px 2px 4px gray;} .bottom_bar_crypto nav {text-align: center; margin: 0 auto; height: 80px; font-weight: bold;} .bottom_bar_crypto nav ul {list-style: none; margin: 0 auto; display: flex; justify-content: space-around;padding-left: 0;flex-wrap: wrap;} .bottom_bar_crypto nav ul li {list-style: none; display:inline-block; border: 0px solid #CEEF16; margin: 10px 15px; padding:10px 20px;} .bottom_bar_crypto nav ul li a {text-decoration: none; color: #fff;text-transform: uppercase;margin: 0 40px; margin-top: 0px;margin-bottom: 0px;line-height: 60px;} .bottom_bar_crypto nav a:link, .bottom_bar_crypto nav a:visited {display: inline-block; margin-top: 5px; margin-bottom: 0px; transition: all .5s;} .bottom_bar_crypto nav ul li a, .bottom_bar_crypto nav ul li a:after, .bottom_bar_crypto nav ul li a:before {transition: all .5s;} .bottom_bar_crypto img { position: absolute;top: 0px;left: 50%;bottom: 8px;transform: translate(-50%, -50%);} /* stroke-crypto */ .bottom_bar_crypto nav.stroke-crypto ul li a{position: relative;} .bottom_bar_crypto nav.stroke-crypto ul li a:after, .bottom_bar_crypto nav ul li a:after {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #E34F25; height: 2px;} .bottom_bar_crypto nav.stroke-crypto ul li a:hover:after {width: 100%;} .bottom_bar_crypto nav ul li a {transition: all 1s;} .bottom_bar_crypto nav ul li a:after {text-align: left; content: '.'; margin: 0; opacity: 0;} @media screen and (max-width: 640px) { .heropanel-video {margin-bottom:-10px} .bottom_bar_crypto {width:100%;} .bottom_bar_crypto nav {text-align:center; height: auto; font-size: 13px; font-weight: bold;} .bottom_bar_crypto nav ul { width: 100%;list-style: none; padding:0;} .bottom_bar_crypto nav ul li {width: 90%; display: block; list-style: none; float: none; border-bottom: 1px solid #e1326b;} .bottom_bar_crypto nav ul li a {display: block; color: #fff; text-transform: uppercase; line-height: 1.5em;} .bottom_bar_crypto img {position: absolute;top: 30%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } @media screen and (max-width: 480px) { .bottom_bar_crypto{width: 100%;} .bottom_bar_crypto nav ul li {display:block; border-bottom: 1px solid #e1326b;} .bottom_bar_crypto img {position: absolute;top: 50%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } /*stroke-crypto Nav - start*/ /*Hedge Fund Nav - start*/ .bottom_bar_hedge_funds {background-color: #5bc5f2; clear: both; height: auto; width:940px; margin:0 auto; color: #000000; box-shadow: 0px 2px 4px gray;} .bottom_bar_hedge_funds nav {text-align: center; margin: 0 auto; height: 80px; font-weight: bold;} .bottom_bar_hedge_funds nav ul {list-style: none; margin: 0 auto;} .bottom_bar_hedge_funds nav ul li {list-style: none; display:inline-block; border: 0px solid #CEEF16; margin: 10px 10px; padding:10px 20px;} .bottom_bar_hedge_funds nav ul li a {text-decoration: none; color: #000000; text-transform: uppercase; margin: 0 10px; line-height: 60px;} .bottom_bar_hedge_funds nav a:link, .bottom_bar_hedge_funds nav a:visited {display: inline-block; margin-left: 0%; margin-top: 5px; margin-bottom: 0px; transition: all .5s;} .bottom_bar_hedge_funds nav ul li a, .bottom_bar_hedge_funds nav ul li a:after, .bottom_bar_hedge_funds nav ul li a:before {transition: all .5s;} .bottom_bar_hedge_funds img { position: absolute;top: 0px;left: 50%;bottom: 8px;transform: translate(-50%, -50%);} .bottom_bar_hedge_funds nav.stroke-hedge-funds ul li a{position: relative;} .bottom_bar_hedge_funds nav.stroke-hedge-funds ul li a:after, .bottom_bar_hedge_funds nav ul li a:after {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #711f7e; height: 2px;} .bottom_bar_hedge_funds nav.stroke-hedge-funds ul li a:hover:after {width: 100%;} .bottom_bar_hedge_funds nav ul li a {transition: all 1s;} .bottom_bar_hedge_funds nav ul li a:after {text-align: left; content: '.'; margin: 0; opacity: 0;} .bottom_bar_hedge_funds nav ul li a:hover {color: #711f7e; z-index: 1;} .bottom_bar_hedge_funds nav ul li a:hover:after {z-index: -10; animation: fill 1s forwards; opacity: 1;} @media screen and (max-width: 640px) { .heropanel-video {margin-bottom:-10px} .bottom_bar_hedge_funds {width:100%;} .bottom_bar_hedge_funds nav {text-align:center; height: auto; font-size: 13px; font-weight: bold;} .bottom_bar_hedge_funds nav ul { width: 100%;list-style: none; padding:0;} .bottom_bar_hedge_funds nav ul li {width: 90%; display: block; list-style: none; float: none; border-bottom: 1px solid #576979;} .bottom_bar_hedge_funds nav ul li a {display: block; color: #000000; text-transform: uppercase; line-height: 1.5em;} .bottom_bar_hedge_funds img {position: absolute;top: 30%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } @media screen and (max-width: 480px) { .bottom_bar_hedge_funds{width: 100%;} .bottom_bar_hedge_funds nav ul li {display:block; border-bottom: 1px solid #576979;} .bottom_bar_hedge_funds img {position: absolute;top: 50%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } /*Hedge Fund Nav - start*/ /*stroke-dac6 Nav - start*/ .bottom_bar_dac6 {background-color: #5bc5f2; clear: both; height: auto; width:940px; margin:0 auto; color: #000000; box-shadow: 0px 2px 4px gray;} .bottom_bar_dac6 nav {text-align: center; margin: 0 auto; height: 80px; font-weight: bold;} .bottom_bar_dac6 nav ul {list-style: none; margin: 0 auto; display: flex; justify-content: space-around;padding-left: 0;flex-wrap: wrap;} .bottom_bar_dac6 nav ul li {list-style: none; display:inline-block; border: 0px solid #CEEF16; margin: 10px 15px; padding:10px 20px;} .bottom_bar_dac6 nav ul li a {text-decoration: none; color: #000000;text-transform: uppercase;margin: 0 40px; margin-top: 0px;margin-bottom: 0px;line-height: 60px;} .bottom_bar_dac6 nav a:link, .bottom_bar_dac6 nav a:visited {display: inline-block; margin-top: 5px; margin-bottom: 0px; transition: all .5s;} .bottom_bar_dac6 nav ul li a, .bottom_bar_dac6 nav ul li a:after, .bottom_bar_dac6 nav ul li a:before {transition: all .5s;} .bottom_bar_dac6 img { position: absolute;top: 0px;left: 50%;bottom: 8px;transform: translate(-50%, -50%);} /* stroke-dac6 */ .bottom_bar_dac6 nav.stroke-dac6 ul li a{position: relative;} .bottom_bar_dac6 nav.stroke-dac6 ul li a:after, .bottom_bar_dac6 nav ul li a:after {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #E34F25; height: 2px;} .bottom_bar_dac6 nav.stroke-dac6 ul li a:hover:after {width: 100%;} .bottom_bar_dac6 nav ul li a {transition: all 1s;} .bottom_bar_dac6 nav ul li a:after {text-align: left; content: '.'; margin: 0; opacity: 0;} @media screen and (max-width: 640px) { .heropanel-video {margin-bottom:-10px} .bottom_bar_dac6 {width:100%;} .bottom_bar_dac6 nav {text-align:center; height: auto; font-size: 13px; font-weight: bold;} .bottom_bar_dac6 nav ul { width: 100%;list-style: none; padding:0;} .bottom_bar_dac6 nav ul li {width: 90%; display: block; list-style: none; float: none; border-bottom: 1px solid #e1326b;} .bottom_bar_dac6 nav ul li a {display: block; color: #000000; text-transform: uppercase; line-height: 1.5em;} .bottom_bar_dac6 img {position: absolute;top: 30%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } @media screen and (max-width: 480px) { .bottom_bar_dac6{width: 100%;} .bottom_bar_dac6 nav ul li {display:block; border-bottom: 1px solid #5bc5f2;} .bottom_bar_dac6 img {position: absolute;top: 50%;left: -30px;transform: translate(-50%, -50%); width: 25px;} } /*stroke-dac6 Nav - start*/ h1.title-indthought { color:#000000; font-family:museo_sans900,Verdana,Arial,sans-serif; font-size:26px; } h2.casestudies-indthought { color: #000000; font-family: museo_sans700,Verdana,Arial,sans-serif; font-size: 18px; text-align: center; margin-top:5px; } /*SMCR Hub nav- start*/ .smcr_nav {background-color: #ffffff; clear: both; height: auto; width:940px; margin:0 auto; color: #711f7e; box-shadow: 0px 2px 4px gray; font-size:15px;} .smcr_nav nav {text-align: center; margin: 0 auto; height: 50px;} .smcr_nav nav ul {list-style: none; margin: 0 auto;} .smcr_nav nav ul li {list-style: none; display:inline-block; border: 0px solid #ffffff; margin: 2px 17px; padding:2px 17px;} .smcr_nav nav ul li a {text-decoration: none; color: #711f7e; text-transform: none; margin: 0 5px; line-height: 30px;} .smcr_nav nav a:link, .smcr_nav nav a:visited {display: inline-block; margin-left: 0%; margin-top: 5px; margin-bottom: 0px; transition: all .5s;} .smcr_nav nav ul li a, .smcr_nav nav ul li a:after, .smcr_nav nav ul li a:before {transition: all .5s;} /* strokesm */ .smcr_nav nav.strokesm ul li a{position: relative;} .smcr_nav nav.strokesm ul li a:after, .smcr_nav nav ul li a:after {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #0066b2; height: 2px;} .smcr_nav nav.strokesm ul li a:hover:after {width: 100%;} .smcr_nav nav ul li a {transition: all 1s;} .smcr_nav nav ul li a:after {text-align: left; content: '.'; margin: 0; opacity: 0;} .smcr_nav nav ul li a:hover {color: #0066b2; z-index: 1;} .smcr_nav nav ul li a:hover:after {z-index: -10; animation: fill 1s forwards; opacity: 1;} @media screen and (max-width: 640px) { .smcr_nav {width:100%;} .smcr_nav nav {text-align:center; height: auto;} .smcr_nav nav ul { width: 100%;list-style: none; padding:0;} .smcr_nav nav ul li {width: 90%; display: block; list-style: none; float: none; border-bottom: 1px solid #576979;} .smcr_nav nav ul li a {display: block; color: #711f7e; text-transform: none; line-height: 2em;} } @media screen and (max-width: 480px) { .smcr_nav{width: 100%;} .smcr_nav nav ul li {display:block; border-bottom: 1px solid #576979;} } /*SMCR Hub nav- end*/ /*FSDI Hub nav- start*/ .fsdi_nav {background-color: #ffffff; clear: both; height: auto; width:940px; margin:0 auto; color: #000000; box-shadow: 0px 2px 4px gray; font-size:15px;} .fsdi_nav nav {text-align: center; margin: 0 auto; height: auto;} .fsdi_nav nav ul {list-style: none; margin: 0 auto;} .fsdi_nav nav ul li {list-style: none; display:inline-block; border: 0px solid #ffffff; margin: 2px 17px; padding:2px 17px;} .fsdi_nav nav ul li a {text-decoration: none; color: #000000; text-transform: none; margin: 0 5px; line-height: 30px;} .fsdi_nav nav a:link, .fsdi_nav nav a:visited {display: inline-block; margin-left: 0%; margin-top: 5px; margin-bottom: 0px; transition: all .5s;} .fsdi_nav nav ul li a, .fsdi_nav nav ul li a:after, .fsdi_nav nav ul li a:before {transition: all .5s;} /* strokesm */ .fsdi_nav nav.strokesm ul li a{position: relative;} .fsdi_nav nav.strokesm ul li a:after, .fsdi_nav nav ul li a:after {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #0066b2; height: 2px;} .fsdi_nav nav.strokesm ul li a:hover:after {width: 100%;} .fsdi_nav nav ul li a {transition: all 1s;} .fsdi_nav nav ul li a:after {text-align: left; content: '.'; margin: 0; opacity: 0;} .fsdi_nav nav ul li a:hover {color: #0076ab; z-index: 1;} .fsdi_nav nav ul li a:hover:after {z-index: -10; animation: fill 1s forwards; opacity: 1;} @media screen and (max-width: 640px) { .fsdi_nav {width:100%;} .fsdi_nav nav {text-align:center; height: auto;} .fsdi_nav nav ul { width: 100%;list-style: none; padding:0;} .fsdi_nav nav ul li {width: 90%; display: block; list-style: none; float: none; border-bottom: 1px solid #576979;} .fsdi_nav nav ul li a {display: block; color: #000000; text-transform: none; line-height: 2em;} } @media screen and (max-width: 480px) { .fsdi_nav{width: 100%;} .fsdi_nav nav ul li {display:block; border-bottom: 1px solid #576979;} } /*FSDI Hub nav- end*/ /*KONEXO mega menu- start*/ #konexo { background:#830065; color:#fff; padding:20px; box-sizing:border-box; } #konexo h3 { color:#f0b323; } /* !important tags because there are so many generic overrides for the a tag */ .button-konexo { height:auto !important; width:auto !important; border-bottom:0 !important; background:#FBB800; color:#830065; padding:5px 10px !important; margin:0 !important; } .konexo-logo { background:url("https://www.eversheds-sutherland.com/code/responsive/megamenu-konexo-x.png") no-repeat; height:32px; width:32px; display:inline-block; float:right; } /* Fixes for US Site */ .tabordion section #konexo { min-width:0; width:auto; } .tabordion section #konexo p { display:block; } /*KONEXO mega menu- end*/ /* planned maintenance #mainContent::after { font-family: Arial, sans-serif; font-size:12px; text-align:center; height: auto; width:100%; background:#f39100; content: 'This website will be unavailable for planned maintenance from 22:00 UTC Saturday 18 May until 01:00 UTC Sunday 19 May. We apologize for any inconvenience this may cause.'; position:absolute; top:0px; left:0px; padding:10px 0px; min-width: 360px; } #mainContent { margin-top:40px; } .vertical-logo { top:40px; } .cd-dropdown-wrapper { top:40px !important; } .cd-dropdown-content > .has-children > ul.is-active { top:124px; } @media screen and (max-width: 960px) { #mainContent { margin-top:48px; } .vertical-logo { top:48px; } } @media screen and (max-width: 640px) { #mainContent { margin-top:0px; } .vertical-logo { top:40px; } #navBar { margin-top: 0px; } } @media screen and (max-width: 480px) { #mainContent { margin-top:10px; } } planned maintenance */ /* Bootstrap 4 Screen-Reader only utility */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }