/* Theme Name: NCAB-2 Theme URL: http://stratoponjak.com Description: A custom made for NCAB Author: Klas Ehnemark Author URI: http://klasehnemark.com Version: 2017 */ /*----------------------------------------------------------------------------------- COMMON -----------------------------------------------------------------------------------*/ body { background: url(images/page_bg.jpg) repeat #ececec; margin:0px; padding: 0px; font-family: Arial; } a img { border: 0px; } a { color: #ce4714; } h4 { font-size: 14px; } h4.underlined { background: url(images/header_line_1.gif) no-repeat 0px 20px; padding: 0px 0px 12px 22px; margin: 0px 0px 8px 0px; position: relative; left: -6px; width: 700px; overflow: hidden; } h4.underlined span { margin-left: 6px; color: #636363; } .border_bottom { border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; } table td p { width: auto !important; } .clear { clear:both; } p:empty { display:none; margin:0; padding:0; border:0;} p { margin: 0 0 15px; } /* QUICK STYLES */ .no_indent { margin-left: 0px !important; } p .no_indent { position: relative; left: -10px; } .no_margin { margin: 0px !important; padding: 0px !important; } .text_small { font-size: 0.9em; } .text_smaller { font-size: 0.7em; } .line_under { border-bottom: 1px solid #d9d9d9; } h1.line_under { margin-bottom: 30px; max-width: 999px !important; position: relative; } h1.line_under_450 { border-bottom: 1px solid #d9d9d9; margin-bottom: 30px; width: 100%; /*max-width: 450px !important;*/ position: relative; } .TABLE { background-color: #fff; font-family: Arial; font-size: 11px; border-spacing: 0px; border-collapse:collapse; border-bottom: 1px solid #d5d5d5 !important; border-top: 1px solid #d5d5d5 !important; margin-bottom: 30px; } .TABLE_ROW_HEADER { font-size: 13px; } .TABLE_ROW_ODD { background-color: #f5f5f5; } .TABLE_CELL_BOLD { font-weight: bold; } .TABLE tr td { border-left: 1px solid #fff; border-right: 1px solid #d5d5d5; /*padding: 8px;*/ vertical-align: top; padding: 10px 15px; } .TABLE tr td:first-child { border-left: 1px solid #d5d5d5; } .TABLE_ROW_HEADER td { background-color: #f5f5f5; font-weight: bold; padding: 10px 10px 0px 10px; } .TABLE2 { font-size: 14px; } .TABLE2 h1, .TABLE2 h2, .TABLE2 h3, .TABLE2 h4, .TABLE2 h5 { margin-bottom: 0px; } .TABLE2 h2 { margin-bottom: 4px !important; font-size: 24px; } .TABLE2 a { font-size: 11px; text-transform: uppercase; } /*----------------------------------------------------------------------------------- PAGE HEADER -----------------------------------------------------------------------------------*/ #top_border { background: url(images/top_border_bg.gif) repeat-x #fff; width: 100%; height: 102px;} #page_top { width: 970px; margin: 0px auto; height: 102px; position: relative; } #logotype { position: absolute; top: 12px ; left: -17px; } #search-area { float: right; border: 1px solid #7d7d7d; border-radius: 5px; height: 20px; width: 100px; background: url(images/search-glass.png) no-repeat 95% 50%; position: relative; top: -4px; margin-left: 35px; -webkit-transition: 0.7s; transition: 0.7s;} #search-area input { border: 0px; width: 70px; margin: 3px 0 3px 5px; outline: 0; -webkit-transition: 0.7s; transition: 0.7s;} #search-area.active { width: 200px; background-position: 98% 50%; } #search-area.active input { width: 170px; } /*----------------------------------------------------------------------------------- SCELETON -----------------------------------------------------------------------------------*/ .container { max-width: 972px; margin: 0 auto; position: relative; padding: 0; } @media (min-width: 768px) { .container { padding: 0 20px; } } @media (min-width: 1120px) { .container { padding: 0; } } /*----------------------------------------------------------------------------------- HEADER AND MENUS -----------------------------------------------------------------------------------*/ /* HEADER */ header { background: url(images/top_border_bg.gif) repeat-x #fff; width: 100%; } header > .container { position: relative; } nav { overflow: hidden; height: 100%; } header ul { list-style: none; margin: 0; padding: 0; } header .logo { position: absolute; top: 12px ; left: -17px; width: 183px; height: 81px; background-repeat: no-repeat; background-image: url('images/ncab_logo.svg');} /* TOP MENU */ #top-menu { list-style: none; position: absolute; bottom: 0px; right: 20px; } #top-menu li { float: left; height: 28px; font-size: 14px; font-weight: bold; margin-left: 17px; } #top-menu li a { color: #000; text-decoration: none; } #top-menu li a:hover { color: #ff5819; } #top-menu li.active a { color: #666666; } #top-menu li.active { background: url(images/menu_marker_bg.gif) 50% 20px no-repeat; } .icons a { display: block; width: 20px; height: 20px; background-size: cover; background-repeat: no-repeat;} .twitter_icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23ce4714;fill-rule:evenodd;}%3C/style%3E%3C/defs%3E%3Ctitle%3Etwitter_icon%3C/title%3E%3Cpath class='cls-1' d='M0 0v60h60V0zm44.91 21.63v1.09c0 11.12-8.25 23.94-23.35 23.94A22.85 22.85 0 0 1 9 42.89a16.43 16.43 0 0 0 2 .11 16.2 16.2 0 0 0 10.19-3.6 8.24 8.24 0 0 1-7.67-5.84 8 8 0 0 0 1.54.15 7.83 7.83 0 0 0 2.16-.3 8.37 8.37 0 0 1-6.59-8.25v-.1a8.06 8.06 0 0 0 3.72 1 8.47 8.47 0 0 1-3.65-7 8.57 8.57 0 0 1 1.11-4.23 23.1 23.1 0 0 0 16.89 8.83 8.59 8.59 0 0 1-.21-1.92 8.31 8.31 0 0 1 8.2-8.41 8.09 8.09 0 0 1 6 2.66 16.16 16.16 0 0 0 5.21-2 8.4 8.4 0 0 1-3.61 4.65A16 16 0 0 0 49 17.28a16.84 16.84 0 0 1-4.09 4.35z'/%3E%3C/svg%3E"); } .linkedin_icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23ce4714;fill-rule:evenodd;}%3C/style%3E%3C/defs%3E%3Ctitle%3Elinkedin_icon%3C/title%3E%3Cpath class='cls-1' d='M0 0v60h60V0zm19.09 47.73h-7.6V23.64h7.6zm-4-27.1H15a4.2 4.2 0 0 1-4.54-4.17c0-2.38 1.84-4.18 4.64-4.18a4.22 4.22 0 0 1 4.58 4.17c.05 2.33-1.73 4.18-4.59 4.18zm34.41 27.1h-8.62V35.26c0-3.26-1.35-5.49-4.31-5.49a4.35 4.35 0 0 0-4.12 3 5.49 5.49 0 0 0-.19 2v13h-8.53s.11-22.08 0-24.09h8.54v3.78c.5-1.65 3.23-4 7.59-4 5.4 0 9.65 3.46 9.65 10.92z'/%3E%3C/svg%3E"); } .blog_icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23ce4714;}%3C/style%3E%3C/defs%3E%3Ctitle%3Eblog_icon%3C/title%3E%3Cpath class='cls-1' d='M31.4 25.83a8.5 8.5 0 0 0-5.75 2.64v15c1.56 1.2 2.58 2.76 5.75 2.76 4.44 0 7-3.6 7-10.19s-2.56-10.21-7-10.21z'/%3E%3Cpath class='cls-1' d='M0 0v60h60V0zm33.32 52.21c-3.36 0-5.82-1.38-8.45-4l-.87 3.4h-5.79V8.33h7.43v15h.12c1.5-2 5-3.48 7.55-3.48 8 0 12.47 7.67 12.47 15.35.01 9.7-4.19 17.01-12.46 17.01z'/%3E%3C/svg%3E"); } .youtube_icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23ce4714;fill-rule:evenodd;}%3C/style%3E%3C/defs%3E%3Ctitle%3Eyoutube_icon%3C/title%3E%3Cpath class='cls-1' d='M25.87 35.16l10.81-5.57-10.81-5.61v11.18z'/%3E%3Cpath class='cls-1' d='M0 0v60h60V0zm50 31.5a59.91 59.91 0 0 1-.4 6.44s-.39 2.74-1.59 4a5.74 5.74 0 0 1-4 1.69C38.41 44 30 44 30 44s-10.4-.09-13.6-.4c-.89-.17-2.89-.12-4.41-1.7-1.2-1.21-1.59-4-1.59-4a59.91 59.91 0 0 1-.4-6.4v-3a59.94 59.94 0 0 1 .4-6.5s.39-2.74 1.59-4a5.73 5.73 0 0 1 4-1.69c5.6-.4 14-.4 14-.4s8.4 0 14 .4a5.73 5.73 0 0 1 4 1.69c1.2 1.21 1.59 4 1.59 4a59.94 59.94 0 0 1 .4 6.44z'/%3E%3C/svg%3E"); } @media (max-width: 950px) { /* HEADER */ body { padding-top: 75px; } header { height: 85px; position: fixed; top: 0px; z-index: 9999; border-bottom: 2px solid #D6D6D6; } header .logo { top: 20px ; left: 8px; width: 125px; height: 45px; background-size: contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='125' height='45' viewBox='0 0 125 45' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M.18 44.084h23.944V.024H.18v44.06z'/%3E%3Cpath id='c' d='M.21 20.4h37.642V.054H.21z'/%3E%3Cpath id='e' d='M.016.098v43.584H55.2V.098H.015z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M93.174 12.56L92 5.04l-1.176 7.52h2.35zm1.118 7.57l-.59-4.35h-3.406l-.572 4.225-.018.124H86.18L89.81.22h4.38l3.63 19.91h-3.528z' fill='%23151515'/%3E%3Cg transform='translate(59.537)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M20.518 11.528v3.628c0 .72-.11 1.23-.352 1.54-.238.318-.623.478-1.27.484-.65-.006-1.034-.166-1.274-.483-.243-.312-.354-.822-.35-1.54v-9.9c-.004-.72.107-1.23.35-1.543.24-.31.624-.476 1.275-.476.646 0 1.03.167 1.27.476.242.314.35.824.35 1.543v2.94h3.607V5.18c.002-1.413-.412-2.7-1.277-3.64S20.665.025 18.897.025c-1.77 0-3.092.575-3.955 1.515-.868.94-1.28 2.227-1.28 3.64v10.063c0 1.4.412 2.69 1.28 3.633.863.937 2.184 1.515 3.955 1.513h.004c1.77 0 3.084-.577 3.947-1.514.865-.942 1.28-2.232 1.277-3.633v-3.715h-3.606M10.643 32.68h-5.4v2.9h1.79v3.288c0 .717-.11 1.228-.35 1.54-.243.313-.626.475-1.275.48-.645-.005-1.028-.167-1.273-.48-.24-.312-.352-.823-.35-1.54v-9.903c-.002-.717.11-1.23.35-1.54.242-.314.628-.482 1.273-.482.65 0 1.032.168 1.274.48.24.312.35.825.35 1.542v1.595h3.607v-1.675c0-1.41-.41-2.696-1.277-3.637-.87-.94-2.185-1.51-3.955-1.51s-3.085.57-3.954 1.51C.59 26.188.18 27.475.18 28.885v10.062c0 1.41.41 2.7 1.274 3.642.87.936 2.185 1.513 3.954 1.51h.007c1.766 0 3.082-.577 3.948-1.51.866-.944 1.277-2.232 1.276-3.643V35.58h.003v-2.9' fill='%23151515' mask='url(%23b)'/%3E%3C/g%3E%3Cpath fill='%23151515' d='M67.036 20.1L62.998 8.44V20.1h-3.14v-.146h.14-.14v.145h-.145V.273h3.324l3.852 10.65V.273h3.284V20.1h-3.138M106.95 16.364c-.348.46-.897.698-1.754.7h-1.25V11.35h.928c.97 0 1.6.245 2.003.7.4.46.585 1.173.585 2.157 0 .973-.16 1.692-.513 2.157zM103.944 3.34h1.115c1.396.017 2.007.835 2.028 2.617-.01 1.56-.894 2.33-2.08 2.345h-1.063V3.34zm4.644 6.348c1.474-.76 2.103-2.474 2.103-4.08 0-1.69-.4-3.02-1.275-3.935C108.546.76 107.212.29 105.412.29h-5.07V20.11h5.4c1.91 0 3.257-.628 4.116-1.672.853-1.044 1.21-2.493 1.21-4.125.01-2.41-.92-3.824-2.48-4.627z'/%3E%3Cg transform='translate(73.006 23.683)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M4.852 9.087c.885-.003 1.446-.167 1.796-.578.353-.41.527-1.128.525-2.282.002-1.15-.172-1.865-.525-2.28-.35-.41-.91-.577-1.796-.577H3.818v5.717h1.034zM3.674 20v-.148V20zm3.963.144l-2.354-8.076c-.4.035-.957.064-1.465.067v8.01H.21V.32h4.804c1.878 0 3.326.403 4.304 1.36.98.96 1.46 2.447 1.46 4.546.01 3.072-1.158 4.434-2.293 5.004l2.83 8.912H7.637zM17.73 16.726c.24.312.622.474 1.272.48.65-.006 1.033-.168 1.27-.48.245-.313.354-.824.354-1.54V5.28c0-.717-.11-1.23-.353-1.54-.238-.314-.622-.482-1.27-.482-.65 0-1.034.168-1.274.48-.242.312-.354.825-.354 1.542v9.903c0 .717.112 1.228.353 1.54zM19 20.416c-1.773.003-3.088-.574-3.952-1.51-.87-.944-1.277-2.23-1.277-3.642V5.2c0-1.408.408-2.694 1.277-3.636.864-.94 2.18-1.51 3.952-1.51 1.77 0 3.088.57 3.952 1.51.865.942 1.28 2.228 1.28 3.637v10.064c0 1.41-.415 2.698-1.28 3.642-.864.934-2.182 1.51-3.947 1.51h-.005zM32.623 20.417c-1.605 0-2.92-.468-3.83-1.385-.91-.91-1.4-2.253-1.398-3.957V.322H31v14.89c.023 1.403.487 1.97 1.623 1.993 1.137-.023 1.6-.59 1.626-1.992V.323h3.602v14.752c0 1.704-.49 3.048-1.4 3.957-.91.917-2.22 1.385-3.824 1.385h-.005' fill='%23151515' mask='url(%23d)'/%3E%3C/g%3E%3Cpath d='M118.627 32.77c1.075 0 1.737-.167 2.13-.583.394-.41.567-1.122.564-2.276.004-1.148-.17-1.86-.563-2.274-.393-.41-1.055-.582-2.13-.582h-1.142v5.716h1.142zm-4.605 11.058v-.145h.143-.143v.145h-.14V24.005h4.906c2.064 0 3.603.4 4.632 1.357 1.03.958 1.508 2.453 1.508 4.55 0 2.103-.478 3.59-1.508 4.55-1.03.957-2.568 1.356-4.632 1.356h-1.303v8.01h-3.463z' fill='%23151515'/%3E%3Cpath fill='%2351A447' d='M12.085 43.94H55.2V.38H12.084'/%3E%3Cpath d='M19.395 21.99c0 4.076-3.27 7.383-7.31 7.383-4.03 0-7.304-3.307-7.304-7.383 0-4.08 3.274-7.385 7.305-7.385 4.04 0 7.31 3.305 7.31 7.385' fill='%23FFFFFE'/%3E%3Cg transform='translate(0 .272)'%3E%3Cmask id='f' fill='%23fff'%3E%3Cuse xlink:href='%23e'/%3E%3C/mask%3E%3Cpath d='M14.723 21.717c0 1.47-1.18 2.663-2.638 2.663-1.452 0-2.63-1.192-2.63-2.663 0-1.47 1.178-2.663 2.63-2.663 1.457 0 2.638 1.194 2.638 2.663' fill='%23CE5338' mask='url(%23f)'/%3E%3Cpath d='M27.63 29.1H12.086v.004c-4.03-.024-7.29-3.397-7.295-7.473.006-4.09 3.28-7.253 7.327-7.26v.004H27.62l7.174 7.408L27.63 29.1zm2.736-18.826c-.448-.475-1.08-.746-1.73-.746h-16.55C5.405 9.548 0 14.873 0 21.63c0 6.765 5.425 12.31 12.117 12.31v-.002h16.506c.64 0 1.243-.25 1.694-.707l8.738-8.908H55.2v-4.837H39.244l-8.88-9.21zm13.655-.46L35.106.8C34.66.35 34.042.097 33.41.097H12.086v4.84H32.42l8.918 9.01c.445.45 1.06.706 1.695.706H55.2v-4.84H44.02zM41.34 29.83l-8.92 9.01H12.086v4.83l21.326.012c.643 0 1.24-.252 1.693-.71l8.918-9.01H55.2V29.12H43.032c-.636 0-1.25.258-1.695.71z' fill='%23151515' mask='url(%23f)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } #top-menu { display: none; } header .container { padding: 0; } /* ALL NAV MAIN */ nav.main { background-color: rgba(255, 255, 255, 1); width: 100%; height: 100%; z-index: 30; top: 0px; left: 0px; max-height: 0px; transition: max-height 250ms; padding-top: 85px; font-size: 16px; font-weight: normal; font-style: normal; box-sizing: border-box;} nav.main li { padding: 16px 0 14px; position: relative; } nav.main li::after { background: #DFDFDF; height: 1px; content: ''; display: block; width: calc(100% - 40px); bottom: 0px; position: absolute; } nav.main li.level1::after { left: 20px; } nav.main li.functions::after, nav.main li .submenu li:last-child::after, nav.main li .submenu li.separator::after { display: none; } nav.main li.active::after, .functions li.active::after, nav.main li.language-selector::after { width: 100%; left: 0px; bottom: 2px; } nav.main li .submenu, nav.main li .submenu2, .functions li .submenu, .functions li .submenu2, .header-content .language-selector ul { position: absolute; padding: 30px 0 0 0; margin: 0; max-height: 0px; overflow: hidden; top: 6px; width: 40px; right: 0; cursor: pointer; margin-bottom: -1px;} nav.main li .submenu::before, nav.main li .submenu2::before, .functions li .submenu::before, .functions li .submenu2::before, .header-content .language-selector ul::before { content: '+'; display: block; height: 32px; width: 32px; position: absolute; transition: transform 0.3s; right: 4px; top: 8px; cursor: pointer; font-size: 18px; font-weight: normal; } .functions li:first-child .submenu, .functions li:first-child .submenu::before { display: none; } nav.main > ul > li.open .submenu::before, nav.main ul li ul li.open .submenu2::before, .functions > ul > li.open .submenu::before, .functions > ul li ul li.open .submenu2::before, .header-content .language-selector.open ul::before { content: '-'; top: -30px; right: 1px; } nav.main > ul > li.open .level1 a, nav ul li ul li.open > .level2 a { color: #ce4714 !important; } nav.main li.active .submenu::after, nav li.active .submenu::before { display: none; } nav.main li.active .submenu, nav > ul > li.open .submenu, nav ul li ul li.open .submenu2, .functions li.open .submenu, .header-content .language-selector.open ul { max-height: 900px; position: relative; padding-top: 0px; top: 10px; overflow: visible; width: 100%; background-color: #F7F7F7; } nav.main li .submenu li, .functions li .submenu li, .header-content .language-selector ul li { padding: 12px 0 10px 20px; } .submenu li.separator { color: #7B7B7B; text-transform: uppercase; padding: 20px 20px 0px 40px; border-bottom: none; } nav li.hidden { display: none; } nav.main li a { color: #000; text-decoration: none; padding: 0 20px; } nav.main li a:hover { color: #ccc; } #mobile-menu .level1 > a { font-weight: bold; } /* ONLY THE HEADER CONTENT */ .header-content { display: flex; flex-flow: row wrap; } .header-content > li { flex: 0 0 100%; } .header-content .search { order: 3; background-color: #F6F6F6; padding: 0; position: relative; } .header-content .top-icons { order: 4; } .header-content .functions { order: 1; padding: 0 !important; border-bottom: none; } .header-content .language-selector { order: 2; } .header-content .search input[type="text"] { font-size: 14px; padding: 12px 20px; background-color: #F6F6F6; width: 100%; border: none; border-bottom: 1px solid #DFDFDF; box-sizing: border-box;} .header-content .search::after { content: ''; display: block; position: absolute; right: 22px; top: 15px; width: 15px; height: 15px; z-index: 999; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.608c0 3.1 2.533 5.608 5.663 5.608 3.13 0 5.663-2.508 5.663-5.608C11.326 2.508 8.793 0 5.663 0 2.533 0 0 2.508 0 5.608zm2.06 0c0-1.968 1.616-3.57 3.603-3.57 1.988 0 3.604 1.602 3.604 3.57 0 1.968-1.616 3.57-3.604 3.57-1.987 0-3.604-1.602-3.604-3.57zm8.05 6.444l2.72 2.692c.31.306.978.347 1.524.072.587-.296.813-1.49.515-1.866l-2.68-2.702c-.462-.57-1.378-.56-1.976.03-.535.53-.556 1.326-.103 1.774z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E"); } .header-content .top-icons ul { /*display: flex;*/ margin-right: 20px; } .header-content .top-icons ul li { float: right;border-bottom: none; padding: 0; position: relative; top: 3px; } .header-content .top-icons ul li a { padding: 0; margin: 0 5px; } .header-content .language-selector h5 { margin: 0px; padding: 0 20px; font-size: 16px; font-weight: normal; text-transform: uppercase;} #function_menu.topmenu li { background: none !important; } /* MOBILE MENU LINK */ .mobile-menu-link { position: absolute; right: 10px; top: 29px; display: block; z-index:31; } .mobile-menu-link div { width: 27px; height: 27px; border-top: 4px solid #000; transition: 0.3s; } .mobile-menu-link div:after, .mobile-menu-link div:before { position: absolute; content: ''; width: 27px; height: 4px; background-color: #000; top: 11px; left: 0px; transition: 0.3s; } .mobile-menu-link div:before { top: 21px; } /* OPEN MENU */ body.open-menu { padding-top: 0px; } .open-menu header { height: auto; border-bottom: none; position: relative; } .open-menu .mobile-menu-link div:before { display: none; } .open-menu .mobile-menu-link div, .open-menu .mobile-menu-link div:after { /* background-color: #fff; */ height: 4px; width: 35px;} .open-menu .mobile-menu-link div { transform: rotate(-45deg); } .open-menu .mobile-menu-link div:after { transform: rotate(90deg) translatex(-14px);} .open-menu .mobile-menu-link { top: 35px; } .open-menu nav.main { max-height: 3000px; } .open-menu #the_page, .open-menu #page_footer { display: none; } } @media (min-width: 950px) { #mobile-menu { display: none; } header { height: 102px;} header > .container { height: 102px; } header .logo { left: 8px; } /* HEADER CONTENT */ .header-content { top: 10px; right: 20px; position: absolute; } .header-content ul { float: right; margin: 0px; padding-left: 25px; } .header-content li { color: #5f5f5f; float: right; } .header-content ul li { float: left;font-size: 12px; } .header-content li a { color: #5f5f5f; text-decoration: none; } .header-content li a:hover, .header-content li:hover { color: #000; } .header-content li.active a { font-weight:bold; } .header-content li.search { float: right; } .header-content li.top-icons { position: relative; top: -3px; } .header-content li.top-icons li { margin-left: 5px; } .header-content li.top-icons li img:hover { opacity: 0.8; } .header-content li.functions li { background: url(images/function_menu_separator.gif) no-repeat 6px; padding: 0px 0px 0px 12px; } .header-content li.functions li.first_menu_item { background-image: none; } .header-content .functions { text-transform: uppercase; } .header-content .functions .submenu { display: none; } /* SEARCH AREA */ .search-area { float: right; border: 1px solid #7d7d7d; border-radius: 5px; height: 20px; width: 100px; background: url(images/search-glass.png) no-repeat 95% 50%; position: relative; top: -4px; margin-left: 25px; -webkit-transition: 0.5s; transition: 0.5s;} .search-area input { font-size: 12px; border: 0px; width: 70px; margin: 3px 0 3px 5px; outline: 0; -webkit-transition: 0.3s; transition: 0.3s;} .search-area.active { width: 190px; background-position: 98% 50%; } .search-area.active input { width: 160px; } /* LANGUAGE SELECTOR */ .language-selector { cursor: pointer; position: relative; } .language-selector h5 { font-weight: normal; margin: 0px; padding: 0 0 5px 0; font-size: 12px; text-transform: uppercase; } .language-selector::after { content: ''; display: block; position: absolute; right: -16px; top: 5px; width: 15px; height: 12px; background: url(images/grey_arrow_down.gif) no-repeat; background-position: 5px 0;} .language-selector ul { display: none; position: absolute; top: 15px; border: 1px solid #ddd; background: #fff; width: 180px; padding: 10px 0px 10px; margin: 0px; z-index: 999;} .language-selector:hover ul { display: block; } .language-selector ul li { float: none; display: block;width: 100%; } .language-selector ul li a { display: block; padding: 2px 10px; } .language-selector ul li a:hover { background-color: #ddd; } } @media (min-width: 1000px) { header .logo { left: -14px; } } /*----------------------------------------------------------------------------------- SUB MENU -----------------------------------------------------------------------------------*/ #sub_menu { list-style: none; font-size: 14px; font-weight: bold; position: relative; margin: 0px; padding: 25px 0px 60px 10px; width: 210px;} #sub_menu li { padding: 0px 0px 8px 10px; } #sub_menu li a { color: #ce4714; text-decoration: none; } #sub_menu li a:hover, #sub_menu li.sub_active a:hover { color: #ff5819; } #sub_menu li ul { display: none; list-style: none; margin: 0px; padding: 4px 0px 0px 0px; } #sub_menu li ul li { padding-bottom: 4px; font-size: 12px; } #sub_menu li.sub_active ul, #sub_menu li.active ul { display: block; } #sub_menu li.hidden { display: none; } #sub_menu li.active.level1 { background: url(images/sub_menu_arrow_active_level_1.gif) no-repeat 0px 4px; } #sub_menu li.level1, #sub_menu li.sub_active.level1 { background: url(images/sub_menu_arrow_level_1.gif) no-repeat 0px 4px; } #sub_menu li.active.level2 { background: url(images/sub_menu_arrow_active_level_2.gif) no-repeat 0px 5px; } #sub_menu li.level2, #sub_menu li.level3 { background: url(images/sub_menu_arrow_level_2.gif) no-repeat 0px 5px; } #sub_menu li.active a { color: #666; } #sub_menu li.active li a, #sub_menu li.sub_active a { color: #ce4714; } #sub_menu li ul li.active a { color: #666; } #sub_menu li.sub_level_start { background: url(images/sub_menu_header_bottom.gif) no-repeat 0px 20px !important; position: relative; left: -10px; padding: 0px 0px 20px 10px;} #sub_menu li.sub_level_start a { color: #333; } #sub_menu li.separator { background-image: none; padding: 6px 0px 4px 0px; font-weight: normal; text-transform: uppercase; font-size: 12px; } /*----------------------------------------------------------------------------------- THE PAGE -----------------------------------------------------------------------------------*/ #the_page { margin: 8px auto 4px auto; border: 1px solid #d9d9d9; background-color: #fff; padding: 10px; box-sizing: border-box; overflow-x: hidden; position: relative; } #left_column { display: none; } #page_content { } .full_page_width #page_content { max-width: 948px; } .full_page_width .post p { margin-left: 0px; margin-top: 0px; } /* PAGE HOLDERS = COLUMNS etc */ #page_content .left_col { margin: 0; max-width: 610px; } #page_content .right_col { margin: 40px 0px 0px 0px;} .left_col h4, .right_col h4 { width: auto !important; } #page_content .post.single .right_col { margin-top: 30px; } .page-head-image { background-repeat: no-repeat; background-size: cover; height: 200px; background-position: 50%; position: relative; /*top: -20px;*/ } .page-head-image h1 { height: 200px; color: #fff; padding: 0 20px; display: flex; align-items: center; font-size: 36px; margin: 0;} /*.template-iframe { width: 100%; height: calc(100vh - 102px); }*/ .full-page-iframe { position: fixed; top: 85px; left: 0px; width: 100%; height: calc(100vh - 88px) } @media (max-width: 768px) { #the_page { border: none; padding-top: 0; margin-top: 10px;} .template-frontpage #the_page { margin-top: 20px; } .page-head-image { margin: -10px; } .page-head-image h1 { padding: 0 10px; } #page_content { padding: 10px; } /*#page_content .right_col { margin-top: 40px;} */ } @media (min-width: 769px) { #the_page { width: 100%; max-width: 972px; } #left_column { display: block; position: absolute; top: 0; width: 230px;} #left_column.below-head-image { top: 220px; } #page_content { margin-left: 240px; min-height: 450px; } .full_page_width #page_content { margin-left: 0px; } /*#page_content .left_col { float: left; max-width: 430px; margin: 0px 40px 10px 0px;} #page_content .right_col { float: left; } */ } @media (min-width: 950px) { .full-page-iframe { top: 98px; height: calc(100vh - 101px); } } /*----------------------------------------------------------------------------------- PAGE FOOTER -----------------------------------------------------------------------------------*/ #pre-footer { background: url(images/content_box_background2.png) repeat-x left top;padding: 10px;overflow: hidden;position: relative;} #pre-footer .links { } #pre-footer .links ul { list-style: none; margin: 7px 0 0; padding: 0; overflow: hidden; } #pre-footer .links ul li { float: left; margin-right: 5px; } #pre-footer h4 { font-size: 12px; text-transform: uppercase; margin: 0; padding: 0; } #pre-footer h4 a { color: #000; text-decoration: none; margin-right: 20px; } #pre-footer .contact-us { padding-left: 238px; display: none; } #pre-footer .contact-us ul { list-style: none; margin: 3px 0 0; padding: 0; } #pre-footer .contact-us ul li { float: left; margin-right: 20px;} #pre-footer .contact-us ul li a { text-decoration: none; text-transform: uppercase; font-size: 12px; } #page_footer { width: 100%; max-width: 970px; margin: 0px auto 3px auto;} #subline { list-style: none; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; height: 18px; padding: 4px 0px 0px 0px; margin: 4px 0px;} #subline li { background: url(images/function_menu_separator.gif) no-repeat 6px; padding: 0px 0px 0px 18px; float: left; font-size: 11px; } #subline li.first { background-image: none; } #subline li a { color: #ce4714; text-decoration: none; } #sublogos { list-style: none; margin: 10px 0px 90px 0px; padding: 0px; float: left; } #sublogos li { float: left; margin-left: 18px; } #world_clocks { list-style: none; margin: 10px 0px 90px 0px; padding: 0px; float: right; display: none; } #world_clocks li { float: left; margin-left: 40px; position: relative; } #world_clocks li h5 { position: absolute; top: 30px; font-size: 11px; font-weight: bold; margin: 0px; padding: 0px; display: block; width: 100%; text-align: right; } @media (max-width: 500px) { #pre-footer { background: #ddd; margin: 0 -10px -10px; padding: 10px 20px; } #pre-footer h4 a { display: block; margin: 0 0 3px; } #bottom_icons { display: none; } #page_footer { background-color: #fff; margin-top: -5px; } #sublogos { margin-bottom: 20px; } #world_clocks { display: none !important; } } @media (min-width: 500px) { #pre-footer h4 a:last-child { display: none; } #pre-footer .contact-us { display: block; } #pre-footer .links { position: absolute;top: 10px;left: 10px; } } @media (min-width: 768px) { #pre-footer .contact-us { padding-left: 300px;} } /*----------------------------------------------------------------------------------- POST AND PAGE CONTENT -----------------------------------------------------------------------------------*/ #page_content .post { padding: 0px 0px 15px 0px; position: relative; font-size: 16px;} #page_content .post h1 { max-width: 610px; font-size: 30px; } #page_content .post > h1 { margin-top: 30px; } #page_content .post .intro { font-size: 20px; line-height: 1.2; margin: 0px 20px 25px 0px; max-width: 610px;} #page_content .post .single_news_item .intro { width: inherit; } #page_content .post h2 { max-width: 610px; font-size: 22px; font-weight: bold; margin:22px 0px 15px 0px; padding: 0px; } #page_content .post h2.large { font-size: 30px; } #page_content .post h3 { font-size: 16px; font-weight: bold; margin:22px 0px 0px 0px; padding: 10px 0px; } #page_content .post h5 { font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 20px 0 10px; } #page_content .post .content_mirror { clear: both; padding-top: 20px; } #page_content .post > p, #page_content .post .content_mirror > p { padding: 0px; margin: 0px 0px 20px 0px; line-height: 1.3; max-width: 610px;} #page_content .post p.img-inside { max-width: 100% !important; } #page_content .post a { text-decoration: none; } #page_content .post a:hover { text-decoration: underline; } #page_content .post ul, #page_content .post ol { margin: 6px 10px 20px 10px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } #page_content .post li { margin: 6px 10px 0px 10px; } #page_content .post .right_col h3 { font-size: 11px; } #page_content .post .right_col > p { font-size: 11px; line-height: 15px; max-width: 220px; } #page_content .post .right_col > img { margin: 16px 0px 0px 0px; } #page_content .post .left_col { max-width: 610px; line-height: 1.3; margin: 0px 0px 20px 0px; padding: 0px; } #page_content .post .block { margin-left: 0px; } #page_content .post table { margin: 0 -5px; } .post .page_big_featured_image { position: relative; padding: 0px 0px 4px 0px; } .post .image_credits { font-size: 13px; font-weight: bold; margin-bottom: 20px; margin-top: -12px; color: #494949; } .frontpage_post > p { display: none; } @media (max-width: 500px) { #page_content .post .intro { margin: 0px 0px 25px 0px;} } @media (max-width: 768px) { #page_content .post h1 { max-width: inherit; } #page_content .post h1.line_under { background-color: #eee; margin: 0 -10px 20px; padding: 30px 20px 30px 10px; border-bottom: none; } } @media (min-width: 768px) { #page_content .post .content_mirror > p { max-width: 610px; } } /*----------------------------------------------------------------------------------- NEWS -----------------------------------------------------------------------------------*/ .news_meta { font-size: 11px; text-transform: uppercase; color: #666; font-weight: bold;} .news_meta a { color: #666; } .news_meta a:hover { color: #d05222; } .news_meta.single { position: absolute; left: 10px; top: -20px; } .news_list .news_item { border-bottom: 1px solid #d9d9d9; } .news_list_front { margin-top: -26px; } .news_list_front .news_meta { margin-bottom: 4px; } .news_list_front .news_item { padding: 20px 0px 10px 0px; } .news_list_front .news_item > * { max-width: 610px; } .news_list_front .news_item .news_image { max-width: 9999px; } .news_list_front .news_header { font-size: 18px; color: #d05222; font-weight: bold; margin-bottom: 10px; } .news_list_front .news_header .first_header { font-size: 28px; } .news_list_front .news_image { margin-bottom: 10px; padding-top: 38.2%; background-size: contain; background-repeat: no-repeat; } .news_list_front .news_image.img { padding-top: 0px; background: none; } .news_list_front .news_image.img img { width: 100%; } .news_list_front .news_content { color: #555; line-height: 1.3; } .news_list_archive .news_item { padding: 8px 0px; } .news_list_archive .news_header { font-size: 15px; color: #d05222; font-weight: normal; margin-bottom: 0px; } .post .single_news_item { margin: 30px 0px 0px; } .post .single_news_item > * { /*padding-right: 20px;*/ } .post .single_news_item p img { /*width: 100%;*/ height: auto; } .news_read_more { font-weight: bold; font-size: 0.9em; display: block; margin-top: 3px; } .post_navigation a { font-weight: bold; font-size: 0.9em; display: block; margin: 8px 0px; float: right; } .post_navigation a.prev-page-link { float: left; } .category_byline, .blog_byline { text-transform: none; color:#666; font-size: 12px; margin-top: 5px; } .employee_box.byline_box .employee_email { top: 170px; } .employees_list { padding-top: 35px; overflow: hidden; } .blog_byline.single { position: relative; left: 10px; margin-bottom: 20px;} .byline_below { position: relative; margin-top: 20px; /*margin-left: 10px;*/ } .byline_below img { max-width: 206px !important; height: 115px !important;} .byline_below .info { position: absolute; left: 230px; top: 20px;} .byline_below .title { font-size: 14px; } .byline_below .name { font-size: 20px; font-weight: bold; margin: 4px 0 6px; } .share_post { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0px; margin: 20px 0px 10px; height: 20px; } .share_post h3, .tags h3 { float: left; text-transform: uppercase; color: #aaa; font-size: 12.6px !important; font-weight: normal !important; margin: 1px 10px 0px 0px !important; padding: 0px !important;} .share_post div { float: left; margin-right:7px; } .share_post div img:hover { opacity: 0.8; } .tags { position: relative; top: -3px; } .tags a { text-transform: uppercase; font-size: 0.9em;} .news_below_single { margin-top: 40px; clear: both; } /* NEWS LETTER SPECIALS */ .newsletter_content > *, .post .newsletter > * { margin: 0px; } .newsletter_content > p, .post .newsletter > p { margin: 0px; margin-bottom: 4px; padding: 0px !important; } .newsletter_content > h5, .post .newsletter > h5 { margin: 0px; margin-bottom: -3px; } .news_list_archive .news_item_newsletter .news_image { display: none; } .news_list_archive .news_item_newsletter .newsletter_content { padding-top: 6px; font-size: 0.8em; } .news_list_archive .news_item_newsletter .newsletter_content .text_small { font-size: inherit; } .news_list_archive .news_item_newsletter .newsletter_content h5 { margin-bottom: -2px; } .single_news_item.newsletter h1 { margin-bottom: 8px; } .single_news_item.newsletter p { line-height: 18px; color: #555555;} .single_news_item.newsletter h5 { margin-left: 10px; margin-bottom: 3px; color: #555555;} .single_news_item.newsletter img { /*margin-left: 10px;*/ margin-bottom: 10px; } @media (max-width: 500px) { .news_list_front .news_image, .news_list_front .news_content, .news_list_front .category_byline { display: none; } .news_list_front .news_header a::after { content: ' »';} .post .single_news_item p img { float: none; margin: 0 0 10px; display: block; } } @media (min-width: 500px) { .post .single_news_item p img:not(.no-resize) { float: none; } .post .single_news_item p img.no-resize { margin-bottom: 10px; } } @media (min-width: 768px) { .post .single_news_item > * { padding-right: 100px;} .post .single_news_item p img:not(.no-resize) { width: calc(100% + 100px); } .news_below_single { max-width: 610px; /*float: left;*/} .right_below_single { float: right; margin-top: 120px; } } /*////////////////////////////////////////////////////////////////*/ /* SHORtCODES */ /*////////////////////////////////////////////////////////////////*/ /*----------------------------------------------------------------------------------- BOXES -----------------------------------------------------------------------------------*/ /* BOX: All */ .content_box { position: relative; } .content_box .box_image_small { display: none; } .content_box .box_category { font-size: 12px; } .content_box .box_link { font-size: 12px; } #page_content .content_box .box_title { font-size: 16px; } @media (max-width: 500px) { .content_box.has-small-image .box_image_small, .content_box.has-small-image .box_image_small, .content_box.has-small-image .box_image_small, .content_box.has-small-image .box_image_small { display: block; } .content_box.has-small-image .box_image, .content_box.has-small-image .box_image, .content_box.has-small-image .box_image, .content_box.has-small-image .box_image { display: none; } } /*.content_box.has-clear { margin-right: 0px !Important; }*/ /* BOX: Default */ .content_box.default { position: relative; margin: 0px 0px 10px 10px; float: left; border: 1px solid #F5F5F5; } /*.content_box.box_borders { border-top: 1px solid #f5f5f5; }*/ /*.content_box.gradientbackground { background: url(images/content_box_background.png) repeat-x left bottom; }*/ .content_box.curvedbottom { background: url(images/box_curved_bottom.png) no-repeat left bottom; border-top: 0px; padding-bottom: 20px; width: 100%; } /*.content_box .border_left { position: absolute; width: 1px; height: 100%; background: url(images/content_box_border.png) no-repeat; } .content_box .border_right { position: absolute; left: 100%; width: 1px; height: 100%; background: url(images/content_box_border.png) no-repeat; } */ .content_box.default .box_category { font-size: 11px; color: #333; text-transform: uppercase; font-weight: bold; margin-bottom: 3px; } .content_box.default .box_title { font-size: 14px; color: #ce4714; font-weight: bold; height: 33px; margin: 0px !important; padding: 0 !important; } .content_box.default .box_title a { text-decoration: none; } .content_box.default .content_box_inside { padding: 12px; } .content_box.default.image_inside .box_image { overflow: hidden; margin: 10px 0px 0px 0px; } .content_box.default.image_inside img { margin: 0px; } .content_box.default.backgroundimage_inside > * { margin-top: 0px; } /* BOX: Neutral */ .content_box.neutral { } /* Remove unwanted p-tags */ .content_box > p { display: none; } .content_box.default > p { display: block; margin: 0; } /* BOX: Compact */ .content_box.compact { width: 100%; border: 1px solid #eee; float: left; margin: 10px 10px 0 0; } .content_box.compact .box_image { width: 100%; padding-top: 46.48%; background-size: cover; } .content_box.compact .box_text { display: none; } #page_content .content_box.compact .box_title { padding: 3px 0 0; margin: 0; height: 38px;} .content_box.compact .content { padding: 10px; } .content_box.compact .box_category { text-transform: uppercase; font-weight: bold; } .content_box.compact .content > p { display: none; } @media (min-width: 500px) { .content_box.compact { width: calc(50% - 7px); } .content_box.compact.box-class-num-2, .content_box.compact.box-class-num-4, .content_box.compact.box-class-num-6, .content_box.compact.box-class-num-8, .content_box.compact.box-class-num-10 { margin-left: 12px; } .content_box.compact.count-2, .content_box.compact.count-4, .content_box.compact.count-6, .content_box.compact.count-8 { margin-right: 0; } } /* BOX: Column */ .content_box.column { width: calc(33.333% - 9px); float: left; position: relative; margin: 10px 10px 10px 0px; border: 1px solid #eee; } .content_box.column .box_image { width: 100%; padding-top: 56.65%; margin-top: 40px; background-position: 50%; background-size: cover; } .content_box.column .content { width: 100%; height: 100%; padding: 10px; box-sizing: border-box; } .content_box.column .content > p { display: none; } #page_content .content_box.column .box_title { height: 28px; padding: 0; width: 100%; box-sizing: border-box; font-size: 14px; margin: 0; line-height: 1; display: flex; align-items: center; } .content_box.column .box_category { position: absolute; top: 5px; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1; height: 28px; display: flex; align-items: center; } .content_box.column .link { padding: 3px 0 0; margin: 0; font-size: 14px; height: 20px; font-weight: bold; } .content_box.column .link::after { content: ' »'; color: #ce4714;} .content_box.column .box_text p { margin: 8px 0 0; } .content_box.column .box_text p a { line-height: 1.5 } .content_box.column .box_text img { width: calc(100% + 20px); margin: 0 0 0 -10px; max-width: 9999px; } @media (max-width: 500px) { .content_box.column { padding-top: 0px; width: 100%; box-sizing: border-box; display: block; } .content_box.column .box_image { display: none; } .content_box.column .content { position: relative; } .content_box.column .box_title { position: relative; display: block; padding: 0; bottom: auto; height: auto; } .content_box.column .box_category { position: relative; display: block; top: 0px; height: auto; padding: 0 0 10px; } .content_box.column .box_text img { display: none; } } @media (min-width: 500px) { .content_box.column.count-3, .content_box.column.count-6, .content_box.column.count-9, .content_box.column.count-12 { margin-right: 0; } } /* BOX: Wide Left Image */ /* BOX: Wide Right Image */ /* BOX: Wide Left BG Image */ /* BOX: Wide Right BG Image */ .content_box.wide-left, .content_box.wide-right, .content_box.wide-left-bg, .content_box.wide-right-bg { width: 100%; padding-top: 0px; padding-bottom: 0px; border: 1px solid #D8D8D8; border-width: 1px 0; margin-top: -1px; font-size: 16px;} .content_box.wide-left .content, .content_box.wide-right .content, .content_box.wide-left-bg .content, .content_box.wide-right-bg .content { z-index: 2; position: relative; padding: 40px 15px; } .content_box.wide-left .box_category, .content_box.wide-right .box_category, .content_box.wide-left-bg .box_category, .content_box.wide-right-bg .box_category { display: none; } .content_box.wide-left .box_title, .content_box.wide-right .box_title, .content_box.wide-left-bg .box_title, .content_box.wide-right-bg .box_title { display: none; } .content_box.wide-left .box_text, .content_box.wide-right .box_text, .content_box.wide-left-bg .box_text, .content_box.wide-right-bg .box_text { line-height: 1.2; } .content_box.wide-left .box_text p, .content_box.wide-right .box_text p, .content_box.wide-left-bg .box_text p, .content_box.wide-right-bg .box_text p { margin: 5px 0; } .content_box.wide-left .link, .content_box.wide-right .link, .content_box.wide-left-bg .link, .content_box.wide-right-bg .link { margin-top: 10px; display: inline-block; font-weight: bold; } /* BOX: Wide Left Image */ /* BOX: Wide Right Image */ .content_box.wide-left .box_image, .content_box.wide-right .box_image { position: absolute; left: 0; top: 0; height: 100%; width: 33%; background-repeat: no-repeat; background-position: 50%; } /* BOX: Wide Left BG Image */ /* BOX: Wide Right BG Image */ .content_box.wide-left-bg .box_image, .content_box.wide-right-bg .box_image { position: absolute; left: 0; top: 10px; height: calc(100% - 20px); width: 100%; background-repeat: no-repeat; background-position: 0 100%; } /* BOX: Wide Left Image */ .content_box.wide-left { padding-left: 33%; padding-right: 15px; box-sizing: border-box; } .content_box.wide-left .content { background-color: #fff; padding: 15px 0 15px 15px; } /* BOX: Wide Right Image */ .content_box.wide-right { padding-right: 33%; padding-left: 15px; box-sizing: border-box; } .content_box.wide-right .content { background-color: #fff; padding: 35px 10px 15px 0; } /* BOX: Wide Left BG Image */ .content_box.wide-left-bg { padding-left: 33%; padding-right: 15px; box-sizing: border-box; } .content_box.wide-left-bg .content { padding: 40px 0 40px 15px;} /* BOX: Wide Right BG Image */ .content_box.wide-right-bg { padding-right: 33%; box-sizing: border-box; } .content_box.wide-right-bg .content { max-width: 400px; } @media (max-width: 500px) { .content_box.wide-left, .content_box.wide-right, .content_box.wide-left-bg, .content_box.wide-right-bg { padding: 46.48% 0 0 0; margin: 10px 10px 10px 0px; border: 1px solid #eee; } .content_box.wide-left.has-small-image, .content_box.wide-right.has-small-image, .content_box.wide-left-bg.has-small-image, .content_box.wide-right-bg.has-small-image { padding: 0; } .content_box.wide-left .box_image, .content_box.wide-right .box_image, .content_box.wide-left-bg .box_image, .content_box.wide-right-bg .box_image, .content_box.wide-left .box_image_small, .content_box.wide-right .box_image_small, .content_box.wide-left-bg .box_image_small, .content_box.wide-right-bg .box_image_small { width: 100%; height: 0; padding-top: 46.48%; background-size: cover; background-position: 50%; } .content_box.wide-left .content, .content_box.wide-right .content, .content_box.wide-left-bg .content, .content_box.wide-right-bg .content { padding: 10px 15px; } .content_box.wide-left .box_category, .content_box.wide-right .box_category, .content_box.wide-left-bg .box_category, .content_box.wide-right-bg .box_category { display: block; text-transform: uppercase; font-weight: bold; } .content_box.wide-left .box_title, .content_box.wide-right .box_title, .content_box.wide-left-bg .box_title, .content_box.wide-right-bg .box_title, #page_content .content_box.wide-left .box_title, #page_content .content_box.wide-right .box_title, #page_content .content_box.wide-left-bg .box_title, #page_content .content_box.wide-right-bg .box_title { display: block; color: #ce4714; padding: 3px 0 0; font-weight: bold; margin: 0; height: 38px; } .content_box.wide-left h2, .content_box.wide-right h2, .content_box.wide-left-bg h2, .content_box.wide-right-bg h2 { font-size: 20px; } .content_box.wide-left .box_text, .content_box.wide-right .box_text, .content_box.wide-left-bg .box_text, .content_box.wide-right-bg .box_text { display: none; } .content_box.wide-left .link, .content_box.wide-right .link, .content_box.wide-left-bg .link, .content_box.wide-right-bg .link { margin-top: 5px; } } /* BOX: Media */ .content_box.media { width: 48%; float: left; /*padding-top:220px;*/ position: relative; margin: 0px 1.5% 10px 0px; border: 1px solid #eee; } .content_box.media .box_image { width: 100%; padding-top: 120px; position: absolute; top: 40px; left: 0px; background-position: 50%; background-size: cover; } .content_box.media .content { width: 100%; height: 100%; /*position: absolute; top: 0px; left: 0px;*/ padding: 10px; box-sizing: border-box; } .content_box.media .content > p { display: none; } #page_content .content_box.media .box_title { font-weight: normal; height: 28px; padding: 0; width: 100%; box-sizing: border-box; font-size: 14px; margin: 0; line-height: 1; display: flex; align-items: center; } .content_box.media .box_category { margin: 0 0 -5px; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1; height: 28px; display: flex; align-items: center; } .right_col .content_box.media { width: 100%; } .content_box.media .box_text p { margin: 8px 0 0; } .content_box.media .box_text img { width: 100%; margin: 0; } @media (max-width: 500px) { .content_box.media { padding-top: 0px; width: 100%; box-sizing: border-box; display: block; } .content_box.media .box_image { display: none; } .content_box.media .content { position: relative; } .content_box.media .box_title { position: relative; display: block; padding: 0; bottom: auto; height: auto; } .content_box.media .box_category { position: relative; display: block; top: 0px; height: auto; padding: 0 0 10px; } /*.content_box.media .box_text img { display: none; }*/ } @media (min-width: 630px) { .content_box.media { width: 31%; } } @media (min-width: 768px) { .content_box.media { width: 48%; } } @media (min-width: 900px) { .content_box.media { width: 31%; } } /* BOX: Person */ @media (max-width: 499px) { .content_box.person { position: relative; background-color: #fff; cursor: pointer; padding: 0 20px; margin: 0 -10px; user-select: none; -webkit-user-select: none; overflow: hidden;} .content_box.person::after { content: '+'; position: absolute; display: block; right: 30px; top: 25px; font-size: 20px; } .content_box.person .box_category { height: auto; padding: 10px 0 3px; text-transform: uppercase; font-weight: bold; font-size: 14px; } .content_box.person .box_text > * { display: none; } .content_box.person .employee_name { display: block; font-size: 18px; color: #CE4714; padding: 3px 0 10px; border-bottom: 1px solid #DFDFDF; }  .content_box.person .box_image { display: none; } .content_box.person.open { background-color: #F7F7F7; border-bottom: 1px solid #DFDFDF; } .content_box.person.open::after { transform: rotate(45deg); top: 10px;} .content_box.person.open .box_image{ display: block; width: 100%; padding-top: 56%; position: absolute; top: 40px; left: 0; background-position: 50%; background-size: cover;} .content_box.person.open .content { width: 100%; height: 100%; padding: calc(56% + 45px) 0 10px; box-sizing: border-box; } .content_box.personv .content > p { display: none; } .content_box.person.open .box_category { position: absolute; top: 0px; left: 20px; } .content_box.person.open .box_text > * { display: block; } .content_box.person.open .box_text p { margin: 8px 0 0; } .content_box.person.open .box_text img { width: calc(100% + 20px); margin: 0 0 0 -10px; } .content_box.person.open .employee_name { border: none; } .content_box.person.open .employee_phone, .content_box.person.open .employee_mobile, .content_box.person.open .employee_email { font-size: 12px; margin: 5px 0; height: 14px; line-height: 1;} } @media (min-width: 500px) { .content_box.person { width: 48%; float: left; position: relative; margin: 0px 1.5% 0px 0px; overflow: hidden; } .content_box.person .box_image { width: 100%; padding-top: 56%; position: absolute; top: 40px; background-position: 50%; background-size: cover; } .content_box.person .content { width: 100%; height: 100%; padding: calc(56% + 45px) 10px 0px; box-sizing: border-box; } .content_box.person .content > p { display: none; } #page_content .content_box.person .box_title { height: 28px; padding: 0; width: 100%; box-sizing: border-box; font-size: 14px; margin: 0; line-height: 1; display: flex; align-items: center; } .content_box.person .box_category { position: absolute; top: 6px; font-weight: bold; text-transform: uppercase; line-height: 1; height: 28px; display: flex; align-items: center; } .content_box.person .box_text p { margin: 8px 0 0; } .content_box.person .box_text img { width: calc(100% + 20px); margin: 0 0 0 -10px; } .content_box.person .employee_name { font-size: 14px; margin: 4px 0; font-weight: bold; } .content_box.person .employee_phone, .content_box.person .employee_mobile, .content_box.person .employee_email { font-size: 12px; margin: 5px 0; height: 14px; line-height: 1;} .content_box.person .box_text { height: 90px; } } @media (min-width: 630px) { .content_box.person { width: 31%; } } @media (min-width: 768px) { .content_box.person { width: 48%; } } @media (min-width: 900px) { .content_box.person { width: 31%; } } /* BOX: Product */ .content_box.product { width: calc(33.333% - 10px); float: left; position: relative; margin: 10px 10px 10px 0px; } .content_box.product .box_image { width: 100%; padding-top: 56.65%; background-position: 50%; background-size: cover; } .content_box.product .content { width: 100%; height: 100%; padding: 10px; box-sizing: border-box; } .content_box.product .content > p { display: none; } #page_content .content_box.product .box_title { height: 28px; padding: 0; width: 100%; box-sizing: border-box; font-size: 14px; margin: 0; line-height: 1; } .content_box.product .box_category { font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1; height: 28px; display: flex; align-items: center; } .content_box.product .link { position: absolute; bottom: 6px; left: 0px; padding: 0 10px; width: 100%; box-sizing: border-box; font-size: 14px; margin: 0; line-height: 1; font-weight: bold; } .content_box.product .box_text p { margin: 8px 0 0; } .content_box.product .box_text p a { line-height: 1.5 } .content_box.product .box_text img { width: calc(100% + 20px); margin: 0 0 0 -10px; max-width: 9999px; } @media (max-width: 500px) { .content_box.product { border-top: 15px solid #eee; padding: 20px 0 0; width: calc(100% + 20px); box-sizing: border-box; display: block; margin: 0 -10px; } .content_box.product .box_title { height: auto; } .content_box.product .box_category { height: auto; padding: 0 0 10px; } } /* BOX: FRONT PAGE */ .content_box.frontpage { width: calc(33.333% - 9px); margin: 10px 10px 0 0; float: left; } .content_box.frontpage.count-3 { margin-right: 0; } .content_box.frontpage .box_image { width: 100%; padding-top: 56.65%; /*margin-top: 40px;*/ background-position: 50%; background-size: cover; } .content_box.frontpage .box_category { font-weight: bold; text-transform: uppercase; margin-top: 10px; font-size: 12px; } .content_box.frontpage .box_title { font-size: 16px; height: 50px; padding: 5px 0px; margin: 0; } .content_box.frontpage .box_title a { text-decoration: none; } .content_box.frontpage .box_image { top: 0px; } @media (max-width: 600px) { .content_box.frontpage { width: 100%; margin-bottom: 20px; padding-bottom: 20px; float: none; border-bottom: 1px solid #D8D8D8; } .content_box.frontpage .box_image { display: block; } .content_box.frontpage .box_category { font-size: 14px; } .content_box.frontpage .box_title { height: auto; font-size: 20px; } } /* BOX: Board */ #page_content .content_box.board { width: 50%; padding-right: 20px; box-sizing: border-box; float: left; overflow: hidden; } #page_content .content_box.board .box_image { width: 117px; padding-top: 136.75%; margin-right: 10px; position: absolute; left: 0px; top: 60px; background-repeat: no-repeat; } #page_content .content_box.board .content { margin-left: 130px; } #page_content .content_box.board .box_category { display: none; } #page_content .content_box.board .box_title { margin: 0px 0 0 -130px; font-size: 14px; height: 35px; display: flex; align-items:flex-end;;} #page_content .content_box.board .content p { margin-top: 0; } @media (max-width: 500px) { #page_content.board .content_box { width: 100%; } } /* BOX: Customer */ .content_box.customer { width: calc(33.333% - 9px); float: left; position: relative; margin: 10px 10px 10px 0px; border: 1px solid #eee; } .content_box.customer .box_image { width: 100%; padding-top: 56.65%; margin-top: 40px; background-position: 50%; background-size: cover; } .content_box.customer .content { width: 100%; height: 100%; padding: 10px; box-sizing: border-box; } .content_box.customer .content > p { display: none; } #page_content .content_box.customer .box_title { color: #ce4714; height: 28px; padding: 0; width: 100%; box-sizing: border-box; font-size: 14px; margin: 0; line-height: 1; display: flex; align-items: center; } .content_box.customer .box_category { position: absolute; top: 5px; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 1; height: 28px; display: flex; align-items: center; } .content_box.customer .link { padding: 3px 0 0; margin: 0; font-size: 14px; height: 20px; font-weight: bold; } .content_box.customer .link::after { content: ' »'; color: #ce4714;} .content_box.customer .box_text p { margin: 8px 0 0; } .content_box.customer .box_text p a { line-height: 1.5 } .content_box.customer .box_text img { width: calc(100% + 20px); margin: 0 0 0 -10px; max-width: 9999px; } @media (max-width: 500px) { .content_box.customer { padding-top: 0px; width: 100%; box-sizing: border-box; display: block; } .content_box.customer .content { position: relative; } .content_box.customer .box_title { position: relative; display: block; padding: 0; bottom: auto; height: auto; } .content_box.customer .box_category { position: relative; display: block; top: 0px; height: auto; padding: 0 0 10px; } .content_box.customer .box_text img { display: none; } } @media (min-width: 500px) { .content_box.customer.count-3, .content_box.customer.count-6, .content_box.customer.count-9, .content_box.customer.count-12, .content_box.customer.count-15, .content_box.customer.count-18, .content_box.customer.count-21, .content_box.customer.count-23 { margin-right: 0; } .content_box.customer .box_text { height: 60px; } } /* BOX CLASS: QUOTATION (CAREER) */ .template-career .content_box.quotation .box_category { display: none; } .template-career .content_box.quotation .box_title { display: flex; align-items: center; } /*----------------------------------------------------------------------------------- TEMPLATE SPECIFIC HACKS -----------------------------------------------------------------------------------*/ /* PRODUCT */ .template-product .content_mirror > div { width: 100% !important; float: none !important; } .template-product #page_content .content_mirror table { width: 100% !important; margin: 0; } @media (max-width: 500px) { .template-product #page_content .left_col > h2 { background-color: #EBEBEB; margin: -10px -10px 10px; padding: 20px 10px; } .template-product #ncab_slideshow { width: 100%; position: relative; left: -10px; } .template-product td.text_small {padding: 0 20px 20px; } } /* MEDIA LIBRARY */ .template-medialibrary .post h2 { clear: both; padding-top: 20px !important; } /* CONTACT PAGE */ @media (max-width: 768px) { .template-contact #left_column { display: block; padding: 10px 5px; } .template-contact #page_content, .template-contact #subnavigation .sub_level_start { display: none; } .template-contact #sub_menu { width: 100%; padding: 0 0 30px; box-sizing: border-box; border-top: 1px solid #DFDFDF; padding-top: 0; } .template-contact #sub_menu li.level1 { background-image: none; } .template-contact #sub_menu li { padding: 0; line-height: 1.4; border-bottom: 1px solid #DFDFDF; position: relative; } .template-contact #sub_menu li a { padding: 10px 0; height: 20px; display: block; width: 100%; } .template-contact #sub_menu li a::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h9v14H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M1.49 14c-.38 0-.763-.135-1.054-.407-.58-.542-.58-1.422 0-1.964L5.402 7 .436 2.372C-.144 1.83-.144.95.436.407c.582-.543 1.527-.543 2.108 0l6.02 5.61c.58.544.58 1.423 0 1.965l-6.02 5.61c-.29.273-.672.408-1.054.408' fill='%23E94E25' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E"); content: ''; position: absolute; right: 20px; top: 14px; display: block; width: 9px; height: 14px; } .template-contact #sub_menu li.separator { padding: 12px 0; } } @media (min-width: 769px) { .mobile-alt-header { display: none; } } /* MULTI OFFICE PAGE */ .template-multioffice .employees_list { display: none; } .return-to-office { display: none; } .office-employees.template-multioffice .return-to-office { display: block; margin-top: 20px; margin-bottom: -10px; } .office-employees.template-multioffice .office_selected, .office-employees.template-multioffice .intro, .office-employees.template-multioffice .post > p, .office-employees.template-multioffice .employees_list { display: none; } .inserted-header { display: none; } .view-employees { display: none; } .template-multioffice .view-employees { display: block; font-weight: bold; } @media (max-width: 499px) { .template-multioffice #the_page { background-color: #f7f7f7; } .template-multioffice .office_selected { padding-left: 0 !important; } .template-multioffice .office_selected .office { width: 100% !important; margin: 0 !important; padding: 0 !important; } .template-multioffice .office_selected .office > * { display: none; } .template-multioffice #page_content .office_selected .office h3 { cursor: pointer; position: relative; border-bottom: 1px solid #DFDFDF; margin: 0; padding: 14px 0 10px; height: 20px; display: block; width: 100%; color: #CE4714; } .template-multioffice .office_selected .office h3::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='14' viewBox='0 0 9 14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h9v14H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M1.49 14c-.38 0-.763-.135-1.054-.407-.58-.542-.58-1.422 0-1.964L5.402 7 .436 2.372C-.144 1.83-.144.95.436.407c.582-.543 1.527-.543 2.108 0l6.02 5.61c.58.544.58 1.423 0 1.965l-6.02 5.61c-.29.273-.672.408-1.054.408' fill='%23E94E25' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E"); content: ''; position: absolute; right: 20px; top: 14px; display: block; width: 9px; height: 14px; } .template-multioffice .office_selected .office.border_top::before{ display: none !important; } .template-multioffice .inserted-header { display: block; margin-bottom: 20px; } .template-multioffice.office-employees .post > h1 { display: none; } .template-multioffice .inserted-header h3 { font-size: 30px !important; } .template-multioffice .inserted-header .view-employees { display: none; } .template-multioffice .inserted-header::after { content: 'Employees'; padding-left: 25px; font-weight: bold; position: relative; top: 10px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='19' height='21' viewBox='0 0 19 21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.967.025v11.15H0V.024h18.967z'/%3E%3Cpath id='c' d='M.022.004H9.6v9.5H.022v-9.5z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 9.098)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M9.645 11.174c-2.325-.018-4.635-.178-6.915-.644-.433-.09-.866-.192-1.286-.327C.68 9.955.114 9.48.012 8.65c-.044-.355.042-.74.134-1.095.594-2.303 1.69-4.33 3.422-5.994C4.228.926 4.983.42 5.834.06c.13-.055.213-.043.32.055.677.612 1.505.89 2.388 1.02 1.188.173 2.342.035 3.43-.488.296-.143.568-.345.833-.543.11-.082.186-.097.308-.045 1.027.435 1.9 1.086 2.654 1.894 1.675 1.795 2.708 3.91 3.165 6.307.14.732-.14 1.345-.825 1.696-.436.224-.922.366-1.4.494-1.34.36-2.715.524-4.098.607-.988.06-1.977.08-2.965.12' fill='%23000' mask='url(%23b)'/%3E%3C/g%3E%3Cg transform='translate(4.668 .036)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M4.8 9.503C2.112 9.476-.01 7.333.022 4.673c.03-2.602 2.208-4.7 4.85-4.668 2.644.03 4.753 2.177 4.727 4.81C9.573 7.4 7.392 9.53 4.8 9.504' fill='%23000' mask='url(%23d)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .template-multioffice .employees_list { padding-top: 0; overflow: inherit;} .template-multioffice .employees_list h4.underlined { display: none; } .template-multioffice .employees_list .content_box.person { margin: 0 -20px; } } @media (min-width: 500px) { .template-multioffice .office_selected { display: flex; flex-flow: row wrap; } .template-multioffice .office_selected .office { flex: 0 0 100%; } .template-multioffice .office_selected .office > * { max-width: 250px; } .template-multioffice .office_selected .office.border_top { flex: 0 0 50%; } .template-multioffice .office_selected .office:first-child { } .template-multioffice .office_selected .office h3 { display: none; } } /* OFFICE PAGE */ @media (max-width: 499px) { .template-office #the_page { background-color: #f7f7f7; } .template-office .employees_list { padding-top: 0; overflow: inherit;} .template-office .employees_list h4.underlined { padding: 20px 0 0 0; background: none; left: 0; } .template-office .employees_list .content_box.person { margin: 0 -20px; } .template-office .office_selected { padding: 0; } } /* FRONTPAGE */ .template-frontpage .content_box.wide-left .box_link { font-weight: bold; font-size: 0.9em; margin-top: 10px; text-transform: uppercase; } .template-frontpage .content_box.wide-left .box_link a { text-decoration: none; } .template-frontpage .content_box.wide-left .box_link::after { content: ' »'; color: #ce4714;} .template-frontpage .content_box.wide-left .box_title { display: none; } .template-frontpage .content_box.wide-left .box_image, .template-frontpage .content_box.wide-left .box_image_small { background-size: contain; } .template-frontpage .content_box.wide-left .box_text { display: block; } /* WHY NCAB GROUP */ .template-whyncabgroup #the_page { padding: 0; } .template-whyncabgroup #page_content { padding: 0 20px;} .template-whyncabgroup .page-head-image { margin: 10px 0 0; } .template-whyncabgroup #the_page section { margin: 0 -20px; width: calc(100% + 40px); display: flex; flex-flow: row wrap; padding: 0 20px; box-sizing: border-box; } .template-whyncabgroup #page_content .post { padding: 0; } .template-whyncabgroup #page_content .post > h1, .template-whyncabgroup #page_content .post > p { max-width: 710px; } .template-whyncabgroup #the_page section { position: relative; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%);} .template-whyncabgroup #the_page section > ul { list-style: none; padding: 20px 0px; margin: 0; box-sizing: border-box; } .template-whyncabgroup #the_page section > ul li { padding: 5px 0 5px 20px; background-position-y: 5px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='14' viewBox='0 0 8 14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h8v14H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M1.325 14c-.34 0-.68-.135-.937-.407-.517-.542-.517-1.422 0-1.964L4.802 7 .388 2.372C-.13 1.83-.13.95.388.407c.517-.543 1.357-.543 1.873 0l5.352 5.61c.517.544.517 1.423 0 1.965l-5.35 5.61c-.26.273-.598.408-.937.408' fill='%23E94E25' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E"); } .template-whyncabgroup #the_page section > div { display: flex; align-items: center; flex-flow: row wrap; position: relative; background-repeat: no-repeat; background-position: 50% 100%; background-size: 70%; box-sizing: border-box; } .template-whyncabgroup #the_page section > div > * { flex: 0 0 100%; } .template-whyncabgroup #the_page section > ul li.header { background-image: none; font-weight: bold; font-size: 0.7em; text-transform: uppercase; margin: 0; padding: 0 0 0 10px;} .template-whyncabgroup #the_page section > div { padding: 20px 0; flex: 0 0 40%; } .template-whyncabgroup #the_page section > ul { padding: 20px 0; flex: 0 0 60%; } .template-whyncabgroup #the_page .section-2 > div { order: 2; } .template-whyncabgroup #the_page .section-2 > ul { order: 1; } .template-whyncabgroup #the_page .section-1::after, .template-whyncabgroup #the_page .section-1 > div { background-size: 40%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='199' height='299' viewBox='0 0 199 299' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 479.92V.817h198.515V479.92H0z'/%3E%3Cpath id='c' d='M0 3.075V200h85.844V3.075H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 -.815)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M129.05 479.92c-7.824 0-14.17-6.344-14.17-14.17l.002-55.8c0-3.76 1.49-7.36 4.15-10.02l51.14-51.134v-73.98l-49.37-49.365H14.172c-7.826 0-14.176-6.344-14.176-14.17v-82.374c0-3.76 1.496-7.36 4.155-10.02l53.687-53.69v-50.21C57.837 7.16 64.18.816 72.01.816c7.826 0 14.17 6.345 14.17 14.17v56.08c0 3.76-1.49 7.365-4.15 10.02l-53.69 53.69.002 62.33h98.33c3.76 0 7.364 1.495 10.02 4.155l57.674 57.666c2.655 2.66 4.15 6.26 4.15 10.02v85.725c0 3.76-1.494 7.36-4.15 10.02l-51.14 51.136v49.925c0 7.826-6.35 14.17-14.174 14.17' fill='%23D9D9D9' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M183.26 195.508c-7.825 0-14.174-6.345-14.174-14.17v-48.625l-52.436-52.44c-2.66-2.66-4.15-6.26-4.15-10.02V14.508c0-7.825 6.346-14.17 14.175-14.17 7.825 0 14.17 6.345 14.17 14.17v49.87l52.435 52.445c2.66 2.655 4.15 6.26 4.15 10.02v54.495c0 7.825-6.345 14.17-14.17 14.17' fill='%23D9D9D9'/%3E%3Cg transform='translate(0 280.185)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M71.674 200c-7.826 0-14.176-6.345-14.176-14.17v-48.79L4.148 83.69c-2.654-2.655-4.15-6.26-4.15-10.02V17.25c0-7.83 6.35-14.175 14.176-14.175 7.825 0 14.17 6.345 14.17 14.175V67.8l53.35 53.345c2.66 2.66 4.15 6.265 4.15 10.025v54.66c0 7.825-6.345 14.17-14.17 14.17' fill='%23D9D9D9' mask='url(%23d)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .template-whyncabgroup #the_page .section-2::after, .template-whyncabgroup #the_page .section-2 > div { background-position-x: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='375' height='296' viewBox='0 0 375 296' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M449.6 2.772v213.895H0V2.772h449.6z'/%3E%3Cpath id='c' d='M161.123 2.9H1.388v159.594H161.12V2.9z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(0 113.935)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M246.326 216.667H57.643c-3.133 0-6.133-1.242-8.35-3.46L3.46 167.376c-4.613-4.613-4.613-12.092 0-16.704L145.126 9.005c4.613-4.612 12.088-4.612 16.704 0l61.088 61.092L286.793 6.23c4.604-4.597 12.05-4.613 16.667-.034l142.645 141.458c2.25 2.23 3.51 5.267 3.496 8.43-.01 3.166-1.295 6.195-3.56 8.408l-49.59 48.404c-2.203 2.154-5.165 3.358-8.25 3.358h-73.37c-6.525 0-11.812-5.287-11.812-11.808 0-6.525 5.287-11.813 11.812-11.813h68.563l37.558-36.662L295.18 31.25l-63.908 63.9c-4.617 4.612-12.092 4.612-16.704 0l-61.092-61.092L28.514 159.025l34.025 34.02h178.895l24.504-24.503H153.475c-6.52 0-11.808-5.288-11.808-11.813 0-6.522 5.287-11.81 11.808-11.81H294.45c4.78 0 9.085 2.876 10.914 7.288 1.83 4.417.816 9.496-2.56 12.875l-48.128 48.125c-2.212 2.217-5.216 3.46-8.35 3.46' fill='%23D9D9D9' mask='url(%23b)'/%3E%3C/g%3E%3Cg transform='translate(141.667 -2.732)'%3E%3Cmask id='d' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3Cpath d='M29.902 82.63l51.35 51.347 51.354-51.346-51.354-51.353-51.35 51.354zm51.35 79.864c-3.02 0-6.042-1.154-8.35-3.463L4.847 90.98C2.63 88.77 1.39 85.766 1.39 82.63c0-3.128 1.24-6.136 3.458-8.35L72.9 6.224c4.43-4.433 12.27-4.433 16.704 0l68.058 68.058c2.213 2.214 3.46 5.218 3.46 8.35 0 3.135-1.247 6.14-3.46 8.35l-68.058 68.05c-2.308 2.31-5.334 3.464-8.354 3.464z' fill='%23D9D9D9' mask='url(%23d)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .template-whyncabgroup #the_page .section-3::after, .template-whyncabgroup #the_page .section-3 > div { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='353' height='298' viewBox='0 0 353 298' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M.487.27h351.945V355.51H.488V.27z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M292.544 356.396H11.81c-6.52 0-11.808-5.288-11.808-11.81V183.18c0-4.776 2.876-9.084 7.288-10.91 4.417-1.837 9.492-.824 12.87 2.56l74.284 74.278V180.4c0-4.775 2.875-9.083 7.288-10.908 4.416-1.834 9.49-.825 12.87 2.558l72.9 72.896V180.4c0-4.775 2.875-9.083 7.288-10.908 4.417-1.834 9.492-.825 12.87 2.558l74.98 74.975V86.492c0-6.52 5.288-11.81 11.808-11.81s11.813 5.29 11.813 11.81v189.05c0 4.78-2.878 9.083-7.29 10.912-4.426 1.83-9.497.817-12.872-2.558l-74.98-74.98v64.542c0 4.78-2.874 9.084-7.286 10.913-4.417 1.838-9.488.826-12.87-2.558l-72.897-72.9v68.713c0 4.78-2.88 9.083-7.292 10.913-4.412 1.833-9.49.825-12.87-2.56l-74.284-74.282v121.08h268.924c6.52 0 11.81 5.286 11.81 11.81 0 6.522-5.29 11.81-11.81 11.81' fill='%23D9D9D9'/%3E%3Cg transform='translate(90 .563)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M340.624 355.508h-64.846c-3.125 0-6.13-1.242-8.34-3.45l-24.6-24.554c-2.222-2.213-3.468-5.22-3.468-8.36V65.585L197.678 23.89H12.298C5.775 23.89.49 18.605.49 12.084.487 5.558 5.773.27 12.297.27h190.276c3.133 0 6.133 1.246 8.35 3.46l48.61 48.61c2.21 2.214 3.457 5.218 3.457 8.35v253.555l17.676 17.642h59.958c6.52 0 11.808 5.288 11.808 11.813 0 6.52-5.287 11.808-11.808 11.808' fill='%23D9D9D9' mask='url(%23b)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .template-whyncabgroup #the_page .section-4::after, .template-whyncabgroup #the_page .section-4 > div { background-size: 120%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 494.58 274.82'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23D9D9D9;}%3C/style%3E%3C/defs%3E%3Ctitle%3Eachievements_customers_02%3C/title%3E%3Cpath class='cls-1' d='M305.74 131.57a8.7 8.7 0 0 1-6.19-2.55l-57.08-57.09a8.74 8.74 0 0 1 0-12.36l57.19-57.1a9 9 0 0 1 12.37 0l57.09 57.09a8.74 8.74 0 0 1 0 12.36L311.93 129a8.7 8.7 0 0 1-6.19 2.57zM261 65.74l44.75 44.64 44.75-44.75-44.76-44.74zM63.27 59.59L6.19 2.47A9 9 0 0 0 0 0v21l44.75 44.64L0 110.38v21.18A8.7 8.7 0 0 0 6 129l57.27-57a8.74 8.74 0 0 0 0-12.41zM66.19 219.71a8.74 8.74 0 0 0-6.19-2.57H0v17.48h38.84L16 257.21H0v17.62h19.65a8.74 8.74 0 0 0 6.15-2.55l40.38-40.2a8.74 8.74 0 0 0 .01-12.37z'/%3E%3Cpath class='cls-1' d='M492.11 220.38l-.19-.19.24.07L372.51 101.4a8.74 8.74 0 0 0-12.27 0l-54.36 53.38-52.16-53.21a8.74 8.74 0 0 0-6.19-2.57 8.91 8.91 0 0 0-6.22 2.55l-87 86.94-87.6-86.94a8.74 8.74 0 0 0-12.27 0L.1 154.78l-.1-.11v21.25a8.84 8.84 0 0 0 6-2.61L60.55 120 142 200.78l-19.51 19.51a8.74 8.74 0 0 0 0 12.27l18.63 19.16-5.91 5.49H77.12a8.74 8.74 0 0 0 0 17.48h61.56a8.74 8.74 0 0 0 6-2.41l8.49-8.08 7.63 7.8a8.74 8.74 0 0 0 6.26 2.66h158.29a8.74 8.74 0 0 0 6.15-2.55l40.38-40.2a8.74 8.74 0 0 0-6.15-14.91H247.5a8.74 8.74 0 1 0 0 17.48h97.11l-22.83 22.72h-151l-4.93-5.07 20.45-19.4a8.74 8.74 0 0 0 .19-12.36l-.19-.19-19.47-19.44 80.68-80.61 52.16 53.17a8.74 8.74 0 0 0 6.15 2.62 9.47 9.47 0 0 0 6.19-2.48l54.43-53.38 107.17 106.35-32.69 30.8h-58.06a8.74 8.74 0 1 0 0 17.48h61.56a8.74 8.74 0 0 0 6-2.41l41.49-39.54a8.74 8.74 0 0 0 .2-12.36zm-324.39 6l-14 13.35L141 226.58l13.46-13.46z'/%3E%3C/svg%3E"); } @media (max-width: 649px) { .template-whyncabgroup #the_page section::after { z-index: 1; content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 80%; background-repeat: no-repeat; background-size: contain !important; background-position: 100% 100%;} .template-whyncabgroup #the_page .section-1::after { width: 50%; left: 25%; } .template-whyncabgroup #the_page section { display: block; width: calc(100% + 40px) !important; padding: 0 !important; } .template-whyncabgroup #the_page section > div { z-index: 2; background-image: none !important; display: block; padding: 20px 20px 0 20px !important; overflow: hidden; } .template-whyncabgroup #the_page section > ul { z-index: 3; position: relative; padding: 0 20px 20px 20px !important; overflow: hidden; } .template-whyncabgroup #the_page { overflow-x: inherit; } } @media (min-width: 650px) { .template-whyncabgroup #the_page section::after { display: none; } } @media (min-width: 769px) { .template-whyncabgroup .page-head-image { margin: 10px; } .template-whyncabgroup #page_content { padding: 0 40px; } .template-whyncabgroup #the_page section { margin: 0 -40px; width: calc(100% + 80px); padding: 0 40px; } .template-whyncabgroup #the_page section > div { padding: 0 0 0 40px; flex: 0 0 50%;} .template-whyncabgroup #the_page section > ul { padding: 40px 40px 40px 0; flex: 0 0 50%; } .template-whyncabgroup #the_page .section-2 > div { order: 2; padding: 0 40px 0 0; } .template-whyncabgroup #the_page .section-2 > ul { order: 1; padding: 40px 0 40px 40px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS hack */ .template-whyncabgroup #the_page section > div { padding: 20px 0px 0 0px !important; flex: 0 0 40%; box-sizing: border-box; } .template-whyncabgroup #the_page section > ul { padding: 20px 0px 20px 0 !important; flex: 0 0 60%; box-sizing: border-box; } } /*----------------------------------------------------------------------------------- TABLES -----------------------------------------------------------------------------------*/ /* TABLES */ .desktop-table { width: 100% !important; /*max-width: 600px;*/ } .mobile-table { display: none; margin: 0 -10px; } #page_content .mobile-table ul { list-style: none; margin: 0; padding: 0; } #page_content .mobile-table ul li { margin: 0; padding: 0; } #page_content .mobile-table > ul > li { padding: 20px } #page_content .mobile-table > ul > li:nth-child(odd) { background-color: #F7F7F7; } #page_content .mobile-table > ul > li > ul > li:first-child { font-weight: bold; padding-bottom: 3px; } .fixed-left-col { overflow-x: scroll; } .fixed-left-col table { width: 650px; overflow: hidden; } .fixed-left-col .hidden-col { width: 100px; } .fixed-left-col .fixed-col { position: absolute; left: -10px; width: 100px; background-color: #fff; overflow: hidden; } .fixed-left-col .TABLE_ROW_ODD .fixed-col, .fixed-left-col .TABLE_ROW_HEADER .fixed-col { background-color: #f5f5f5; } @media (max-width: 500px) { .mobile-table { display: block; } .desktop-table { display: none; } } /*----------------------------------------------------------------------------------- QUICK FACTS -----------------------------------------------------------------------------------*/ #page_content .content_box.quickfacts { width: 100%; border: none; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; overflow: hidden;} #page_content .content_box.quickfacts .content_box_inside { padding: 8px 5px; } #page_content .content_box.quickfacts .box_title { color: #333; text-transform: uppercase; padding: 15px 0 10px; margin: 0;height: auto; } #page_content .content_box.quickfacts .quickfact { float: left;} .quickfact { width: 16%; height: 80px; } .quickfact_number { font-size: 40px; font-weight: bold; color: #d05222; width: 100%; text-align: center; white-space: nowrap; } .quickfact_title { font-size: 10px; font-weight: normal; color: #333; width: 100%; text-align: center; text-transform: uppercase;} .content_box.quickfacts p { display: none; } .quickfact_long { position: relative; background: url(images/content_box_background.png) repeat-x left bottom; margin-top: 10px; height: 50px; padding: 15px 155px 15px 15px; border: 1px solid #eaeaea; border-radius: 5px; } .quickfact_long .quickfact_title { text-align: left; font-size: 16px; font-weight: bold; } .quickfact_long .quickfact_description { } .quickfact_long .quickfact_number { position: absolute; right: 15px; width: inherit; top: 20px; } @media (max-width: 600px) { .quickfact { width: 33.333%; } } @media (max-width: 400px) { .quickfact { width: 50%; } } /*----------------------------------------------------------------------------------- COLUMNS -----------------------------------------------------------------------------------*/ .columns .column { float: left; overflow: hidden;} .columns.columns_even_num_2 .column { max-width: 330px; margin-left: 40px; } .columns.columns_even_num_3 .column { width: 220px; margin-left: 20px; } .columns.columns_bigleft_num_2 .column { width: 230px; margin-left: 10px; } .columns.columns_bigleft_num_2 .column.first_col { width: 470px; margin-left: 0px; } .columns.columns_bigright_num_2 .column { width: 470px; margin-left: 10px; } .columns.columns_bigright_num_2 .column.first_col { width: 230px; margin-left: 0px; } .columns .column.first_col { margin-left: 0px !important; } @media (max-width: 990px) { .columns .column { float: none; margin-left: 0 !important; max-width: 450px !important; } } /*----------------------------------------------------------------------------------- ZOOMABLE IMAGE -----------------------------------------------------------------------------------*/ .zoomable-img { display: none; } .unzoomable-img img { max-width: 100%; margin-left: 0; } @media (max-width: 500px) { .unzoomable-img { display: none; } .zoomable-img { display: block; position: relative; cursor: pointer; } .zoomable-img img { display: block; max-width: 100%; } .zoomable-img::after { background-image: url(images/zoom_in.png); width: 30px; height: 30px; position: absolute ; bottom: 10px; right: 10px; content: ''; } .zoomable-img.zoomed::after { display: none; } .zoomable-img.zoomed { overflow-x: scroll; } .zoomable-img.zoomed img { max-width: inherit; margin-left: 0 !important; } } /*----------------------------------------------------------------------------------- DOWNLOADS -----------------------------------------------------------------------------------*/ .downloads ul { list-style: none; padding: 0px; margin: 0px; } .downloads ul li { display: block; padding: 0px 0px 3px 0px; margin: 0px; width: 100%; clear: both; font-size: 17px;} .downloads ul li img { float: left; padding: 0px 10px 20px 0px;} .downloads ul li a { display: block; font-size: 11px; font-weight: bold; text-decoration: none; } .downloads ul li div a { display: inline; } /*----------------------------------------------------------------------------------- OFFICES AND MAPS -----------------------------------------------------------------------------------*/ .local_office_dropdown { background: url(images/header_line_1.gif) no-repeat 0px 0px; height: 6px; margin: 0px; position: absolute; z-index: 9999; left: -6px; top: 0px; xleft: -6px; xtop: 80px; mamrgin-bottom: -10px; max-width: 716px;} .local_office_dropdown .office_dropdown { color: #5f5f5f; font-size: 12px; float: right; position: relative; top: -18px; cursor:pointer; cursor:hand; } .local_office_dropdown .office_dropdown img { position: relative; top: -1px; } .office_overview { margin-left: 10px; } .office_selected { max-width: 710px; padding: 10px 0px 10px 10px; position: relative; margin-left: 0px !important; overflow: hidden; /*min-height: 160px;*/ } .office_selected.no_map { overflow: inherit; } .office_selected .office { width: 210px; font-size: 12px; line-height: 16px; z-index: 1;} #page_content .office_selected .office p { font-size: 12px; line-height: 16px; margin-bottom: 10px; } .office_selected .office.border_top { position: relative; padding-top: 10px; margin-top: 5px; } .office_selected .office.border_top::before { background-color: #ddd; content: ''; display: block; position: absolute; left: 0; top: 0px; width: 100%; height: 1px; max-width: 250px; } .office_selected h4.underlined { position: absolute; top: -20px; left: -10px; background: none; } .office_selected.no_map h4.underlined { background: url(images/header_line_1.gif) no-repeat 0px 20px; position: relative; left: -14px; max-width: 700px;} .office_selected.contact_symbol { background: url(images/contact_symbol.jpg) no-repeat right top; /*min-height: 190px;*/} .view-employees { text-transform: uppercase; } .worldmap_small { background: url(images/ncab_worldmap_small.jpg) no-repeat; width: 516px; height: 296px; position: absolute; top: 12px; left: 204px;} .worldmap_small .office_pos { background: url(images/map_pos.png) no-repeat; width: 10px; height: 10px; position: absolute; } .worldmap_large { background: url(images/ncab_worldmap_large.jpg) no-repeat; max-width: 712px; height: 408px; position: relative; left: -2px;} .worldmap_large ul.markets { position: absolute; left: 0px; top: 0px; list-style: none; padding: 0px !important; margin: 0px !important; } .worldmap_large ul.markets li { padding: 0px 0px 0px 250px; margin: 0px !important; line-height: 20px; height: 18px; text-align: right; } .worldmap_large ul.markets li.market_7 { margin-top: 12px !important; } .worldmap_large a { color: #ce4714; text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; } .worldmap_large a:hover { color: #ff5819; } .worldmap_large a .office_pos, .frontpage-aboutus ul.markets li a { background: url(images/map_pos.png) no-repeat; width: 10px; height: 10px; position: absolute; } .worldmap_large a:hover .office_pos, .frontpage-aboutus ul.markets a:hover { background: url(images/map_pos_active.png) no-repeat; } .worldmap_large p { display: none; } .frontpage-aboutus ul.markets { list-style: none; max-width: 535px; position: absolute; left: 432px; top: -13px;} .frontpage-aboutus ul.markets li { position: absolute; } .frontpage-aboutus ul.markets a { display: block; } @media (max-width: 970px) { .frontpage-aboutus ul.markets { display: none; } .worldmap_small { display: none; } } /*----------------------------------------------------------------------------------- TABS -----------------------------------------------------------------------------------*/ ul.tabs { display: none; } .tab_page .tab-page-header { color: #ce4714; } @media (max-width: 500px) { #page_content div.tabs > div > h3 { margin-top: 10px; } #page_content div.tabs p { margin-top: 0; } } @media (min-width: 500px) { ul.tabs { display: block; } div.tabs { margin-left: 0px! important; margin-top: 40px; } ul.tabs { list-style: none; height: 23px; position: relative; float: right; top: -29px; left: 10px; margin: 0px !important; padding: 0px !important; } ul.tabs li { background: url(images/tab_default_bg.gif) no-repeat top right; height: 23px; float: left; position: relative; top: 1px; margin-left: 28px; } ul.tabs li a { background: url(images/tab_default_front.png) no-repeat; display: inline-block; text-decoration: none; font-size: 11px; font-weight: bold; line-height: 16px; height: 23px; padding: 4px 14px 2px 34px; position: relative; left: -28px; text-transform: uppercase; margin-right: -30px;} ul.tabs li.active { background: url(images/tab_active_bg.gif) no-repeat top right; z-index: 1001 !important;} ul.tabs li.active a { background: url(images/tab_active_front.png) no-repeat; color: #000;} ul.tabs li#tab_1 { z-index: 1000; } ul.tabs li#tab_2 { z-index: 999; left: -10px; } ul.tabs li#tab_3 { z-index: 998; left: -20px; } ul.tabs li#tab_4 { z-index: 997; left: -30px; } ul.tabs li#tab_5 { z-index: 996; left: -40px; } ul.tabs li#tab_6 { z-index: 995; left: -50px; } ul.tabs li#tab_7 { z-index: 994; left: -60px; } ul.tabs li#tab_8 { z-index: 993; left: -70px; } .tab_page { display: none; border: 1px solid #f3f3f3; padding: 30px 15px; background: url(images/tab_content_low_bg.png) repeat-x bottom right; } .tab_page .tab-page-header { display: none; } .tab_page.active { display: block; } } /*----------------------------------------------------------------------------------- SCROLLBAR -----------------------------------------------------------------------------------*/ .scrollview { display: none; } .scrollview h3 { margin: 0px !important; padding: 0px; } .scrollview p { margin-top: 0; } .scrollview img { margin-left: 0; max-width: 9999px !important; } .scrollview { max-width: 650px; position: relative; border: 1px solid #eee; padding: 30px; } .scrollview .viewport { max-width: 650px; height: 200px; overflow: hidden; position: relative; } .scrollview .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } .scrollview .scrollbar.yaxis { background: transparent url(images/scrollbar_track_y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 11px; } .scrollview .scrollbar.yaxis .track { background: transparent url(images/scrollbar_trackend_y.png) no-repeat 0 100%; height: 100%; width:11px; position: relative; padding: 0 1px; } .scrollview .scrollbar.yaxis .thumb { background: transparent url(images/scrollbar_thumb_y.png) no-repeat 50% 100%; height: 20px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; } .scrollview .scrollbar.yaxis .thumb .end { background: transparent url(images/scrollbar_thumb_y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 11px; } .scrollview .scrollbar.yaxis .disable { display: none; } .scrollview .scrollbar.xaxis { background: transparent url(images/scrollbar_track_x.png) no-repeat 0 0; clear: both; height: 11px; xmargin: 0 0 5px; position: relative; } .scrollview .scrollbar.xaxis .track { background: transparent url(images/scrollbar_trackend_x.png) no-repeat 100% 0; height: 11px; width:100%; position: relative; } .scrollview .scrollbar.xaxis .thumb { background: transparent url(images/scrollbar_thumb_x.png) no-repeat scroll 100% 100%; height: 11px; cursor: pointer; xoverflow: hidden; position: absolute; top: 0px; left: 0; margin-left: 5px; } .scrollview .scrollbar.xaxis .thumb .end { background: transparent url(images/scrollbar_thumb_x.png) no-repeat 0 50%; overflow: hidden; height: 11px; width: 5px; position: relative; left: -5px; } .scrollview .scrollbar.xaxis.bottom { margin-top: 15px; } .mobile-scrollview { display: block; } .mobile-scrollview h3 { } .mobile-scrollview p { margin-top: 0; } .post .mobile-scrollview img { margin-left: 0; max-width: 9999px; } .mobile-scrollview-instructions { text-align: center; margin-bottom: 20px;} .mobile-scrollview-instructions div { display: inline-block; background: url(images/swipe_symbol.png) no-repeat; background-position: left center; padding-left: 40px; height: 30px; line-height: 30px; color: #CE4714; } .mobile-scrollview-content { overflow-x: scroll; } @media (min-width: 930px) { .scrollview { display: block; } .mobile-scrollview { display: none; } } /*----------------------------------------------------------------------------------- SLIDE SHOW -----------------------------------------------------------------------------------*/ #ncab_slideshow { position: relative; } .slides_container { display: block; position: relative; width: 100%; max-width: 950px; height: 350px; } .slides_container .slide_page { display: none; width: 100%; max-width: 950px;; height: 350px; display: none; } .slide_page .image-bg { width: 100%; max-width: 950px; height: 380px; background-position-x: 50%; } .slide_page .slide-content { position: absolute; max-width: 950px; height: 380px; box-sizing: border-box; top: 0px; left: 0px; display: flex; justify-content: flex-end; flex-direction: column; padding: 60px 50% 60px 60px; } .slide_page .slide-content h2 { color: #fff; margin: 10px 0; font-size: 40px; } .slide_page .slide-content a.outlink { text-decoration: none; font-size: 18px; font-weight: normal; color: #fff; } .slide_page .slide-content a.outlink:hover { color: #ff652b; } ul.pagination { margin: 0px auto 20px auto; margin: 0px auto 16px auto; list-style: none; padding: 0; text-align: center; position: absolute; width: 100%; bottom: 0; z-index:999; } ul.pagination li { display: inline-block;} ul.pagination li a { width: 13px; display: block; height: 13px; border: 1px solid #534E4A; border-radius: 50%; text-indent: -9999px; background-color: #fff; opacity: 0.5; margin: 0 10px; } ul.pagination li.current a { opacity: 1; } @media (max-width: 500px) { .slide_page .slide-content { padding: 30px 30px 60px 30px; } .slide_page .slide-content h2 { font-size: 35px; } } /*----------------------------------------------------------------------------------- VIDEO PLAYER -----------------------------------------------------------------------------------*/ .video_player { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: 20px 0 0px; } .video_player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*----------------------------------------------------------------------------------- FRONT PAGE ABOUT US -----------------------------------------------------------------------------------*/ .frontpage-aboutus { background-size: contain; background-repeat: no-repeat; padding: 40% 20px 10px; position: relative; clear: both; background-image: url(images/ncab_worldmap_large.jpg); min-height: 300px; } .frontpage-aboutus h3 { font-size: 12px } .frontpage-aboutus .content { max-width: 430px; } .frontpage-aboutus .quickfacts { overflow: hidden; margin-top: 25px; } .frontpage-aboutus .quickfacts .quickfact { float: left; width: 50%; } .frontpage-aboutus .quickfacts .quickfact_number { font-size: 45px; } .frontpage-aboutus .quickfacts .quickfact_title { font-size: 11px; } .frontpage-aboutus a { text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 14px; } @media (min-width: 500px) { .frontpage-aboutus .quickfacts .quickfact { width: 33.333%; } .frontpage-aboutus { padding: 30% 20px 10px; } } @media (min-width: 768px) { .frontpage-aboutus .quickfacts .quickfact { width: 16.6%; } .frontpage-aboutus { padding: 20% 20px 10px; } } @media (min-width: 970px) { .frontpage-aboutus { background-size: 516px; background-position: right 0; padding: 10px 20px; } } /* LATEST NEWS */ #latest_news { position: absolute; top: 12px; left: 108px; width: 800px; font-size: 12px; } #latest_news a { text-decoration: none; } .latest_news_box h3 { position: absolute; top: 12px; left: 12px; font-size: 12px; margin: 0px; padding: 0px; } #latest_news .slide_page { width: 800px; } #latest_news h2 { margin: 0px; font-size: 13px; font-weight: normal; line-height: 13px; } /* SPECIALS */ #top_menu li.menuitem55 { display: none; } .post.no_padding p, .post.no_padding { margin-top: 0px; margin-bottom: 0px; } #tinymce { background-image: none; background-color: #fff; padding: 5px !important; } .paddingbottom10 { padding-bottom: 10px; } #shortcode_explaination_list { display: block; border: 10px solid #000; } .frontpage_video_links {} .frontpage_video_links h1 { font-size: 11px; color: #fff; line-height: 18px; margin: 0px; } .frontpage_video_links ul { font-size: 14px; list-style: none; margin: 0px; padding: 1px 0px; } .frontpage_video_links ul li { float: left; display: block; border-left: 2px solid #333; padding: 0px 10px 0px 10px;} .frontpage_video_links ul li.first { border-left: 0px; padding-left: 0px; } .frontpage_video_links ul li a { color: #CE4714; text-decoration: none; } .wp-video { margin:10px 0; } /*----------------------------------------------------------------------------------- SPECIAL LISTS -----------------------------------------------------------------------------------*/ #page_content ul.red-arrow, #page_content ul.red-dot, #page_content ul.green-dot, #page_content ul.yellow-dot { margin: 0; padding: 0; list-style: none; } #page_content ul.red-arrow > li, #page_content ul.green-dot > li , #page_content ul.red-dot > li, #page_content ul.yellow-dot > li { background-repeat: no-repeat; padding-left: 25px; margin: 5px 0 0; overflow: hidden; font-size: 20px; background-position-y: 2px; } #page_content ul.red-arrow > li { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='17' viewBox='0 0 10 17' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h10v17H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M1.656 17c-.424 0-.848-.164-1.17-.494-.648-.66-.648-1.727 0-2.385L6.002 8.5.485 2.88c-.647-.66-.647-1.727 0-2.385.646-.66 1.696-.66 2.342 0l6.688 6.813c.647.658.647 1.726 0 2.385l-6.688 6.813c-.323.33-.747.494-1.17.494' fill='%23E94E25' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E"); } #page_content ul > li ul.red-arrow > li { background-size: 8px; padding-left: 15px; } #page_content ul.yellow-dot > li { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='478' cy='937' r='8' transform='translate(-470 -929)' fill='%23FFDB48' fill-rule='evenodd'/%3E%3C/svg%3E"); } #page_content ul.red-arrow > li li, #page_content ul.yellow-dot > li li, #page_content ul.red-dot > li li, #page_content ul.green-dot > li li { font-size: 16px; } #page_content ul.yellow-dot > li, #page_content ul.small-dots li.yellow { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='478' cy='937' r='8' transform='translate(-470 -929)' fill='%23FFDB48' fill-rule='evenodd'/%3E%3C/svg%3E"); } #page_content ul.red-dot > li, #page_content ul.small-dots li.red { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='478' cy='937' r='8' transform='translate(-470 -929)' fill='%23D0021B' fill-rule='evenodd'/%3E%3C/svg%3E"); } #page_content ul.green-dot > li, #page_content ul.small-dots li.green { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='478' cy='937' r='8' transform='translate(-470 -929)' fill='%2354BA5F' fill-rule='evenodd'/%3E%3C/svg%3E"); } #page_content ul.small-dots { overflow: hidden; list-style: none; padding: 0; margin: 0 0 30px; } #page_content ul.small-dots li { background-repeat: no-repeat; background-size: 12px; margin: 0 10px 0 0; padding-left: 20px; background-position-y: 2px; } @media (min-width: 768px) { #page_content ul.red-arrow section, #page_content ul.green-dot section, #page_content ul.red-dot section, #page_content ul.yellow-dot section { width: 45%; float: left; margin-right: 5%; } #page_content ul.small-dots li { float: left; } } /*----------------------------------------------------------------------------------- SEARCH RESULTS -----------------------------------------------------------------------------------*/ #page_content .search-results { min-height: 400px; } #page_content .search-results .hit { margin: 15px 15px 15px 0; border-bottom: 1px solid #ddd; } #page_content .search-results .hit img { float: right; height: 90px; width: auto; margin: 18px 0px 10px 10px;} #page_content .search-results h3 { margin: 0px; font-weight: normal; font-size: 18px; max-width: 470px; } #page_content .search-results p { margin-top: 0px; overflow: hidden; max-width: 470px; } #page_content .search-results .page-type { color: #686868; text-transform: uppercase; font-size: 12px; } #page_content .search-results .search-result { margin-top: 30px; } .search-paging { margin: 5px 0px 20px 0px; } .search-paging a { } #page_content .search-results h1 { margin-left: 0px !important; max-width: 710px !important; margin-bottom: 10px; } #page_content .search-results .employee_box { margin-top: 15px; margin-bottom: 0px; } #page_content .search_more { clear: both; padding-top: 15px; } .search_meta { font-size: 11px; text-transform: uppercase; color: #666; font-weight: bold;} #sub_menu.search_sub_menu li ul { display: block; } /*----------------------------------------------------------------------------------- WP IMAGES -----------------------------------------------------------------------------------*/ .post img { margin: 0; height: auto; width: auto; max-width: 100%; } .post .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .post .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .post .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .post img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } .post .wp-caption { line-height: 18px; margin-bottom: 10px; padding: 4px; position: relative; max-width: 100%;} .post .wp-caption img { /*margin: 0px;*/ max-width: 100%; } .post .wp-caption p.wp-caption-text { color: #000; font-size: 11px; margin: 5px 0px 0px 10px; font-weight: bold; } .post .wp-smiley { margin: 0; } .post .gallery { margin: 0 auto 18px; } .post .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .post .gallery img { border: 2px solid #cfcfcf; } .post .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .post .gallery dl { margin: 0; } .post .gallery img { border: 10px solid #f1f1f1; } .post .gallery br+br { display: none; } .post.attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } @media (max-width: 768px) { .post img { margin-left: -10px; max-width: calc(100% + 20px);} } /*----------------------------------------------------------------------------------- DESIGN GUIDELINES -----------------------------------------------------------------------------------*/ .design-guidelines { border: 1px solid #ddd; padding: 20px 20px 10px 20px; max-width: 500px; margin: 30px 0 20px; position: relative;} .design-guidelines h2 { margin: 0 0 5px 0 !important; } .design-guidelines form { } .design-guidelines .field { transition: padding 0.5s;} .design-guidelines .field h5 { text-transform: none; margin: 0 !important;} .design-guidelines .field p { overflow: hidden;} .design-guidelines .field.mantatory h5::after { content: ' *'; color: #ce4714;;} .design-guidelines .field input[type="text"] { width: 100%; font-size: 15px; padding: 5px 2px; box-sizing: border-box;} .design-guidelines .field.valid { background-image: url(images/valid-field.png); background-size: 25px; background-repeat: no-repeat; background-position: 100% 20px; padding-right: 35px;} .design-guidelines .field input[type="checkbox"] { float: left; margin-right: 5px; } .design-guidelines button { border: none; background-color: #ce4714; padding: 5px 25px; color: #fff; text-transform: uppercase; font-size: 14px; cursor: pointer; } .design-guidelines .error-msg { display: none; padding: 10px; border: 2px solid #ce4714; font-weight: bold; font-size: 14px; margin: 15px 0;} .design-guidelines.error .error-msg { display: block; } .design-guidelines .waiting { display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); top: 0px; left: 0px; align-items: center; } .design-guidelines .waiting p { width: 100%; text-align: center; } .design-guidelines.submitting .waiting { display: flex; } .design-guidelines .download { list-style: none; margin: 0 !important; padding: 0 !important; } .design-guidelines .download li { margin: 20px 0 !important; padding-left: 50px;background-image: url(images/download-guide-pdf.png);background-repeat: no-repeat;background-size: 36px;} .design-guidelines .download div { } .design-guidelines .download a { display: inline-block;} /*----------------------------------------------------------------------------------- PRODUCTION PROCESS (FLOW) -----------------------------------------------------------------------------------*/ #productionflow { position: relative; } #productionflow .process-step { margin: 12px 0; line-height: 1.3; position: relative; padding: 0; opacity: 0; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; -ms-transform: scale(0.9) translateY(-10px); -webkit-transform: scale(0.9) translateY(-10px); transform: scale(0.9) translateY(-50px); } #productionflow .process-step.open { cursor: default;} #productionflow .process-step.active { opacity: 1; -ms-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); } #productionflow .process-step a { color: #ce4714; font-weight: bold; } #productionflow .process-step.yellow { background-color: #FBE57B; } #productionflow .process-step.green { background-color: #C8DEC1; } #productionflow .process-step.yellow .step-footer { background-color: #F3E89A; } #productionflow .process-step.green .step-footer { background-color: #DAE8D5; } #productionflow .process-step .step-footer { margin: 200px 0 -20px; padding-bottom: 50px } #productionflow .process-step::after { content: ''; display: block; position: absolute; bottom: 0; right: 0; background-repeat: no-repeat; opacity: 0; -ms-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s;} #productionflow .process-step.open::after { -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; opacity: 1; } #productionflow .process-step.open.beyond_ipc::after { background-image: url(images/processflow/beyond_ipc.svg); width: 80px; height: 80px; background-size: 80px;} #productionflow .process-step.open.ncab_unique_beyond_ipc_specific_routines::after { background-image: url(images/processflow/ncab_unique_beyond_ipc_specific_routines.svg); width: 140px; height: 140px; background-size: 140px;} #productionflow .process-step.open.ncab_unique_beyond_ipc::after { background-image: url(images/processflow/ncab_unique_beyond_ipc.svg); width: 110px; height: 110px; background-size: 110px; } #productionflow .process-step.open.ncab_unique::after { background-image: url(images/processflow/ncab_unique.svg); width: 80px; height: 80px; background-size: 80px;} #productionflow .process-step.open.specific_routines::after { background-image: url(images/processflow/specific_routines.svg); width: 80px; height: 80px; background-size: 80px;} #productionflow .arrow-down { width: 0; height: 0; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 12px solid #fff; position: absolute; left: calc(50% - 24px); } #productionflow .bottom.arrow-down { bottom: -12px; } #productionflow .yellow .arrow-down.bottom { border-top-color: #FBE57B; } #productionflow .process-step.open.yellow .arrow-down.bottom { border-top-color: #F3E89A; } #productionflow .green .arrow-down.bottom { border-top-color: #C8DEC1; } #productionflow .process-step.open.green .arrow-down.bottom { border-top-color: #DAE8D5; } #productionflow .step-body { padding: 0; position: relative; overflow: hidden; max-height: 0; } #productionflow .process-step.open .step-body { padding: 0 0 20px; max-height: 1500px; } #productionflow .step-left-col { width: 180px; position: absolute; top: 0px; left: 0px; height: 100%; } #productionflow .step-mid-col { width: 350px; margin: 0 180px 0 180px; } #productionflow .step-right-col { width: 160px; position: absolute; right: -160px; top: 0; height: 100%; } #productionflow .pcb-img { float: right; width: 30%; margin: 10px; height: auto; max-width: 200px;} #productionflow .step-header { cursor: pointer; padding: 0 20px; font-size: 20px; font-weight: bold; height: 70px; display: flex; align-items: center; line-height: 1.1; } #productionflow .step-header::after { content: '+'; position: absolute; right: 20px; top: 25px; color: #777; font-size: 20px; } #productionflow .process-step.open .step-header::after { transform: rotate(45deg); } #productionflow .step-body-text { padding: 0 20px; } #productionflow .yellow .step-header span { color: #AFA363; } #productionflow .green .step-header span { color: #758D6D; } #productionflow .step-added-values { margin: 40px 0 0px; } #productionflow .step-added-header { border-bottom: 1px solid #C1BE86; font-weight: bold; padding: 0 0 3px; font-size:15px; margin: 0 0 8px } #productionflow .step-wath-video { font-weight: bold; text-transform: uppercase; font-size: 13px; margin: 0 10px; padding: 0 20px; cursor: pointer; } #productionflow .video-open .step-wath-video { display: none; } #productionflow .step-close-video { display: none; font-weight: bold; text-transform: uppercase; margin: 0 10px; padding:20px; font-size: 16px; cursor: pointer; text-align: center; } #productionflow .video-open .step-close-video { display: block; } #productionflow .video-col { background-color: rgba(0, 0, 0, 0.8); max-height: 0;} #productionflow .video-open .video-col { max-height: 999px;} #productionflow .video-col-inner { padding-top: 56.65%; position: relative; } #productionflow .video-col-inner2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #productionflow .video-col-inner2 iframe { width: 100%; height: 100%; } #productionflow .step-wath-video:hover .video-arrow div { border-top-width: 14px; border-bottom-width: 14px; border-left-width: 14px; right: 5px; top: -14px;} #productionflow .yellow .video-arrow div { border-left-color: #FBE57B; } #productionflow .green .video-arrow div { border-left-color: #C8DEC1; } #productionflow .step-machine > div { height: auto; max-width: 80%; margin: auto; position: relative; top: -150px; text-align: center; margin-bottom: -150px; } #productionflow .clear { clear: both; display: block; } #productionflow .trans { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } #productionflow .step-added-values-list { display: none; } #productionflow .step-single-value { width: 50%; float: left; margin: 0 0 10px; min-height: 65px;} #productionflow .added-value-symbol { background-size: contain !important; background-position: center; width: 30px; height: 70px; position: absolute; } #productionflow .added-value-symbol.symbol1 { background: url(images/ad-dedicatedMachine.png) no-repeat; } #productionflow .added-value-symbol.symbol2 { background: url(images/ad-dedicatedStaff.png) no-repeat; } #productionflow .added-value-symbol.symbol3 { background: url(images/ad-ncab_unique.png) no-repeat; } #productionflow .added-value-symbol.symbol4 { background: url(images/beyond_ipc.png) no-repeat; } #productionflow .added-value-symbol.symbol5 { background: url(images/Specific-Routines.png) no-repeat; } #productionflow .added-value-symbol.symbol6 { } #productionflow .added-value-text { margin-left: 40px; font-size: 12px; line-height: 1.4; } #productionflow .added-value-text a { text-transform: uppercase; display: block; margin: 3px 0 0;} /* FLOW EXPLAINED */ .flow-explained { list-style: none; overflow: hidden; margin-top: 0px !important; margin-bottom: 0px !important; } .flow-explained li { margin: 20px 0 !important; font-size: 12px; font-weight: bold; color: #555; padding: 10px 10px 10px 70px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0 0; background-size: 60px; display: flex; align-items: center;} .flow-explained li:nth-child(1) { background-image: url('images/processflow/info/ncab_group_specification.svg'); } .flow-explained li:nth-child(2) { background-image: url('images/processflow/info/ncab_group_specific_routines.svg'); } .flow-explained li:nth-child(3) { background-image: url('images/processflow/info/ncab_sign.svg'); } .flow-explained li:nth-child(4) { background-image: url('images/processflow/info/ncab_employee.svg'); } .flow-explained li:nth-child(5) { background-image: url('images/processflow/info/ncab_clean_room.svg'); } .flow-explained li:nth-child(6) { padding-left: 0; } @media (min-width: 500px) { .flow-explained { display: flex; flex-flow: row wrap; } .flow-explained li { width: 50%; margin: 10px 0 !important; } } @media (min-width: 950px) { .flow-explained { margin-bottom: 30px !important;} .flow-explained li { width: 33.3333%; min-height: 50px; } } /* DEVELOPER COMMENTS */ .developer_comments { margin: 8px auto 4px auto; max-width: 900px; border: 1px solid #d9d9d9; background-color: #fff; padding: 10px; } .developer_comments span.label { color: #777; font-size: 10px; padding-right: 6px; } .developer_comments .comment_text { border-bottom: 1px solid #d9d9d9; } .developer_comments tdcomment_date { width: 220px; overflow: hidden; } .developer_comments td.comment_priority { width: 220px; } .developer_comments td.comment_deadline { width: 220px; } /* EXTERNAL TARGET MENU ICON */ a.external:after { content: url(images/icon_external_link.png); } /* SUST_MASONRY SHORTCODE */ div.masonry {width: 100%; max-width: 660px; padding: 0px; margin: 0px; width: 100%;} div.masonry ul {list-style-type: none; margin: 0 !important; padding: 0 !important; width: 100%;} div.masonry li {list-style-type: none; margin: 0 !important; padding: 0 !important; display: block;} div.masonry .item {float: left;} div.masonry .item>div {padding: 23px; height: 171px; margin: 0px; margin-right: 10px; margin-bottom: 10px; font-weight: bold; background: #DDDDDD; text-align: center;} div.masonry div h2 {font-size: 76pt !important; padding: 0px !important; margin: 0px; margin-bottom: -10px !important; padding-bottom: 0px !important; margin-top: 18px; text-shadow: none;} div.masonry div h2 small {font-size: 24pt !important; display: block; margin-top: -18px; margin-bottom: 15px;} div.masonry .item.green>div {background: #CBE5C1;} div.masonry .item.green>div h2 {color: #4FB74D;} div.masonry .item.small>div h2 {font-size: 24pt !important; color: #4FB74D; margin-top: 35px;} div.masonry .item.small>div h2 small {font-size: 12pt !important; color: black; margin-top: 12px;} div.masonry .item.thin>div {height: 57px} div.masonry .item.thin>div h2 {margin-top: 0px !important; font-size: 20pt !important;} div.masonry .item.thin>div h2 small {margin-top: 5px;} div.masonry .item.image, div.masonry .item.image h2, div.masonry .item.image h2 small {color: white !important;} div.masonry .item.image>div h2 {text-shadow: 0px 0px 5px #000000;} div.masonry .item.image>div {background: url(images/sust_1.jpg) no-repeat center center !important; text-shadow: 0px 0px 2px #000000;} @media (max-width: 580px) { div.masonry .item {width: 100% !important; float: none !important;} } /* 2017 */ div.sust-2017 .one {width: 50%;} div.sust-2017 .two {width: 50%;} div.sust-2017 .two.image>div {background-image: url(images/sust_masonry/sust_1.jpg) !important;} div.sust-2017 .three {width: 61%;} div.sust-2017 .three.image>div {background-image: url(images/sust_masonry/sust_3.jpg) !important;} div.sust-2017 .four {width: 39%;} div.sust-2017 .five {width: 50%;} div.sust-2017 .six {width: 50%;} div.sust-2017 .six.image>div {background-image: url(images/sust_masonry/sust_6.jpg) !important;} div.sust-2017 .seven {width: 39%;} div.sust-2017 .eight {width: 61%;} div.sust-2017 .eight.image>div {background-image: url(images/sust_masonry/sust_8.jpg) !important;} div.sust-2017 .nine {width: 50%;} div.sust-2017 .nine.image>div {background-image: url(images/sust_masonry/sust_9.jpg) !important;} div.sust-2017 .ten {width: 50%;} div.sust-2017 .eleven {width: 39%;} div.sust-2017 .twelve {width: 61%;} div.sust-2017 .twelve.image>div {background-image: url(images/sust_masonry/sust_12.jpg) !important;} div.sust-2017 .thirteen {width: 100%;} div.sust-2017 .thirteen.image>div {background-image: url(images/sust_masonry/sust_13.jpg) !important;} /* 2018 */ div.sust-2018 div h2 {font-size: 60pt !important; xmargin-top: 0px !important;} div.sust-2018 div h2 small {margin-bottom: 5px !important;} div.sust-2018 .item.small>div h2 {margin-top: 0px;} div.sust-2018 .item.small>div h2 small {margin-top: 10px;} div.sust-2018 .item.small>div p {margin-top: 10px;} div.sust-2018 .one {width: 55%;} div.sust-2018 .one.image>div {background-image: url(images/sust_masonry/2018_1.jpg) !important; background-size: cover !important;} div.sust-2018 .one h2 {margin-top: 40px !important;} div.sust-2018 .two {width: 45%;} div.sust-2018 .two.image>div {background-image: url(images/sust_masonry/2018_2.jpg) !important; background-size: cover !important;} div.sust-2018 .two h2 {margin-top: 30px !important;} div.sust-2018 .three {width: 65%;} div.sust-2018 .three>div {height: 58px !important;} div.sust-2018 .four {width: 65%;} div.sust-2018 .five {width: 35%; float: right;} div.sust-2018 .five.image>div {background-image: url(images/sust_masonry/2018_5.jpg) !important; background-size: cover !important;} div.sust-2018 .five h2 {margin-top: 30px !important;} div.sust-2018 .six {width: 45%;} div.sust-2018 .six.image>div {background-image: url(images/sust_masonry/2018_6.png) !important; background-size: cover !important;} div.sust-2018 .six h2 {margin-top: 35px !important;} div.sust-2018 .seven {width: 55%;} div.sust-2018 .seven h2 {margin-top: -5px !important;} div.sust-2018 .eight {width: 40%;} div.sust-2018 .eight h2 {margin-top: 25px !important;} div.sust-2018 .nine {width: 60%;} div.sust-2018 .nine.image>div {background-image: url(images/sust_masonry/2018_9.jpg) !important; background-size: cover !important;} div.sust-2018 .nine h2 {margin-top: 40px !important;} div.sust-2018 .ten {width: 50%;} div.sust-2018 .ten.image>div {background-image: url(images/sust_masonry/2018_10.jpg) !important; background-size: cover !important;} div.sust-2018 .ten h2 {margin-top: 30px !important;} div.sust-2018 .eleven {width: 50%;} div.sust-2018 .twelve {width: 50%;} div.sust-2018 .thirteen {width: 100%;} div.sust-2018 .thirteen.image>div {background-image: url(images/sust_masonry/sust_13.jpg) !important; background-size: cover !important;} div.sust-2018 .thirteen h2 {margin-top: 30px !important;} div.sust-2018 .fifteen {width: 50%;} div.sust-2018 .fifteen h2 {margin-top: 20px !important;} div.sust-2018 .fourteen {width: 50%;} div.sust-2018 .sixteen {width: 50%;}