/** * We might need to clearfix some stuff using mixin! */ /** * Let's load fonts when required. */ /** * Let's have a nice way of controlling font sizes in correct way. */ /** * Let's have a function to create greyscale if needed. */ /** * Let's create Hexagon shape! */ /** * Let's have a cross browser opacity function. */ .sprite, section.content .main .sidebar-panel .form-content .fields .input.slider .slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-handle { background: url(../img/sprite.png) no-repeat; content: " "; display: inline-block; text-indent: -9999px; } .sprite.logo, section.content .main .sidebar-panel .form-content .fields .input.slider .logo.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .logo.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .logo.noUi-handle { background-position: 0 0; height: 111px; width: 365px; } .sprite.logo-small, section.content .main .sidebar-panel .form-content .fields .input.slider .logo-small.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .logo-small.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .logo-small.noUi-handle { background-position: 0 -111px; height: 66px; width: 230px; } .sprite.square-twitter, section.content .main .sidebar-panel .form-content .fields .input.slider .square-twitter.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .square-twitter.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .square-twitter.noUi-handle { background-position: 0 -177px; height: 55px; width: 55px; } .sprite.square-twitter.small, section.content .main .sidebar-panel .form-content .fields .input.slider .square-twitter.small.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .square-twitter.small.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .square-twitter.small.noUi-handle { background-position: 0 -117px; height: 41px; width: 38px; background-size: 340px; } .sprite.square-linkedin, section.content .main .sidebar-panel .form-content .fields .input.slider .square-linkedin.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .square-linkedin.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .square-linkedin.noUi-handle { background-position: -59px -177px; height: 55px; width: 55px; } .sprite.file, section.content .main .sidebar-panel .form-content .fields .input.slider .file.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .file.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .file.noUi-handle { background-position: 0 -234px; height: 38px; width: 38px; } .sprite.search, section.content .main .sidebar-panel .form-content .fields .input.slider .search.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .search.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .search.noUi-handle { background-position: 0 -341px; height: 18px; width: 19px; } .sprite.arrow, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.noUi-handle { height: 21px; width: 21px; } .sprite.arrow.right, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle { background-position: -45px -275px; margin-left: 5px; position: absolute; right: 6px; } .sprite.arrow.right:before, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce:before, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase:before, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle:before { margin-left: 27px; } .sprite.arrow.right.black, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.black.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.black.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.black.noUi-handle { background-position: -23px -275px; } .sprite.arrow.right.white, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.white.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.white.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.white.noUi-handle { background-position: -1px -275px; } .sprite.arrow.right.circled, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.circled.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.circled.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.circled.noUi-handle { background-position: -218px -278px; height: 64px; width: 64px; } .sprite.arrow.right.circled.white, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.circled.white.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.circled.white.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.circled.white.noUi-handle { background-position: -284px -278px; } .sprite.arrow.down, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.noUi-handle { background-position: -45px -319px; } .sprite.arrow.down.black, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.black.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.black.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.black.noUi-handle { background-position: -23px -319px !important; } .sprite.arrow.down.white, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.white.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.white.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.white.noUi-handle { background-position: -1px -319px; } .sprite.arrow.down.purple, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.purple.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.purple.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.purple.noUi-handle { background-position: -133px -319px; } .sprite.arrow.down.red, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.red.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.red.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.red.noUi-handle { background-position: -155px -319px; } .sprite.arrow.down.blue, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.blue.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.blue.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.blue.noUi-handle { background-position: -67px -319px; } .sprite.arrow.down.green, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.green.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.green.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.green.noUi-handle { background-position: -89px -319px; } .sprite.arrow.down.yellow, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.yellow.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.yellow.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.yellow.noUi-handle { background-position: -177px -319px; } .sprite.arrow.down.pink, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.pink.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.pink.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.down.pink.noUi-handle { background-position: -111px -319px; } .sprite.arrow.up, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.noUi-handle { background-position: -45px -297px; } .sprite.arrow.up.black, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.black.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.black.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.black.noUi-handle { background-position: -23px -297px !important; } .sprite.arrow.up.white, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.white.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.white.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.white.noUi-handle { background-position: -1px -297px; } .sprite.arrow.up.purple, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.purple.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.purple.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.purple.noUi-handle { background-position: -133px -297px; } .sprite.arrow.up.red, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.red.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.red.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.red.noUi-handle { background-position: -155px -297px; } .sprite.arrow.up.blue, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.blue.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.blue.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.blue.noUi-handle { background-position: -67px -297px; } .sprite.arrow.up.green, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.green.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.green.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.green.noUi-handle { background-position: -89px -297px; } .sprite.arrow.up.yellow, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.yellow.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.yellow.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.yellow.noUi-handle { background-position: -177px -297px; } .sprite.arrow.up.pink, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.pink.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.pink.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.up.pink.noUi-handle { background-position: -111px -297px; } .sprite.arrow.big, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.noUi-handle { height: 36px; width: 36px; } .sprite.arrow.big.down, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.noUi-handle { background-position: -75px -397px; } .sprite.arrow.big.down.black, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.black.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.black.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.black.noUi-handle { background-position: -38px -397px !important; } .sprite.arrow.big.down.white, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.white.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.white.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.white.noUi-handle { background-position: -1px -397px; } .sprite.arrow.big.down.purple, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.purple.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.purple.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.purple.noUi-handle { background-position: -223px -397px; } .sprite.arrow.big.down.red, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.red.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.red.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.red.noUi-handle { background-position: -260px -397px; } .sprite.arrow.big.down.blue, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.blue.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.blue.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.blue.noUi-handle { background-position: -112px -397px; } .sprite.arrow.big.down.green, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.green.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.green.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.green.noUi-handle { background-position: -149px -397px; } .sprite.arrow.big.down.yellow, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.yellow.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.yellow.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.yellow.noUi-handle { background-position: -297px -397px; } .sprite.arrow.big.down.pink, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.pink.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.pink.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.down.pink.noUi-handle { background-position: -186px -397px; } .sprite.arrow.big.up, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.noUi-handle { background-position: -75px -360px; } .sprite.arrow.big.up.black, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.black.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.black.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.black.noUi-handle { background-position: -38px -360px !important; } .sprite.arrow.big.up.white, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.white.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.white.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.white.noUi-handle { background-position: -1px -360px; } .sprite.arrow.big.up.purple, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.purple.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.purple.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.purple.noUi-handle { background-position: -223px -360px; } .sprite.arrow.big.up.red, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.red.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.red.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.red.noUi-handle { background-position: -260px -360px; } .sprite.arrow.big.up.blue, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.blue.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.blue.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.blue.noUi-handle { background-position: -112px -360px; } .sprite.arrow.big.up.green, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.green.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.green.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.green.noUi-handle { background-position: -149px -360px; } .sprite.arrow.big.up.yellow, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.yellow.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.yellow.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.yellow.noUi-handle { background-position: -297px -360px; } .sprite.arrow.big.up.pink, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.pink.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.pink.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.up.pink.noUi-handle { background-position: -186px -360px; } .sprite.arrow.big.right, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.noUi-handle { background-position: -75px -434px; } .sprite.arrow.big.right.black, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.black.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.black.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.black.noUi-handle { background-position: -38px -434px; } .sprite.arrow.big.right.white, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.white.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.white.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.white.noUi-handle { background-position: -1px -434px; } .sprite.arrow.big.right.purple, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.purple.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.purple.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.purple.noUi-handle { background-position: -223px -434px; } .sprite.arrow.big.right.red, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.red.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.red.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.red.noUi-handle { background-position: -260px -434px; } .sprite.arrow.big.right.blue, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.blue.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.blue.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.blue.noUi-handle { background-position: -112px -434px; } .sprite.arrow.big.right.green, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.green.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.green.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.green.noUi-handle { background-position: -149px -434px; } .sprite.arrow.big.right.yellow, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.yellow.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.yellow.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.yellow.noUi-handle { background-position: -297px -434px; } .sprite.arrow.big.right.pink, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.pink.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.pink.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.big.right.pink.noUi-handle { background-position: -186px -434px; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: #fff; } #colorbox { outline: 0; } #cboxContent { margin-top: 32px; overflow: visible; background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { background: #000; padding: 1px; } #cboxLoadingGraphic { background: url(../img/colorbox/loading.gif) no-repeat center center; } #cboxLoadingOverlay { background: #000; } #cboxTitle { position: absolute; top: -22px; left: 0; color: #000; } #cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(../img/colorbox/controls.png) no-repeat 0 0; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxPrevious { background-position: 0px 0px; right: 44px; } #cboxPrevious:hover { background-position: 0px -25px; } #cboxNext { background-position: -25px 0px; right: 22px; } #cboxNext:hover { background-position: -25px -25px; } #cboxClose { background-position: -50px 0px; right: 0; } #cboxClose:hover { background-position: -50px -25px; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; } .cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; } .cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; } .cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; } .cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; } section.content .sidebar > * { max-width: 226px; } section.content .sidebar aside .form-header i { display: none; } section.content .sidebar .children { border-bottom: 1px solid #58585a; list-style: none; margin: 0; margin-bottom: 25px; padding: 0; padding-bottom: 15px; } section.content .sidebar .children li a { background-color: #e8eaec; color: #333; display: block; font-size: 16px; font-size: 1.6rem; font-family: 'Trade Gothic Bold', sans-serif; margin: 10px 0; padding: 10px 15px; } section.content .sidebar .children li a:hover, section.content .sidebar .children li a.active { background-color: #005586; color: #FFF; text-decoration: none; } section.content .sidebar .children li a .triangle { border-bottom: 21px solid transparent; border-bottom: 2.1rem solid transparent; border-right: 12px solid #FFF; border-right: 1.2rem solid #FFF; border-top: 21px solid transparent; border-top: 2.1rem solid transparent; display: inline-block; float: right; height: 0; margin-right: -15px; margin-top: -10px; width: 0; } section.content .sidebar .children li.parent { margin-bottom: 15px; } section.content .sidebar .children li.parent a { margin-top: 0; text-transform: uppercase; } section.content .sidebar .children.purple li a:hover, section.content .sidebar .children.purple li a.active { background-color: #005586; } section.content .sidebar .children.red li a:hover, section.content .sidebar .children.red li a.active { background-color: #005586; } section.content .sidebar .children.blue li a:hover, section.content .sidebar .children.blue li a.active { background-color: #005586; } section.content .sidebar .children.green li a:hover, section.content .sidebar .children.green li a.active { background-color: #005586; } section.content .sidebar .children.yellow li a:hover, section.content .sidebar .children.yellow li a.active { background-color: #005586; } section.content .sidebar .children.pink li a:hover, section.content .sidebar .children.pink li a.active { background-color: #005586; } section.content .main .icon { float: right; margin-bottom: 25px; margin-left: 25px; } section.content .main h2 { font-size: 32px; font-size: 3.2rem; margin-bottom: 20px; margin-top: 0; text-transform: uppercase; } section.content .main h3.title { font-size: 36px; font-size: 3.6rem; margin-bottom: 20px; margin-top: 0; } section.content .main .post { margin: 15px 0; padding-left: 0px; padding-right: 15px; position: relative; } section.content .main .post:first-of-type { border-bottom: 1px solid #58585a; border-top: none; margin-top: 0; padding-bottom: 15px; } section.content .main .post .article-preview { margin: 15px 0; } section.content .main .post .main-link { color: #000000; text-decoration: none; } section.content .main .post .btn-orange, section.content .main .post .sidebar-panel.open .form .form-content .button button, section.content .main .sidebar-panel.open .form .form-content .button .post button, section.content .main .post .content-panel.sectors a:hover button, .content-panel.sectors a:hover section.content .main .post button, section.content .main .post .content-panel.support a:hover button, .content-panel.support a:hover section.content .main .post button, section.content .main .post .content-panel.case-studies a:hover button, .content-panel.case-studies a:hover section.content .main .post button { text-transform: uppercase; } section.content .main .post.full-width { border-bottom: 1px solid #58585a; border-top: 1px solid #58585a; padding-left: 175px; } section.content .main .post.full-width:last-of-type { border-bottom: none; } section.content .main .post.full-width .synopsis { margin-top: 10px; font-size: 22px; font-size: 2.2rem; } section.content .main .post.full-width .main-link { left: 0; position: absolute; top: 0; } section.content .main .post.full-width .main-link img { margin: 0; } section.content .main .synopsis { font-size: 22px; font-size: 2.2rem; font-family: 'Trade Gothic Bold', sans-serif; margin-bottom: 25px; } section.content .main .content { font-size: 16px; font-size: 1.6rem; line-height: 1.8; margin-bottom: 30px; } section.content .main i.color { color: #005586; } section.content .main.purple i.color { color: #005586; } section.content .main.purple .sidebar-panel .form { background-color: #005586; } section.content .main.red i.color { color: #005586; } section.content .main.red .sidebar-panel .form { background-color: #005586; } section.content .main.blue i.color { color: #005586; } section.content .main.blue .sidebar-panel .form { background-color: #005586; } section.content .main.green i.color { color: #005586; } section.content .main.green .sidebar-panel .form { background-color: #005586; } section.content .main.yellow i.color { color: #005586; } section.content .main.yellow .sidebar-panel .form { background-color: #005586; } section.content .main.pink i.color { color: #ed037c; } section.content .main.pink .sidebar-panel .form { background-color: #ed037c; } section.content .main .sidebar-panel { border: none; } section.content .main .sidebar-panel .rainbow-bar { display: none; } section.content .main .sidebar-panel .form { background-color: #005586; margin: 0; } section.content .main .sidebar-panel .form-header { color: #FFF; cursor: pointer; padding: 13px; position: relative; text-align: left; } section.content .main .sidebar-panel .form-header h3 { font-size: 20px; font-size: 2rem; margin: 0; text-transform: uppercase; } section.content .main .sidebar-panel .form-header i { display: inline-block; font-size: 24px; font-size: 2.4rem; position: absolute; right: 10px; top: 6px; } section.content .main .sidebar-panel.folded .form-content { display: none; } section.content .main .sidebar-panel.open { position: relative; } section.content .main .sidebar-panel.open.purple .form-content .fields .input.slider input { background-color: #005586; } section.content .main .sidebar-panel.open.purple .form-content .fields .input.slider .noUi-background { background-position: 0 -34px; } section.content .main .sidebar-panel.open.red .form-content .fields .input.slider input { background-color: #005586; } section.content .main .sidebar-panel.open.red .form-content .fields .input.slider .noUi-background { background-position: 0 -68px; } section.content .main .sidebar-panel.open.blue .form-content .fields .input.slider input { background-color: #005586; } section.content .main .sidebar-panel.open.blue .form-content .fields .input.slider .noUi-background { background-position: 0 -102px; } section.content .main .sidebar-panel.open.green .form-content .fields .input.slider input { background-color: #005586; } section.content .main .sidebar-panel.open.green .form-content .fields .input.slider .noUi-background { background-position: 0 -136px; } section.content .main .sidebar-panel.open.yellow .form-content .fields .input.slider input { background-color: #005586; } section.content .main .sidebar-panel.open.yellow .form-content .fields .input.slider .noUi-background { background-position: 0 -204px; } section.content .main .sidebar-panel.open.pink .form-content .fields .input.slider input { background-color: #005586; } section.content .main .sidebar-panel.open.pink .form-content .fields .input.slider .noUi-background { background-position: 0 -170px; } section.content .main .sidebar-panel.open .form-icon { display: inline-block; position: absolute; right: 0; } section.content .main .sidebar-panel.open .form { background: none; } section.content .main .sidebar-panel.open .form .form-header, section.content .main .sidebar-panel.open .form .form-content { color: #231f20; } section.content .main .sidebar-panel.open .form .form-header { cursor: auto; padding: 13px 0; } section.content .main .sidebar-panel.open .form .form-header .arrow { display: none; } section.content .main .sidebar-panel.open .form .form-header p { font-size: 16px; font-size: 1.6rem; margin: 10px 0; padding-right: 75px; } section.content .main .sidebar-panel.open .form .form-content { margin: 15px 0; } section.content .main .sidebar-panel.open .form .form-content .fields { zoom: 1; width: 60%; } section.content .main .sidebar-panel.open .form .form-content .fields:before, section.content .main .sidebar-panel.open .form .form-content .fields:after { content: "\0020"; display: block; height: 0; overflow: hidden; } section.content .main .sidebar-panel.open .form .form-content .fields:after { clear: both; } section.content .main .sidebar-panel.open .form .form-content .fields:first-of-type { width: 40%; } section.content .main .sidebar-panel.open .form .form-content .fields .input.text, section.content .main .sidebar-panel.open .form .form-content .fields .input.textarea { float: none; padding-right: 0; width: 100%; } section.content .main .sidebar-panel.open .form .form-content .fields .input.text input, section.content .main .sidebar-panel.open .form .form-content .fields .input.text textarea, section.content .main .sidebar-panel.open .form .form-content .fields .input.textarea input, section.content .main .sidebar-panel.open .form .form-content .fields .input.textarea textarea { background-color: #f3f3f4; width: 100%; } section.content .main .sidebar-panel.open .form .form-content .fields .input.slider { margin: 0; margin-bottom: 5px; } section.content .main .sidebar-panel.open .form .form-content .fields .input.slider > div { width: auto !important; } section.content .main .sidebar-panel.open .form .form-content .fields .input.slider > div.formSlider { width: 283px !important; } section.content .main .sidebar-panel.open .form .form-content .fields .input.slider > div.slider-field { padding-left: 0 !important; width: 85px !important; } section.content .main .sidebar-panel.open .form .form-content .fields .input.slider.slider { float: right; } section.content .main .sidebar-panel.open .form .form-content .button { position: relative; width: 100%; } section.content .main .sidebar-panel .form-content { zoom: 1; margin: 15px; position: relative; } section.content .main .sidebar-panel .form-content:before, section.content .main .sidebar-panel .form-content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } section.content .main .sidebar-panel .form-content:after { clear: both; } section.content .main .sidebar-panel .form-content .fields { float: left; width: 70%; } section.content .main .sidebar-panel .form-content .fields .input.text { zoom: 1; float: left; padding-bottom: 5px; padding-right: 5px; width: 50%; } section.content .main .sidebar-panel .form-content .fields .input.text:before, section.content .main .sidebar-panel .form-content .fields .input.text:after { content: "\0020"; display: block; height: 0; overflow: hidden; } section.content .main .sidebar-panel .form-content .fields .input.text:after { clear: both; } section.content .main .sidebar-panel .form-content .fields .input.text.human { width: 100%; } section.content .main .sidebar-panel .form-content .fields .input.text:nth-of-type(2n) { padding-right: 0; } section.content .main .sidebar-panel .form-content .fields .input.text input { background-color: #FFF; font-size: 12px; font-size: 1.2rem; margin: 0; } section.content .main .sidebar-panel .form-content .fields .input.text input.human { padding-right: 0; width: 100%; } section.content .main .sidebar-panel .form-content .fields .input.slider { zoom: 1; margin: 10px 0; } section.content .main .sidebar-panel .form-content .fields .input.slider:before, section.content .main .sidebar-panel .form-content .fields .input.slider:after { content: "\0020"; display: block; height: 0; overflow: hidden; } section.content .main .sidebar-panel .form-content .fields .input.slider:after { clear: both; } section.content .main .sidebar-panel .form-content .fields .input.slider .slider-label { display: inherit; font-family: 'Trade Gothic', sans-serif; font-size: 16px; font-size: 1.6rem; text-align: left; } section.content .main .sidebar-panel .form-content .fields .input.slider .slider-field { padding-top: 5px; } section.content .main .sidebar-panel .form-content .fields .input.slider .slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .slider-increase { border-radius: 40px; cursor: pointer; display: inline-block; height: 26px; margin: 0 auto; margin-top: 12px; width: 26px; } section.content .main .sidebar-panel .form-content .fields .input.slider .slider-reduce { background-position: -77px -262px; } section.content .main .sidebar-panel .form-content .fields .input.slider .slider-reduce:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .slider-reduce:active { background-position: -77px -235px; } section.content .main .sidebar-panel .form-content .fields .input.slider .slider-increase { background-position: -104px -262px; } section.content .main .sidebar-panel .form-content .fields .input.slider .slider-increase:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .slider-increase:active { background-position: -104px -235px; } section.content .main .sidebar-panel .form-content .fields .input.slider .formSlider { padding-left: 25px; padding-right: 20px; } section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-background { zoom: 1; background: none; background-image: url(../img/slider-bg.png); background-position: 0 0; border: 0; box-shadow: none; height: 33px; max-width: 283px; max-height: 33px; width: 283px; } section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-background:before, section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-background:after { content: "\0020"; display: block; height: 0; overflow: hidden; } section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-background:after { clear: both; } section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-handle { background-position: -131px -235px; border: 0; box-shadow: none; cursor: pointer; display: inherit; height: 33px; margin-top: 15px; margin-left: -10px; width: 50px; } section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-handle:before, section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-handle:after { background: none; content: ""; display: block; height: auto; left: auto; position: static; top: auto; width: auto; } section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-origin:after { border: 2px solid #b3b4b4; border-bottom: 3px solid #b3b4b4; border-radius: 40px; content: ""; display: block; left: 0; position: absolute; right: -15px; top: 23px; } section.content .main .sidebar-panel .form-content .fields .input.slider input { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #005586; color: #fff; font-size: 17px; font-size: 1.7rem; } section.content .main .sidebar-panel .form-content .fields .input.slider input.human { width: 100%; } section.content .main .sidebar-panel .form-content .fields .input.textarea { zoom: 1; } section.content .main .sidebar-panel .form-content .fields .input.textarea:before, section.content .main .sidebar-panel .form-content .fields .input.textarea:after { content: "\0020"; display: block; height: 0; overflow: hidden; } section.content .main .sidebar-panel .form-content .fields .input.textarea:after { clear: both; } section.content .main .sidebar-panel .form-content .fields .input.textarea textarea { border: none; border-radius: 0; box-shadow: none; font-size: 12px; font-size: 1.2rem; padding: 3px 5px; text-transform: uppercase; } section.content .main .sidebar-panel .form-content .button { bottom: 0; display: inline-block; position: absolute; right: 0; text-align: right; width: 30%; } section.content .main .panels-tab { display: none; } section.content .main .panels-tab.active { display: block; } section.content.media h2 { font-size: 45px; font-size: 4.5rem; margin-top: 20px; } form input.form-error, form textarea.form-error, form select.form-error { background-color: #f2dede; color: #a94442; } form .error-message { font-size: 12px; font-size: 1.2rem; background: #f00; color: #fff; margin-top: -5px; padding: 0 12px; width: 100%; } .arb { display: none; } footer { border-top: 1px solid #58585a; padding: 20px 0; } footer .increase-text .font-size span { cursor: pointer; } footer .increase-text .font-size .small { font-size: 20px; font-size: 2rem; } footer .increase-text .font-size .medium { font-size: 28px; font-size: 2.8rem; } footer .increase-text .font-size .large { font-size: 36px; font-size: 3.6rem; } footer .credits .footer-menu { list-style: none; margin: 0; margin-bottom: 15px; padding: 0; } footer .credits .footer-menu li { display: inline-block; font-size: 16px; font-size: 1.6rem; margin-right: 10px; } footer .credits .footer-menu li:after { content: "|"; margin-left: 10px; } footer .credits .footer-menu li:last-of-type { margin-right: 0; } footer .credits .footer-menu li:last-of-type:after { content: ""; margin-left: 0; } footer .credits .footer-menu li a { color: #000; } footer .credits > p { color: #000; font-size: 12px; font-size: 1.2rem; margin: 0; padding: 0; } footer .credits > p a { color: #000; } header.main { zoom: 1; margin-top: 13px; } header.main:before, header.main:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header.main:after { clear: both; } header.main .logo-box { padding-left: 27px; } header.main .utilities .tech-support { border-left: 2px solid #999; float: right; height: 55px; margin-left: 5px; padding: 12px 0px 0px 5px; } header.main .utilities p { color: #000; font-size: 16px; font-size: 1.4rem; margin: 0; padding: 0; } header.main .utilities p a { color: #000; font-size: 20px; font-size: 1.4rem; } header.main .utilities p a:hover { text-decoration: none; } header.main .utilities form.search { zoom: 1; margin-top: 18px; margin-left: auto; margin-right: 0; max-width: 250px; } header.main .utilities form.search:before, header.main .utilities form.search:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header.main .utilities form.search:after { clear: both; } header.main .utilities form.search .search-input { background-color: #e8eaec; border: 0; border-radius: 0; box-shadow: none; font-size: 12px; font-size: 1.2rem; height: 28px; } header.main .utilities form.search button { background-color: #58585a; border: 1px solid #58585a; border-radius: 0; box-shadow: none; color: #FFFFFF; padding: 1px 3px 3px; } header.main .main-menu { margin-bottom: 22px; margin-top: 12px; text-align: right; } header.main .main-menu ul { list-style: none; margin: 0; padding: 0; } header.main .main-menu ul li { display: inline-block; font-size: 14px; font-size: 1.2rem; text-transform: uppercase; } header.main .main-menu ul li a { color: #58585a; } header.main .main-menu ul li a:hover, header.main .main-menu ul li a.active, header.main .main-menu ul li a.semi-active { color: #005586; text-decoration: none; } header.main .main-menu ul li a.active, header.main .main-menu ul li a.semi-active { font-family: 'Trade Gothic Bold', sans-serif; } header.main .main-menu ul li.active a { color: #005586; font-family: 'Trade Gothic Bold', sans-serif; text-decoration: none; } header.main .main-menu ul li:after { color: #58585a; content: "|"; margin: 0 10px; } header.main .main-menu ul li:last-of-type:after { content: ""; margin: 0; } header.main .sub-navigations { padding: 0; } header.main .sub-navigations .sub-nav { background: #e8eaec; /* Old browsers */ background: -moz-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8eaec), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8eaec 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ zoom: 1; display: none; margin-bottom: 30px; padding-left: 43px; padding-right: 20px; padding-top: 20px; } header.main .sub-navigations .sub-nav:before, header.main .sub-navigations .sub-nav:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header.main .sub-navigations .sub-nav:after { clear: both; } header.main .sub-navigations .sub-nav.active { display: block; } header.main .sub-navigations .sub-nav .children { list-style: none; margin: 0; padding: 0; } header.main .sub-navigations .sub-nav .children li { max-width: 228px; position: relative; } header.main .sub-navigations .sub-nav .children li .triangle { border-bottom: 18px solid #d1d2d4; border-left: 18px solid #d1d2d4; border-right: 9px solid transparent; border-top: 18px solid #d1d2d4; height: 0px; margin: 10px 0; } header.main .sub-navigations .sub-nav .children li.active .triangle, header.main .sub-navigations .sub-nav .children li:hover .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } header.main .sub-navigations .sub-nav .children li.active a, header.main .sub-navigations .sub-nav .children li:hover a { color: #FFF; } header.main .sub-navigations .sub-nav .children li.parent { text-transform: uppercase; } header.main .sub-navigations .sub-nav .children li.parent .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } header.main .sub-navigations .sub-nav .children li a { color: #232020; display: block; font-size: 16px; font-size: 1.6rem; line-height: 1; font-family: 'Trade Gothic Bold', sans-serif; left: 0; padding: 10px 20px; position: absolute; top: 0; width: 100%; } header.main .sub-navigations .sub-nav .children li a:hover, header.main .sub-navigations .sub-nav .children li a.active { color: #FFF; text-decoration: none; } header.main .sub-navigations .sub-nav .children li:first-of-type .triangle { margin-top: 0; } header.main .sub-navigations .sub-nav .children li.parent a { margin-top: 0; } header.main .sub-navigations .sub-nav .sub-info { display: none; padding-right: 0; padding-top: 0; } header.main .sub-navigations .sub-nav .sub-info.active { display: block; } header.main .sub-navigations .sub-nav .sub-info img { float: right; margin-bottom: 5px; margin-left: 5px; } header.main .sub-navigations .sub-nav .sub-info h3.title { font-size: 40px; font-size: 4rem; margin-top: 0; text-transform: uppercase; } header.main .sub-navigations .sub-nav .sub-info p.synopsis { font-size: 17px; font-size: 1.7rem; } header.main .sub-navigations .sub-nav .sub-info form { margin-top: 25px; } header.main .sub-navigations .sub-nav .sub-info form .form { background-color: #005586; margin: 0; } header.main .sub-navigations .sub-nav .sub-info form .form .form-header { padding: 10px 15px; position: relative; text-align: left; } header.main .sub-navigations .sub-nav .sub-info form .form .form-header h3 { color: #FFF; font-size: 20px; font-size: 2rem; margin: 0; margin-top: 15px; text-transform: uppercase; } header.main .sub-navigations .sub-nav .sub-info form .form .form-header i { display: none; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content { zoom: 1; margin: 15px; position: relative; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content:before, header.main .sub-navigations .sub-nav .sub-info form .form .form-content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content:after { clear: both; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields { float: left; width: 100%; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text { zoom: 1; float: left; padding-bottom: 5px; padding-right: 5px; width: 50%; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text:before, header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text:after { clear: both; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text:nth-of-type(2n) { padding-right: 0; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text.human { width: 100%; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text label { display: none; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text input { background-color: #FFF; border: none; border-radius: 0; box-shadow: none; font-size: 12px; font-size: 1.2rem; height: 26px; margin: 0; padding: 3px 5px; text-transform: uppercase; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields .input.text input.human { text-transform: none; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .fields textarea { border: none; border-radius: 0; box-shadow: none; font-size: 12px; font-size: 1.2rem; padding: 3px 5px; text-transform: uppercase; } header.main .sub-navigations .sub-nav .sub-info form .form .form-content .button { bottom: 0; display: inline-block; height: auto; margin-top: -50px; max-height: 32px; position: absolute; right: 0; text-align: right; top: 0; } header.main .sub-navigations .sub-nav.contact { background: #e8eaec; /* Old browsers */ background: -moz-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8eaec), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8eaec 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ padding: 20px 10px 0; } header.main .sub-navigations .sub-nav.contact h3 { border-bottom: 1px solid #58585a; padding-bottom: 15px; text-transform: uppercase; } header.main .sub-navigations .sub-nav.contact .contact-details a { color: #000000; text-decoration: none; } header.main .sub-navigations .sub-nav.contact .contact-details p { line-height: 1.5; margin: 0; padding: 0; } header.main .sub-navigations .sub-nav.contact .contact-details address { line-height: 1.5; } header.main .sub-navigations .sub-nav.contact .form { margin: 0; } header.main .sub-navigations .sub-nav.contact .form label { display: none; } header.main .sub-navigations .sub-nav.contact .form .form-header { display: none; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields { zoom: 1; position: relative; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields:before, header.main .sub-navigations .sub-nav.contact .form .form-content .fields:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields:after { clear: both; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields input, header.main .sub-navigations .sub-nav.contact .form .form-content .fields textarea { border: 0; border-radius: 0; box-shadow: none; font-size: 14px; font-size: 1.4rem; height: auto; margin-bottom: 0; padding: 3px 12px; text-transform: uppercase; width: 100%; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields .input { margin-bottom: 3px; margin-right: 3px; width: 49%; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields .input.human { width: 100%; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields .input.text { clear: left; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields .input.textarea { clear: right; position: absolute; right: 0; top: 0; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields .input.textarea textarea { height: 113px; } header.main .sub-navigations .sub-nav.contact .form .form-content .fields .input:last-of-type { margin-right: 0; } header.main .sub-navigations .sub-nav.contact .form .form-content .button { display: inline-block; float: right; margin-top: 15px; } header.main .sub-navigations .sub-nav.contact .form .form-content .button button { background-color: #005586; padding: 6px 12px; } header.main .sub-navigations .sub-nav.contact .form .form-content .button button:hover { color: #000; } header.main .sub-navigations .sub-nav.contact .form .form-content .button button:hover i { background-position: -23px -275px; } header.main .sub-navigations .sub-nav.contact .contact-map #map-canvas, header.main .sub-navigations .sub-nav.contact .contact-map .map-canvas { height: 145px; } header.main .sub-navigations .sub-nav.contact .contact-map .btn { float: right; margin: 0; margin-top: 35px; } @font-face { font-family: "Trade Gothic"; src: url("../fonts/TradeGothicPro.eot"); src: url("../fonts/TradeGothicProd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/TradeGothicPro.woff") format("woff"), url("../fonts/TradeGothicPro.ttf") format("truetype"), url("../fonts/TradeGothicPro.html#Trade Gothic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trade Gothic Light"; src: url("../fonts/TradeGothicLight.eot"); src: url("../fonts/TradeGothicLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/TradeGothicLight.woff") format("woff"), url("../fonts/TradeGothicLight.ttf") format("truetype"), url("../fonts/TradeGothicLight.html#Trade Gothic Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Trade Gothic Bold"; src: url("../fonts/TradeGothicBold.eot"); src: url("../fonts/TradeGothicBoldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/TradeGothicBold.woff") format("woff"), url("../fonts/TradeGothicBold.ttf") format("truetype"), url("../fonts/TradeGothicBold.html#Trade Gothic Bold") format("svg"); font-weight: normal; font-style: normal; } html.small-font { font-size: 50%; } html.large-font { font-size: 75%; } body { font-family: 'Trade Gothic', sans-serif; font-size: 14px; font-size: 1.4rem; margin: 0 auto; max-width: 1120px; padding: 10px 0; } body h1, body h2, body h3, body h4, body h5, body h6 { font-family: 'Trade Gothic Bold', sans-serif; } body .flash-container { font-family: Helvetica, Arial, sans-serif; left: 0; position: absolute; text-align: center; top: 20px; width: 100%; z-index: 99999; } body .flash-container .alert { box-shadow: #333 0px 0px 10px 0px; display: inline-block; font-size: 24px; font-size: 2.4rem; min-width: 200px; padding: 15px 30px; } body .flash-container .alert .close { margin-left: 25px; margin-right: -10px; } body .btn-black, body .btn-orange, body section.content .main .sidebar-panel.open .form .form-content .button button, section.content .main .sidebar-panel.open .form .form-content .button body button, body .content-panel.sectors a:hover button, .content-panel.sectors a:hover body button, body .content-panel.support a:hover button, .content-panel.support a:hover body button, body .content-panel.case-studies a:hover button, .content-panel.case-studies a:hover body button { background-color: #000; color: #FFF; border: none; } body .btn-black:hover, body .btn-orange:hover, body section.content .main .sidebar-panel.open .form .form-content .button button:hover, section.content .main .sidebar-panel.open .form .form-content .button body button:hover, body .content-panel.sectors a:hover button:hover, .content-panel.sectors a:hover body button:hover, body .content-panel.support a:hover button:hover, .content-panel.support a:hover body button:hover, body .content-panel.case-studies a:hover button:hover, .content-panel.case-studies a:hover body button:hover { background-color: #000; color: #005586; border: none; } body .btn-black:hover .sprite.arrow.right, body .btn-orange:hover .sprite.arrow.right, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .sprite.arrow.right, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .sprite.arrow.right, body .content-panel.sectors a:hover button:hover .sprite.arrow.right, .content-panel.sectors a:hover body button:hover .sprite.arrow.right, body .content-panel.support a:hover button:hover .sprite.arrow.right, .content-panel.support a:hover body button:hover .sprite.arrow.right, body .content-panel.case-studies a:hover button:hover .sprite.arrow.right, .content-panel.case-studies a:hover body button:hover .sprite.arrow.right, body .btn-black:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-black:hover .arrow.right.slider-reduce, body .btn-orange:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange:hover .arrow.right.slider-reduce, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .fields .input.slider .arrow.right.slider-reduce, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button:hover .arrow.right.slider-reduce, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button:hover .arrow.right.slider-reduce, body .content-panel.sectors a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button:hover .arrow.right.slider-reduce, .content-panel.sectors a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button:hover .arrow.right.slider-reduce, body .content-panel.support a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button:hover .arrow.right.slider-reduce, .content-panel.support a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button:hover .arrow.right.slider-reduce, body .content-panel.case-studies a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button:hover .arrow.right.slider-reduce, .content-panel.case-studies a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button:hover .arrow.right.slider-reduce, body .btn-black:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-black:hover .arrow.right.slider-increase, body .btn-orange:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange:hover .arrow.right.slider-increase, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .fields .input.slider .arrow.right.slider-increase, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button:hover .arrow.right.slider-increase, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button:hover .arrow.right.slider-increase, body .content-panel.sectors a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button:hover .arrow.right.slider-increase, .content-panel.sectors a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button:hover .arrow.right.slider-increase, body .content-panel.support a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button:hover .arrow.right.slider-increase, .content-panel.support a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button:hover .arrow.right.slider-increase, body .content-panel.case-studies a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button:hover .arrow.right.slider-increase, .content-panel.case-studies a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button:hover .arrow.right.slider-increase, body .btn-black:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-black:hover .arrow.right.noUi-handle, body .btn-orange:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange:hover .arrow.right.noUi-handle, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .fields .input.slider .arrow.right.noUi-handle, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button:hover .arrow.right.noUi-handle, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button:hover .arrow.right.noUi-handle, body .content-panel.sectors a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button:hover .arrow.right.noUi-handle, .content-panel.sectors a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button:hover .arrow.right.noUi-handle, body .content-panel.support a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button:hover .arrow.right.noUi-handle, .content-panel.support a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button:hover .arrow.right.noUi-handle, body .content-panel.case-studies a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button:hover .arrow.right.noUi-handle, .content-panel.case-studies a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button:hover .arrow.right.noUi-handle { background-position: -45px -275px; } body .btn-orange, body section.content .main .sidebar-panel.open .form .form-content .button button, section.content .main .sidebar-panel.open .form .form-content .button body button, body .content-panel.sectors a:hover button, .content-panel.sectors a:hover body button, body .content-panel.support a:hover button, .content-panel.support a:hover body button, body .content-panel.case-studies a:hover button, .content-panel.case-studies a:hover body button { background-color: #005586; } body .btn-orange .sprite.arrow-right, body section.content .main .sidebar-panel.open .form .form-content .button button .sprite.arrow-right, section.content .main .sidebar-panel.open .form .form-content .button body button .sprite.arrow-right, body .content-panel.sectors a:hover button .sprite.arrow-right, .content-panel.sectors a:hover body button .sprite.arrow-right, body .content-panel.support a:hover button .sprite.arrow-right, .content-panel.support a:hover body button .sprite.arrow-right, body .content-panel.case-studies a:hover button .sprite.arrow-right, .content-panel.case-studies a:hover body button .sprite.arrow-right, body .btn-orange section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange .arrow-right.slider-reduce, body section.content .main .sidebar-panel.open .form .form-content .button button .fields .input.slider .arrow-right.slider-reduce, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button .arrow-right.slider-reduce, section.content .main .sidebar-panel.open .form .form-content .button body button .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button .arrow-right.slider-reduce, body .content-panel.sectors a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button .arrow-right.slider-reduce, .content-panel.sectors a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button .arrow-right.slider-reduce, body .content-panel.support a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button .arrow-right.slider-reduce, .content-panel.support a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button .arrow-right.slider-reduce, body .content-panel.case-studies a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button .arrow-right.slider-reduce, .content-panel.case-studies a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button .arrow-right.slider-reduce, body .btn-orange section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange .arrow-right.slider-increase, body section.content .main .sidebar-panel.open .form .form-content .button button .fields .input.slider .arrow-right.slider-increase, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button .arrow-right.slider-increase, section.content .main .sidebar-panel.open .form .form-content .button body button .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button .arrow-right.slider-increase, body .content-panel.sectors a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button .arrow-right.slider-increase, .content-panel.sectors a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button .arrow-right.slider-increase, body .content-panel.support a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button .arrow-right.slider-increase, .content-panel.support a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button .arrow-right.slider-increase, body .content-panel.case-studies a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button .arrow-right.slider-increase, .content-panel.case-studies a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button .arrow-right.slider-increase, body .btn-orange section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange .arrow-right.noUi-handle, body section.content .main .sidebar-panel.open .form .form-content .button button .fields .input.slider .arrow-right.noUi-handle, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button .arrow-right.noUi-handle, section.content .main .sidebar-panel.open .form .form-content .button body button .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button .arrow-right.noUi-handle, body .content-panel.sectors a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button .arrow-right.noUi-handle, .content-panel.sectors a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button .arrow-right.noUi-handle, body .content-panel.support a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button .arrow-right.noUi-handle, .content-panel.support a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button .arrow-right.noUi-handle, body .content-panel.case-studies a:hover button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button .arrow-right.noUi-handle, .content-panel.case-studies a:hover body button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow-right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button .arrow-right.noUi-handle { background-position: 0 -296px; } body .btn-orange:hover, body section.content .main .sidebar-panel.open .form .form-content .button button:hover, section.content .main .sidebar-panel.open .form .form-content .button body button:hover, body .content-panel.sectors a:hover button:hover, .content-panel.sectors a:hover body button:hover, body .content-panel.support a:hover button:hover, .content-panel.support a:hover body button:hover, body .content-panel.case-studies a:hover button:hover, .content-panel.case-studies a:hover body button:hover { background-color: #005586; color: #000; } body .btn-orange:hover .sprite.arrow.right, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .sprite.arrow.right, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .sprite.arrow.right, body .content-panel.sectors a:hover button:hover .sprite.arrow.right, .content-panel.sectors a:hover body button:hover .sprite.arrow.right, body .content-panel.support a:hover button:hover .sprite.arrow.right, .content-panel.support a:hover body button:hover .sprite.arrow.right, body .content-panel.case-studies a:hover button:hover .sprite.arrow.right, .content-panel.case-studies a:hover body button:hover .sprite.arrow.right, body .btn-orange:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange:hover .arrow.right.slider-reduce, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .fields .input.slider .arrow.right.slider-reduce, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button:hover .arrow.right.slider-reduce, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button:hover .arrow.right.slider-reduce, body .content-panel.sectors a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button:hover .arrow.right.slider-reduce, .content-panel.sectors a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button:hover .arrow.right.slider-reduce, body .content-panel.support a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button:hover .arrow.right.slider-reduce, .content-panel.support a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button:hover .arrow.right.slider-reduce, body .content-panel.case-studies a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button:hover .arrow.right.slider-reduce, .content-panel.case-studies a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button:hover .arrow.right.slider-reduce, body .btn-orange:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange:hover .arrow.right.slider-increase, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .fields .input.slider .arrow.right.slider-increase, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button:hover .arrow.right.slider-increase, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button:hover .arrow.right.slider-increase, body .content-panel.sectors a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button:hover .arrow.right.slider-increase, .content-panel.sectors a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button:hover .arrow.right.slider-increase, body .content-panel.support a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button:hover .arrow.right.slider-increase, .content-panel.support a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button:hover .arrow.right.slider-increase, body .content-panel.case-studies a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button:hover .arrow.right.slider-increase, .content-panel.case-studies a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button:hover .arrow.right.slider-increase, body .btn-orange:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .btn-orange:hover .arrow.right.noUi-handle, body section.content .main .sidebar-panel.open .form .form-content .button button:hover .fields .input.slider .arrow.right.noUi-handle, body section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button button:hover .arrow.right.noUi-handle, section.content .main .sidebar-panel.open .form .form-content .button body button:hover .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel.open .form .form-content .fields .input.slider .button body button:hover .arrow.right.noUi-handle, body .content-panel.sectors a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.sectors a:hover button:hover .arrow.right.noUi-handle, .content-panel.sectors a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a:hover body button:hover .arrow.right.noUi-handle, body .content-panel.support a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.support a:hover button:hover .arrow.right.noUi-handle, .content-panel.support a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a:hover body button:hover .arrow.right.noUi-handle, body .content-panel.case-studies a:hover button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider body .content-panel.case-studies a:hover button:hover .arrow.right.noUi-handle, .content-panel.case-studies a:hover body button:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a:hover body button:hover .arrow.right.noUi-handle { background-position: -23px -275px !important; } body .btn { border-radius: 9px; font-family: 'Trade Gothic Bold', sans-serif; line-height: 22px; padding: 6px 6px 4px 6px; position: relative; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; } body .btn.icon-placeholder { padding-right: 33px !important; } body .btn i { vertical-align: middle; } body .breadcrumb { background: none; padding: 0 30px; text-transform: uppercase; } body .breadcrumb a { color: #58585a; } body .breadcrumb li + li:before { color: #58585a; content: " > "; display: inline-block; text-decoration: none; } body .breadcrumb .active { color: #005586; } body .rainbow-bar div { height: 7px; } body .rainbow-bar div.purple { background-color: #005586; } body .rainbow-bar div.red { background-color: #005586; } body .rainbow-bar div.blue { background-color: #005586; } body .rainbow-bar div.green { background-color: #005586; } body .rainbow-bar div.yellow { background-color: #005586; } body .rainbow-bar div.pink { background-color: #ed037c; } body .page-banner { background-position: top; background-repeat: no-repeat; background-size: cover; display: block; height: 325px; margin-bottom: 10px; padding-bottom: 0; width: 100%; } .flash { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; margin: 0 auto 12px; padding: 5px 8px; } .flash.flash_success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .flash p { margin: 0; } .site-panel { border-top: 1px solid #58585a; zoom: 1; padding: 40px 0; } .site-panel:before, .site-panel:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel:after { clear: both; } .site-panel h3 { font-size: 20px; font-size: 2rem; text-transform: uppercase; } .site-panel.partners h3 { color: #58585a; margin-left: 25px; margin-top: 0; } .site-panel.partners ul { list-style: none; margin: 0; padding: 0 25px; } .site-panel.partners ul li { display: inline-block; margin: 0 5px; } .site-panel.partners ul li:first-of-type { margin-left: 0; } .site-panel.partners ul li:last-of-type { margin-right: 0; } .site-panel.hero { border: none; padding-top: 0; } .site-panel.hero.no-space { padding-bottom: 0; } .site-panel.hero .menu { zoom: 1; list-style: none; padding: 0; } .site-panel.hero .menu:before, .site-panel.hero .menu:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.hero .menu:after { clear: both; } .site-panel.hero .menu li { display: inline-block; padding: 0; text-align: center; text-transform: uppercase; font-family: 'Trade Gothic Bold', sans-serif; } .site-panel.hero .menu li a { background-color: #000; color: #FFFFFF; display: block; font-size: 16px; font-size: 1.6rem; padding: 10px 0 8px; margin: 0 3px; } .site-panel.hero .menu li a:hover, .site-panel.hero .menu li a.active { background-color: #005586; text-decoration: none; } .site-panel.hero .menu li a:hover.red, .site-panel.hero .menu li a.active.red { background-color: #005586; } .site-panel.hero .menu li a:hover.blue, .site-panel.hero .menu li a.active.blue { background-color: #005586; } .site-panel.hero .menu li a:hover.green, .site-panel.hero .menu li a.active.green { background-color: #005586; } .site-panel.hero .menu li a:hover.yellow, .site-panel.hero .menu li a.active.yellow { background-color: #005586; } .site-panel.hero .menu li a:hover.pink, .site-panel.hero .menu li a.active.pink { background-color: #005586; } .site-panel.hero .menu li a:hover.purple, .site-panel.hero .menu li a.active.purple { background-color: #005586; } .site-panel.hero .menu li:first-of-type a { margin-left: 0; } .site-panel.hero .menu li:last-of-type a { margin-right: 0; } .site-panel.hero .sub-menus { margin-bottom: 15px; padding: 0; } .site-panel.hero .sub-menus .sub-menu { background: #e8eaec; /* Old browsers */ background: -moz-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8eaec), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e8eaec 0%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e8eaec 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eaec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ zoom: 1; display: none; margin-bottom: 15px; padding-left: 43px; padding-right: 20px; padding-top: 20px; } .site-panel.hero .sub-menus .sub-menu:before, .site-panel.hero .sub-menus .sub-menu:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.hero .sub-menus .sub-menu:after { clear: both; } .site-panel.hero .sub-menus .sub-menu.active { display: block; } .site-panel.hero .sub-menus .sub-menu .children { list-style: none; margin: 0; padding: 0; } .site-panel.hero .sub-menus .sub-menu .children li { max-width: 228px; position: relative; } .site-panel.hero .sub-menus .sub-menu .children li .triangle { border-bottom: 18px solid #d1d2d4; border-left: 18px solid #d1d2d4; border-right: 9px solid transparent; border-top: 18px solid #d1d2d4; height: 0px; margin: 10px 0; } .site-panel.hero .sub-menus .sub-menu .children li.parent a, .site-panel.hero .sub-menus .sub-menu .children li.active a, .site-panel.hero .sub-menus .sub-menu .children li:hover a { color: #FFF; } .site-panel.hero .sub-menus .sub-menu .children li.parent .triangle, .site-panel.hero .sub-menus .sub-menu .children li.active .triangle, .site-panel.hero .sub-menus .sub-menu .children li:hover .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } .site-panel.hero .sub-menus .sub-menu .children li.parent.purple .triangle, .site-panel.hero .sub-menus .sub-menu .children li.active.purple .triangle, .site-panel.hero .sub-menus .sub-menu .children li:hover.purple .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } .site-panel.hero .sub-menus .sub-menu .children li.parent.red .triangle, .site-panel.hero .sub-menus .sub-menu .children li.active.red .triangle, .site-panel.hero .sub-menus .sub-menu .children li:hover.red .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } .site-panel.hero .sub-menus .sub-menu .children li.parent.blue .triangle, .site-panel.hero .sub-menus .sub-menu .children li.active.blue .triangle, .site-panel.hero .sub-menus .sub-menu .children li:hover.blue .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } .site-panel.hero .sub-menus .sub-menu .children li.parent.green .triangle, .site-panel.hero .sub-menus .sub-menu .children li.active.green .triangle, .site-panel.hero .sub-menus .sub-menu .children li:hover.green .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } .site-panel.hero .sub-menus .sub-menu .children li.parent.yellow .triangle, .site-panel.hero .sub-menus .sub-menu .children li.active.yellow .triangle, .site-panel.hero .sub-menus .sub-menu .children li:hover.yellow .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } .site-panel.hero .sub-menus .sub-menu .children li.parent.pink .triangle, .site-panel.hero .sub-menus .sub-menu .children li.active.pink .triangle, .site-panel.hero .sub-menus .sub-menu .children li:hover.pink .triangle { border-bottom-color: #005586; border-left-color: #005586; border-top-color: #005586; } .site-panel.hero .sub-menus .sub-menu .children li.active a { color: #FFF; } .site-panel.hero .sub-menus .sub-menu .children li.parent { text-transform: uppercase; } .site-panel.hero .sub-menus .sub-menu .children li a { color: #232020; display: block; font-size: 16px; font-size: 1.6rem; line-height: 1; font-family: 'Trade Gothic Bold', sans-serif; left: 0; padding: 10px 20px; position: absolute; top: 0; width: 100%; } .site-panel.hero .sub-menus .sub-menu .children li a:hover, .site-panel.hero .sub-menus .sub-menu .children li a.active { color: #FFF; text-decoration: none; } .site-panel.hero .sub-menus .sub-menu .children li:first-of-type .triangle { margin-top: 0; } .site-panel.hero .sub-menus .sub-menu .children li.parent a { margin-top: 0; } .site-panel.hero .sub-menus .sub-menu .sub-info { display: none; padding-right: 0; padding-top: 0; } .site-panel.hero .sub-menus .sub-menu .sub-info.active { display: block; } .site-panel.hero .sub-menus .sub-menu .sub-info img { float: right; margin-bottom: 5px; margin-left: 5px; } .site-panel.hero .sub-menus .sub-menu .sub-info h3.title { font-size: 40px; font-size: 4rem; margin-top: 0; text-transform: uppercase; } .site-panel.hero .sub-menus .sub-menu .sub-info p.synopsis { font-size: 17px; font-size: 1.7rem; } .site-panel.hero .sub-menus .sub-menu .sub-info form { margin-top: 25px; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form { background-color: #005586; margin: 0; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-header { padding: 10px 15px; position: relative; text-align: left; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-header h3 { color: #FFF; font-size: 20px; font-size: 2rem; margin: 0; margin-top: 15px; text-transform: uppercase; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-header i { display: none; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content { zoom: 1; margin: 15px; position: relative; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content:before, .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content:after { clear: both; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields { float: left; width: 100%; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text { zoom: 1; float: left; padding-bottom: 5px; padding-right: 5px; width: 50%; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text:before, .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text:after { clear: both; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text:nth-of-type(2n) { padding-right: 0; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text label { display: none; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text input { background-color: #FFF; border: none; border-radius: 0; box-shadow: none; font-size: 12px; font-size: 1.2rem; height: auto; margin: 0; padding: 3px 5px; text-transform: uppercase; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields .input.text input.human { text-transform: none; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .fields textarea { border: none; border-radius: 0; box-shadow: none; font-size: 12px; font-size: 1.2rem; padding: 3px 5px; text-transform: uppercase; } .site-panel.hero .sub-menus .sub-menu .sub-info form .form .form-content .button { bottom: 0; display: inline-block; height: auto; margin-top: -50px; max-height: 32px; position: absolute; right: 0; text-align: right; top: 0; width: 19%; } .site-panel.hero .carousel { zoom: 1; color: #FFF; background-color: #000; margin-top: 20px; min-height: 420px; } .site-panel.hero .carousel:before, .site-panel.hero .carousel:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.hero .carousel:after { clear: both; } .site-panel.hero .carousel .item { height: 420px; } .site-panel.hero .carousel .content { background-repeat: no-repeat; font-size: 15px; font-size: 1.5rem; margin-left: 43px; padding: 25px; text-align: center; width: 30%; } .site-panel.hero .carousel .content h2 { font-size: 65px; font-size: 6.5rem; margin-bottom: 25px; } .site-panel.hero .carousel .content h2 em { color: #000; font-style: normal; } .site-panel.hero .carousel .content .btn { margin-top: 25px; } .site-panel.hero .carousel .carousel-indicators { position: absolute; bottom: 0; left: 0; z-index: 15; width: 100%; margin-left: 0; padding: 0 35px; padding-bottom: 15px; list-style: none; text-align: right; } .site-panel.hero .carousel .carousel-indicators li { border: none; border-radius: 0; background: #005586; height: 18px; position: revert; width: 30px; } .site-panel.hero .carousel .carousel-indicators li:before, .site-panel.hero .carousel .carousel-indicators li:after { border-left: 15px solid transparent; border-right: 15px solid transparent; content: ""; height: 0; left: 0; position: fixed; width: 0; } .site-panel.hero .carousel .carousel-indicators li:before { border-bottom: 9px solid #FFF; top: -9px; } .site-panel.hero .carousel .carousel-indicators li:after { bottom: -9px; border-top: 9px solid #FFF; } .site-panel.hero .carousel .carousel-indicators li:hover .hex, .site-panel.hero .carousel .carousel-indicators li.active .hex { background: #005586; height: 16.2px; position: relative; width: 27px; margin: 1px; margin-left: 2px; width: 26px !important; z-index: 1; } .site-panel.hero .carousel .carousel-indicators li:hover .hex:before, .site-panel.hero .carousel .carousel-indicators li:hover .hex:after, .site-panel.hero .carousel .carousel-indicators li.active .hex:before, .site-panel.hero .carousel .carousel-indicators li.active .hex:after { border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; } .site-panel.hero .carousel .carousel-indicators li:hover .hex:before, .site-panel.hero .carousel .carousel-indicators li.active .hex:before { border-bottom: 8.1px solid #005586; top: -8.1px; } .site-panel.hero .carousel .carousel-indicators li:hover .hex:after, .site-panel.hero .carousel .carousel-indicators li.active .hex:after { bottom: -8.1px; border-top: 8.1px solid #005586; } .site-panel.hero .carousel .carousel-indicators li:hover.purple .hex, .site-panel.hero .carousel .carousel-indicators li.active.purple .hex { background: #005586; height: 16.2px; position: relative; width: 27px; } .site-panel.hero .carousel .carousel-indicators li:hover.purple .hex:before, .site-panel.hero .carousel .carousel-indicators li:hover.purple .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.purple .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.purple .hex:after { border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; } .site-panel.hero .carousel .carousel-indicators li:hover.purple .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.purple .hex:before { border-bottom: 8.1px solid #005586; top: -8.1px; } .site-panel.hero .carousel .carousel-indicators li:hover.purple .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.purple .hex:after { bottom: -8.1px; border-top: 8.1px solid #005586; } .site-panel.hero .carousel .carousel-indicators li:hover.red .hex, .site-panel.hero .carousel .carousel-indicators li.active.red .hex { background: #005586; height: 16.2px; position: relative; width: 27px; } .site-panel.hero .carousel .carousel-indicators li:hover.red .hex:before, .site-panel.hero .carousel .carousel-indicators li:hover.red .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.red .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.red .hex:after { border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; } .site-panel.hero .carousel .carousel-indicators li:hover.red .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.red .hex:before { border-bottom: 8.1px solid #005586; top: -8.1px; } .site-panel.hero .carousel .carousel-indicators li:hover.red .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.red .hex:after { bottom: -8.1px; border-top: 8.1px solid #005586; } .site-panel.hero .carousel .carousel-indicators li:hover.blue .hex, .site-panel.hero .carousel .carousel-indicators li.active.blue .hex { background: #005586; height: 16.2px; position: relative; width: 27px; } .site-panel.hero .carousel .carousel-indicators li:hover.blue .hex:before, .site-panel.hero .carousel .carousel-indicators li:hover.blue .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.blue .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.blue .hex:after { border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; } .site-panel.hero .carousel .carousel-indicators li:hover.blue .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.blue .hex:before { border-bottom: 8.1px solid #005586; top: -8.1px; } .site-panel.hero .carousel .carousel-indicators li:hover.blue .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.blue .hex:after { bottom: -8.1px; border-top: 8.1px solid #005586; } .site-panel.hero .carousel .carousel-indicators li:hover.green .hex, .site-panel.hero .carousel .carousel-indicators li.active.green .hex { background: #005586; height: 16.2px; position: relative; width: 27px; } .site-panel.hero .carousel .carousel-indicators li:hover.green .hex:before, .site-panel.hero .carousel .carousel-indicators li:hover.green .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.green .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.green .hex:after { border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; } .site-panel.hero .carousel .carousel-indicators li:hover.green .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.green .hex:before { border-bottom: 8.1px solid #005586; top: -8.1px; } .site-panel.hero .carousel .carousel-indicators li:hover.green .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.green .hex:after { bottom: -8.1px; border-top: 8.1px solid #005586; } .site-panel.hero .carousel .carousel-indicators li:hover.yellow .hex, .site-panel.hero .carousel .carousel-indicators li.active.yellow .hex { background: #005586; height: 16.2px; position: relative; width: 27px; } .site-panel.hero .carousel .carousel-indicators li:hover.yellow .hex:before, .site-panel.hero .carousel .carousel-indicators li:hover.yellow .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.yellow .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.yellow .hex:after { border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; } .site-panel.hero .carousel .carousel-indicators li:hover.yellow .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.yellow .hex:before { border-bottom: 8.1px solid #005586; top: -8.1px; } .site-panel.hero .carousel .carousel-indicators li:hover.yellow .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.yellow .hex:after { bottom: -8.1px; border-top: 8.1px solid #005586; } .site-panel.hero .carousel .carousel-indicators li:hover.pink .hex, .site-panel.hero .carousel .carousel-indicators li.active.pink .hex { background: #005586; height: 16.2px; position: relative; width: 27px; } .site-panel.hero .carousel .carousel-indicators li:hover.pink .hex:before, .site-panel.hero .carousel .carousel-indicators li:hover.pink .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.pink .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.pink .hex:after { border-left: 13.5px solid transparent; border-right: 13.5px solid transparent; content: ""; height: 0; left: 0; position: absolute; width: 0; } .site-panel.hero .carousel .carousel-indicators li:hover.pink .hex:before, .site-panel.hero .carousel .carousel-indicators li.active.pink .hex:before { border-bottom: 8.1px solid #005586; top: -8.1px; } .site-panel.hero .carousel .carousel-indicators li:hover.pink .hex:after, .site-panel.hero .carousel .carousel-indicators li.active.pink .hex:after { bottom: -8.1px; border-top: 8.1px solid #005586; } .site-panel.services .menu { zoom: 1; list-style: none; padding: 0; } .site-panel.services .menu:before, .site-panel.services .menu:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.services .menu:after { clear: both; } .site-panel.services .menu li { display: inline-block; padding: 0; text-align: center; font-family: 'Trade Gothic Bold', sans-serif; } .site-panel.services .menu li h3 { font-size: 23px; font-size: 2.3rem; text-transform: none; } .site-panel.services .menu li .content { font-size: 15px; font-size: 1.5rem; font-family: 'Trade Gothic', sans-serif; font-weight: normal; height: 85px; overflow: hidden; padding: 0 30px; } .site-panel.services .menu li .read-more { margin-top: 25px; } .site-panel.social > div { zoom: 1; height: 100%; position: relative; } .site-panel.social > div:before, .site-panel.social > div:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.social > div:after { clear: both; } .site-panel.social h3 { font-size: 24px; font-size: 2.4rem; margin: 0; margin-bottom: 15px; } .site-panel.social .assessment-form { background-color: #000; zoom: 1; color: #FFF; } .site-panel.social .assessment-form:before, .site-panel.social .assessment-form:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.social .assessment-form:after { clear: both; } .site-panel.social .assessment-form .more-info { top: 110px; left: 15px; position: absolute; } .site-panel.social .assessment-form form { margin-bottom: -15px; } .site-panel.social .assessment-form form .form-header { border-bottom: 5px solid #FFF; padding: 15px 10px 15px 15px; } .site-panel.social .assessment-form form .form-header h3 { color: #005586; } .site-panel.social .assessment-form form .form-header p { font-size: 16px; font-size: 1.6rem; } .site-panel.social .assessment-form form .form-header i { display: none; } .site-panel.social .assessment-form form .form-content { background-image: url(../img/assessment.png); background-position: center; background-repeat: no-repeat; background-size: cover; zoom: 1; padding: 31px 15px 10px; position: relative; } .site-panel.social .assessment-form form .form-content:before, .site-panel.social .assessment-form form .form-content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.social .assessment-form form .form-content:after { clear: both; } .site-panel.social .assessment-form form .form-content .fields { float: left; width: 70%; } .site-panel.social .assessment-form form .form-content .fields label { display: none; } .site-panel.social .assessment-form form .form-content .fields input { border: none; border-radius: 0; height: auto; margin: 5px 0; padding: 3px 12px; text-transform: uppercase; } .site-panel.social .assessment-form form .form-content .fields input.human { text-transform: none; } .site-panel.social .assessment-form form .form-content .button { bottom: 10px; position: absolute; right: 15px; text-align: center; } .site-panel.social .assessment-form form .form-content .button button { background-color: #005586; margin: 0 auto; width: 85px; } .site-panel.social .assessment-form form .form-content .button button:hover { color: #000; } .site-panel.social .assessment-form form .form-content .button button:hover .sprite.arrow.right, .site-panel.social .assessment-form form section.content .main .sidebar-panel .form-content .button button:hover .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .site-panel.social .assessment-form form .form-content .button button:hover .fields .input.slider .arrow.right.slider-reduce, .site-panel.social .assessment-form form section.content .main .sidebar-panel .form-content .fields .input.slider .button button:hover .arrow.right.slider-reduce, section.content .main .sidebar-panel .site-panel.social .assessment-form form .form-content .fields .input.slider .button button:hover .arrow.right.slider-reduce, .site-panel.social .assessment-form form section.content .main .sidebar-panel .form-content .button button:hover .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .site-panel.social .assessment-form form .form-content .button button:hover .fields .input.slider .arrow.right.slider-increase, .site-panel.social .assessment-form form section.content .main .sidebar-panel .form-content .fields .input.slider .button button:hover .arrow.right.slider-increase, section.content .main .sidebar-panel .site-panel.social .assessment-form form .form-content .fields .input.slider .button button:hover .arrow.right.slider-increase, .site-panel.social .assessment-form form section.content .main .sidebar-panel .form-content .button button:hover .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .site-panel.social .assessment-form form .form-content .button button:hover .fields .input.slider .arrow.right.noUi-handle, .site-panel.social .assessment-form form section.content .main .sidebar-panel .form-content .fields .input.slider .button button:hover .arrow.right.noUi-handle, section.content .main .sidebar-panel .site-panel.social .assessment-form form .form-content .fields .input.slider .button button:hover .arrow.right.noUi-handle { background-position: -23px -275px; } .site-panel.social .social-video { left: 33.33333333333333%; position: absolute; } .site-panel.social .social-video, .site-panel.social .main-video { height: 100%; } .site-panel.social .social-video.video .wrapper, .site-panel.social .main-video.video .wrapper { height: 100%; padding: 0 15px; position: relative; } .site-panel.social .social-video.video .wrapper a, .site-panel.social .main-video.video .wrapper a { bottom: 15px; color: #FFF; display: block; height: 210px; } .site-panel.social .social-video.video .wrapper a figure, .site-panel.social .main-video.video .wrapper a figure { position: relative; } .site-panel.social .social-video.video .wrapper a figure img, .site-panel.social .main-video.video .wrapper a figure img { width: 100%; } .site-panel.social .social-video.video .wrapper a figure .play-button, .site-panel.social .main-video.video .wrapper a figure .play-button { bottom: 0; color: #000; font-size: 86px; font-size: 8.6rem; margin-top: -30px; opacity: 0.5; position: absolute; text-align: center; top: 50%; width: 100%; } .site-panel.social .social-video.video .wrapper a figure .play-button:hover, .site-panel.social .main-video.video .wrapper a figure .play-button:hover { opacity: 1; } .site-panel.social .social-video.video .wrapper .description, .site-panel.social .main-video.video .wrapper .description { margin: 16px 0; } .site-panel.social .social-video.image .wrapper, .site-panel.social .main-video.image .wrapper { border: 1px solid #ccc; color: #58585a; height: 100%; padding: 15px 15px 0; position: relative; } .site-panel.social .social-video.image .wrapper .image, .site-panel.social .main-video.image .wrapper .image { bottom: 0; margin-left: -15px; margin-right: -15px; position: absolute; width: 100%; } .site-panel.social .social-video.image .wrapper .btn, .site-panel.social .main-video.image .wrapper .btn { bottom: 10px; right: 10px; position: absolute; text-align: left; width: 116px; } .site-panel.social .social-feed { color: #58585a; padding: 15px 0; padding-top: 0; } .site-panel.social .social-feed .link { color: #58585a; text-transform: none; } .site-panel.social .social-feed .content a { color: #58585a; } .site-panel.social .social-feed .square-twitter { margin-top: -10px; position: absolute; right: 15px; } .site-panel.social .social-feed .blog-post { border-bottom: 1px solid #58585a; margin-bottom: 25px; padding: 0 15px; padding-bottom: 15px; } .site-panel.social .social-feed .blog-post .btn { background-color: #005586; display: inline; float: right; padding: 6px 12px; padding-right: 37px; width: auto; } .site-panel.social .social-feed .tweet { padding: 0 15px; } .site-panel.footer { zoom: 1; padding: 20px 0; } .site-panel.footer:before, .site-panel.footer:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.footer:after { clear: both; } .site-panel.footer h3 { color: #58585a; font-size: 20px; font-size: 2rem; margin-bottom: 25px; text-transform: uppercase; } .site-panel.footer h5 { color: #000; font-family: 'Trade Gothic Bold', sans-serif; } .site-panel.footer form .form-header h3 { margin-left: 25px; } .site-panel.footer form .form-header i { display: none; } .site-panel.footer form .form-group { margin: 0; } .site-panel.footer form label { display: none; } .site-panel.footer form .fields { display: inline-block; width: 85%; } .site-panel.footer form input { background-color: #e8eaec; border: 0; border-radius: 0; box-shadow: none; font-size: 14px; font-size: 1.4rem; height: 26px; margin-bottom: 0; text-transform: uppercase; } .site-panel.footer form input.human { text-transform: none; } .site-panel.footer form .button { background-color: #e7e7e8; height: 100%; margin: 0; padding: 5px; position: absolute; right: 0; text-align: center; top: 0; width: 15%; } .site-panel.footer form .button .btn { background-color: #005586; border: 1px solid #005586; box-shadow: none; color: #FFFFFF; margin-top: 23px; width: 85px; } .site-panel.footer form .button .btn:hover { color: #000; } .site-panel.footer form .button .btn:hover .sprite.arrow.right, .site-panel.footer form .button .btn:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .site-panel.footer form .button .btn:hover .arrow.right.slider-reduce, .site-panel.footer form .button .btn:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .site-panel.footer form .button .btn:hover .arrow.right.slider-increase, .site-panel.footer form .button .btn:hover section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .site-panel.footer form .button .btn:hover .arrow.right.noUi-handle { background-position: -23px -275px; } .site-panel.footer form .button .btn.icon-placeholder { padding-right: 27px !important; } .site-panel.footer form .input { display: inline-block; font-size: 14px; font-size: 1.4rem; padding: 0; padding-right: 5px; width: 50%; } .site-panel.footer form .input.human { width: 100%; } .site-panel.footer form .input input { height: auto; padding: 3px 12px; width: 100%; } .site-panel.footer form .input:nth-of-type(-n + 4) input { margin-bottom: 5px; } .site-panel.footer form .form-content { padding: 0; position: relative; } .site-panel.footer form .form { zoom: 1; position: relative; height: 100%; } .site-panel.footer form .form:before, .site-panel.footer form .form:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .site-panel.footer form .form:after { clear: both; } .site-panel.footer .connect { text-align: center; } .site-panel.footer .connect .sprite, .site-panel.footer .connect section.content .main .sidebar-panel .form-content .fields .input.slider .slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .site-panel.footer .connect .slider-reduce, .site-panel.footer .connect section.content .main .sidebar-panel .form-content .fields .input.slider .slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .site-panel.footer .connect .slider-increase, .site-panel.footer .connect section.content .main .sidebar-panel .form-content .fields .input.slider .noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .site-panel.footer .connect .noUi-handle { margin-top: 2px; } .site-panel.footer .logo-box { padding-top: 43px; } .site-panel.footer .services { margin-top: 0px; font-size: 14px; font-size: 1.4rem; } .site-panel.footer .services > div { text-align: center; } .site-panel.footer .services > div h5 a { color: #000; } .site-panel.footer .services > div ul { list-style: none; margin: 0; margin-top: 25px; padding: 0; } .site-panel.footer .services > div ul li { color: #58585a; font-size: 12px; font-size: 1.2rem; font-family: 'Trade Gothic Light', sans-serif; font-weight: 200; padding: 3px 0; } .site-panel.footer .services > div ul li a { color: #58585a; } .sidebar-panel { border: 1px solid #bcbdc0; margin-bottom: 25px; } .sidebar-panel.form { text-align: center; } .sidebar-panel.form div.form { margin: 5px 15px; margin-bottom: 15px; } .sidebar-panel.form label { display: none; } .sidebar-panel.form h3 { font-size: 18px; font-size: 1.8rem; text-transform: uppercase; } .sidebar-panel.form p { font-size: 12px; font-size: 1.2rem; } .sidebar-panel.form input { background-color: #e8eaec; border: none; border-radius: 0; box-shadow: none; font-size: 11px; font-size: 1.1rem; height: auto; margin: 3px 0; padding: 3px 5px; text-transform: uppercase; } .sidebar-panel.form input.human { text-transform: none; } .sidebar-panel.form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/arrow-down.png) no-repeat right 10px center; background-color: #e8eaec; border: none; border-radius: 0; box-shadow: none; font-size: 11px; font-size: 1.1rem; height: auto; margin: 3px 0; padding: 3px 5px; text-transform: uppercase; } .sidebar-panel.form button { display: inline-block; height: auto; margin-top: 5px; padding: 5px; width: auto; } .sidebar-panel.featured-page { padding-bottom: 15px; text-align: center; } .sidebar-panel.featured-page h3 { font-size: 18px; font-size: 1.8rem; margin-top: 0; margin-left: 15px; margin-right: 15px; } .sidebar-panel.featured-page p { font-size: 12px; font-size: 1.2rem; margin-left: 15px; margin-right: 15px; } .sidebar-panel.featured-page img { margin-bottom: 15px; max-width: 100%; } .sidebar-panel.featured-page .btn { display: inline-block; font-size: 11px; font-size: 1.1rem; height: auto; margin-top: 5px; margin-left: 15px; margin-right: 15px; padding: 5px; width: auto; text-transform: uppercase; } .sidebar-panel.featured-page .btn.purple { background-color: #005586; } .sidebar-panel.featured-page .btn.red { background-color: #005586; } .sidebar-panel.featured-page .btn.blue { background-color: #005586; } .sidebar-panel.featured-page .btn.green { background-color: #005586; } .sidebar-panel.featured-page .btn.yellow { background-color: #005586; } .sidebar-panel.featured-page .btn.pink { background-color: #ed037c; } .sidebar-panel.link { zoom: 1; margin-bottom: 63px; } .sidebar-panel.link:before, .sidebar-panel.link:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .sidebar-panel.link:after { clear: both; } .sidebar-panel.link a { display: block; } .sidebar-panel.link a i { left: 50% !important; margin: 0; margin-left: -50px !important; margin-top: -25px !important; position: absolute !important; } .sidebar-panel.link a:hover i { background-position: -218px -278px !important; } .content-panel header { background-color: #e8eaec; cursor: pointer; margin-bottom: 15px; padding: 13px; position: relative; } .content-panel header h3 { font-size: 20px; font-size: 2rem; margin: 0; text-transform: uppercase; } .content-panel header i { display: inline-block; font-size: 24px; font-size: 2.4rem; position: absolute; right: 10px; top: 6px; } .content-panel div.content { display: none; margin: 15px 0; padding: 10px; } .content-panel div.content.active { display: block; } .content-panel.documents { zoom: 1; } .content-panel.documents:before, .content-panel.documents:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.documents:after { clear: both; } .content-panel.documents .content { zoom: 1; } .content-panel.documents .content:before, .content-panel.documents .content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.documents .content:after { clear: both; } .content-panel.documents .content img { float: left; } .content-panel.documents .content p { margin: 0; padding: 0; } .content-panel.documents .content .title { font-size: 12px; font-size: 1.2rem; color: #58585a; font-family: 'Trade Gothic Bold', sans-serif; } .content-panel.documents .content .size { font-size: 11px; font-size: 1.1rem; color: #58585a; } .content-panel.documents .content .download { bottom: 0; margin-left: 130px; position: absolute; } .content-panel.videos { zoom: 1; } .content-panel.videos:before, .content-panel.videos:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.videos:after { clear: both; } .content-panel.videos .content { zoom: 1; } .content-panel.videos .content:before, .content-panel.videos .content:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.videos .content:after { clear: both; } .content-panel.videos .content a { color: #FFF; display: block; } .content-panel.videos .content a figure { position: relative; } .content-panel.videos .content a figure img { width: 100%; } .content-panel.videos .content a figure .play-button { bottom: 0; color: #000; font-size: 68px; font-size: 6.8rem; opacity: 0.5; position: absolute; text-align: center; width: 100%; } .content-panel.videos .content a figure .play-button:hover { opacity: 1; } .content-panel.sectors, .content-panel.support, .content-panel.case-studies { zoom: 1; } .content-panel.sectors:before, .content-panel.sectors:after, .content-panel.support:before, .content-panel.support:after, .content-panel.case-studies:before, .content-panel.case-studies:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.sectors:after, .content-panel.support:after, .content-panel.case-studies:after { clear: both; } .content-panel.sectors a, .content-panel.support a, .content-panel.case-studies a { color: #58585a; font-size: 20px; font-size: 2rem; font-family: 'Trade Gothic Bold', sans-serif; text-decoration: none; } .content-panel.sectors a figcaption, .content-panel.support a figcaption, .content-panel.case-studies a figcaption { margin: 15px 0; } .content-panel.sectors a button, .content-panel.support a button, .content-panel.case-studies a button { float: right; margin-right: 5px; margin-top: -45px; } .content-panel.sectors a button .sprite.arrow.right, .content-panel.sectors a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a button .arrow.right.slider-reduce, .content-panel.sectors a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a button .arrow.right.slider-increase, .content-panel.sectors a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a button .arrow.right.noUi-handle, .content-panel.support a button .sprite.arrow.right, .content-panel.support a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a button .arrow.right.slider-reduce, .content-panel.support a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a button .arrow.right.slider-increase, .content-panel.support a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a button .arrow.right.noUi-handle, .content-panel.case-studies a button .sprite.arrow.right, .content-panel.case-studies a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a button .arrow.right.slider-reduce, .content-panel.case-studies a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a button .arrow.right.slider-increase, .content-panel.case-studies a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a button .arrow.right.noUi-handle { margin: 3px 5px; position: relative; right: auto; } .content-panel.sectors a button .sprite.arrow.right:hover, .content-panel.sectors a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a button .arrow.right.slider-reduce:hover, .content-panel.sectors a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a button .arrow.right.slider-increase:hover, .content-panel.sectors a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.sectors a button .arrow.right.noUi-handle:hover, .content-panel.support a button .sprite.arrow.right:hover, .content-panel.support a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a button .arrow.right.slider-reduce:hover, .content-panel.support a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a button .arrow.right.slider-increase:hover, .content-panel.support a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a button .arrow.right.noUi-handle:hover, .content-panel.case-studies a button .sprite.arrow.right:hover, .content-panel.case-studies a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a button .arrow.right.slider-reduce:hover, .content-panel.case-studies a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a button .arrow.right.slider-increase:hover, .content-panel.case-studies a button section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a button .arrow.right.noUi-handle:hover { background-position: -284px -278px; } .content-panel.support a, .content-panel.case-studies a { text-align: center; } .content-panel.support a img, .content-panel.case-studies a img { margin: 0 auto -30px; } .content-panel.support a .btn, .content-panel.case-studies a .btn { border-radius: 40px; float: none; height: 60px; width: 60px; margin: 0; } .content-panel.support a .sprite.arrow.right, .content-panel.support a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a .arrow.right.slider-reduce, .content-panel.support a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a .arrow.right.slider-increase, .content-panel.support a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a .arrow.right.noUi-handle, .content-panel.case-studies a .sprite.arrow.right, .content-panel.case-studies a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a .arrow.right.slider-reduce, .content-panel.case-studies a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a .arrow.right.slider-increase, .content-panel.case-studies a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a .arrow.right.noUi-handle { margin: 3px 5px; position: relative; right: auto; } .content-panel.support a .sprite.arrow.right:hover, .content-panel.support a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a .arrow.right.slider-reduce:hover, .content-panel.support a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a .arrow.right.slider-increase:hover, .content-panel.support a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.support a .arrow.right.noUi-handle:hover, .content-panel.case-studies a .sprite.arrow.right:hover, .content-panel.case-studies a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-reduce:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a .arrow.right.slider-reduce:hover, .content-panel.case-studies a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.slider-increase:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a .arrow.right.slider-increase:hover, .content-panel.case-studies a section.content .main .sidebar-panel .form-content .fields .input.slider .arrow.right.noUi-handle:hover, section.content .main .sidebar-panel .form-content .fields .input.slider .content-panel.case-studies a .arrow.right.noUi-handle:hover { background-position: -284px -278px !important; } .content-panel.support a:hover i, .content-panel.case-studies a:hover i { background-position: -284px -278px !important; } .content-panel.navigation .menu { zoom: 1; list-style: none; padding: 0; } .content-panel.navigation .menu:before, .content-panel.navigation .menu:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.navigation .menu:after { clear: both; } .content-panel.navigation .menu li { display: inline-block; padding: 0; text-align: center; text-transform: uppercase; font-family: 'Trade Gothic Bold', sans-serif; } .content-panel.navigation .menu li a { background-color: #58585a; color: #FFFFFF; display: block; font-weight: normal; font-size: 12px; font-size: 1.2rem; padding: 10px 0 8px; margin: 0 3px; } .content-panel.navigation .menu li a:hover, .content-panel.navigation .menu li a.active { background-color: #005586; text-decoration: none; } .content-panel.navigation .menu li a:hover.red, .content-panel.navigation .menu li a.active.red { background-color: #005586; } .content-panel.navigation .menu li a:hover.blue, .content-panel.navigation .menu li a.active.blue { background-color: #005586; } .content-panel.navigation .menu li a:hover.green, .content-panel.navigation .menu li a.active.green { background-color: #005586; } .content-panel.navigation .menu li a:hover.yellow, .content-panel.navigation .menu li a.active.yellow { background-color: #005586; } .content-panel.navigation .menu li a:hover.pink, .content-panel.navigation .menu li a.active.pink { background-color: #ed037c; } .content-panel.navigation .menu li a:hover.purple, .content-panel.navigation .menu li a.active.purple { background-color: #005586; } .content-panel.navigation .menu li:first-of-type a { margin-left: 0; } .content-panel.navigation .menu li:last-of-type a { margin-right: 0; } .content-panel.testimonial { zoom: 1; margin-bottom: 15px; background: white; /* Old browsers */ background: -moz-linear-gradient(left, white 30%, #e2eaee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(30%, white), color-stop(100%, #e2eaee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, white 30%, #e2eaee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, white 30%, #e2eaee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, white 30%, #e2eaee 100%); /* IE10+ */ background: linear-gradient(to right, white 30%, #e2eaee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2eaee',GradientType=1 ); /* IE6-9 */ } .content-panel.testimonial:before, .content-panel.testimonial:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.testimonial:after { clear: both; } .content-panel.testimonial blockquote { border: none; margin-bottom: 0; padding: 0 15px; } .content-panel.testimonial blockquote p { color: #57585b; font-size: 20px; font-size: 2rem; margin-bottom: 5px; } .content-panel.testimonial blockquote cite { color: #57585b; font-size: 17px; font-size: 1.7rem; } .content-panel.testimonial blockquote cite:before { content: ""; } .content-panel.member { border-bottom: 1px solid #333333; zoom: 1; margin-bottom: 15px; padding: 15px 0; } .content-panel.member:before, .content-panel.member:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .content-panel.member:after { clear: both; } .content-panel.member:last-of-type { border: none; margin-bottom: 0; } .contact-locations .nav-tabs { border-bottom: 0px solid #58585a; margin-bottom: 10px; } .contact-locations .nav-tabs li:after { content: "|"; font-size: 24px; font-size: 2.4rem; margin: 0 10px; } .contact-locations .nav-tabs li.active a { color: #005586; } .contact-locations .nav-tabs li:last-of-type { margin-right: 0; } .contact-locations .nav-tabs li:last-of-type:after { content: ""; margin: 0; } .contact-locations .nav-tabs li a, .contact-locations .nav-tabs li a:hover, .contact-locations .nav-tabs li a:active { background: none; border: none; color: #333; display: inline-block; font-family: 'Trade Gothic Bold', sans-serif; font-size: 24px; font-size: 2.4rem; line-height: 1.1; margin: 0; margin-top: 0px; margin-bottom: 0px; padding: 0; text-transform: uppercase; } .contact-locations .nav-tabs li a:hover, .contact-locations .nav-tabs li a:hover:hover, .contact-locations .nav-tabs li a:active:hover { color: #005586; } .contact-locations .contact-details { padding-left: 0; } .contact-locations .contact-map { padding-right: 0; } .search-results { margin-bottom: 25px; } .search-results h1 { font-size: 42px; font-size: 4.2rem; } .search-results h2 { color: #444; font-size: 30px; font-size: 3rem; } .search-results ol { list-style: none; margin: 0; padding: 0; } .search-results ol li { border-bottom: 1px solid #58585a; zoom: 1; display: block; padding: 15px 5px; position: relative; } .search-results ol li:before, .search-results ol li:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .search-results ol li:after { clear: both; } .search-results ol li:last-of-type { border: none; } .search-results ol li .title a { color: #58585a; font-size: 22px; font-size: 2.2rem; } .search-results ol li .link { top: 15px; position: absolute; right: 5px; } @media screen and (max-width: 480px) { body .row { margin-left: 0; margin-right: 0; } body header.main .logo-box { margin-bottom: 15px; text-align: center; } body header.main .logo-box .sprite.logo, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-reduce, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-reduce, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-reduce, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-reduce, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-increase, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-increase, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-increase, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-increase, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.noUi-handle, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.noUi-handle, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.noUi-handle, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.noUi-handle { background-position: 0 -111px; height: 66px; width: 230px; } body header.main .utilities .email, body header.main .utilities .telephone { display: none; } body .site-panel.hero .menu { display: none; } body .site-panel.hero .carousel .content { width: auto !important; } body .site-panel.hero .carousel .content h2 { font-size: 54px; font-size: 5.4rem; } body .site-panel.services { border: none; padding: 20px 15px; } body .site-panel.services .menu li { margin-bottom: 25px; } body .site-panel.partners { padding: 20px 15px; } body .site-panel.partners ul { text-align: center; } body .site-panel.social { border: none; } body .site-panel.social .social-video { display: none; } body .site-panel.social .social-feed { padding: 0 15px; } body .site-panel.social .social-feed h3 { font-size: 22px; font-size: 2.2rem; } body .site-panel.social .social-feed .square-twitter { right: 15px; } body .site-panel.footer form { zoom: 1; } body .site-panel.footer form:before, body .site-panel.footer form:after { content: "\0020"; display: block; height: 0; overflow: hidden; } body .site-panel.footer form:after { clear: both; } body .site-panel.footer form .outer-box .form-button-background { background: none; height: auto; margin: 0; padding: 0; position: relative; right: auto; text-align: left; } body .site-panel.footer form .outer-box .form-button-background button { margin-top: 0; width: 100%; } body .site-panel.footer .connect { text-align: center; } body .site-panel.footer .logo-box { display: none; } body .site-panel.footer .services > div { padding: 0; } body .content .content-panel.documents .content div, body .content .content-panel.videos .content div { margin-bottom: 25px; } body .content .content-panel.documents .content div:last-of-type, body .content .content-panel.videos .content div:last-of-type { margin-bottom: 0; } body .content .sidebar-panel.form .form-content .fields, body .content .sidebar-panel.form .form-content .button { position: relative; width: 100%; } body .content .sidebar-panel.form .form-content .button button { width: inherit; } } @media screen and (max-width: 768px) { body .row { margin-left: 0; margin-right: 0; } body header.main .logo-box { margin-bottom: 15px; text-align: center; } body header.main .logo-box .sprite.logo, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-reduce, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-reduce, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-reduce, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-reduce, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-increase, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-increase, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-increase, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-increase, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.noUi-handle, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.noUi-handle, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.noUi-handle, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.noUi-handle { background-position: 0 -111px; height: 66px; width: 230px; } body header.main .utilities .email, body header.main .utilities .telephone { display: none; } body .site-panel.hero .menu { display: none; } body .site-panel.hero .carousel .content h2 { font-size: 54px; font-size: 5.4rem; } body .site-panel.services { border: none; padding: 20px 15px; } body .site-panel.services .menu li { margin-bottom: 25px; } body .site-panel.partners { padding: 20px 15px; } body .site-panel.partners ul { text-align: center; } body .site-panel.social { border: none; } body .site-panel.social .social-video { display: none; } body .site-panel.social .social-feed { padding: 0 15px; } body .site-panel.social .social-feed h3 { font-size: 22px; font-size: 2.2rem; } body .site-panel.social .social-feed .square-twitter { right: 15px; } body .site-panel.footer form { zoom: 1; } body .site-panel.footer form:before, body .site-panel.footer form:after { content: "\0020"; display: block; height: 0; overflow: hidden; } body .site-panel.footer form:after { clear: both; } body .site-panel.footer form .outer-box .form-button-background { background: none; height: auto; margin: 0; padding: 0; position: relative; right: auto; text-align: left; } body .site-panel.footer form .outer-box .form-button-background button { margin-top: 0; width: 100%; } body .site-panel.footer .connect { text-align: center; } body .site-panel.footer .logo-box { display: none; } body .site-panel.footer .services > div { padding: 0; } body .content .content-panel.documents .content div, body .content .content-panel.videos .content div { margin-bottom: 25px; } body .content .content-panel.documents .content div:last-of-type, body .content .content-panel.videos .content div:last-of-type { margin-bottom: 0; } body .content .sidebar-panel.form .form-content .fields, body .content .sidebar-panel.form .form-content .button { position: relative; width: 100%; } body .content .sidebar-panel.form .form-content .button button { width: inherit; } } @media screen and (max-width: 992px) { body .row { margin-left: 0; margin-right: 0; } body header.main .logo-box { margin-bottom: 15px; text-align: center; } body header.main .logo-box .sprite.logo, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-reduce, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-reduce, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-reduce, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-reduce, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-increase, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.slider-increase, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-increase, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.slider-increase, body section.content header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.noUi-handle, section.content body header.main .logo-box .sidebar-panel .form-content .fields .input.slider .logo.noUi-handle, body section.content header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.noUi-handle, section.content body header.main .sidebar-panel .form-content .fields .input.slider .logo-box .logo.noUi-handle { background-position: 0 -111px; height: 66px; width: 230px; } body header.main .utilities .email, body header.main .utilities .telephone { display: none; } body .site-panel.services { border: none; padding: 20px 15px; } body .site-panel.services .menu li { margin-bottom: 25px; } body .site-panel.partners { padding: 20px 15px; } body .site-panel.partners ul { text-align: center; } body .site-panel.social { border: none; } body .site-panel.social .social-video { display: none; } body .site-panel.social .social-feed { padding: 0 15px; } body .site-panel.social .social-feed h3 { font-size: 22px; font-size: 2.2rem; } body .site-panel.social .social-feed .square-twitter { right: 15px; } body .site-panel.footer form { zoom: 1; } body .site-panel.footer form:before, body .site-panel.footer form:after { content: "\0020"; display: block; height: 0; overflow: hidden; } body .site-panel.footer form:after { clear: both; } body .site-panel.footer form .outer-box .form-button-background { background: none; height: auto; margin: 0; padding: 0; position: relative; right: auto; text-align: left; } body .site-panel.footer form .outer-box .form-button-background button { margin-top: 0; width: 100%; } body .site-panel.footer .connect { text-align: center; } body .site-panel.footer .logo-box { display: none; } body .site-panel.footer .services > div { padding: 0; } body .content .content-panel.documents .content div, body .content .content-panel.videos .content div { margin-bottom: 25px; } body .content .content-panel.documents .content div:last-of-type, body .content .content-panel.videos .content div:last-of-type { margin-bottom: 0; } body .content .sidebar-panel.form .form-content .fields, body .content .sidebar-panel.form .form-content .button { position: relative; width: 100%; } body .content .sidebar-panel.form .form-content .button button { width: inherit; } }