/* =============== YUSTINUS SUBIAKTO - AOTAL for FAIRFAX MEDIA NZ & AU 16/04/2015 =============== */ /* GENERAL ============================= */ html {-webkit-font-smoothing: antialiased} body {font: 14px/1.5 'Lato', sans-serif; color: #000} .wrapper {width: 100%} a, .sidebar a, .wicket-modal a, .snaphire .jobItem .title a{color: #009bbf; text-decoration: none} a.clicker-link:hover, .snaphire .jobItem .title a:hover {color:#2a6496;text-decoration:underline} .btn, button {background: #009cc0; border-radius: 0; color: #fff; text-transform: uppercase; font-weight: 700; padding: 10px 30px; font-size: 16px} .btn:hover, button:hover {background: #00426a} h1, .h1 {font-size: 30px} .modal-content {border-radius: 0} @media (max-width:767px) { .ffx-row-wide .col-lg-12.main {padding-left: 0; padding-right: 0} } @media (min-width:768px) { .smartphone {display: none} } /* [[[ UNDERLYING PAGE ]]] */ /* ==[ FRONTPAGE ]== */ #landing-header {padding-top:10px; padding-bottom: 10px} #landing-header.landing-header {position: fixed; top: 0; background: #fff; z-index: 2} .corp-links, .corp-links a{color:#1e4988; font-size: 12px} .corp-links a:hover {text-decoration: underline} #landing-header #corp-links {display: none; margin: 40px 0 0} #landing-wrapper {/*background: url(../images/careers-background.jpg) no-repeat center 100px fixed; background-size: cover;*/ color: #fff; text-align: center; padding-top: 120px; padding-bottom: 10%; height: 100%} #landing-wrapper .top {margin-bottom: 20px} #landing-wrapper p {font-size: 18px; line-height: 1} #landing-wrapper p.large {font-size: 44px} .landing-link {width: 300px; margin: 0 auto} .landing-link a {display: block} .landing-img{display: block; border-radius: 50%; margin: 0 auto; max-width: 100%; margin: 0 auto 20px} .landing-link a:hover .landing-img {box-shadow: 0 5px 0 rgba(0,0,0,0.5)} .landing-text {display: inline-block;background: #009cc0; color: #fff; text-transform: uppercase; padding: 7px 30px; margin: 0 0 0 6px; font-weight: 700; font-size: 18px; line-height: 1.3} .landing-link a:hover .landing-text {background: #00426a; text-decoration: none} #social-footer {background: #5f6062; color:#fff; position: fixed; bottom: 0} #social-footer ul {margin: 0; padding: 0; text-align: center} #social-footer li {margin: 0; padding: 0; display: inline-block; list-style: none} .share-icon a{background: url(../images/social.png) no-repeat; display: inline-block; width: 25px; height: 25px; text-indent: -9999px} .share-icon.linkedin a{background-position: 0 0} .share-icon.linkedin a:hover{background-position: -25px 0} .share-icon.twitter a{background-position: 0 -25px} .share-icon.twitter a:hover{background-position: -25px -25px} .share-icon.share a{background-position: 0 -50px} .share-icon.share a:hover{background-position: -25px -50px} .share-text {font-size: 13px;margin-right: 10px !important; text-transform: uppercase} #social-footer .col-lg-6 {padding-bottom: 10px;padding-top: 10px} /* #social-footer .footer-au {border-bottom: 1px solid #ccc} */ @media (max-width:767px) { #landing-header.landing-header {position: relative} .landing-header .logo img {max-width: 100%} .landing-header .login-area{display: none} #landing-wrapper {padding-top: 10%; padding-bottom: 10%; height: auto; background-position: center center} #landing-wrapper .top {margin-bottom: 10%} .landing-link {width: auto} .landing-img {width: auto} .landing-img img {max-width: 100%} #landing-wrapper p {font-size: medium; margin: 0 0 5px} #landing-wrapper p.large {font-size: 18px; font-weight: bold} .landing-text {font-size: 10px; font-weight: bold; padding: 10px} .share-icon a { background-size: cover !important} .share-icon.linkedin a{background: url(../images/i-linkedin_50x50.png) 0 0} .share-icon.linkedin a:hover{background: url(../images/i-linkedin_50x50-hover.png) 0 0} .share-icon.twitter a{background: url(../images/i-twitter_50x50.png) 0 0 } .share-icon.twitter a:hover{background: url(../images/i-twitter_50x50-hover.png) 0 0} .share-icon.share a{background: url(../images/i-share_50x50.png) 0 0} .share-icon.share a:hover{background: url(../images/i-share_50x50-hover.png) 0 0} #social-footer {position: relative} } @media (min-width: 768px) and (max-width: 1169px) { #landing-header.landing-header {position: relative} #landing-wrapper {padding-top: 10%; padding-bottom: 10%; height: auto} #landing-wrapper .top {margin-bottom: 30px} #landing-wrapper p {font-size: 18px} #landing-wrapper p.large {font-size: 40px} #social-footer {position: relative} } @media (min-width: 1023px) and (max-width: 1025px) { #landing-wrapper {padding-top: 30px; padding-bottom: 20px; height: auto} #social-footer {position: fixed} } @media(min-width:1170px) { /*#landing-wrapper {position: fixed} */ } @media(min-width:1439px) { #landing-wrapper {padding-top: 170px} #landing-wrapper p {font-size: 30px} #landing-wrapper p.large {font-size: 65px} } /* ==[ LANDING FOOTER ]== */ .landing-main {border-top: 5px solid #009cc0;} #landing-footer {background: #5f6062; padding-top: 10px; padding-bottom: 10px; color: #fff} #landing-footer a {color: #fff} #landing-footer .powered {text-align: right} @media (max-width:767px) { #landing-footer, #landing-footer .powered {text-align: center} } @media (min-width: 768px) and (max-width: 991px) { #social-footer {position: fixed; bottom:0} } /* TOP HEADER ============================= */ #top-header {padding-top: 10px} .logo.retina {display:none} .login-area {text-align: right} .sh_LoginStatus {margin: 0 0 7px} .sh_LoginStatus a {display: inline-block;background: #009cc0; color: #fff; text-transform: uppercase; padding: 7px 15px; margin: 0 0 0 6px; font-weight: 700} .sh_LoginStatus a:hover {background: #00426a; text-decoration: none} .menu {background: #009CC0; margin-top:10px} .menu ul {margin: 0; padding: 0} .menu li {margin: 0; padding: 0; list-style: none; display: inline} .menu a {color: #fff; display: inline-block; text-decoration: none; padding: 10px 20px; font:bold 15px 'Lato', sans-serif; text-transform: capitalize} .menu a.active, .menu a:hover {background: url(/skins/2014/images/arrow.png) no-repeat 5px center; font-weight: bold} #menu-click { display: none; position: absolute; right:15px; top: 15px; background: url(../images/ffm_retina_mobile_menu_92x62.png) no-repeat; width: 46px; height: 31px; cursor: pointer; z-index: 350; background-size: 46px 31px } #corp-links, #corp-links a {font-size: 12px; color: #00426a} @media(max-width:767px){ .logo {padding-bottom: 15px} .logo.desktop {display: none} .logo.retina {display: block} .logo.retina img {width:205px; height: 71px} .sh_LoginStatus .message {margin: 0 0 10px} .sh_LoginStatus a {font-size: 12px; padding: 5px 10px} .menu {border-bottom: 5px solid #009cc0} .menu li {display: block; overflow: hidden} #menu-click {display: block} #menu-nz, #menu-au { display: none; background:#00426a; left: 0; position: absolute; z-index: 300; width: 100%} #menu-nz a, #menu-au a {display: block; border-bottom: 1px solid #fff; padding-left: 30px} .menu a.active, #menu-nz a:hover, #menu-nz a:hover {background-position: 10px center} } @media(min-width:768px) and (max-width: 992px) { .logo {text-align: left} .menu {border-bottom: 5px solid #009cc0} #menu-click {display: block} #menu-nz, #menu-au { display: none; background:#00426a; right: 0; position: absolute; z-index: 300; width: 250px} #menu-nz a, #menu-au a {display: block; border-bottom: 1px solid #fff; padding-left: 30px} .menu a.active, #menu-nz a:hover, #menu-au a:hover {background-position: 10px center} } /* SIDEBAR ============================= */ .sidebar { background: #e7e7e8} .sidebar-content {margin: 30px} .sidebar h3 {text-transform: uppercase; color:#009cc0; width: 100%; margin: 0 0 15px} #feeds {border:2px solid #dcddde; background: #fff} #feed_wrapper {overflow: hidden} #feeds ul.tabs {overflow: hidden} ul.tabs a.jobs {border-left: none; border-right: 2px solid #dcddde} #feeds .panes {padding: 20px} .feed-jobs {} .au #feeds ul.tabs, .landing-main #feeds ul.tabs, .nz #feeds ul.tabs{display: none} .feed-jobs .viewport {width:100%; height: 300px; overflow: hidden; position: relative} .feed-jobs .disable { display: none} .feed-jobs .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 100%; left: 0 top: 0; } .rssRow {height: 100px; list-style: none;margin: 0; padding: 0; line-height: 1.3} .rssDate {color: #808080;font-weight: bold} .feed-nav a {display: block; background: #009cc0; color: #fff; text-align: center; padding: 10px 12px; text-transform: uppercase; font-weight: 700; font-size: 16px} .feed-nav a:hover {background: #00426a} .rssRow p.jobDesc {line-height: 1.3} #search-form {margin: 0 0 30px} #search-form .sh_Panel input {margin: 0 0 10px; color: #999} #search-form .formLabel{display: none} #search-form .modalLink a {border-radius: 0; background: #fff; text-transform: capitalize; margin: 0 0 10px; color: #999; font-size: 13px} .advSearchLink {display: block; position: relative; top: 0; text-transform: capitalize; margin: 0 0 10px} button#jobSearchButton {width: 100%; margin: 0} #jobSearchKeywordsTextField {background: url(../images/keyword.gif) no-repeat 10px 15px #fff} #search-form .modalLink a .icon {background: url(../images/search-arrow.gif) no-repeat} @media (max-width:767px) { .rssRow {font-size: 14px} } /* MAIN ============================= */ #main .main {background: url(../images/shadow.jpg) repeat-y right} #main .sidebar {background: none} #main .sidebar-content {margin: 40px 15px} #main .sidebar-content h3 {font-size: 30px} #main .base-jobseeker-main {margin: 40px 40px 40px 0; overflow: hidden; min-height: 840px; position: relative} .base-jobseeker-wide {margin: 40px 0; position: relative} .snaphire h1 {/*text-transform: uppercase;*/ color: #009bbf; margin: 0 0 20px} @media (min-width:992px) { .ffx-row {width:1006px; margin: 0 auto} .ffx-row-wide {width:990px; margin: 0 auto} } @media(max-width:767px){ #main .main {background: none} #main .base-jobseeker-main {margin: 40px 0; min-height: inherit} #main .sidebar-content {margin: 0 0 40px} } /* ==[ FRONT PAGE ]== */ #fp-banner {height: 350px; background: url(../images/fp-background.jpg) center center; background-size: cover; text-align: center; color: #fff; overflow: hidden} #fp-banner.au {background: url(../images/fp-background-au.jpg) center center; background-size: cover} .fp-banner-text {margin: 130px 0 0 } .fp-banner-text p{font:700 40px/1.2 'Lato', sans-serif; text-shadow: 0 0 10px #000} /* ==[ Main ]== */ #fp-main {background: #e7e7e8; overflow: hidden} #fp-main .main {background: #fff} .n-tile {width: 100%; height: 324px; background-position: right top; background-repeat: no-repeat; overflow: hidden; padding: 30px; font-size: 18px; line-height: 1.3} .n-tile h2{text-transform: uppercase; color:#009cc0;margin-bottom: 20px} .n-tile.n-tile-mot h2, .n-tile.n-tile-about-au h2 {color:#fff} .n-tile p {width: 60%; margin-bottom: 30px} .n-tile.n-tile-mot p, .n-tile.n-tile-about-au p {margin-left: auto; margin-right: auto} .n-tile-locations {background-image: url(../images/fp-locations.jpg)} .n-tile-mot {background-image: url(../images/fp-mot.jpg); background-color: #0f5eab; color: #fff; text-align: center} .n-tile-products {background-image: url(../images/fp-products.jpg)} .n-tile a {display: inline-block;background: #009cc0; color: #fff; text-transform: uppercase; font-weight: 700; padding: 10px 30px; font-size: 14px} .n-tile a:hover {background: #00426a; text-decoration: none} .n-tile.n-tile-mot a, .n-tile.n-tile-about-au a{background: none; border: 2px solid #fff; color:#fff} .n-tile.n-tile-mot a:hover, .n-tile.n-tile-about-au a:hover {background: #fff; border: none; color:#009cc0} .n-tile-products-au {background-image: url(../images/fp-products-au.jpg); background-position: left top} .n-tile-products-au h2, .n-tile-products-au p {margin-left: 180px} .n-tile-about-au {background-image: url(../images/fp-mot.jpg; ); background-color: #0f5eab; color: #fff; text-align: center} .n-tile-mot-au {background-image: url(../images/fp-mot-au.jpg)} @media (max-width:767px) { #fp-banner {height: 100px} .fp-banner-text {margin: 30px 0 0 } .fp-banner-text p{font:700 14px/1.2 'Lato', sans-serif} .n-tile {font-size: 14px; font-weight: bold} .n-tile h2{font-size: 20px} .n-tile p {width: 70%; margin-bottom: 10px} .n-tile-products-au {background-position: -65px top} .n-tile-products-au h2, .n-tile-products-au p {margin-left: 100px} .n-tile-locations {background-position: -356px top} } @media (min-width: 768px) and (max-width: 992px) { .fp-banner-text p{font:700 32px/1.2 'Lato', sans-serif} .n-tile.n-tile-mot p {width: 90%} .n-tile-products-au {background-position: -70px top} .n-tile-products-au h2, .n-tile-products-au p {margin-left: 132px} .n-tile-products-au h2 {margin-top: 0} } /* ==[ OUR JOURNEY ]== */ #our_journey {width:960px; margin: 0 auto} .oj_tile {max-width:303px; margin-bottom:25px; margin-right:25px; float:left; position:relative} .oj_tile.omega {margin-right: 0; float: right} .oj_tile.oj_tile2 {max-width:632px} .oj_tile img { display:block; max-width:100%} a .oj_overlay { width:100%; height:100%; position:absolute; z-index:1; top: 0; left: 0; padding: 10px; box-sizing:border-box; display:none; background: rgba(0,0,0,0.6); color: #fff } a:hover .oj_overlay {display: block; } .oj_tile h5 {color: #fff !important; font-weight:bold; font-size: 20px !important} @media (min-width: 768px) and (max-width: 992px) { #our_journey {width:690px} .oj_tile {max-width: 213px;} .oj_tile.oj_tile2 {max-width: 452px;} .oj_tile p { font-size: 11px !important; line-height: 1.2 !important;} .oj_tile h5 {font-size: 14px !important; line-height: 1.2} } @media (max-width:767px) { #our_journey {width:290px} .oj_tile {margin-right: 0} .oj_tile,.oj_tile.oj_tile2 {max-width: 290px} a .oj_overlay {font-size: 14px} } /* ==[ OUR PRODUCTS ]== */ a.click-here {display: inline-block; position: absolute; padding: 6px 12px; text-align: center;background: #009cc0; color: #fff; right: 0; top: 0; text-transform: uppercase; font-weight: 700} a.click-here:hover {text-decoration: none; color: #fff;background: #00426a} #products-filter{background:#e7e7e8; width: 100%;overflow:hidden;margin:5px auto} .filter-h2 {width: 12%; float: left; border-right: 1px solid #ccc; padding: 15px 20px 44px} #products-filter h2{font-size:14px!important;margin:0; color: #009CC0 !important; font-weight: bold; text-transform: uppercase} .filter-label {float: right; width: 86%; padding: 10px 0} #filter label {display: block;float: left;width: 25%; padding: 3px 0} #products{min-height:500px;margin:0 0 0 25px;padding:0} /* #snaphire ul#products{margin:0 0 0 40px;padding:0} */ #products li{list-style:none;overflow:hidden;margin:10px; padding: 0; display: inline-block} #products li a{display:block;width:106px;height:106px;background-image:url(/skins/2015/images/our_products-2016.jpg);background-repeat:no-repeat} #products li a span{display:none} #products li.op_100 a {background-position: 0 0 ;} #products li.op_100 a:hover { background-position: 0 0;} #products li.op_101 a {background-position: 0 -106px ;} #products li.op_101 a:hover { background-position: 0 -106px;} #products li.op_102 a {background-position: 0 -212px ;} #products li.op_102 a:hover { background-position: 0 -212px;} #products li.op_103 a {background-position: 0 -318px ;} #products li.op_103 a:hover { background-position: 0 -318px;} #products li.op_104 a {background-position: 0 -424px ;} #products li.op_104 a:hover { background-position: 0 -424px;} #products li.op_105 a {background-position: 0 -530px ;} #products li.op_105 a:hover { background-position: 0 -530px;} #products li.op_106 a {background-position: 0 -636px ;} #products li.op_106 a:hover { background-position: 0 -636px;} #products li.op_107 a {background-position: 0 -742px ;} #products li.op_107 a:hover { background-position: 0 -742px;} #products li.op_108 a {background-position: 0 -848px ;} #products li.op_108 a:hover { background-position: 0 -848px;} #products li.op_109 a {background-position: 0 -954px ;} #products li.op_109 a:hover { background-position: 0 -954px;} #products li.op_110 a {background-position: 0 -1060px ;} #products li.op_110 a:hover { background-position: 0 -1060px;} #products li.op_111 a {background-position: 0 -1166px ;} #products li.op_111 a:hover { background-position: 0 -1166px;} #products li.op_112 a {background-position: 0 -1272px ;} #products li.op_112 a:hover { background-position: 0 -1272px;} #products li.op_113 a {background-position: 0 -11554px ;} #products li.op_113 a:hover { background-position: 0 -11554px;} #products li.op_114 a {background-position: 0 -1378px ;} #products li.op_114 a:hover { background-position: 0 -1378px;} #products li.op_115 a {background-position: 0 -1484px ;} #products li.op_115 a:hover { background-position: 0 -1484px;} #products li.op_116 a {background-position: 0 -11660px ;} #products li.op_116 a:hover { background-position: 0 -11660px;} #products li.op_117 a {background-position: 0 -1590px ;} #products li.op_117 a:hover { background-position: 0 -1590px;} #products li.op_118 a {background-position: 0 -11766px ;} #products li.op_118 a:hover { background-position: 0 -11766px;} #products li.op_119 a {background-position: 0 -1696px ;} #products li.op_119 a:hover { background-position: 0 -1696px;} #products li.op_120 a {background-position: 0 -1802px ;} #products li.op_120 a:hover { background-position: 0 -1802px;} #products li.op_121 a {background-position: 0 -1908px ;} #products li.op_121 a:hover { background-position: 0 -1908px;} #products li.op_122 a {background-position: 0 -2014px ;} #products li.op_122 a:hover { background-position: 0 -2014px;} #products li.op_123 a {background-position: 0 -2120px ;} #products li.op_123 a:hover { background-position: 0 -2120px;} #products li.op_124 a {background-position: 0 -2226px ;} #products li.op_124 a:hover { background-position: 0 -2226px;} #products li.op_125 a {background-position: 0 -2332px ;} #products li.op_125 a:hover { background-position: 0 -2332px;} #products li.op_126 a {background-position: 0 -2438px ;} #products li.op_126 a:hover { background-position: 0 -2438px;} #products li.op_127 a {background-position: 0 -2544px ;} #products li.op_127 a:hover { background-position: 0 -2544px;} #products li.op_128 a {background-position: 0 -2650px ;} #products li.op_128 a:hover { background-position: 0 -2650px;} #products li.op_129 a {background-position: 0 -2756px ;} #products li.op_129 a:hover { background-position: 0 -2756px;} #products li.op_130 a {background-position: 0 -2862px ;} #products li.op_130 a:hover { background-position: 0 -2862px;} #products li.op_131 a {background-position: 0 -2968px ;} #products li.op_131 a:hover { background-position: 0 -2968px;} #products li.op_132 a {background-position: 0 -3074px ;} #products li.op_132 a:hover { background-position: 0 -3074px;} #products li.op_133 a {background-position: 0 -3180px ;} #products li.op_133 a:hover { background-position: 0 -3180px;} #products li.op_134 a {background-position: 0 -3286px ;} #products li.op_134 a:hover { background-position: 0 -3286px;} #products li.op_135 a {background-position: 0 -3392px ;} #products li.op_135 a:hover { background-position: 0 -3392px;} #products li.op_136 a {background-position: 0 -3286px ;} #products li.op_136 a:hover { background-position: 0 -3286px;} #products li.op_137 a {background-position: 0 -3498px ;} #products li.op_137 a:hover { background-position: 0 -3498px;} #products li.op_138 a {background-position: 0 -3604px ;} #products li.op_138 a:hover { background-position: 0 -3604px;} #products li.op_139 a {background-position: 0 -3710px ;} #products li.op_139 a:hover { background-position: 0 -3710px;} #products li.op_140 a {background-position: 0 -3816px ;} #products li.op_140 a:hover { background-position: 0 -3816px;} #products li.op_141 a {background-position: 0 -3922px ;} #products li.op_141 a:hover { background-position: 0 -3922px;} #products li.op_142 a {background-position: 0 -3922px ;} #products li.op_142 a:hover { background-position: 0 -3922px;} #products li.op_143 a {background-position: 0 -4028px ;} #products li.op_143 a:hover { background-position: 0 -4028px;} #products li.op_144 a {background-position: 0 -4134px ;} #products li.op_144 a:hover { background-position: 0 -4134px;} #products li.op_145 a {background-position: 0 -4240px ;} #products li.op_145 a:hover { background-position: 0 -4240px;} #products li.op_146 a {background-position: 0 -4346px ;} #products li.op_146 a:hover { background-position: 0 -4346px;} #products li.op_147 a {background-position: 0 -4452px ;} #products li.op_147 a:hover { background-position: 0 -4452px;} #products li.op_148 a {background-position: 0 -4558px ;} #products li.op_148 a:hover { background-position: 0 -4558px;} #products li.op_149 a {background-position: 0 -4664px ;} #products li.op_149 a:hover { background-position: 0 -4664px;} #products li.op_150 a {background-position: 0 -4770px ;} #products li.op_150 a:hover { background-position: 0 -4770px;} #products li.op_151 a {background-position: 0 -4876px ;} #products li.op_151 a:hover { background-position: 0 -4876px;} #products li.op_152 a {background-position: 0 -4982px ;} #products li.op_152 a:hover { background-position: 0 -4982px;} #products li.op_153 a {background-position: 0 -5088px ;} #products li.op_153 a:hover { background-position: 0 -5088px;} #products li.op_154 a {background-position: 0 -5194px ;} #products li.op_154 a:hover { background-position: 0 -5194px;} #products li.op_155 a {background-position: 0 -5300px ;} #products li.op_155 a:hover { background-position: 0 -5300px;} #products li.op_156 a {background-position: 0 -5406px ;} #products li.op_156 a:hover { background-position: 0 -5406px;} #products li.op_157 a {background-position: 0 -5512px ;} #products li.op_157 a:hover { background-position: 0 -5512px;} #products li.op_158 a {background-position: 0 -11872px ;} #products li.op_158 a:hover { background-position: 0 -11872px;} #products li.op_159 a {background-position: 0 -5618px ;} #products li.op_159 a:hover { background-position: 0 -5618px;} #products li.op_160 a {background-position: 0 -5724px ;} #products li.op_160 a:hover { background-position: 0 -5724px;} #products li.op_161 a {background-position: 0 -5830px ;} #products li.op_161 a:hover { background-position: 0 -5830px;} #products li.op_162 a {background-position: 0 -5936px ;} #products li.op_162 a:hover { background-position: 0 -5936px;} #products li.op_163 a {background-position: 0 -6042px ;} #products li.op_163 a:hover { background-position: 0 -6042px;} #products li.op_164 a {background-position: 0 -6148px ;} #products li.op_164 a:hover { background-position: 0 -6148px;} #products li.op_165 a {background-position: 0 -11978px ;} #products li.op_165 a:hover { background-position: 0 -11978px;} #products li.op_166 a {background-position: 0 -6254px ;} #products li.op_166 a:hover { background-position: 0 -6254px;} #products li.op_167 a {background-position: 0 -6360px ;} #products li.op_167 a:hover { background-position: 0 -6360px;} #products li.op_168 a {background-position: 0 -11448px ;} #products li.op_168 a:hover { background-position: 0 -11448px;} #products li.op_169 a {background-position: 0 -6466px ;} #products li.op_169 a:hover { background-position: 0 -6466px;} #products li.op_170 a {background-position: 0 -6572px ;} #products li.op_170 a:hover { background-position: 0 -6572px;} #products li.op_171 a {background-position: 0 -6678px ;} #products li.op_171 a:hover { background-position: 0 -6678px;} #products li.op_172 a {background-position: 0 -12084px ;} #products li.op_172 a:hover { background-position: 0 -12084px;} #products li.op_173 a {background-position: 0 -6784px ;} #products li.op_173 a:hover { background-position: 0 -6784px;} #products li.op_174 a {background-position: 0 -6890px ;} #products li.op_174 a:hover { background-position: 0 -6890px;} #products li.op_175 a {background-position: 0 -6996px ;} #products li.op_175 a:hover { background-position: 0 -6996px;} #products li.op_176 a {background-position: 0 -7102px ;} #products li.op_176 a:hover { background-position: 0 -7102px;} #products li.op_177 a {background-position: 0 -7208px ;} #products li.op_177 a:hover { background-position: 0 -7208px;} #products li.op_178 a {background-position: 0 -7314px ;} #products li.op_178 a:hover { background-position: 0 -7314px;} #products li.op_179 a {background-position: 0 -7420px ;} #products li.op_179 a:hover { background-position: 0 -7420px;} #products li.op_180 a {background-position: 0 -9858px ;} #products li.op_180 a:hover { background-position: 0 -9858px;} #products li.op_181 a {background-position: 0 -7526px ;} #products li.op_181 a:hover { background-position: 0 -7526px;} #products li.op_182 a {background-position: 0 -7632px ;} #products li.op_182 a:hover { background-position: 0 -7632px;} #products li.op_183 a {background-position: 0 -7738px ;} #products li.op_183 a:hover { background-position: 0 -7738px;} #products li.op_184 a {background-position: 0 -7844px ;} #products li.op_184 a:hover { background-position: 0 -7844px;} #products li.op_185 a {background-position: 0 -12190px ;} #products li.op_185 a:hover { background-position: 0 -12190px;} #products li.op_186 a {background-position: 0 -7950px ;} #products li.op_186 a:hover { background-position: 0 -7950px;} #products li.op_187 a {background-position: 0 -12720px ;} #products li.op_187 a:hover { background-position: 0 -12720px;} #products li.op_188 a {background-position: 0 -8056px ;} #products li.op_188 a:hover { background-position: 0 -8056px;} #products li.op_189 a {background-position: 0 -8162px ;} #products li.op_189 a:hover { background-position: 0 -8162px;} #products li.op_190 a {background-position: 0 -12296px ;} #products li.op_190 a:hover { background-position: 0 -12296px;} #products li.op_191 a {background-position: 0 -8268px ;} #products li.op_191 a:hover { background-position: 0 -8268px;} #products li.op_192 a {background-position: 0 -8374px ;} #products li.op_192 a:hover { background-position: 0 -8374px;} #products li.op_193 a {background-position: 0 -8480px ;} #products li.op_193 a:hover { background-position: 0 -8480px;} #products li.op_194 a {background-position: 0 -8586px ;} #products li.op_194 a:hover { background-position: 0 -8586px;} #products li.op_195 a {background-position: 0 -8692px ;} #products li.op_195 a:hover { background-position: 0 -8692px;} #products li.op_196 a {background-position: 0 -12402px ;} #products li.op_196 a:hover { background-position: 0 -12402px;} #products li.op_197 a {background-position: 0 -8798px ;} #products li.op_197 a:hover { background-position: 0 -8798px;} #products li.op_198 a {background-position: 0 -8904px ;} #products li.op_198 a:hover { background-position: 0 -8904px;} #products li.op_199 a {background-position: 0 -9010px ;} #products li.op_199 a:hover { background-position: 0 -9010px;} #products li.op_200 a {background-position: 0 -9116px ;} #products li.op_200 a:hover { background-position: 0 -9116px;} #products li.op_201 a {background-position: 0 -9222px ;} #products li.op_201 a:hover { background-position: 0 -9222px;} #products li.op_202 a {background-position: 0 -9328px ;} #products li.op_202 a:hover { background-position: 0 -9328px;} #products li.op_203 a {background-position: 0 -9434px ;} #products li.op_203 a:hover { background-position: 0 -9434px;} #products li.op_204 a {background-position: 0 -9540px ;} #products li.op_204 a:hover { background-position: 0 -9540px;} #products li.op_205 a {background-position: 0 -9646px ;} #products li.op_205 a:hover { background-position: 0 -9646px;} #products li.op_206 a {background-position: 0 -12508px ;} #products li.op_206 a:hover { background-position: 0 -12508px;} #products li.op_207 a {background-position: 0 -9752px ;} #products li.op_207 a:hover { background-position: 0 -9752px;} #products li.op_208 a {background-position: 0 -9858px ;} #products li.op_208 a:hover { background-position: 0 -9858px;} #products li.op_209 a {background-position: 0 -9964px ;} #products li.op_209 a:hover { background-position: 0 -9964px;} #products li.op_210 a {background-position: 0 -10070px ;} #products li.op_210 a:hover { background-position: 0 -10070px;} #products li.op_211 a {background-position: 0 -10176px ;} #products li.op_211 a:hover { background-position: 0 -10176px;} #products li.op_212 a {background-position: 0 -10282px ;} #products li.op_212 a:hover { background-position: 0 -10282px;} #products li.op_213 a {background-position: 0 -9964px ;} #products li.op_213 a:hover { background-position: 0 -9964px;} #products li.op_214 a {background-position: 0 -10388px ;} #products li.op_214 a:hover { background-position: 0 -10388px;} #products li.op_215 a {background-position: 0 -12614px ;} #products li.op_215 a:hover { background-position: 0 -12614px;} #products li.op_216 a {background-position: 0 -10494px ;} #products li.op_216 a:hover { background-position: 0 -10494px;} #products li.op_217 a {background-position: 0 -10600px ;} #products li.op_217 a:hover { background-position: 0 -10600px;} #products li.op_218 a {background-position: 0 -10706px ;} #products li.op_218 a:hover { background-position: 0 -10706px;} #products li.op_219 a {background-position: 0 -10706px ;} #products li.op_219 a:hover { background-position: 0 -10706px;} #products li.op_220 a {background-position: 0 -10812px ;} #products li.op_220 a:hover { background-position: 0 -10812px;} #products li.op_221 a {background-position: 0 -10918px ;} #products li.op_221 a:hover { background-position: 0 -10918px;} #products li.op_222 a {background-position: 0 -11024px ;} #products li.op_222 a:hover { background-position: 0 -11024px;} #products li.op_223 a {background-position: 0 -11130px ;} #products li.op_223 a:hover { background-position: 0 -11130px;} #products li.op_224 a {background-position: 0 -11236px ;} #products li.op_224 a:hover { background-position: 0 -11236px;} #products li.op_225 a {background-position: 0 -11342px ;} #products li.op_225 a:hover { background-position: 0 -11342px;} p.op_heading{font-size:14px;font-weight:700} #products .op_sp_content{display:none} .tooltipster-shadow{border-radius:0;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.3);color:#2c2c2c;border-color:#fff!important} .tooltipster-shadow .tooltipster-content{font-family:'Arial',sans-serif;font-size:14px;line-height:16px;padding:8px 10px} .tooltipster-light{border-radius:0;border:3px solid #ccc;background:#fff;color:#000!important} .p_heading{font-size:16px;font-weight:bold;margin:0 0 8px;color:#009cc0} .tooltipster-content a{font-weight:400;display:block;margin-top:8px} .tooltipster-light .tooltipster-content{line-height:16px;padding:8px 10px} .op_content, .op_link {font:normal 12px 'Lato', Arial, sans-serif;} @media (max-width:767px) { a.click-here, #products,#products-filter{display:none} #smart-products #products{display:block} #smart-products ul{margin:0 !important;padding:0 !important} #smart-products li{height:auto !important;width:100% !important;margin:0 0 10px !important;padding:0 0 10px !important;list-style:none;border-bottom:1px solid #ccc} p.op_heading{font-size:15px;margin:0 !important;padding:0 !important;display:block} p.op_heading span{display:block;background:url(/skins/2015/images/plus.png) right 4px no-repeat;font-size:15px} p.op_heading.active span{background:none} /*p.op_heading.active span{background:url(../images/plus_minus_button.png) right -26px no-repeat}*/ p.op_content{display:none;margin:5px 0 !important;padding:0 !important} #smart-filter{width:100%;background:#e7e7e8;margin:0 auto;overflow:hidden;padding:10px 15px;font-size:medium !important} #smart-filter-by{font-weight:bold;margin:0 0 10px; text-transform: inherit; color: #009CC0 } #smart-filter a{display:block;float:left;width:33.3%;padding:0 0 10px; color: #000} #smart-filter a.filter-second{text-align: center} #smart-filter a.filter-third{text-align:right} #smart-filter a:hover {text-decoration: none} #smart-products{margin:20px 0 0} #smart-products li a{display:none} #smart-products li span.op_link a{display:block !important;width:100%} #smart-products li span.op_link a{display:block !important;background:0;height:auto !important} #smart-products .op_sp_content{display:block !important} } @media (min-width: 768px) and (max-width: 992px) { a.click-here{display:none} #filter label {width: 33.3%} .filter-h2 {padding: 35px 20px} } /* ==[ LOCATIONS ]== */ .click-here {} .clearboth{clear:both} #map-view-container{position:relative} #map-container{float:left;overflow:hidden;margin-bottom:20px} #map-view-container img.map{position:relative;z-index:100} #map-view-container img.region{display:none;left:0;position:absolute;top:0;z-index:20} #map-view-container img.regionBg{left:0;position:absolute;top:0;z-index:19} #address-container{} #address-container ul.loc-list{display:none;margin:0} #address-container ul.loc-list.selected{display:block} #address-container ul li{list-style-type:none} #address-container .selected-list ul li{list-style-type:none} #map-view-container img.regionBg,#map-container,img.map,img.region{width:295px;height:457px} .address_wrapper {border:2px solid #dcddde} .address_wrapper.no-border {border: none} .address_wrapper p {margin: 0 0 5px; padding: 0} ul.tabs {margin: 0; padding: 0} ul.tabs li {list-style: none; display: inline} ul.tabs a {display: block; float: left; width: 50%; background: #eeefef; padding: 8px 0; text-align: center; border-bottom: 2px solid #dcddde;border-left: 2px solid #dcddde; outline: 0;} ul.tabs a:hover {text-decoration: none} ul.tabs a.address {border-left: none; border-right: 2px solid #dcddde } ul.tabs a.current, ul.tabs a.address.current {background: #fff; border: none; text-decoration: none; font-weight: bold} .address_wrapper .panes { overflow: hidden; padding: 10px 15px; width: 100%} .address_wrapper .panes a {} .address p {margin: 0 0 10px} .loc-list h2 {font-size: 20px;font-weight: bold;margin: 0 0 10px} @media (max-width:767px) { #map-container {display: none} #address-container ul{display:block !important;margin:0;padding:0} #address-container li{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #ccc} #address-container li a{display:block} #address-container h2{display:none} .ol_content_wrapper{display:none;overflow:hidden} .ol_content_wrapper p{padding-top:5px; font-size: 14px} span.no-link {font-size: 14px} } /* ==[ MEET OUR TEAM ]== */ .videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #mot-wrapper {background: #dcddde; overflow:hidden; padding: 2px; margin: 0 0 40px} #filterOptions {overflow: hidden} #filterOptions > span {display: inline-block;float: left; margin: 0;padding: 0; width: 33.3%} #filterOptions a {display:inline-block; float: left; padding: 10px 15px; margin: 0 1px 0 0} #filterOptions a {background: none repeat scroll 0 0 #eeefef; display: inline-block;float: left; margin: 0; padding: 10px 15px; text-align: center;width: 100%; border-bottom: 2px solid #dcddde} #filterOptions a:hover, #filterOptions .active a {background: #fff; text-decoration:none; font-weight: bold; border-bottom: 2px solid #fff} a.back_button {display: none} #filterOptions a.mot_video {border-left: 2px solid #dcddde;border-right: 2px solid #dcddde } .mot_item a {background: #fff; display: block; margin: 0 0 1px; padding: 5px; overflow: hidden; font-size: 12px; font-weight: normal; color: #000} .mot_item a:hover, .mot_item.current a, .mot_item a.active {background: #009cc0; color: #fff; text-decoration: none} .mot_item a .da_name {font-weight:bold; color:#009cc0} .da_name.ffmedia {padding: 28px 0 0} .mot_item a:hover .da_name, .mot_item.current a .da_name, .mot_item a.active .da_name { color:#fff} .mot_item .da_image {float: left; width: 75px} .mot_item .da_image img {display: block} .mot_item .testWrapper { width: 100%; margin: 0 0 0 85px} .mot_hide {display:none} .profile-repeater {display: none} #tab-0 {display: block} .profile-repeater .profile-wrapper {display: block !important; margin: 0 0 15px; overflow: hidden; font-size: 16px; line-height: 1.2} /* #tab-0 .profile-wrapper {display: none !important} meet our team video */ .mot-au #tab-0 .profile-wrapper {display:block !important} .profile-image {width: 198px; float:left} .profile-image img {border: 5px solid #e7e7e8; display: block;} .profile-name {font-weight:bold; color:#009cc0; margin:60px 0 0} .mot-au #filterOptions {display: none} @media (min-width: 993px) { .mot_item .testWrapper {width:180px} } @media (max-width:767px) { #mot-wrapper {margin: 40px 0} } /* ==[ JOBS ]== */ .jobDetailsCommandRow a, .jobDetailsCommandRow a#applyNowButton {border-radius: 0; background: #009cc0; text-transform: uppercase; font-weight: 700; padding:10px 20px; margin: 0 0 5px} .jobDetailsCommandRow a:hover {background: #00426a !important} .desc-wrapper span {background-image: url(../images/sep.gif); padding-right: 10px} .jobItem {border: none; padding: 0} .snaphire .jobItem .title a, .rssTitle a.clicker-link {font-size: 16px; font-weight: bold} .addthis-text {float: left; margin: 0 7px 0 0} .addthis_sharing_toolbox {float: left} a .at4-icon.aticon-compact {background: url(../images/i-share_50x50.png) 0 0 no-repeat #fff; background-size: cover} .sh_JobDescription .sh_FormPanel {overflow: hidden;width: 100%} .page-display {display: block; font-size: 13px; float: left; width: 100%} .page-links .selected {border-radius: 0; color: #006ebc; background: none; padding: 2px 8px; border:1px solid #fff} .page-links {display: block;float: left; width: 100%} .page-links a {display: inline-block; padding: 2px 8px; border:1px solid #ccc; background: #ebebeb; color: #ccc} .page-links span a { background: #006ebc; border-radius: 0px; color: #fff; padding: 2px 8px; border:1px solid #006ebc} .page-links span a:hover {color: #006ebc; background: #fff; border: 1px solid #fff} /* table */ .sh_JobDescription h2 {font-weight: bold; font-size: 16px} .incTable table.sh_Table.jobDetails {width: auto; border-top:2px solid #666} .incTable table.sh_Table.jobDetails td {border-bottom: 1px solid #ccc} .even-row {background: #f5f5f5} @media (max-width:991px){ .sh_JobDescription .image {display: none} } @media (max-width:767px) { .job-buttons.jb-top {margin: 0 0 20px} } /* ==[ FAQS ]== */ ol.faqs {margin:0; padding: 0 0 0 20px} .question {font-weight: bold} /* ==[ OUR COMMUNITY ]== */ .c_right {float: right; margin: 0 0 0 10px} .img_right {margin: 0 0 15px} @media (max-width:767px) { ol.faqs {margin:0; padding: 0 0 0 25px} .c_right.desktop_only {display: none} } /* ==[ MY DETAILS ]== */ .sh_ChangePassword {float: right} /* ==[ FOOTER ]== */ #footer{background:#5f6062;color:#fff;font-size:13px} #footer h4 {text-transform:uppercase; color:#fff; padding: 0; margin:20px 0; font-size: 13px; font-weight: bold} .footer_wrapper {float: left; overflow: hidden; float: left; min-height: 225px;} .footer_wrapper.foo_general {width: 40%; border-right:1px solid #9d9fa2; border-left:1px solid #9d9fa2} .footer_wrapper.foo_help {width: 20%; border-right:1px solid #9d9fa2} .footer_wrapper.foo_contact {width: 40%;border-right:1px solid #9d9fa2} .footer_box {width:245px; margin: 0 auto} .footer_box_s {width:110px; margin: 0 auto} .foo_general ul{float: left; width: 100px} #footer .foo_1 ul {margin: 0 35px 0 0} #footer a{color:#fff;line-height:20px;font-weight:400} #footer a:hover{color:#00afde} #footer ul{margin:0;padding:0} #footer li{list-style:none;margin:0;padding:0} #footer li.last_li{} #footer li.share_icon {display: inline-block} #footer li.share_icon a{display:block;background:url(/skins/2014/images/share.png) no-repeat 0 0; text-indent: -9999px; width: 25px; height: 25px; float:left; margin: 3px 5px 0 0} #footer li.share_icon.linkedin a:hover { background-position: -25px 0} #footer li.share_icon.twitter a{background-position:0 -25px} #footer li.share_icon.twitter a:hover{background-position:-25px -25px} #footer li.share_icon.share a{background-position:0 -50px} #footer li.share_icon.share a:hover{background-position:-25px -50px} @media (max-width:767px) { #footer .col-lg-12 {padding-left: 0; padding-right: 0} .footer_wrapper {min-height:inherit } .footer_wrapper.foo_general, .footer_wrapper h4 {display: none} .footer_wrapper.foo_help, .footer_wrapper.foo_contact {width: 100%; border: none} #footer ul, .footer_box, .footer_box_s {width:100%; text-align: center} #footer li {padding: 15px; width: 100%; border-top: 1px solid #9d9fa2} #footer li.email {border-bottom: 1px solid #9d9fa2} #footer li.share_icon { border: none; display: inline-block; width: 32px} #footer, #footer a {font-weight: 700; font-size: 16px} #footer li.share_icon a { background-size: cover !important} #footer li.share_icon.linkedin a{background: url(../images/i-linkedin_50x50.png) 0 0} #footer li.share_icon.linkedin a:hover{background: url(../images/i-linkedin_50x50-hover.png) 0 0} #footer li.share_icon.twitter a{background: url(../images/i-twitter_50x50.png) 0 0 } #footer li.share_icon.twitter a:hover{background: url(../images/i-twitter_50x50-hover.png) 0 0} #footer li.share_icon.share a{background: url(../images/i-share_50x50.png) 0 0} #footer li.share_icon.share a:hover{background: url(../images/i-share_50x50-hover.png) 0 0} }