/********************************************************** Index *********************************************************** 1. General styling (regular tags) 2. General framework (header, footer) 3. Common elements (grids, buttons, etc) 4. Components (pagination, widgets, etc) 5. Page specific styling 6. Plugins 7. Language specific styling ***********************************************************/ /*********************************************************** 1. General styling ***********************************************************/ /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com */ @font-face{ font-family:"HelveticaNeueLight"; src:url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix"); src:url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg"); } @font-face{ font-family:"HelveticaNeueMedium"; src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix"); src:url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"),url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"),url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"),url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg"); } @font-face{ font-family:"HelveticaNeueRegular"; src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix"); src:url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg"); } body, input, textarea, select, .customSelect .heading { font: 12px "HelveticaNeueMedium",Helvetica,Arial,Verdana; color: #333; font-weight: normal; } body { background: #fff; font-family: "HelveticaNeueRegular",Helvetica,Arial,Verdana; line-height: 16px; } h1,h2,h3,h4,h5,h6 { font: 12px ; margin: 0 0 1em 0; } a, a:link, a:hover, a:visited { text-decoration: none; color: #14054b; cursor: pointer; font-family: "HelveticaNeueRegular",Helvetica,Arial,Verdana; } a:hover { text-decoration: underline; } p { margin: 0 0 1.4em 0; line-height: 1.5em; } p.intro { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } b, strong { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .highlight { color: #36ac73; } ul { list-style-type: none; margin: 0 0 1em 1em; padding: 0; } ul li { background: url(../images/bgListDisc.png) 0 8px no-repeat; padding-left: 10px; margin-bottom: 4px; } ol { margin: 0 0 1em 1em; padding: 0 0 0 10px; } legend { display: none; } input[type="text"], input[type="email"], input[type="password"], select, textarea { width: 250px; height: 30px; padding: 4px 10px; vertical-align: middle; background: #fff; border: 2px solid #f5f5f5; border-bottom-color: #f6f6f6; border-top: 1px solid #d2d2d2; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; } textarea { height: auto; line-height: inherit; padding: 5px 10px; vertical-align: top; resize: none; } select { height: auto; line-height: inherit; padding: 5px 6px; } input[type="radio"], input[type="checkbox"] { cursor: pointer; } .lt-ie9 input[type="text"], .lt-ie9 input[type="email"], .lt-ie9 input[type="password"] { padding-top: 6px; } input.watermark { color: #858585; } body input.dateFrom, body input.dateTo { background: url(../images/iconDate.png) right 6px no-repeat #fff; } table th, table td { text-align: left; vertical-align: top; } .clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .richText { overflow: hidden; } .richText a { text-decoration: underline; } .richText a:hover { text-decoration: none; } .richText h2 { font: 1.333em Georgia,Arial,Helvetica,Verdana; color: #36ac73; } .richText h2.grey { color: #333; } .richText h3 { font: 1.083em Georgia,Arial,Helvetica,Verdana; color: #36ac73; } .richText .footnote { font-style: italic; font-size: 0.917em; } .richText table { width: 100%; margin-bottom: 1.5em; font-size: 0.917em; border: 1px solid #d5d5d5; border-collapse: separate; } .richText table th, .richText table td { padding: 7px 10px; border: 1px solid #fff; background: #f9f9f9; } .richText table thead > *, .richText table tbody:first-child tr:first-child > * { border-top: 0; font-weight: bold; } .richText table tr *:first-child { border-left-width: 0; } .richText table tr *:last-child { border-right-width: 0; } .highlightedArea .richText table th, .highlightedArea .richText table td { border-color: #f9f9f9; background: #fff; } .printOnly { display: none !important; } /*********************************************************** 2. General framework ***********************************************************/ .siteWrapper { max-width: 1280px; min-width: 320px; min-height: 400px; margin: 0 auto; -webkit-transform: translateZ(0); /* Fixes Chrome pixel offset flicker chased by flexslider */ } .lt-ie9 .siteWrapper { min-width: 768px; } /* Page header */ header.main { padding: 50px 3% 0 3%; position: relative; border-bottom: 2px solid #36ac73; z-index: 999; } header.main .logo { float: left; display: inline-block; margin: -3px 22px 0 0; width: 113px; } header.main .logo img { display: block; width: 100%; } header.main .mobileActions, header.main .mobileMenu { display: none; } /* Page header: main + sub menu */ header.main .mainMenu { white-space: nowrap; text-align: right; height: 50px; } header.main .mainMenu .alpha, header.main .mainMenu .beta { white-space: normal; text-align: left; height: 50px; display: inline-block; overflow: visible; } header.main .mainMenu .alpha { float: left; } header.main .mainMenu .alpha > li > a { color: #000; text-transform: uppercase; } header.main .mainMenu > ul > li > a { display: block; height: 50px; line-height: 44px; padding: 0 18px; text-decoration: none; background: #fff; border: 1px solid #dbdbdb; border-width: 0 0 0 1px; -webkit-transition: height 0.15s; -moz-transition: height 0.15s; -o-transition: height 0.15s; transition: height 0.15s; } header.main .mainMenu > ul > li:hover > a, header.main .mainMenu > ul > li > a.active { height: 62px; border-width: 0 1px; margin-right: -1px; -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); } header.main .mainMenu li:hover .bgGate { display: block; } header.main .mainMenu li .bgGate { display: none; background: #fff; margin-left: 1px; height: 6px; z-index: 110; position: relative; margin-top: -12px; } header.main.menuOverflow { padding-top: 15px; } header.main.menuOverflow .logo { float: none; } header.main.menuOverflow .mainMenu { margin-top: 20px; } header.main.menuOverflow .mainMenu li:hover .subMenu { top: 121px; } header.main.menuOverflow .quickList .links { z-index: 10; position: relative; } header.main.menuOverflow .quickList .search { display: block; } header.main.menuOverflow .quickList .languageSelector { left: auto; right: 0; } header.main .mainMenu li:hover .subMenu { opacity: 1; top: 102px; } header.main .subMenu { opacity: 0; position: absolute; top: -999px; z-index: 100; background: #fff; border: 1px solid #dbdbdb; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; transition: opacity 0.15s; } header.main .subMenu table { width: 100%; margin: 25px 0 30px 0; table-layout: fixed; border-collapse: separate; border-spacing: 30px 0; } header.main .subMenu table thead th { padding-bottom: 8px; } header.main .subMenu table td { padding: 18px 0; border: 1px solid #dbdbdb; border-width: 1px 0; } header.main .subMenu ul li { float: none; display: block; margin-bottom: 12px; } header.main .subMenu a { display: block; width: 100%; padding-left: 12px; line-height: 1.6em; background: url(../images/sprites/arrowsLeft.png) 0 7px no-repeat; overflow: hidden; text-overflow: ellipsis; -moz-box-sizing: border-box; box-sizing: border-box; } header.main .subMenu.expertise { left: 3%; width: 94%; } header.main .subMenu.news { width: 200px; } header.main .subMenu.news table { border-spacing: 20px 0; } /* Page header: quick list */ header.main .quickList { position: absolute; top: 9px; right: 3%; margin-right: -2px; } header.main .quickList.mobileToggle { display: block !important; } header.main .quickList .links { display: inline-block; font-size: 0.833em; vertical-align: middle; padding-bottom: 10px; overflow: visible; } header.main .quickList .links > li { border-left: 1px solid #ccc; padding: 0 7px; position: relative; } header.main .quickList .links > li:first-child { border: none; } header.main .quickList .links > li > a { color: #868686; } header.main .quickList .links > li:hover > a, header.main .quickList .links .language:hover > a { color: #333; text-decoration: none; } header.main .quickList .links .language > a { display: inline-block; padding-left: 15px; cursor: text; background: url(../images/iconGlobe.png) 0 center no-repeat; } header.main .quickList li:hover .languageSelector { display: block; } header.main .quickList .languageSelector { display: none; position: absolute; left: -1px; padding: 17px 12px 25px 12px; background: #fff; border: 1px solid #ccc; border-width: 0 1px 1px 1px; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);} header.main .quickList .languageSelector li { float: none; margin-bottom: 5px; } header.main .quickList .languageSelector a { display: inline-block; padding-left: 12px; white-space: nowrap; background: url(../images/sprites/arrowsLeft.png) 0 5px no-repeat; } header.main .quickList .search { display: inline-block; position: relative; vertical-align: middle; background: #fff; padding-bottom: 10px; } header.main .quickList .search input[type="text"] { padding-right: 30px; } header.main .quickList .search input[type="submit"] { position: absolute; top: 6px; right: 2px; width: 29px; height: 17px; text-indent: -999px; overflow: hidden; background: url(../images/sprites/icons.png) 6px -60px #fff no-repeat; border: none; } header.main .quickList .search input[type="submit"]:hover { background-position: -19px -60px; } .lt-ie9 header.main .quickList .links { float: left; margin-top: 6px; } .lt-ie9 header.main .quickList .search { float: right; } /* Main container */ div.main { clear: both; z-index: 10; position: relative; } div.main > * { padding: 28px 6% 40px 6%; } /* Page footer */ footer.main { width: 94%; margin: 20px auto 30px auto; font-size: 0.833em; overflow: hidden; color: #a0a0a0; z-index: 0; } footer.main a { color: #a0a0a0; } footer.main a:hover { color: #333; text-decoration: none; } footer.main .quickLinks { border: 1px solid #d5d5d5; border-width: 1px 0; padding: 25px 80px; text-align: center; } footer.main .quickLinks li { float: none; display: inline-block; margin: 1px 4px; } footer.main .quickLinks li.main a { color: #333; } footer.main .quickLinks li.main a:hover { text-decoration: underline; } footer.main .legal { float: left; width: 50%; padding: 12px 0 8px 0; } footer.main .legal li { margin-right: 10px; } footer.main .legal .print { display: inline-block; height: 16px; padding-left: 22px; background: url(../images/sprites/icons.png) 0 0 no-repeat; } footer.main .legal .print:hover { background-position: 0 -30px; } html.touch footer.main .legal .print { display: none; } footer.main ul.socialLinks { float: right; width: 50%; padding: 8px 0; text-align: right; } footer.main ul.socialLinks .twitter { margin-left: 6px; } /*********************************************************** 3. Common elements ***********************************************************/ h1 { font-size: 2.000em; } h2 { font-size: 1.333em; font-weight: bold; } h3 { font-size: 1.083em; font-weight: bold; } ul.layoutList, ol.layoutList { overflow: hidden; margin: 0; padding: 0; } ul.layoutList > li, ol.layoutList > li { float: left; background: none; margin: 0; padding: 0; } ul.socialLinks li { float: none; display: inline-block; vertical-align: middle; height: 23px; line-height: 23px; margin-left: 4px; } ul.socialLinks li:first-child { margin-left: 0; } ul.socialLinks li.linkedIn .li-connect-widget a, ul.socialLinks a.linkedin, ul.socialLinks a.twitter, ul.socialLinks a.facebook, ul.socialLinks a.blog, ul.socialLinks a.email { display: inline-block; width: 23px; height: 23px; text-indent: -999px; overflow: hidden; text-align: left; background: url(../images/sprites/icons.png) 0 0 no-repeat #f2f2f2; } ul.socialLinks a.twitter { background-position: -50px 0; } ul.socialLinks a.twitter:hover { background-position: -50px -30px; } ul.socialLinks a.facebook { background-position: -170px 0; } ul.socialLinks a.facebook:hover { background-position: -170px -30px; } ul.socialLinks li.linkedIn .li-connect-widget a, ul.socialLinks a.linkedin { background-position: -90px 0; } ul.socialLinks li.linkedIn .li-connect-widget a:hover, ul.socialLinks a.linkedin:hover { background-position: -90px -30px; } ul.socialLinks a.blog { background-position: -130px 0; } ul.socialLinks a.blog:hover { background-position: -130px -30px; } ul.socialLinks li.linkedIn { width: 23px; height: 23px; } ul.socialLinks li.linkedIn .holder { position: absolute; } ul.socialLinks li.liConnectivity { padding: 3px 10px 4px 10px !important; margin-top: 0 !important; height: auto; line-height: inherit; } .mainDetails .mainBody ul.socialLinks a.twitter, .mainDetails .mainBody ul.socialLinks a.facebook, .mainDetails .mainBody ul.socialLinks a.linkedin, .mainDetails .mainBody ul.socialLinks a.email { background-color: #c1c1c1; } .mainDetails .mainBody ul.socialLinks a.twitter { background-position: -50px -470px; } .mainDetails .mainBody ul.socialLinks a.facebook { background-position: -170px -470px; } .mainDetails .mainBody ul.socialLinks a.linkedin { background-position: -90px -470px; } .mainDetails .mainBody ul.socialLinks a.email { background-image: url('/images/mail-icon.png'); } .mainDetails .mainBody ul.socialLinks a.twitter:hover, .mainDetails .mainBody ul.socialLinks a.facebook:hover, .mainDetails .mainBody ul.socialLinks a.linkedin:hover, .mainDetails .mainBody ul.socialLinks a.email:hover { background-color: #999; } .JuniorAssociate .mainDetails .mainBody ul.socialLinks a.linkedin { background-position: -90px 0; } .Associate .mainDetails .mainBody ul.socialLinks a.linkedin { background-position: -90px 0; } ul.legalLinks { margin: 1em 0 4px 0; } ul.legalLinks li { float: left; margin-right: 10px; } table.zebraList { margin-bottom: 1em; } table.zebraList tr.even td { background: #fff; } table.zebraList td { padding: 7px 15px; background: #f3f3f3; } /* Input buttons */ input.submitButton, input.btnDefault { display: inline-block; height: 35px; padding: 0 20px 2px 20px; position: relative; vertical-align: middle; cursor: pointer; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; color: #333; background: url(../images/sprites/buttons.png) 0 0 repeat-x; border: 1px solid #d5d5d5; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; } input.btnDefault:hover { background-position: 0 -40px; } input.submitButton, input.btnDefault.primary { background-position: 0 -100px; color: #fff; border-color: #85b09b; } input.submitButton:hover, input.btnDefault.primary:hover { background-position: 0 -140px; } input.btnDefault[disabled="disabled"] { background-position: 0 0 !important; color: #999; border: 1px solid #d5d5d5; } /* Anchor buttons */ body a.btnDefault { display: inline-block; height: 35px; line-height: 33px; padding: 0 20px; position: relative; vertical-align: middle; cursor: pointer; text-decoration: none; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; color: #333; background: url(../images/sprites/buttons.png) 0 0 repeat-x; border: 1px solid #d5d5d5; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; } body a.btnDefault:hover { background-position: 0 -40px; } body a.btnDefault.primary { background-position: 0 -100px; color: #fff; border-color: #85b09b; } body a.btnDefault.primary:hover { background-position: 0 -140px; } body a.btnDefault.subscribe { color: #14054b; border-color: #d5d5d5; } body a.btnDefault.disabled { background-position: 0 0 !important; color: #999; border: 1px solid #d5d5d5; } body a.btnDefault.arrow { padding-left: 10px; padding-right: 10px; } body a.btnDefault.arrow .arrow { display: inline-block; width: 6px; height: 9px; vertical-align: middle; } body a.btnDefault.arrow.left .arrow { margin-right: 10px; background: url(../images/sprites/arrowsLeft.png) 0 -200px no-repeat; } body a.btnDefault.arrow.right .arrow { margin-left: 10px; background: url(../images/sprites/arrowsLeft.png) 0 0 no-repeat; } body a.btnDefault.btnAdd { padding-left: 12px; } body a.btnDefault.btnAdd .icon { display: inline-block; width: 10px; height: 12px; margin-right: 8px; vertical-align: middle; background: url(../images/sprites/icons.png) -160px -100px no-repeat; } /* Other buttons */ .btnMore, a.spamspan { display: inline-block; padding-left: 12px; background: url(../images/sprites/arrowsLeft.png) 0 5px no-repeat; } a.btnBack, a.btnCancel { display: inline-block; padding-left: 12px; background: url(../images/sprites/arrowsLeft.png) 0 -195px no-repeat; } a.btnBig { display: inline-block; padding: 0 35px 0 10px; line-height: 55px; font-size: 1.333em; color: #fff; text-decoration: none; background: url(../images/sprites/arrowsRight.png) right -386px no-repeat #82cca8; -moz-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; box-sizing: border-box; } a.btnBig:hover { background-color: #7abd9c; } a.btnBack { display: inline-block; padding-left: 12px; background: url(../images/sprites/arrowsLeft.png) 0 -197px no-repeat; } a.btnVideo { display: inline-block; position: relative; color: #fff; padding: 1px 10px 7px 10px; background: url(../images/bgAlphaBlack35.png) repeat; -moz-border-radius: 4px; border-radius: 4px; } a.btnVideo .ico { display: inline-block; width: 21px; height: 14px; margin: 3px 15px 0 0; vertical-align: middle; background: url(../images/sprites/icons.png) 0 -200px no-repeat; } a.btnVideo .arrow { display: inline-block; padding-right: 25px; vertical-align: middle; background: url(../images/sprites/arrowsRight.png) right -293px no-repeat; } a.btnVideo:hover { background: #222; } /* Breadcrumb */ body ul.breadcrumb { position: absolute; top: 20px; left: 3%; z-index: 1; padding: 0 !important; } body ul.breadcrumb li:first-child { padding-left: 0; background: none; } body ul.breadcrumb li { margin-right: 8px; padding-left: 12px; background: url(../images/sprites/arrowsLeft.png) 0 -96px no-repeat; } body ul.breadcrumb li * { color: #fff; text-shadow: 0 0 5px #333; filter: glow(color=#333333,strength=1); } /* Grids */ .grid { overflow: hidden; } .grid .column:first-child { margin-left: 0 !important; } .grid.g50x50 > .column { float: left; width: 49%; margin-left: 2%; } .grid.g33x33x33 > .column { float: left; width: 32%; margin-left: 2%; } .grid.g66x33 > .column { float: left; width: 65%; margin-left: 2%; } .grid.g66x33 > .column.col2 { width: 33%; } /* Message box */ .messageBox { background: #82cca9; color: #fff; } .messageBox .holder { padding: 28px 16% 30px 6%; position: relative; } .messageBox h1 { line-height: 1.2em; margin: -8px 0 10px 0; } .messageBox .btnCancel { margin-left: 12px; color: #fff; background: none; padding: 0; } .messageBox .btnClose { position: absolute; top: 28px; right: 6%; display: block; width: 16px; height: 16px; cursor: pointer; background: url(../images/sprites/icons.png) 0 -230px no-repeat; } .messageBox .btnClose:hover { background-position: -20px -230px; } /* Fancy scrollbar */ .customScrollbar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(204,204,204,1); border-radius: 7px; background-color: #F5F5F5; } .customScrollbar::-webkit-scrollbar { width: 7px; background-color: #F5F5F5; } .customScrollbar::-webkit-scrollbar-thumb { border-radius: 7px; background-color: #ccc; } /*********************************************************** 4. Components ***********************************************************/ /* Widgets: general */ .widget { padding: 18px 20px 20px 20px; margin-top: 20px; background: #fff; border: 1px solid #ececec; -moz-box-sizing: border-box; box-sizing: border-box; } .widget:first-child { margin-top: 0; } .widget a.holder { display: block; color: #333; text-decoration: none; margin: -18px -20px -20px -20px; padding: 18px 20px 20px 20px; } .widget a.holder:hover { color: #14054b; } .widget header { padding: 12px 0 15px 0; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #d5d5d5; } .widget header > * { font: 1.667em Georgia,Arial,Helvetica,Verdana; color: #36ac73; margin: 0; } .widget header a { font: inherit; color: inherit; display: block; padding: 11px 0 4px 0; -moz-box-sizing: border-box; box-sizing: border-box; } .widget footer { padding-top: 8px; margin-top: 1em; border-top: 1px solid #d5d5d5; } .widget .body > article { border-top: 1px solid #d5d5d5; padding: 10px 0 0 0; } .widget .body > article:first-child { border: none; padding-top: 0; } .widget .body > article > .visual + .bodyContent + table.identity::after { content: ''; display: block; padding-bottom: 40px; } /* Create extra space needed */ .widget .meta { margin-bottom: 0.5em; font-size: 0.917em; } .widget .meta > * { display: inline-block; padding: 0 1px 0 4px; border-left: 1px solid #a0a0a0; line-height: 10px; } .widget .meta > *:first-child { padding-left: 0; border: none; } .widget .name, .widget .title { font: 1.083em/1.4em "HelveticaNeueMedium",Helvetica,Arial,Verdana; display: block; margin-bottom: 0.3em; } .widget .name .title { font-size: 1em; margin-bottom: 0; } .widget .visual { display: block; margin-bottom: 15px; position: relative; } .widget .visual img { width: 100%; height: auto; } .widget .visual.video .icon { display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; background: url(../images/sprites/icons.png) 0 -130px; } .widget .visual.video:hover .icon { background-position: -60px -130px; } .widget .visual + .meta { margin-top: -9px; } .widget .team, .widget .summary { font-size: 0.917em; color: #14054b; } .widget .team strong, .widget .summary .newsType { color: #36ac73; } p.summary.non-breaking, p.summary.non-breaking ~ p, p.summary.non-breaking p { display: inline; margin: 0; line-height: 1.4em; } /* publications widget*/ .widget.publications article .richText { max-height: 4.2em; /* 3x 1.4em */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Widget: Links */ .widget.links .layoutList li { float: none; margin-bottom: 5px; } .widget.links .body { overflow: auto; } .widget.links.singleGroup .body { max-height: 255px; } .widget.links.multiGroup .body { max-height: 85px; } .widget.links .togglable header * { display: block; padding-left: 30px; padding-right: 30px; cursor: pointer; background: url(../images/sprites/arrowsRight.png) right -790px no-repeat; } .widget.links .togglable header *:hover { color: #333; background-position: right 10px; } .widget.links .togglable .body { display: none; } .widget.links .togglable.toggled header * { background-position: right -890px; } .widget.links .togglable.toggled header *:hover { background-position: right -90px; } .widget.links .togglable.toggled .body { display: block; } /* Widget: Contact */ .widget.contact .name { display: block; margin-bottom: 4px; color: #14054b; } .widget.contact .location { display: block; margin-bottom: 4px; } .widget.contact .layoutList li { float: none; margin-bottom: 4px; } .widget.contact .contactHeader { display: block; margin: 1em 0 3px 0; color: #14054b; } .widget.contact .contactMethod { margin-top: 1em; } .widget.contact .contactType { display: inline-block; width: 1.2em; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .widget.contact .socialLinks { margin-top: 10px; } .widget.contact footer .socialLinks { margin: -2px 0 -12px 0; } .widget.contact .liConnectivity { background: #f2f2f2; padding: 10px; font-size: 0.917em; margin-top: 4px; } .widget.contact .liConnectivity .IN-widget iframe { left: auto !important; top: auto !important; right: 3%; margin-top: 30px; } .widget.contact .liConnectivity .li-connect-widget.pending *:hover { cursor: progress; } .widget.contact .address { margin-top: 1em; } .widget.contact .personMeta { clear: both; } .widget.contact .singleContact .photo { display: block; width: 100%; max-width: 320px; margin: 0 auto 6px auto; } .widget.contact .singleContact .photo img { display: block; width: 100%; height: auto; } .widget.contact .multipleContacts .group { border-top: 1px solid #d5d5d5; padding-top: 15px; margin-top: 10px; } .widget.contact .multipleContacts .group:first-child { border: none; padding-top: 0; margin-top: 0; } .widget.contact .multipleContacts .contactMethod { margin-top: 8px; } /* Widget: News */ .widget.news .body { overflow: hidden; } .widget.news .body p { margin-bottom: 0; } .widget.news .body .btnMore { margin-bottom: 1em; } .widget.news .flexslider { z-index: 0; } .widget.news .flexslider .slides > li { margin-left: 20px; } .widget.news .flexslider .slides > li:first-child { margin-left: 0; } /* Widget: Location */ .widget.location .address .btnDefault { display: inline-block; margin-top: 1em; font-size: 0.917em; } .widget.location .address .btnDefault .arrow { background-position: 0 -1px; } .widget.location .layoutList li { float: none; margin-bottom: 4px; } .widget.location .contactType { display: inline-block; width: 1.2em; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .widget.location .social { margin-top: 1.5em; padding: 0.8em 0; border-top: 1px solid #d5d5d5; } .widget.location .social > strong { display: block; margin-bottom: 4px; } /* Widget: Filter */ .widget.filter { margin: 0 -7%; border: none; padding-top: 0; } body > form[action*=agenda] .widget.filter { margin: 0; border: none; padding-top: 0; } .widget.filter fieldset { padding-bottom: 20px; margin-bottom: 12px; text-align: center; margin: 0 13%; padding-top: 10px; border-top: 1px solid #d5d5d5 } .widget.filter fieldset > * { width: auto; display: inline-block; min-width: 185px; margin: 6px 3px; text-align: left; vertical-align: middle; } .widget.filter input.searchField { width: 100%; background-color: #F7F8F8; } .widget.filter .searchWrapper .searchIcon { background: url(../images/sprites/icons.png) 6px -60px #F7F8F8 no-repeat; } .widget.filter .datePicker { overflow: hidden; } .widget.filter .datePicker input { cursor: pointer; background-color: #F7F8F8; } .widget.filter .datePicker .dateFrom { float: left; width: 49%; margin-right: 2%; } .widget.filter .datePicker .dateTo { float: left; width: 49%; } .widget.filter .customSelect .heading { background-color: #F7F8F8; } .widget.filter .selectedItemsCloud { margin-top: 20px; } .widget.filter .selectedItemsCloud .head { display: block; margin-bottom: 6px; } .widget.filter .selectedItemsCloud a { display: inline-block; margin: 0 15px 6px 0; } .widget.filter .selectedItemsCloud a .icon { display: inline-block; margin-left: 8px; width: 16px; height: 16px; vertical-align: middle; background: url(../images/sprites/icons.png) 0 -230px no-repeat; } .widget.filter .selectedItemsCloud a:hover .icon { background-position: -20px -230px; } .widget.filter footer { border-top: none; text-align: center; margin-top: 0; padding-top: 0; font-weight: bold; line-height: 20px; margin-bottom: 20px; } .widget.filter footer > a { opacity: 0.4; font-size: 14px; } .widget.filter footer > a:hover { opacity: 0.6; } /* Widget: Subscribe to nesletter */ .widget.subscribe .btnDefault { display: block; text-align: center; } /* Widget: Banner */ .widget.banner a { text-decoration: none; color: #fff; } .widget.banner a:hover .body .footer, .widget.banner a:hover .body .footer * { text-decoration: underline; } .widget.banner .body { padding: 20px; background: #36ac73; color: #fff; } .widget.banner .body .title { display: block; margin: 10px 0 50px 0; font: 2.500em/1.1em "HelveticaNeueLight",Helvetica,Arial,Verdana; overflow: hidden; text-overflow: ellipsis; } .widget.banner .body .footer { border-top: 1px solid #fff; padding-top: 14px; } .widget.banner .body .footer p { margin: 0; } .widget.banner .body .footer .btnMore { background-position: 0 -97px; margin-top: 1em; } /* Widget: Vacature */ .main .widget.vacature .body p { margin: 0 0 1.4em 0; } .main .widget.vacature .buttons { padding-bottom: 10px; } .main .widget.vacature .buttons > *:first-child { margin-top: 0; } .main .widget.vacature .buttons > * { display: block; margin: 18px 0 0 0; } .main .widget.vacature .buttons .btnDefault { text-align: center; } .main .widget.vacature .buttons .btnMore { background-position: 0 3px; } /* Widget: Address */ .widget.address { } .widget.address > .body > * { border-top: 1px solid #d5d5d5; padding: 15px 0; } .widget.address > .body > *:first-child { border: none; padding-top: 0; } .widget.address > .body > .route { padding-bottom: 20px; } .widget.address > .body > .route iframe { width: 100%; } /* Widget: Agenda */ .widget.agenda .title { overflow: hidden; } .widget.agenda .title .date { float: left; width: 33px; height: 31px; margin: 3px 14px 15px 0; padding-top: 9px; text-align: center; font: 1.333em "HelveticaNeueMedium",Helvetica,Arial,Verdana; color: #afafaf; background: url(../images/sprites/icons.png) -100px -200px no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Widget: Follow us on Facebook */ .widget.facebookFollow .title { min-height: 28px; } .widget.facebookFollow .title:before { float: left; width: 28px; height: 28px; margin: 3px 14px 15px 0; content: ""; background: url(../images/sprites/icons.png) 0 -420px no-repeat; } /* Widget: Twitter feed */ .widget.tweetlist .event { position: relative; } .widget.tweetlist .event .twittericon { position: absolute; top: 0; right: 0; width: 19px; height: 16px; padding: 0; border: none; background: url(../images/sprites/icons.png) -50px -420px no-repeat; } .widget.tweetlist .item:first-child { border: none; padding-top: 0; } .widget.tweetlist .item { border-top: 1px solid #ddd; padding: 10px 0; } .widget.tweetlist .item p { margin: 0 0 10px 0; } /* Widget: MyStibbeOverlay */ .mystibbe-overlay-target { position: relative; } .widget#mystibbe-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 20px; background-color: #F0F0F0; } .widget#mystibbe-overlay .close-mystibbe-overlay-button { position: absolute; top: -10px; right: -2px; cursor: pointer; font-weight: bold; padding: 10px; font-size: 15px; height: auto!important; } .widget#mystibbe-overlay .widget-footer { position: absolute; left: 20px; right: 20px; bottom: 20px; } .widget#mystibbe-overlay .dismiss-mystibbe-overview { display: inline-block; height: 35px; line-height: 33px; padding: 0 20px; position: relative; vertical-align: middle; cursor: pointer; text-decoration: none; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; background: url(../images/sprites/buttons.png) 0 0 repeat-x; border: 1px solid #85b09b; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 -100px; color: #fff; width: 100%; } .widget#mystibbe-overlay .dismiss-mystibbe-overview:hover { background-position: 0 -140px; } .widget#mystibbe-overlay .dismiss-mystibbe-overview .btnMore { background-position-y: -96px; height: 1em; } .widget#mystibbe-overlay ul li { background: none; } .widget#mystibbe-overlay ul li:before { position: absolute; margin-left: -13px; display: block; content: ''; width: 4px; height: 4px; border-radius: 100%; margin-top: 6px; background-color: #36ac73; } .widget.mystibbe-overlay-placeholder { min-height: 350px; margin-bottom: 20px; } .widget.mystibbe-overlay-placeholder:empty { display: none; } .widget-footer .mystibbe-overview { display: inline-block; height: 35px; line-height: 33px; padding: 0 20px; position: relative; vertical-align: middle; cursor: pointer; text-decoration: none; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; background: url(../images/sprites/buttons.png) 0 0 repeat-x; border: 1px solid #85b09b; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 -100px; color: #fff; width: 278.44px; } /* Partial: Contact, small identity */ table.identity { margin-bottom: 4px; } table.identity .function { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; padding-bottom: 8px; } table.identity td.photo { margin: 0 !important; } table.identity td.photo img { display: block; width: 60px; height: auto; margin: 0 5px 2px 0; } table.identity td.details { vertical-align: bottom; } table.identity td.details * { display: block; margin: 0 !important; } table.identity td.details .title { font-weight: normal; font-size: 1em; } /* Partial: big identity */ div.identityBig .name { display: block; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; } div.identityBig .title { display: block; margin-bottom: 8px; } div.identityBig .photo { display: block; width: 100%; max-width: 320px; margin: 0 auto 6px auto; } div.identityBig .photo img { display: block; width: 100%; height: auto; } /* Partial: search field */ .searchWrapper { position: relative; } .searchWrapper .searchField { padding-right: 33px; } .searchWrapper .searchIcon { position: absolute; top: 7px; right: 6px; width: 29px; height: 17px; text-indent: -999px; overflow: hidden; background: url(../images/sprites/icons.png) 6px -60px #fff no-repeat; border: none; cursor: pointer; } /* Partial: Show more results button */ .showMore { text-align: center; margin-top: 28px; background: url(../images/iconLoading.gif) center center no-repeat; min-width: 250px; height: 32px; } /* Content areas */ .contentArea { padding-top: 0 !important; margin-top: -1px; } .contentArea .mainBody > header *, .contentArea > header * { padding: 30px 0; margin: 0; border: 1px solid #d5d5d5; border-width: 1px 0; text-align: center; font: 2.333em/1em "HelveticaNeueLight",Helvetica,Arial,Verdana; } .contentArea > .body { padding-top: 28px; } .contentArea > footer { padding-top: 15px; } .contentArea:first-child { margin-top: 0; } .contentArea:first-child > header * { padding: 36px 0 27px 0; border-top: 0; } .contentArea.highlightedArea { padding-top: 0; background: #f5f5f5; position: relative; } .contentArea.highlightedArea > header { margin: 0 -7%; padding: 0 7%; background: #fff; } .contentArea.highlightedArea > header * { border-width: 1px 0 0 0 !important; } .contentArea.highlightedArea:last-child { margin-bottom: -21px; } .contentArea.highlightedArea.lastChild { margin-bottom: -21px; } /* Cookie bar */ .cookieBar { display: none; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; background: url(../images/bgAlphaBlack80.png) repeat; color: #fff; } .cookieBar .holder { max-width: 1280px; min-width: 320px; margin: 0 auto; padding: 15px 20px 20px 20px; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; } .cookieBar .holder * { vertical-align: middle; } .cookieBar p { display: inline-block; margin: 5px 8px 4px 0; } .cookieBar .btnGroup { display: inline-block; white-space: nowrap; margin-top: 5px; } .cookieBar .btnMore { color: #fff; background-position: 0 -96px; margin: 5px 25px 4px 0; } .cookieBar .btnDefault { height: 28px; line-height: 24px; padding: 0 12px; margin-right: 8px; font-size: 0.917em; font-weight: normal; } .cookieBar .btnDefault.deny { background: #aaa; border-color: #aaa; color: #333; } .cookieBar .btnDefault.deny:hover { background: #999; } .cookieBar .btnClose { display: inline-block; width: 16px; height: 16px; margin-left: 30px; cursor: pointer; background: url(../images/sprites/icons.png) 0 -230px no-repeat; } .cookieBar .btnClose:hover { background-position: -20px -230px; } /* Custom select */ .customSelect { position: relative; width: 150px; height: 30px; vertical-align: middle; color: #333; z-index: 100; background: #fff; border: 2px solid #f5f5f5; border-bottom-color: #f6f6f6; border-top: 1px solid #d2d2d2; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; box-sizing: border-box; } .customSelect.solliciterenHeader { width: 300px;} .customSelect .heading { position: relative; padding: 7px 28px 7px 10px; cursor: pointer; } .customSelect .heading .txt { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customSelect .heading .ico { position: absolute; top: 10px; right: 8px; width: 12px; height: 8px; background: url(../images/sprites/arrowsRight.png) right 0; } .customSelect .options { display: none; width: 100%; padding: 10px 0 20px 0; position: absolute; top: 26px; left: -2px; border: 2px solid #f5f5f5; border-bottom-color: #f6f6f6; border-top: 0; background: #fff; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .touch .customSelect .options { background: url(../images/scrollbarTouch.png) top right no-repeat #fff; background-size: auto 100%; } .customSelect .options ul { margin: 0 6px 0 0; max-height: 222px; overflow: auto; -webkit-overflow-scrolling: touch; } .customSelect .options li:first-child { margin-top: 0; border-top: 1px solid #d1d1d1; } .customSelect .options li { float: none; margin: 0 10px; padding: 3px 0 6px 0; border-bottom: 1px solid #d1d1d1; position: relative; background: none; } .customSelect .options li strong { display: block; padding: 1em 0 4px 0; } .customSelect .options li:first-child strong { background: #fff; margin-top: -4px; padding-top: 0; } .customSelect.latest { z-index: 250 !important; } .customSelect.active { z-index: 200; } .customSelect.active .options { display: block; } .customSelect.active .heading .ico { background-position: right -100px; } /* Custom select: single select */ .customSelect.single .options li a { display: block; color: #333; } .customSelect.single .options li a:hover { color: #14054b; text-decoration: none; } /* Custom select: multiple select */ .customSelect.multi { width: 250px; } .customSelect.multi .options input { position: absolute; top: 6px; left: 0; } .customSelect.multi .options label { display: block; padding-left: 21px; cursor: pointer; } .customSelect.multi .options label:hover { color: #14054b; } /* Custom select: accordeon */ .customSelect.accordeon { height: auto; } .customSelect.accordeon .options { position: relative; top: auto; left: auto; border: none; } /* Top carousel */ div.main .topCarousel { position: relative; padding: 0 !important; } .topCarousel .flexslider { background: #000; min-height: 355px; z-index: -1; } .topCarousel .flexslider .slides li { overflow: hidden; } .topCarousel .flexslider .slides li.initActive { opacity: 1 !important; } .topCarousel .flexslider .slides img, .topCarousel img.visual { min-height: 355px; max-height: 500px; width: auto; } .topCarousel .body { position: absolute; left: 0; top: 32%; width: 100%; text-align: center; -webkit-transition: top 0.2s; -moz-transition: top 0.2s; -o-transition: top 0.2s; transition: top 0.2s; } .topCarousel .body h1 { margin: 0; text-align: center; color: #fff; font-size: 2.500em; line-height: 1.4em; font-weight: normal; text-shadow: 0 0 5px #333; filter: glow(color=#333333,strength=1); } .topCarousel .tagline { display: block; margin: -30px 0 20px 0; color: #fff; font-size: 1.167em; text-shadow: 0 0 3px #333; filter: glow(color=#333333,strength=1); } .topCarousel .specialistTypes { display: inline-block; visibility: hidden; margin: 0 20px; padding-bottom: 10px; border-bottom: 1px solid #fff; text-align: center; color: #fff; font-size: 2.5000em; font-family: "HelveticaNeueLight",Helvetica,Arial,Verdana; text-shadow: 0 0 5px #333; filter: glow(color=#333333,strength=1); } .topCarousel .specialistTypes.ready { visibility: visible; } .topCarousel .specialistTypes .heading, .topCarousel .specialistTypes .textRotator { display: inline-block; vertical-align: middle; line-height: 1.4; } .topCarousel .specialistTypes .textRotator { margin-top: 4px; } .topCarousel .specialistTypes .textRotator div { white-space: nowrap; } .topCarousel .filterBar { display: inline-block; margin: 0 20px; padding-top: 15px; text-align: center; z-index: 50; position: relative; } .topCarousel .filterBar > * { display: inline-block; margin: 0 4px 8px 4px; vertical-align: middle; text-align: left; } .topCarousel .filterBar > *:first-child { margin-left: 0; } .topCarousel .filterBar > *:last-child { margin-right: 0; } .topCarousel .filterBar .searchField { width: 190px; color: #333; } .topCarousel .filterBar .dateFrom, .topCarousel .filterBar .dateTo { width: 123px; color: #333; } .topCarousel .filterBar .customSelect.multi { width: 200px; } /* Top visual */ div.main .topVisual { position: relative; min-height: 230px; padding-top: 50px; padding-bottom: 40px; -moz-box-sizing: border-box; box-sizing: border-box; } div.main .topVisual + .contentArea > header { border-top: 0 !important; } .topVisual .bgVisual { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 !important; } .topVisual .bgVisual img { top: 0 !important; } .topVisual header, .topVisual .body { position: relative; color: #fff; } .topVisual header { width: 420px; margin: 0 0 10px 0; -moz-box-sizing: border-box; box-sizing: border-box; } .topVisual header span { display: block; margin: 0 0 6px 1px; } .topVisual header h1 { font: 2.500em/1.4em "HelveticaNeueLight",Helvetica,Arial,Verdana; margin: 0; text-shadow: 0 0 5px #333; filter: glow(color=#333333,strength=1); } .topVisual header h1 * { display: block; font-weight: normal; } .topVisual header h1 .textRotator { line-height: 1.2em; } .topVisual header h1 strong { font-family: "HelveticaNeueLight",Helvetica,Arial,Verdana; } .lt-ie9 .topVisual header h1 .textRotator div, .ie9 .topVisual header h1 .textRotator div { filter: glow(color=#333333,strength=1); line-height: 1.4em; } .topVisual .body { width: 420px; padding-right: 5%; text-shadow: 1px 1px 0 #333; -moz-box-sizing: border-box; box-sizing: border-box; } .topVisual .body .quote, .topVisual .body .source { filter: glow(color=#333333,strength=2); } .topVisual a.btnVideo { margin-top: 10px; } .topVisual.video .btnVideo.btnVideoJS, .topVisual.video .btnVideo.btnYoutube { display: none; } .topVisual.video .btnVideo.btnVideoJS.show, .topVisual.video .btnVideo.btnYoutube.show { display: block; } .topVisual.video .btnVideo { position: absolute; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin: -50px 0 0 -50px; padding: 0; text-indent: -999px; overflow: hidden; background: url(../images/sprites/icons.png) 0 -270px no-repeat; } /* Top visual: plain text */ .topVisual.plain .body { font-size: 1.333em; line-height: 1.4em; } /* Top visual: quotation */ .topVisual.quote .body { color: #36ac73; padding: 17px 5% 20px 0; border: 1px solid #fff; border-width: 1px 0; } .topVisual.quote .body .quote { display: block; position: relative; font: 1.500em/1.5em Georgia,Arial,Helvetica,Verdana; } .topVisual.quote .body .quote sup { font-size: 1.500em; position: absolute; display: inline-block; top: auto; margin: 0.55em 0 0 0; } .topVisual.quote .body .quote sup:first-child { right: 100%; width: 14px; } .topVisual.quote .body .source { display: block; margin-top: 0.5em; } /* Top visual: no quote */ .noQuote.topVisual header { margin-top: 6%; } .noQuote.topVisual header h1 span { display: block; padding-bottom: 0.5em; border-bottom: 1px solid #fff; } .noQuote.topVisual header .textRotator { padding-bottom: 12px; } .noQuote.topVisual header .textRotator div { float: left; clear: left; padding-bottom: 0.5em; border-bottom: 1px solid #fff; } .ie9 .noQuote.topVisual header .textRotator div, .lt-ie9 .noQuote.topVisual header .textRotator div { padding-bottom: 10px; } /* Top visual: location */ .topVisual.location { min-height: 230px !important; } .topVisual.location .body { font-size: 1.333em; line-height: 1.5em; } .topVisual.location .body * { display: block; } .topVisual.location .body .type { margin-top: 0.5em; } /* Our locations */ .locations .widgetsArea .widget p.intro, .locations .widgetsArea .widget p strong { font-weight: normal; } .locations .widgetsArea .widget a:hover .btnMore { text-decoration: underline; } .locationTimes header * { border-width: 1px 0 0 0; } .locationTimes .body { background: #f1f1f1; padding: 20px 2% 5px 1%; text-align: center; } .locationTimes ul { display: inline-block; text-align: center; overflow: visible; } .locationTimes ul li { float: none; display: inline-block; padding: 20px 16px 30px 16px; margin: 0 -2px 15px -1px; border: 1px solid #d5d5d5; border-width: 0 0 0 1px; } .locationTimes ul li .jClock { display: block; margin-top: 10px; } .locationTimes ul li:first-child { border-width: 0; } .ie9 .locationTimes ul li { margin-right: -3px; margin-left: -1px !important; } .locationTimes ul.multiRow li { border-width: 0 1px; margin-left: -2px; } /* Quotes & awards */ .quotesAwards header * { border-width: 1px 0 0 0; } .quotesAwards .body { background: #f1f1f1; padding: 20px 0 30px 3px; text-align: center; line-height: 1.5em; overflow: hidden; position: relative; } .quotesAwards .body > * { border: 1px solid #d5d5d5; border-width: 0 1px; padding: 10px 20px; margin-left: -1px; -moz-box-sizing: border-box; box-sizing: border-box; } .quotesAwards .body > *:first-child { border-width: 0; } .quotesAwards .body > *:last-child { border-right-width: 0; } .quotesAwards .body > *.lastChild { border-right-width: 0; } .quotesAwards .body .award { float: left; width: 25%; } .quotesAwards .body .award strong { display: block; } .quotesAwards .body .quote { float: left; width: 50%; } .quotesAwards .body .quote strong { display: block; margin-bottom: 8px; color: #36ac73; font-weight: normal; } /* Experiences */ .experience .body { position: relative; } .experience .sliderHolder { overflow: hidden; } .experience .flexslider { z-index: 0; } .experience .flexslider .slides > li { margin-left: 20px; } .experience .flexslider .slides > li:first-child { margin-left: 0; } .experience .widget { border-width: 0; background: #f6f6f6; } .experience .widget p { margin-bottom: 0; } .experience .widget p.team { margin-bottom: 1em; } .experience .widget .btnMore { margin: 2px 0 1em 0; } .experience.highlightedArea .widget { border-width: 1px; background: #fff; } /* Specalists */ .specialistsList .sliderHolder { overflow: hidden; } .specialistsList .flexslider .slides > li { margin-left: 45px; } .specialistsList .flexslider .slides > li:first-child { margin-left: 0; } .specialistsList .slides li a { display: block; margin-bottom: 1px; padding-bottom: 10px; border-bottom: 1px solid #d5d5d5; text-decoration: none; } .specialistsList .slides li a:hover .name { text-decoration: underline; } .specialistsList .slides li a > * { max-width: 320px; margin: 0 auto; } .specialistsList .slides li .name { display: block; margin-bottom: 3px; } .specialistsList .slides li .function { display: block; margin-bottom: 5px; color: #333; } .specialistsList .slides li img { display: block; width: 100%; height: auto; } .specialistsList .body { position: relative; } /* Most beautiful fix ever. Flexslider in IE8 has an incorrect negative margin on the UL when viewing the next slides. */ /* This might need to be replaced by nth-child selectors (classes set with jQuery) in the future. */ .lt-ie9 .specialistsList li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li { margin-right: 0 !important; } .lt-ie9 .specialistsList li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li { margin-right: 0 !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 0 !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 0 !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 1px !important; } .lt-ie9 .specialistsList li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li { margin-right: 0 !important; } /* People list */ .peopleList { padding-bottom: 10px !important; } .peopleList .body > ul > li { width: 21%; margin-left: 5.3%; padding-bottom: 2em; -moz-box-sizing: border-box; box-sizing: border-box; } /* nth-clearing is done in mediaSelector.css */ .peopleList table.identity td.details .name { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .peopleList .contactMethod { margin-top: 5px; } .peopleList .contactMethod li { float: none; margin-top: 3px; } /* Widgets area */ div.main .widgetsArea { padding-bottom: 20px; } .widgetsArea > .body { overflow: hidden; position: relative; } .widgetsArea > .body > .widget { float: left; width: 32%; margin: 0 0 20px 2%; } /* nth-clearing is done in mediaSelector.css */ .widgetsArea.hasSlider > .body { overflow: visible; } .widgetsArea .sliderHolder { margin-bottom: 20px; overflow: hidden; } .widgetsArea .sliderHolder .slides > li { margin-left: 20px; } .widgetsArea .sliderHolder .slides > li:first-child { margin-left: 0; } .widgetsArea .widget .body { border-bottom: 1px solid #d5d5d5; margin-bottom: 10px; } .widgetsArea .widget footer { border-width: 0; padding-top: 0; } .widgetsArea .jClock { position: absolute; top: 10px; left: 10px; } .widgetsArea .jClock .time { font-size: 1.333em; } /* iFrame area */ .contentArea.iframe .body { text-align: center; } /* Highligted widget */ .highlightedWidgets .widget { border-width: 0; background: #f6f6f6; } .highlightedWidgets.highlightedArea .widget { border-width: 1px; background: #fff; } /* Countdown */ .countdown .btnDefault { margin-top: 25px; } .countdown [id^="Stage"] { margin-left: -6px; } .countdown span { font: 12px "HelveticaNeueMedium",Helvetica,Arial,Verdana !important; } /*********************************************************** 5. Page specific styling ***********************************************************/ /* Homepage */ .homepage .peopleSearch { display: none; padding-bottom: 5px; background: url(../images/bgInnerShadowBottom.png) left bottom repeat-x #fff; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; } /* People search */ #peopleSearchAnchor { padding: 0 !important; } .peopleSearch { background: #fff; position: relative; } .peopleSearch > .btnBig { display: block; max-width: 420px; margin: 25px auto 0 auto; text-align: center; } .peopleSearch header * { border-width: 0 0 1px 0; } .peopleSearch ul li { width: 21%; margin: -8px 0 38px 5.3%; padding: 8px 0 10px 0; border: 1px solid #d5d5d5; border-width: 1px 0; } /* nth-clearing is done in mediaSelector.css */ .peopleSearch li a { display: block; text-decoration: none; } .peopleSearch li a:hover .name { text-decoration: underline; } .peopleSearch li .name { display: block; margin-bottom: 3px; } .peopleSearch li .function { display: block; margin-bottom: 5px; color: #333; } .peopleSearch li img { display: block; width: 100%; height: auto; } .peoplePage .peopleSearch { margin-top: -120px; } .peoplePage .topCarousel .flexslider { } .peoplePage .showMore { margin-top: 0; } /* Expertises */ .expertises { } .expertises header { border-bottom: 1px solid #d5d5d5; padding-bottom: 12px; margin-bottom: 18px; } .expertises header h2 { font: 1.667em Georgia,Arial,Helvetica,Verdana; color: #36ac73; margin-bottom: 0; } .expertises .btnExtend { float: right; width: 22px; height: 17px; text-indent: -999px; overflow: hidden; background: url(../images/sprites/icons.png) 0 -100px no-repeat; } .expertises .btnExtend:hover { background-position: -40px -100px; } .expertises .btnExtend.toggled { background-position: -80px -100px; } .expertises .btnExtend.toggled:hover { background-position: -120px -100px; } .expertises .singleItem, .expertises .multipleItems { display: block; margin-bottom: 8px; padding: 13px 20px; border: 1px solid #ececec; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; } .expertises .singleItem { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .expertises .multipleItems { padding-bottom: 0; color: #14054b; position: relative; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .expertises .multipleItems a { display: inline-block; margin: 0 28px 13px 0; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .expertises .multipleItems .btn { position: absolute; top: 0; right: 0; display: block; width: 44px; height: 44px; cursor: pointer; background: url(../images/sprites/arrowsLeft.png) 15px -782px no-repeat; } .expertises .multipleItems ul { display: none; margin-bottom: 13px; } .expertises .multipleItems ul li { float: none; margin-bottom: 4px; } .expertises .multipleItems.toggled { background-color: #e7e7e7; } .expertises .multipleItems.toggled .btn { background-position: 15px -882px; } /* Expertise details list */ .expertiseDetails { padding-bottom: 20px !important; } .expertiseDetails ul li { width: 32%; margin: 0 0 1em 2%; } /* nth-clearing is done in mediaSelector.css */ .expertiseDetails ul li .title { display: block; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .expertiseDetails ul li p { margin: 0; } /* News overview */ .newsOverview .grid { overflow: visible; } .newsOverview .widget.filter header, .newsOverview .widget.subscribe header { padding-top: 0; } .newsOverview .openlink { width: 12px; height: 12px; margin-left: 4px; vertical-align: initial; margin-bottom: -2px; } .newsOverview .widget a.visual img[src=""] { height: 212px; background-image: url('/images/StibbePlaceholder.png'); } body > form[action*=news] .newsOverview .widget article .title { max-height: 4.2em; /* 3x 1.4em */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } body > form[action*=news] .newsOverview .widget article .richText { max-height: 48px; /* 3x 16px */ overflow: hidden; text-overflow: ellipsis; margin-bottom: 1.4em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } body > form[action*=news] .newsOverview .widget article .richText > p.summary:last-child { margin-bottom: 0; } .newsOverview section.contentArea .body #newsOverview section.widget { height: 445px; max-height: 445px; overflow: hidden; } body > form[action*=agenda] .newsOverview section.contentArea .body #newsOverview .col1 section.widget:first-child { height: auto; max-height: none; min-height: 223px; } body > form[action*=agenda] .newsOverview section.contentArea .body #newsOverview section.widget { height: auto; max-height: none; } .newsOverview section.contentArea .body #newsOverview section.widget .visual { max-height: 212px; overflow: hidden; } #newsOverview .widget .title { overflow: hidden; text-overflow: ellipsis; } #newsOverview .widget .summary { display: block; overflow: hidden; text-overflow: ellipsis; height: 45px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #newsOverview .widget .team { display: block; overflow: hidden; text-overflow: ellipsis; height: 45px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #newsOverview .widget table.identity { height: 46px; margin: 0 0 1.4em 0; } .newsOverview .widget { position: relative; } .newsOverview .widget.subscribe { min-height: 260px; } .newsOverview .widget.subscribe a.btnDefault.primary { position: absolute; left: 20px; right: 20px; bottom: 20px; } .newsOverview .widget article table.identity { position: absolute; bottom: 20px; } /* Details page */ .detailsPage { } .detailsPage .contentArea { clear: both; } div.main.detailsPage .topVisual, div.main.CSR .topVisual { min-height: 330px; } .detailsPage .mainDetails { position: relative; overflow: visible; z-index: 1; padding-bottom: 50px; } .detailsPage .mainDetails .mainBody { float: left; width: 47%; } .detailsPage .mainDetails .mainBody > header * { font: 1.667em Georgia,Arial,Helvetica,Verdana; color: #36ac73; text-align: left; padding: 59px 0 15px 0; border-width: 0 0 1px 0 !important; } .detailsPage .mainDetails .mainBody > .body { padding-top: 18px; } .detailsPage .mainDetails .mainBody > .body h2, .detailsPage .mainDetails .mainBody > .body h3, .detailsPage .mainDetails .mainBody > .body h4, .detailsPage .mainDetails .mainBody > .body h5, .detailsPage .mainDetails .mainBody > .body h6, .detailsPage .mainDetails .mainBody > .body p:first-child { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; margin: 0 0 8px 0; color: #333; } .detailsPage .mainDetails .mainBody > .body li h6 { font-size: 1em; } .detailsPage .mainDetails .mainBody > .body .meta { font-size: 0.917em; margin-bottom: 10px; } .detailsPage .mainDetails .mainBody > .body .richText { min-height: 1em; } .detailsPage .mainDetails .mainBody > .body .source { display: block; margin: -1.4em 0 1.4em 0; position: relative; } .detailsPage .mainDetails .mainBody > .body .source:first-child { margin-top: 0; } .detailsPage .mainDetails .mainBody > .body .attachment { margin-top: -8px; } .detailsPage .mainDetails .mainBody > .body .personMeta li { float: none; display: block; min-height: 1.5em; } .detailsPage .mainDetails .mainBody > .body .widget.contact { background: none; border: none; padding: 0; } .detailsPage .mainDetails .mainBody > .body .widget.contact .photo { float: left; width: 42%; margin: 0 4% 15px 0; } .detailsPage .mainDetails .mainBody > .body .widget.contact .photo > img { display: block; width: 100%; } .detailsPage .mainDetails .mainBody > .body .widget.contact .socialLinks li { margin-right: 4px; margin-left: 0; } .detailsPage .mainDetails .mainBody > .body .widget.contact .socialLinks a, .detailsPage .mainDetails .mainBody > .body .widget.contact .liConnectivity { background-color: #fff; } .detailsPage .mainDetails .mainBody > .body .widget.contact .liConnectivity { float: left; margin-bottom: 10px; } /*.detailsPage .mainDetails .mainBody > .body .widget.contact .IN-widget iframe { left: 22px !important; right: auto !important; top: -15px !important; }*/ .detailsPage .mainDetails .mainBody > footer { overflow: hidden; } .detailsPage .mainDetails .mainBody > footer .buttons { float: left; } .detailsPage .mainDetails .mainBody > footer .buttons > * { display: inline-block; margin-right: 10px; } .detailsPage .mainDetails .mainBody > footer .buttons .btnMore { background-position: 0 3px; } .detailsPage .mainDetails .mainBody > footer .social { float: left; clear: both; margin-top: 20px; } .detailsPage .mainDetails .mainBody > footer .social li.label { font-size: 0.833em; margin-left: 8px; } .detailsPage .mainDetails.noAside .mainBody { margin-left: 15%; } .detailsPage .mainDetails aside { float: right; width: 51%; margin-top: 28px; } .detailsPage .mainDetails aside.g50x50 .column { width: 48%; margin-left: 4%; } .detailsPage .mainDetails aside.g100 { width: 23%; } .detailsPage .mainDetails aside .widget { padding-bottom: 30px; } .detailsPage .mainDetails aside .widget .wrapper { height: 100%; border-bottom: 1px solid #d5d5d5; margin-bottom: 12px; } div.detailsPage .mainDetails.highlightedArea .mainBody > header { background: #f5f5f5; } /* Associate */ .detailsPage.Associate .mainDetails .mainBody { float: right; } .detailsPage.Associate .mainDetails aside { float: left; } /* Junior Associate */ .detailsPage.JuniorAssociate .mainDetails .mainBody { float: right; } .detailsPage.JuniorAssociate .mainDetails aside { float: left; } .detailsPage .meta > * { display: inline-block; padding: 0 1px 0 4px; border-left: 1px solid #a0a0a0; line-height: 10px; } .detailsPage .meta > *:first-child { padding-left: 0; border: none; } /* Content page */ .contentPage .mainContent { padding-left: 12%; padding-right: 12%; position: relative; z-index: 1; background: #fff; } .contentPage .mainContent header * { font: 1.667em Georgia,Arial,Helvetica,Verdana; color: #36ac73; text-align: left; padding: 28px 0 18px 0; } .contentPage .mainContent .body { border-bottom: 1px solid #d5d5d5; padding: 1.5em 0 1em 0; } .contentPage .mainContent table { width: 100%; margin-bottom: 1.5em; font-size: 0.917em; border-top: 1px solid #d5d5d5; border-collapse: separate; } .contentPage .mainContent table th, .contentPage .mainContent table td { padding: 7px 10px; border: 1px solid #fff; background: #f9f9f9; } .contentPage .mainContent table thead th { border-top: 0; } .contentPage .mainContent table tr *:first-child { border-left-width: 0; } .contentPage .mainContent table tr *:last-child { border-right-width: 0; } .contentPage .widgetsArea { position: relative; z-index: 1; } .contentPage .widgetsArea > header { margin-top: -40px; } .contentPage .widgetsArea > header * { border-top-width: 0 !important; } /* Vacancy page */ .vacancyPage .widgetsArea .body { border-top: 1px solid #d5d5d5; margin-top: 1px; } /* Event page */ .eventPage .program .zebraList td:first-child { width: 1%; white-space: nowrap; } /* Search results */ .searchResults .topCarousel .body { top: 25%; } .searchResults .resultsArea { padding-left: 12%; padding-right: 12%; margin-top: -90px; position: relative; background: #fff; } .searchResults .resultsArea .header { border-bottom: 1px solid #d5d5d5; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; } .searchResults .resultsArea .header p { padding: 7px 0; margin: 0; } .searchResults .resultsArea .header .sorting { float: right; margin: 0 0 6px 20px; } .searchResults .resultsArea .header .customSelect { display: inline-block; margin-left: 4px; } .searchResults .resultsArea article { padding-top: 1em; border-bottom: 1px solid #d5d5d5; } .searchResults .resultsArea article h2 { font-weight: normal; font-size: 1.083em; margin-bottom: 4px; } .searchResults .resultsArea article h2 a { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; } .searchResults .resultsArea article .meta { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; margin-bottom: 4px; } .searchResults .resultsArea article .highlight { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; } .searchResults .resultsArea article .tags { font-size: 0.917em; color: #14054b; margin-top: -10px; } .searchResults .resultsArea article .tags strong { color: #36ac73; } /* Contact us */ .contactUs .widget.contact .name { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; margin-bottom: 2px; } /* Form page */ .formPage .contentArea { padding-left: 12%; padding-right: 12%; } .formPage .contentArea.highlightedArea > header { margin: 0 -20%; padding: 0 20%; } .formPage .contentArea .body { position: relative; } .formPage .progressBar { border: 1px solid #cfcfcf; border-width: 1px 0; padding: 30px 0; margin-bottom: 30px; } .formPage .progressBar li { padding-left: 20px; font: 1.500em/1.5em Georgia,Arial,Helvetica,Verdana; color: #999; background: url(../images/sprites/arrowsLeft.png) 0 -992px no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; } .formPage .progressBar li:first-child { padding-left: 0; background-position: -999px -999px; } .formPage .progressBar li.active { color: #36ac73; } .formPage .requiredReminder { position: absolute; right: 0; color: #999; } .formPage .requiredReminder .requiredIcon { margin-right: 4px; } .formPage .requiredIcon { display: inline-block; width: 5px; height: 6px; text-indent: -999px; overflow: hidden; background: url(../images/sprites/icons.png) -120px -60px; font: 1em "HelveticaNeueMedium",Helvetica,Arial,Verdana; color: #36ac73; } .formPage .btnAdd { margin: 15px 0 10px 0; } .formPage footer.buttons { border-top: 1px solid #cecece; padding-top: 10px; margin-top: 1em; } .formPage footer.buttons .btnMore, .formPage footer.buttons .btnDefault { margin-right: 10px; } /*Form list */ .formList { overflow: hidden; margin: 0; padding: 0; } .formList dt { float: left; clear: both; width: 25%; margin: 0 0 8px 0; padding: 6px 5% 0 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .formList dt .requiredIcon { position: absolute; top: 10px; right: 10px; } .formList dd .validationMessage { display: block; margin-top: 4px; color: #d00; } .formList dd { float: left; width: 70%; position: relative; margin: 0 0 8px 0; padding: 0; } .formList dd input[type="text"], .formList dd input[type="email"], .formList dd input[type="password"], .formList dd select, .formList dd textarea { width: 65%; } .formList dd input.small { width: 13%; margin-right: 3px; } .formList dd input.smaller { width: 10%; margin-right: 3px; } .formList dd input.postalCodeA { width: 53px; margin-right: 3px; } .formList dd input.postalCodeB { width: 48px; } .formList dd input.datepicker { width: 90px; margin-right: 4px; } .formList dt.radio, .formList dt.check { padding-top: 2px; } .formList dt.radio .requiredIcon, .formList dt.check .requiredIcon { top: 6px; } .formList dd.radio input { vertical-align: middle; margin: 0 4px 2px 0; } .formList dd.radio label { vertical-align: middle; margin-right: 15px; } .formList dd.check input { vertical-align: top; margin: 1px 4px 2px 0; } .formList dd.check label { vertical-align: top; margin-right: 15px; display: inline-block; width: 60%; } .formList dd.datePicker input { width: 29%; cursor: pointer; } .formList dd.datePicker input.dateFrom { margin-right: 1.5%; } .formList dd.datePicker { padding: 3px 0; } .formList dd.submit { text-align: right; margin-top: 1em; } .formList dd.submit .btnDefault { margin-right: 35%; } .formList dd.submit .btnCancel { margin: 9px 15px 0 0; } /* Form review */ .formReview { overflow: hidden; margin: 0; padding: 0; } .formReview dt { float: left; clear: both; width: 40%; margin: 0 0 8px 0; padding: 6px 5% 0 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; } .formReview dd { float: left; width: 60%; position: relative; margin: 0 0 8px 0; padding: 5px 10px; border: 1px solid #d5d5d5; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .formReview dd span { display: inline-block; color: #999; } /* Generated form */ .contentPage .mainContent table.mpFormTable, .contentPage .mainContent table.mpFormTable table { width: 100%; margin: 0; font-size: 1em; border: none; } .contentPage .mainContent table.mpFormTable th, .contentPage .mainContent table.mpFormTable td { padding: 0px 0px; border: none; background: none; } .contentPage .mainContent table.mpFormTable .mpQuestionTable { margin-bottom: 8px; } .contentPage .mainContent table.mpFormTable .mpFormLabel { font-family: "HelveticaNeueMedium",Helvetica,Arial,Verdana; font-weight: normal; width: 25%; padding: 6px 5% 6px 0; } .contentPage .mainContent table.mpFormTable input[type="text"], .contentPage .mainContent table.mpFormTable input[type="email"], .contentPage .mainContent table.mpFormTable input[type="password"], .contentPage .mainContent table.mpFormTable select, .contentPage .mainContent table.mpFormTable textarea { width: 65%; border-width: 1px 2px 2px 2px; } .contentPage .mainContent table.mpFormTable ul { margin: 6px 0 0 0; } .contentPage .mainContent table.mpFormTable ul li { background: none; margin: 0 0 4px 0; padding: 0; } .contentPage .mainContent table.mpFormTable ul li input { margin-right: 8px; vertical-align: middle; } .contentPage .mainContent table.mpFormTable .submitButton { float: right; margin: 10px 26.5% 0 0; } /* Disclaimer */ .disclaimer .body h1, .disclaimer .body h2, .disclaimer .body h3 { font-size: 1.083em; border-top: 1px solid #d0d0d0; padding-top: 1em; margin-bottom: 0.8em; } .disclaimer .body > * { padding-left: 10px; padding-right: 10px; } /* Error page */ .errorPage .contentArea > .body { padding-left: 12%; padding-right: 12%; } .errorBox { padding: 10px 20px 30px 20px; background: #fff; border: 1px solid #a9d8c2; } .errorBox header { padding: 15px 0; border-bottom: 1px solid #d5d5d5; } .errorBox header > * { font: 1.500em/1.5em Georgia,Arial,Helvetica,Verdana; color: #36ac73; text-align: center; margin: 0; } .errorBox > .body { padding: 15px 10px; } .errorBox > .body .highlight { font-style: normal; } /* Solliciteren form werkenbij-be */ .solliciterenBe .formList dt.check { height: 0; } .solliciterenBe .formList dt.check, .solliciterenBe .formList dt.radio { padding-top: 6px; } .solliciterenBe .formList dt.check .requiredIcon, .solliciterenBe .formList dt.radio .requiredIcon { top: 10px; } .solliciterenBe .formList dd.radio { min-height: 26px; padding-top: 4px; } /*********************************************************** 6. Plugins ***********************************************************/ /* jQuery UI: Autocomplete */ body .ui-autocomplete { padding: 0; border-color: #d5d5d5; } body .ui-autocomplete li { background-image: none; } body .ui-autocomplete a { padding: 2px 10px !important; border-radius: 0; border: 0 !important; margin: 0 !important; } /* jQuery UI: Datepicker */ body .ui-datepicker { padding: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #555; z-index: 100 !important; } body .ui-datepicker-header { padding: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: #575757; /* Old browsers */ background: -moz-linear-gradient(top, #575757 0%, #343434 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#343434)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #575757 0%,#343434 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #575757 0%,#343434 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #575757 0%,#343434 100%); /* IE10+ */ background: linear-gradient(to bottom, #575757 0%,#343434 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#343434',GradientType=0 ); /* IE6-9 */ } body .ui-datepicker-header select { padding: 3px 3px 2px 3px; width: 47% !important; } body .ui-datepicker-header .ui-datepicker-month { margin-right: 6px !important; } body .ui-datepicker-prev { top: 3px !important; left: 2px !important; background: none !important; border: none !important; } body .ui-datepicker-prev .ui-icon { width: 18px !important; height: 18px !important; background: url(../images/sprites/arrowsLeft.png) left -695px no-repeat !important; } body .ui-datepicker-next { top: 3px !important; right: 2px !important; background: none !important; border: none !important; } body .ui-datepicker-next .ui-icon { width: 18px !important; height: 18px !important; background: url(../images/sprites/arrowsRight.png) right -695px no-repeat !important; } body .ui-datepicker table { margin: 0; } body .ui-datepicker table thead th { padding-top: 3px; padding-bottom: 3px; font-size: 0.917em; } body .ui-datepicker table th, body .ui-datepicker table td, body .ui-datepicker table td.ui-state-disabled { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #dedede 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#dedede 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#dedede 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#dedede 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */ } body .ui-datepicker .ui-datepicker-unselectable { opacity: 1; } body .ui-datepicker .ui-datepicker-unselectable * { color: #b7b7b7; } body .ui-datepicker table td { padding: 0; } body .ui-datepicker table td span, body .ui-datepicker table td a { text-align: center !important; padding: 0.4em 0.2em 0.4em 0.4em !important; background: none !important; border-color: #b8b8b8 !important; border-width: 1px 1px 0 0 !important; } body .ui-datepicker table td a.ui-state-hover, body .ui-datepicker table td.ui-datepicker-today a { background: #d5d5d5 !important; color: #333; } body .ui-datepicker table td.ui-datepicker-current-day a { background: #36ac73 !important; color: #fff; -webkit-box-shadow: inset 0px 0px 4px 0 rgba(51, 51, 51, 1); box-shadow: inset 0px 0px 4px 0 rgba(51, 51, 51, 1); } /* Flexslider */ body .flexslider { margin: 0; background: none; border: none; border-radius: 0; box-shadow: none; } body .flexslider ul li, body .flex-control-nav li, body .flex-direction-nav li { margin: 0; padding: 0; background: none; } body .flex-control-nav { position: relative; bottom: 0; } body .flex-control-paging li { margin: 0 2px; } body .flex-control-paging li a { background: #f1f1f1; width: 7px; height: 7px; box-shadow: none; } body .flex-control-paging li a.flex-active { background: #14054b; } body .flex-direction-nav a { margin: 15px 0 0 0; opacity: 1; outline: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } body .flex-direction-nav .flex-disabled { visibility: hidden; } body .flex-direction-nav .flex-prev { background: url(../images/sprites/arrowsLeft.png) left -500px; left: -4% !important; } body .flex-direction-nav .flex-prev:hover { background-position: left -600px; } body .flex-direction-nav .flex-next { background: url(../images/sprites/arrowsRight.png) right -500px; right: -4% !important; } body .flex-direction-nav .flex-next:hover { background-position: right -600px; } /* Fancybox */ .stibbeGallery, .stibbeGallery .fancybox-inner { max-width: 800px; } .stibbeGallery .fancybox-close { width: 13px; height: 14px; top: 30px; right: 40px; background: url(../images/sprites/icons.png) -50px -230px no-repeat; } .stibbeGallery .fancybox-close:hover { background-position: -70px -230px; } /* Youtube Fancybox */ .youtubeLayover { } .youtubeLayover .fancybox-inner { position: relative; padding: 30px 0 56.25% 0; height: 0 !important; overflow: hidden !important; } .youtubeLayover .fancybox-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtubeLayover .fancybox-skin { padding: 30px 4px 4px 4px !important; background: #000; } .youtubeLayover .fancybox-close { width: 13px; height: 14px; top: 8px; right: 8px; background: url(../images/sprites/icons.png) -50px -230px no-repeat; } .youtubeLayover .fancybox-close:hover { background-position: -70px -230px; } /* Responsive youtube embedder */ .youtubeContainer { position: relative; padding: 30px 0 56.25% 0; height: 0; overflow: hidden; } .youtubeContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Text rotator */ .textRotator { position: relative; overflow: hidden; } .textRotator div { position: absolute; top: 0; left: 0; z-index: -1; } .textRotator div.inactive { display: none; } /* jClock */ .jClock { display: inline-block; padding: 8px 10px; background: #333; color: #fff; position: relative; -moz-border-radius: 4px; border-radius: 4px; } .jClock .time { font-size: 1.667em; vertical-align: middle; font-family: "HelveticaNeueLight",Helvetica,Arial,Verdana; } .jClock .time .h { display: inline-block; margin-right: 2px; } .jClock .time .m { display: inline-block; margin-left: 2px; } .jClock .am_pm { font-size: 0.750em; vertical-align: middle; margin-left: 2px; } /* VideoJS */ .topVisual .videoJsPlayer { position: absolute; top: -1px; left: 0; width: 1px; height: 1px; overflow: hidden; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .topVisual .videoJsPlayer.started { width: 100%; height: 100%; top: 0; opacity: 1; z-index: 100 !important; } .topVisual .videoJsPlayer.fadeout { width: 100%; height: 100%; top: 0; opacity: 0; z-index: 100 !important; } .topVisual .videoJsPlayer .video_holder, .topVisual .videoJsPlayer .video-js { width: 100% !important; height: 100% !important; } .topVisual .videoJsPlayer .vjs-big-play-button { display: none !important; } .lt-ie9 .topVisual .videoJsPlayer { width: 100%; height: 100%; z-index: -1; } body .videoJsPlayer div.vjs-big-play-button, body .videoJsPlayer div.vjs-big-play-button:hover, body .videoJsPlayer div.vjs-big-play-button:focus, body .videoJsPlayer div.vjs-big-play-button:active { position: absolute; top: 50%; left: 50%; display: block; width: 135px; height: 135px; margin: -68px 0 0 -68px; padding: 0; background: url(../images/sprites/icons.png) 0 -270px no-repeat; outline: none; filter: none; opacity: 1; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } body .videoJsPlayer div.vjs-big-play-button:hover { background-position: -135px -270px; } body .videoJsPlayer div.vjs-big-play-button * { display: none !important; } /* Anti spam */ span.spamspan { visibility: hidden; } span.spamspan .u, span.spamspan .d { display: none; } /*********************************************************** 7. Language specific styling ***********************************************************/ /* Chinese */ body.zh-cn .widget.contact .contactType, body.zh-cn .widget.location .contactType { width: 2.5em; } body.zh-cn .detailsPage .mainDetails .mainBody > .body h2, body.zh-cn .detailsPage .mainDetails .mainBody > .body h3, body.zh-cn .detailsPage .mainDetails .mainBody > .body h4, body.zh-cn .detailsPage .mainDetails .mainBody > .body h5, body.zh-cn .detailsPage .mainDetails .mainBody > .body h6, body.zh-cn .detailsPage .mainDetails .mainBody > .body p:first-child { font-weight: bold; font-size: 1.250em; } body.zh-cn .richText strong { font-weight: bold; } /* Change the text on a button for one specific page, we should be able to remove this in 2018 */ form[action*="praktijkdag-real-estate-20-september-2017"] a[href*="VacatureId=925069"] { font-size: 0; color: transparent; } form[action*="praktijkdag-real-estate-20-september-2017"] a[href*="VacatureId=925069"]:before { content: 'Aanmelden'; font-size: 12px; color: #FFF; } form[action*="praktijkdag-ma-1-november-2017"] a[href*="VacatureId=933085"] { font-size: 0; color: transparent; } form[action*="praktijkdag-ma-1-november-2017"] a[href*="VacatureId=933085"]:before { content: 'Aanmelden'; font-size: 12px; color: #FFF; } /*********************************************************** 8. RTE specific styling ***********************************************************/ h1.news_header { font-family: "Helvetica Neue Light"!important; font-size: 32pt!important; color: #fff!important; } h2.news_header { font-family: "Helvetica Neue Light"!important; font-size: 28pt!important; color: #333333!important; } h3.news_header { font-family: "Georgia Regular"!important; font-size: 20pt!important; color: #36ac73!important; } ol.character li { list-style-type:upper-alpha; } ol.RTEHyphen li{ list-style-type:none; background: url("../sitecore/images/hyphen.png") no-repeat left center; padding-left:20px;} ol.levellist li {list-style-type:none;} .stibbeGreen { color: #36ac73; } .clearRed { color:red; } .stibbeBlue { color:blue; } .stibbePurple { color: #9966cc; } .strikeThrough { text-decoration: line-through; } @media screen and (max-width:530px){ div.campaignbutton{ margin-top: 8% !important; margin-bottom: 3% !important; } } div.campaignbutton{ text-align: center; margin-top: -8%; margin-bottom: 5%; } div.mystibbevideo { width: 100%; height: 0; box-sizing: content-box; padding-bottom: 56%; overflow: hidden; } @media screen and (max-width: 900px) and (min-width: 651px) { .main.homepage .grid.g33x33x33 .column.col3 .widget#mystibbe-overlay { width: 44%; top: 2.5%; margin: 2.5%; } }