/*------------------------------------------- Grid -------------------------------------------*/ .gridded { margin: 0 auto; overflow: hidden; } .gridded .row { clear: both; overflow: hidden; } .gridded .container { overflow: hidden; margin: 0 auto; width: 90%; min-width: 320px; max-width: 1140px; } .gridded .column { float: left; margin: 0 1.0416666666666667%; } .gridded .column.right { float: right; } .gridded .c-alpha { margin-left: 0px; } .gridded .c-omega { margin-right: 0px; } /* Columns */ .gridded .c-1 { width: 6.25%; } .gridded .c-2 { width: 14.5833333333333333%; } .gridded .c-3 { width: 22.9166666666666667%; } .gridded .c-4 { width: 31.25%; } .gridded .c-5 { width: 39.5833333333333333%; } .gridded .c-6 { width: 47.9166666666666667%; } .gridded .c-7 { width: 56.25%; } .gridded .c-8 { width: 64.5833333333333333%; } .gridded .c-9 { width: 72.9166666666666667%; } .gridded .c-10 { width: 81.25%; } .gridded .c-11 { width: 89.5833333333333333%; } .gridded .c-12 { } /* Prefix - Push columns from left */ .gridded .prefix-1 { padding-left: 8.3333333333%; } .gridded .prefix-2 { padding-left: 14.5833333333%; } .gridded .prefix-3 { padding-left: 21.875%; } .gridded .prefix-4 { padding-left: 29.1666666667%; } .gridded .prefix-5 { padding-left: 36.4583333333%; } .gridded .prefix-6 { padding-left: 43.75%; } .gridded .prefix-7 { padding-left: 51.0416666667%; } .gridded .prefix-8 { padding-left: 58.3333333333%; } .gridded .prefix-9 { padding-left: 65.625%; } .gridded .prefix-10 { padding-left: 72.9166666667%; } .gridded .prefix-11 { padding-left: 80.2083333333%; } /* Suffix - Push columns from left */ .gridded .suffix-1 { padding-right: 8.3333333333%; } .gridded .suffix-2 { padding-right: 14.5833333333%; } .gridded .suffix-3 { padding-right: 21.875%; } .gridded .suffix-4 { padding-right: 29.1666666667%; } .gridded .suffix-5 { padding-right: 36.4583333333%; } .gridded .suffix-6 { padding-right: 43.75%; } .gridded .suffix-7 { padding-right: 51.0416666667%; } .gridded .suffix-8 { padding-right: 58.3333333333%; } .gridded .suffix-9 { padding-right: 65.625%; } .gridded .suffix-10 { padding-right: 72.9166666667%; } .gridded .suffix-11 { padding-right: 80.2083333333%; } @media screen and (max-width: 780px) { .gridded .container { width: 96%; } } /* Form Styles */ body.inframe { min-width: 100px; } /* Fix resizing in iFrames */ h4.fields_required { clear: none; display: inline; float: left; font-size: 14px; margin-top: 1px; width: auto;} span.fields_required { background:url("../images/icon_form_required.png") no-repeat left 2px; float: left; margin: 0 0 25px 10px; padding: 0 0 0 12px; } .formbuilder { font-family: myriad-pro, sans-serif; overflow: visible; } .formbuilder fieldset { margin: 0 0 25px 0; overflow: hidden; width: 48%; } .formbuilder fieldset.name { clear: both; margin: 0 0 25px 0; width: 100%; } .formbuilder fieldset.text_area { clear: both; margin: 0 0 25px 0; width: 98%; } .formbuilder fieldset.select { clear: both; width: 100%; } .formbuilder label { display: block; float: left; margin: 0 0 10px 0; font-weight: 400; color: #666; line-height: 14px; font-size: 14px; } .formbuilder label.required span { background: url("../images/icon_form_required.png") no-repeat center; display: block; float: right; height: 10px; margin: 0 0 0 2px; width: 10px; } .formbuilder fieldset.select label { margin-bottom: 13px; } .formbuilder select { clear: both; margin-bottom: 3px; width: 100%; } .formbuilder .fb_sublabel { margin: 5px 0 0 0; font-size: 10px; color: #999; line-height: 10px; text-transform: none; } .formbuilder .fb_centered { text-align: center; } .formbuilder input { border: 1px solid #7C7C7C; border-color: #7C7C7C #C3C3C3 #DDDDDD #C3C3C3; clear: both; color: #5D5E5F; font-family: myriad-pro, sans-serif; line-height: 27px; padding: 3px 5px; width: 95%; font-size: 13px; } .formbuilder textarea { border: 1px solid #7C7C7C; border-color: #7C7C7C #C3C3C3 #DDDDDD #C3C3C3; clear: both; color: #5D5E5F; font-family: myriad-pro, sans-serif; font-size: 13px; height: 100px; padding: 5px 5px; width: 95%; } .formbuilder .fb_radio { margin: 0 0 10px 0; font-size: 14px; line-height: 14px; } .formbuilder .fb_radio input { width: auto; height: auto; margin: 0 5px 0 0; } .formbuilder .fb_radio_last { margin: 0; } .formbuilder .fb_checkbox { margin: 0 0 10px 0; font-size: 14px; line-height: 14px; } .formbuilder .fb_checkbox input { width: auto; height: auto; margin: 0 5px 0 0; } .formbuilder .fb_checkbox_last { margin: 0; } .formbuilder select { display: block; font-family: "Verdana"; position: relative; z-index: 100; } .formbuilder .fb_wrap { overflow: hidden; width: 100%;} .formbuilder .fb_split, .formbuilder .fb_column { float: left; margin: 0; width: 50%; } /* .formbuilder .fb_firstname input, .formbuilder .fb_lastname input, .formbuilder .fb_split input, .formbuilder .fb_column input { width: 100%; } */ .formbuilder .fb_firstname, .formbuilder .fb_lastname { margin: 0 2% 0 0; width: 48%; } .formbuilder .fb_firstname { float: left; } .formbuilder .fb_lastname { float: left; } .formbuilder .fb_column_wrap { clear: both; float: left; width: 100%; } .formbuilder .fb_column { float: left; margin: 0 2% 0 0; width: 48%; } .formbuilder .fb_column fieldset { width: 100%; } .formbuilder .fb_column textarea { width: 100%; } .formbuilder .fb_column .fb_checkbox input, .formbuilder .fb_column .fb_radio input { width: auto; height: auto; } .formbuilder .fb_date_2 { float: left; width: 40px; margin: 0 10px 0 0; } .formbuilder .fb_date_2 input { width: 28px; } .formbuilder .fb_date_4 { float: left; width: 55px; } .formbuilder .fb_date_4 input { width: 43px; } .formbuilder .fb_full { margin: 0 0 15px 0; overflow: hidden; } .formbuilder .fb_split { margin: 0 20px 15px 0; overflow: hidden; } .formbuilder .fb_phone_3 { float: left; max-width: 50px; margin: 0 2% 0 0; width: 28%; } .formbuilder .fb_phone_3 input { width: 40px; } .formbuilder .fb_phone_4 { float: left; max-width: 65px; width: 40%; } .formbuilder .fb_phone_4 input { max-width: 50px; } .formbuilder fieldset p { clear: both; color: #666; font-size: 12px; line-height: 14px; margin: 0 0 15px 0; } .formbuilder .fb_submit.button { background: #78A12E url(../images/icon_arrow_white.png) no-repeat right center; border: none; clear: both; color: #fff; cursor: pointer; /* display: block; */float: left; font-weight: 600; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 35px; line-height: 38px; overflow: hidden; padding: 0 45px 3px 12px; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .formbuilder input.error { border-color: #900; } .formbuilder .error input { border-color: #900; } .formbuilder .error label { color: #900; } .formbuilder .fb_errors { background: #900; border: 1px solid #AE2300; color: #fff; padding: 15px; } .recaptchatable .recaptcha_r2_c1 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -18px 0 transparent !important; } .recaptchatable .recaptcha_r2_c2 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -27px 0 transparent !important; } .recaptchatable .recaptcha_r4_c2 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -36px 0 transparent !important; } .recaptchatable .recaptcha_r4_c4 { background: url("http://www.google.com/recaptcha/api/img/red/sprite.png") no-repeat scroll -214px 0 transparent !important; } @media screen and (max-width: 450px) { .formbuilder * { clear: both; float: left; } .formbuilder fieldset { width: 99%; } .formbuilder .fb_firstname { margin-bottom: 12px; } .formbuilder .fb_firstname, .formbuilder .fb_lastname, .formbuilder .fb_column, .formbuilder fieldset.text_area { width: 99%; } .formbuilder .fb_submit.button { margin: 0; } } /*---------------------------------------------- Keyframe Animations ----------------------------------------------*/ body { -webkit-transform: translateZ(1); } /* iOS optimization */ .animated, .animated-fast { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .animated { -webkit-animation: 1s ease-out; -moz-animation: 1s ease-out; -ms-animation: 1s ease-out; -o-animation: 1s ease-out; animation: 1s ease-out; } .animated-fast { -webkit-animation: 0.5s ease-in-out; -moz-animation: 0.5s ease-in-out; -ms-animation: 0.5s ease-in-out; -o-animation: 0.5s ease-in-out; animation: 0.5s ease-in-out; } /* Fade Slide IN */ @-webkit-keyframes fadeSlideIn { 0% { -webkit-transform: translateX(50px); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-moz-keyframes fadeSlideIn { 0% { -moz-transform: translateX(50px); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-ms-keyframes fadeSlideIn { 0% { -ms-transform: translateX(50px); opacity: 0; } 100% { -ms-transform: translateX(0px); opacity: 1; } } @-o-keyframes fadeSlideIn { 0% { -o-transform: translateX(50px); opacity: 0; } 100% { -o-transform: translateX(0px); opacity: 1; } } @keyframes fadeSlideIn { 0% { transform: translateX(50px); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } /* Fade OUT */ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Slide UP */ @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(100%); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideUp { 0% { -moz-transform: translateY(100%); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes slideUp { 0% { -ms-transform: translateY(100%); } 100% { -ms-transform: translateY(0); } } @-o-keyframes slideUp { 0% { -o-transform: translateY(100%); } 100% { -o-transform: translateY(0); } } @keyframes slideUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } /* Slide DOWN */ @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(0); } 100% { -webkit-transform: translateY(100%); } } @-moz-keyframes slideDown { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(100%); } } @-ms-keyframes slideDown { 0% { -ms-transform: translateY(0); } 100% { -ms-transform: translateY(100%); } } @-o-keyframes slideDown { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(100%); } } @keyframes slideDown { 0% { transform: translateY(0); } 100% { transform: translateY(100%); } } /* Fade Slide UP */ @-webkit-keyframes fadeSlideUp { 0% { -webkit-transform: translateY(10px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes fadeSlideUp { 0% { -moz-transform: translateY(10px); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @-ms-keyframes fadeSlideUp { 0% { -ms-transform: translateY(10px); opacity: 0; } 100% { -ms-transform: translateY(0); opacity: 1; } } @-o-keyframes fadeSlideUp { 0% { -o-transform: translateY(10px); opacity: 0; } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes fadeSlideUp { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } /* SLIDE IN FROM LEFT */ @-webkit-keyframes slideInFromLeft { 0% { -webkit-transform: translateX(-99.89%); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes slideInFromLeft { 0% { -moz-transform: translateX(-99.89%); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes slideInFromLeft { 0% { -ms-transform: translateX(-99.89%); } 100% { -ms-transform: translateX(0%); } } @-o-keyframes slideInFromLeft { 0% { -o-transform: translateX(-99.89%); } 100% { -o-transform: translateX(0%); } } @-keyframes slideInFromLeft { 0% { transform: translateX(-99.89%); } 100% { transform: translateX(0%); } } /* SLIDE IN FROM RIGHT */ @-webkit-keyframes slideInFromRight { 0% { -webkit-transform: translateX(99.89%); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes slideInFromRight { 0% { -moz-transform: translateX(99.89%); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes slideInFromRight { 0% { -ms-transform: translateX(99.89%); } 100% { -ms-transform: translateX(0%); } } @-o-keyframes slideInFromRight { 0% { -o-transform: translateX(99.89%); } 100% { -o-transform: translateX(0%); } } @-keyframes slideInFromRight { 0% { transform: translateX(99.89%); } 100% { transform: translateX(0%); } } /* SLIDE OUT TO LEFT */ @-webkit-keyframes slideOutToLeft { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-99.89%); } } @-moz-keyframes slideOutToLeft { 0% { -moz-transform: translateX(0%); } 100% { -moz-transform: translateX(-99.89%); } } @-ms-keyframes slideOutToLeft { 0% { -ms-transform: translateX(0%); } 100% { -ms-transform: translateX(-99.89%); } } @-o-keyframes slideOutToLeft { 0% { -o-transform: translateX(0%); } 100% { -o-transform: translateX(-99.89%); } } @-keyframes slideOutToLeft { 0% { transform: translateX(0%); } 100% { transform: translateX(-99.89%); } } /* SLIDE OUT TO RIGHT */ @-webkit-keyframes slideOutToRight { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(99.89%); } } @-moz-keyframes slideOutToRight { 0% { -moz-transform: translateX(0%); } 100% { -moz-transform: translateX(99.89%); } } @-ms-keyframes slideOutToRight { 0% { -ms-transform: translateX(0%); } 100% { -ms-transform: translateX(99.89%); } } @-o-keyframes slideOutToRight { 0% { -o-transform: translateX(0%); } 100% { -o-transform: translateX(99.89%); } } @-keyframes slideOutToRight { 0% { transform: translateX(0%); } 100% { transform: translateX(99.89%); } } /* SLIDE LEFT TO RIGHT */ @-webkit-keyframes leftToRight { 0% { -webkit-transform: translateX(-99.89%); } 100% { -webkit-transform: translateX(99.89%); } } @-moz-keyframes leftToRight { 0% { -moz-transform: translateX(-99.89%); } 100% { -moz-transform: translateX(99.89%); } } @-ms-keyframes leftToRight { 0% { -ms-transform: translateX(-99.89%); } 100% { -ms-transform: translateX(99.89%); } } @-o-keyframes leftToRight { 0% { -o-transform: translateX(-99.89%); } 100% { -o-transform: translateX(99.89%); } } @-keyframes leftToRight { 0% { transform: translateX(-99.89%); } 100% { transform: translateX(99.89%); } } /* SLIDE RIGHT TO LEFT */ @-webkit-keyframes rightToLeft { 0% { -webkit-transform: translateX(99.89%); } 100% { -webkit-transform: translateX(-99.89%); } } @-moz-keyframes rightToLeft { 0% { -moz-transform: translateX(99.89%); } 100% { -moz-transform: translateX(-99.89%); } } @-ms-keyframes rightToLeft { 0% { -ms-transform: translateX(99.89%); } 100% { -ms-transform: translateX(-99.89%); } } @-o-keyframes rightToLeft { 0% { -o-transform: translateX(99.89%); } 100% { -o-transform: translateX(-99.89%); } } @-keyframes rightToLeft { 0% { transform: translateX(99.89%); } 100% { transform: translateX(-99.89%); } } /*----------------------------------------------------------------------------------- Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } a { color: inherit; text-decoration: none; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /* HTML5 reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*------------------------------------------- Transitions -------------------------------------------*/ *, *:link, *:visited, *:hover, *:active, *:focus { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } /*------------------------------------------- Elements -------------------------------------------*/ html * { visibility: hidden; -webkit-font-smoothing: antialiased; } html.wf-active *, html.is-android * { visibility: visible; } body { background: #343131; color: #4C4C4C; font-family: myriad-pro, sans-serif; font-size: 13px; font-weight: 400; line-height: 18px; min-width: 320px; } body.iframe { background: #fff; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; line-height: 1.1; } h1 { font-family: myriad-pro, sans-serif; font-weight: 400; } h2 { font-family: myriad-pro, sans-serif; font-weight: 400; } h3 { font-family: myriad-pro, sans-serif; font-weight: 400; } h4 { color: #5F5F5F; font-family: myriad-pro, sans-serif; font-weight: 700; text-transform: uppercase } h5 { font-family: myriad-pro, sans-serif; font-weight: 600; } h6 { font-family: myriad-pro, sans-serif; font-weight: 600; } p { font-size: 14px; font-weight: 400; line-height: 1.4; margin: 10px 0 15px; } em { font-style: italic; } strong { font-weight: 600; } a { color: #82AC3B; text-decoration: none; } a:hover { color: #333; } h4 a { color: #5F5F5F; } h4 a:hover { color: #82AC3B; } hr { border: 1px solid #E1E2E2; border-width: 0 0 3px 0; } #blog hr { margin-bottom: 20px; } .button { background: url(../images/icon_arrow_white.png) no-repeat right 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; display: block; float: left; font-weight: 600; height: 38px; line-height: 38px; overflow: hidden; padding: 0 45px 0 12px; text-overflow: ellipsis; text-transform: uppercase; width: auto; } .button:hover { color: #fff; } .button.gray { background-color: #888; } .button.gray:hover { background-color: #676767; } .button.green { background-color: #82AC3B; } .button.green:hover { background-color: #6F9433; } .button.pad { margin-right: 10px; } .only_mobile { display: none; } .modal_content { display: none; } .no_select { /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; */ } .link_external { background: url(../images/icon_link_external.png) no-repeat right center; padding-right: 12px; } .hide { display: none; } .column-align { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .block_left { float: left; margin: 0 20px 20px 0; } .right { float: right; } .block_right { float: right; margin: 0 0 20px 20px; } .clear { clear: both; } .contain { overflow: hidden; } /*------------------------------------------- Header -------------------------------------------*/ #header { background: #fff; position: relative; } #header .wrapper { position: relative; } #header .container { overflow: visible; position: relative; } #header a.branding { background: url(../images/logo_large.png) no-repeat; background-size: 100% auto; display: block; float: left; height: 64px; margin: 30px 0; text-indent: -99999px; width: 307px; } #header hr.rule { background: #262626; border: none; bottom: 38px; display: block; height: 1px; overflow: visible; position: absolute; width: 100%; } #header .nav_top { position: absolute; padding: 0; right: 10px; text-transform: lowercase; top: 10px; width: auto; } #header .nav_top li { border-right: 1px solid #EDF2F4; float: left; font-size: 11px; height: 40px; overflow-y: visible; text-align: center; text-transform: lowercase; } #header .nav_top li.last { border: none; } #header .nav_top a { background: url(../images/icons_top_nav.png) no-repeat 0 center; color: #B6B8BA; display: block; height: 20px; padding: 21px 12px 0; } #header .nav_top a, .nav_top a:hover, #header .nav_top a span, .nav_top a:hover span { -webkit-transition: background-position 0s, margin 0.1s linear; -moz-transition: background-position 0s, margin 0.1s linear; -ms-transition: background-position 0s, margin 0.1s linear; -o-transition: background-position 0s, margin 0.1s linear; transition: background-position 0s, margin 0.1s linear; } #header .nav_top a:hover { color: #82AC3B; margin-top: 5px; } #header .nav_top .pressroom a { background-position: center 3px; width: 52px; } #header .nav_top .pressroom a:hover { background-position: center -47px; } #header .nav_top .blog a { background-position: center -96px; width: 22px; } #header .nav_top .blog a:hover { background-position: center -146px; } #header .nav_top .contact a { background-position: center -195px; width: 39px; } #header .nav_top .contact a:hover { background-position: center -245px; } #header .nav_top .careers a { background-position: center -295px; width: 36px; } #header .nav_top .careers a:hover { background-position: center -345px; } #header .nav_top .dev a { background-position: center -394px; width: 60px; } #header .nav_top .dev:hover a { background-position: center -444px; } #header .nav_top .clients a { background-position: center -497px; width: 33px; } #header .nav_top .clients a:hover { background-position: center -547px; } #header .nav_top .search a { background-position: center -596px; width: 31px; } #header .nav_top .search a:hover { background-position: center -646px; } #header .nav_main .column { width: 100%; margin: 0; } #header .nav_main { background: url(../images/bg_lines_dark.png); clear: both; float: none; font-size: 14px; height: 50px; line-height: 1; } #header .nav_main li { display: block; float: left; position: relative; height: 47px; } #header .nav_main a { border-bottom: 3px solid #78A22F; color: #fff; display: table; font-weight: 400; height: 100%; padding: 0; position: relative; text-transform: uppercase; width: 100%; z-index: 99; } #header .nav_main a:hover, #header .nav_main li:hover a { background: #eee; border-top: 5px solid #eee; border-color: #eee; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); color: #333; margin-top: -5px; padding: 0; z-index: 99; } #header .nav_main a span { display: table-cell; padding: 0; text-align: center; vertical-align: middle; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } #header .nav_main a, #header .nav_main a:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #header .nav_main .i-monetize { width: 16%; } #header .nav_main .i-advertise { width: 16%; } #header .nav_main .i-data-technology { width: 24.5%; } #header .nav_main .i-mobile-intelligence { width: 24.5%; } #header .nav_main .i-our-company { width: 19%; } #header .nav_main a.active { border-color: #fff; } #header .nav_main li:hover { } #header .nav_main li:hover .dropdown { display: block; } #header .nav_main li .dropdown { background: #eee; border-top: 1px solid #DBDBDB; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); display: none; position: absolute; top: 46px; padding: 15px 0 12px; width: 100%; min-width: 100px; z-index: 100; } #header .nav_main li .dropdown a { background: transparent; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; clear: both; color: #666; display: block; float: none; font-size: 13px; height: auto; line-height: 1.2; padding: 5px 20px; text-transform: none; width: auto; } #header .nav_main li .dropdown a:hover { color: #82AC3B; } /* #header .nav_main li .dropdown a.link_external { background: url(../images/icon_link_external.png) no-repeat right center; } */ #header .nav_main li.i-our-company .dropdown { left: auto; right: 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { #header .nav_main li { height: 50px; } #header .nav_main li .dropdown { box-sizing: content-box; top: 45px; width: 100%; } .is-chrome #header .nav_main a:hover, #header .nav_main li:hover a { margin-top: -3px; } /* .is-chrome #header .nav_main li.i-our-company .dropdown { right: -8px; } */ } /* .is-chrome #header .nav_main li .dropdown { padding-right: 8px; } */ #breadcrumb { border-bottom: 3px solid #E1E1E1; float: none; margin: 15px 0 20px; overflow: hidden; padding: 0 5px 13px; } #breadcrumb li { background: url(../images/icon_breadcrumb_divider.png) no-repeat right 5px; float: left; list-style: none; padding: 0 12px 0 8px; } #breadcrumb li.last { background: none; padding-right: 0; } #breadcrumb li.page { background: none; padding: 0 0 0 5px; } #breadcrumb li a, #breadcrumb li span { color: #78A12E; display: block; font-size: 12px; text-transform: uppercase; } #breadcrumb li a:hover { color: #333; } #breadcrumb li span { color: #666; } /*------------------------------------------- Footer -------------------------------------------*/ #footer { background: #343131; box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); margin: 0; padding: 50px 0 30px; } #footer h4 { border-bottom: 3px solid #676666; color: #ccc; font-size: 14px; margin: 0 0 20px 0; padding: 0 0 10px; } #footer .no_mobile { display: inline; } #footer li a { color: #ccc; } #footer li a:hover { color: #fff; } #footer .links a { display: block; font-size: 14px; } #footer .links li { border-bottom: 1px solid #4E4C4C; color: #ccc; float: none; height: 24px; line-height: 26px; padding: 6px 0; } #footer .links a.social { background: url(../images/icons_footer_social.png) no-repeat left top; display: block; padding: 0 0 0 33px; } #footer .links a.social, #footer .links a.social:hover { -webkit-transition: background-position 0s; -moz-transition: background-position 0s; -ms-transition: background-position 0s; -o-transition: background-position 0s; transition: background-position 0s; } #footer .links a.facebook { background-position: 0 0; } #footer .links a.facebook:hover { background-position: 0 -50px; } #footer .links a.twitter { background-position: 0 -100px; } #footer .links a.twitter:hover { background-position: 0 -150px; } #footer .links a.linkedin { background-position: 0 -200px; } #footer .links a.linkedin:hover { background-position: 0 -250px; } #footer .links a.youtube { background-position: 0 -300px; } #footer .links a.youtube:hover { background-position: 0 -350px; } #footer .privacy p { color: #ccc; } #footer .copyright { float: none; } #footer .copyright ul { color: #ccc; margin: 30px auto 0; text-align: center; } #footer .copyright li { background: url(../images/icon_footer_divider.png) no-repeat right 12px; display: inline; height: auto; padding: 0 11px 0 9px; } #footer .copyright li.last { background: none; } #footer .copyright a { color: #ccc; } #footer .copyright a:hover { color: #fff; text-decoration: underline; } #footer .copyright ul span { background: url(../images/icon_footer_divider.png) no-repeat left 12px; margin: 0 0 0 9px; padding: 0 0 0 11px; } #footer .button { background-color: #666; } #footer .button:hover { background-color: #777; } #footer a.branding { background: url(../images/logo_small.png) no-repeat; display: block; height: 37px; margin: 25px auto 10px; text-indent: -99999px; width: 175px; } #main { background: #fff; padding-bottom: 50px; } /*------------------------------------------- Home Page -------------------------------------------*/ #feature { background: url(../images/bg_feature.png); height: 425px; width: 100%; } #feature .container { position: relative; } #feature menu.animate .indicator { -webkit-transition: left 0.3s ease-in-out, width 0.1s linear; -moz-transition: left 0.3s ease-in-out, width 0.1s linear; -ms-transition: left 0.3s ease-in-out, width 0.1s linear; -o-transition: left 0.3s ease-in-out, width 0.1s linear; transition: left 0.3s ease-in-out, width 0.1s linear; } #feature .frame { height: 400px; margin: 25px 0 0 0; position: relative; width: 100%; } #feature article { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-transition: background-position 0.5s ease-in-out, background-color 0.5s linear; -moz-transition: background-position 0.5s ease-in-out, background-color 0.5s linear; -ms-transition: background-position 0.5s ease-in-out, background-color 0.5s linear; -o-transition: background-position 0.5s ease-in-out, background-color 0.5s linear; transition: background-position 0.5s ease-in-out, background-color 0.5s linear; } #feature article.active { background: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; z-index: 2; } #feature article, #feature article.inactive { background-position: left 400px; } #feature article.active { background-position: left 0; } #feature .copy { padding-top: 50px; } #feature .copy h2 { color: #fff; font-size: 60px; font-weight: 300; line-height: 0.95; letter-spacing: -0.01em; margin: 0 0 15px 0; text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.45); } #feature .copy h2 span { display: block; font-size: 48px; } #feature .copy p { color: #ccc; font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 20px; } #feature figure { padding: 40px 0 0; } #feature figure figcaption a { background: url(../images/icon_arrow_white.png) no-repeat right 2px; border-bottom: 3px solid rgba(255, 255, 255, 0.15); *border-color: #313131; color: #fff; display: block; font-size: 14px; margin: 0 0 16px 0; padding: 0 25px 10px 5px; text-transform: uppercase; } #feature figure .image { display: block; } #feature figure img { clear: both; display: block; margin: 0 auto; max-width: 100%; } #feature article .animated, #feature article .animated-fast { opacity: 0; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } #feature article.active .copy .animated-fast, #feature article.active figcaption a.animated-fast { opacity: 1; -webkit-animation-name: fadeSlideIn; -moz-animation-name: fadeSlideIn; -ms-animation-name: fadeSlideIn; -o-animation-name: fadeSlideIn; animation-name: fadeSlideIn; } #feature article.inactive .copy .animated-fast, #feature article.inactive figcaption a.animated-fast { opacity: 0; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } #feature article.active figure img.animated-fast { opacity: 1; -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -ms-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } #feature article.inactive figure img.animated-fast { opacity: 1; -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -ms-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } #feature .arrow { background: #ABABAB url(../images/icon_triggers.png) no-repeat 5px center; cursor: pointer; display: block; height: 44px; position: absolute; text-indent: -99999px; top: 49%; width: 30px; z-index: 5; } #feature .arrow:hover { background-color: #82AC3B; } #feature .arrow, #feature .arrow:hover { -webkit-transition: background-position 0s; -moz-transition: background-position 0s; -ms-transition: background-position 0s; -o-transition: background-position 0s; transition: background-position 0s; } #feature .previous { background-position: 9px center; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; left: 0; } #feature .previous.enabled { cursor: pointer; } #feature .next { background-position: -39px center; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 3px; right: 0; } #logos { background: #F4F4F4; border: 1px solid #E1E1E1; border-width: 0 1px 1px; margin: 0 0 40px; overflow: hidden; position: relative; } #logos .wrap { left: 15px; padding: 30px 0; position: absolute; top: 0; width: 100000px; -webkit-transition: left 0s linear; -moz-transition: left 0s linear; -ms-transition: left 0s linear; -o-transition: left 0s linear; transition: left 0s linear; } #logos img { margin: 0 25px; max-height: 50px; } .home h4 { border-bottom: 3px solid #E1E2E2; font-size: 14px; margin: 0 0 20px 0; padding: 0 0 10px; } .home .news { margin-bottom: 50px; } .home .news .item { border-bottom: 1px solid rgba(177,178,178,0.2); margin: 0 0 20px 0; padding: 0 0 20px 0; } .home .news .item.last { border: none; margin-bottom: 0; } .home .news .item span { background: url(../images/icon_clock.png) no-repeat left center; color: #A5A9AB; font-size: 12px; font-weight: 600; padding-left: 20px; position: relative; text-transform: uppercase; } .home .news .item span time { color: #5F5F5F; } .home .news .item h3 { color: #80AC39; font-size: 16px; font-weight: 400; margin: 10px 0 10px; } .home .news .item p { margin: 0; } .home .highlights { margin-bottom: 50px; } .home .highlights .wrapper { background: url(../images/bg_highlights_header.png) repeat-x top left; border: 1px solid #E1E1E1; } .home .highlights h4 { border: none; margin: 0; } .home .highlights .details { } .home .highlights header { height: 50px; padding: 15px 0; width: 100%; } .home .highlights .pagination { margin: 0 4% 0 0; text-align: center; width: 96%; } .home .highlights .pagination span { background: url(../images/icon_pagination.png) no-repeat left center; cursor: pointer; display: inline-block; height: 9px; text-indent: -99999px; width: 9px; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .home .highlights .pagination span.active { background-position: right center; } .home .highlights .logos { /* border: 1px solid #D8D8D9; border-width: 0 1px; */ height: 40px; line-height: 40px; margin: 0 4% 0 0; overflow: hidden; position: relative; width: 96%; } .home .highlights .logos .contain { left: 0; position: absolute; width: 1000px; -webkit-transition: left 0.5s ease-in-out; -moz-transition: left 0.5s ease-in-out; -ms-transition: left 0.5s ease-in-out; -o-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out; } .home .highlights .logos .company { color: #B8B9BA; cursor: pointer; display: block; float: left; font-size: 14px; font-weight: 600; margin: 0 25px 0 0; padding: 0; text-transform: uppercase; } .home .highlights .logos .company:hover { color: #81AC3A; } .home .highlights .logos .company.active { color: #5F6062; } .home .highlights .preview { } .home .highlights .preview img { display: none; margin: 10% auto; max-width: 95%; } .home .highlights .preview img.active { display: block; } .home .highlights .copy { overflow: hidden; position: relative; width: 96%; } .home .highlights .copy article { padding: 15px 0 25px; } .home .highlights .copy h5 { color: #81AC3A; font-size: 18px; font-weight: 400; line-height: 1.4; } .home .highlights .copy .split { margin: 15px 0 0; width: 48%; } .home .highlights .copy strong { display: block; margin: 0 0 10px; } .home .highlights .copy p { border-bottom: 1px solid #E1E1E1; margin: 0 0 8px; padding: 0 0 10px; } .home .highlights .copy p.last { border: none; } .home .highlights .copy .button { background: url(../images/icon_arrow_highlights.png) no-repeat right 7px; color: #5D5E60; font-weight: 400; height: 30px; line-height: 30px; margin-top: 10px; padding: 0 20px 0 0; text-transform: none; } .home .highlights .copy .button:hover { background-position: right -43px; color: #81AC3A; } .home .highlights .summary .button { color: #81AC3A; background: url(../images/icon_arrow_highlight_small.png) no-repeat right 2px; display: none; font-weight: 400; height: 20px; line-height: 20px; padding: 0 15px 0 0; text-transform: uppercase; } .home .highlights .summary .button:hover { background-position: right -38px; color: #5D5E60; } .home .highlights .copy .preview_small { display: none; text-align: center; } .home .highlights .copy .preview_small img { max-width: 90%; } .home .highlights .copy article { left: 0; opacity: 0; overflow: hidden; position: absolute; top: 0; z-index: 1; } .home .highlights .copy article.active { position: relative; opacity: 1; z-index: 2; } .home .highlights .preview img, .home .highlights .copy .animated-fast { z-index: 1; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .home .highlights .preview .active, .home .highlights .copy .active .animated-fast { opacity: 1; z-index: 2; -webkit-animation-name: fadeSlideUp; -moz-animation-name: fadeSlideUp; -ms-animation-name: fadeSlideUp; -o-animation-name: fadeSlideUp; animation-name: fadeSlideUp; } .home .highlights .preview .inactive, .home .highlights .copy .inactive .animated-fast { opacity: 0; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } .home .callouts { clear: both; padding: 30px 0 0; } .home .callouts .c-4 { margin: 0; padding: 0; width: 31.66666666%; } .home .callouts .center { margin: 0 2%; } .home .callouts h3 { font-size: 18px; line-height: 1.2; margin: 0 0 10px 0; text-transform: uppercase; } .home .callouts .wrap { background: #fff; overflow: hidden; padding: 0; } .home .callouts .block_left { float: none; } .home .callouts p { margin: 0; font-size: 13px; } .home .callouts p em { font-style: italic; } .home .callouts p.large { color: #77A12E; font-size: 18px; line-height: 1.2; margin: 0 0 18px; } .home .callouts .button.mobile { display: none; } /*------------------------------------------- Sub Page -------------------------------------------*/ #page_feature { background: url(../images/bg_feature.png); clear: both; height: 330px; overflow: hidden; } #page_feature .frame { height: 300px; margin: 30px 0 0; position: relative; width: 100%; } #page_feature figure { left: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: 1; } #page_feature figure.active { z-index: 2; } #page_feature figure img { height: 100%; height: 300px; left: 0; position: relative; width: 940px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #page_feature figure img.active { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } body.small #page_feature figure img { height: 198px; width: 620px; } body.medium #page_feature figure img { height: 198px; width: 620px; } body.large #page_feature figure img { height: 300px; width: 940px; } body.xlarge #page_feature figure img { height: 300px; width: 1140px; } #page_feature .information { background: rgba(0, 0, 0, 0.85); *background: #111; height: 300px; margin: 0; position: relative; z-index: 5; } #page_feature .information article { opacity: 0; padding: 8%; position: absolute; z-index: 1; } #page_feature .information article.active { opacity: 1; z-index: 2; } #page_feature .information h2 { color: #fff; font-size: 28px; font-weight: 300; line-height: 1.1; letter-spacing: -0.01em; margin: 0 0 10px 0; text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.45); } #page_feature .information p { color: #ccc; font-size: 14px; font-weight: 400; line-height: 1.4; margin: 5px 0 0; } #page_feature .information a { background: url(../images/icon_arrow_feature_small.png) no-repeat right 4px; display: block; float: left; padding-right: 14px; margin: 5px 0 0; -webkit-transition: all 0.0s linear; -moz-transition: all 0.0s linear; -ms-transition: all 0.0s linear; -o-transition: all 0.0s linear; transition: all 0.0s linear; } #page_feature .information a:hover { color: #fff; background-position: right -36px; } #page_feature menu { background: #ABABAB; bottom: 0; height: 40px; left: 0; position: absolute; width: 100%; z-index: 10; } #page_feature menu .trigger { margin: 16px 0 0; text-align: center; } @media screen and (-webkit-min-device-pixel-ratio:0) { #page_feature menu .trigger { margin: 12px 0 0; } } #page_feature menu .trigger span { background: url(../images/icon_page_feature_pagination.png) no-repeat right center; cursor: pointer; display: inline-block; height: 9px; margin: 0 4px 0 0; text-indent: -9999px; width: 9px; } #page_feature menu .trigger span.active { background-position: left center; } #page_feature menu .trigger span, #page_feature menu .trigger span:hover, #page_feature menu .previous, #page_feature menu .next { -webkit-transition: all 0.0s linear; -moz-transition: all 0.0s linear; -ms-transition: all 0.0s linear; -o-transition: all 0.0s linear; transition: all 0.0s linear; } #page_feature menu .previous, #page_feature menu .next { background: url(../images/icon_triggers.png) no-repeat 15px center; cursor: pointer; display: block; height: 40px; opacity: 0.5; width: 40px; text-indent: -99999px; } #page_feature menu .enabled { opacity: 1; } #page_feature menu .previous { float: left; } #page_feature menu .next { background-position: -36px center; float: right; } #page_feature figure img, #page_feature article .animated, #page_feature article .animated-fast { opacity: 0; -webkit-animation-delay: 0; -moz-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } #page_feature article.active .animated-fast { opacity: 1; -webkit-animation-name: fadeSlideIn; -moz-animation-name: fadeSlideIn; -ms-animation-name: fadeSlideIn; -o-animation-name: fadeSlideIn; animation-name: fadeSlideIn; } #page_feature article.inactive .animated-fast { opacity: 0; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } #page_feature figure.active img.animated-fast { opacity: 1; -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -ms-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } #page_feature figure.inactive img.animated-fast { opacity: 1; -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -ms-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } /* SIDEBAR */ .sidebar { float: left; } .sidebar .subnav { margin: 0 0 40px 0; } .sidebar .subnav li { background: #F4F4F4; border-bottom: 2px solid #ccc; color: #5D5E5F; display: block; float: left; font-size: 14px; margin: 0 0 3px 0; width: 100%; } .sidebar .subnav li:hover { border-bottom: 2px solid #78A12E; } .sidebar .subnav li a { color: #888; display: block; line-height: 20px; padding: 10px 20px; } .sidebar .subnav li a:hover, .sidebar .subnav li:hover > a { background-color: #78A12E; color: #fff;} .sidebar .subnav li a.sub_current { background-color: #ABABAB; color: #fff; } .sidebar .subnav li a.sub_current:hover { color: #fff; } .sidebar .subnav li li { background: none; border: none; font-size: 13px; margin: 0; text-transform: uppercase; } .sidebar .subnav li li:hover { border-bottom: none; } .sidebar .subnav li ul { overflow: hidden; padding: 10px 0 15px; } .sidebar .subnav li li a, .sidebar .subnav li.has_subnav li a, .sidebar .subnav li.active li a { color: #A2A2A2; line-height: 14px; margin: 0 10px 0 20px; padding: 5px 10px; } .sidebar .subnav li a.link_external { background-image: none; } .sidebar .subnav li a.link_external img.hover { display: none; } .sidebar .subnav li a.link_external:hover { background-image: none; } .sidebar .subnav li a.link_external:hover img.regular { display: none; } .sidebar .subnav li a.link_external:hover img.hover { display: inline; } .sidebar .subnav li.active a { color: #fff; } .sidebar .subnav li.active, .sidebar .subnav li.sub_current, .sidebar .subnav li.has_subnav { background: #F7F7F7; color: #78A12E; border-bottom: 2px solid #ABABAB; } .sidebar .subnav li li.active { background: none; border: none; } .sidebar .subnav li li a.sub_current { background: none; } .sidebar .subnav li li a.active { color: #5F6062; } .sidebar .subnav li li a:hover { background-color: #fff; color: #78A12E; } .sidebar .subnav li li a.sub_current:hover { color: #78A12E; } #main .callout h4 { border-bottom: 3px solid #E1E2E2; font-size: 14px; margin: 0 0 20px 0; padding: 0 0 10px; } #main .sidebar h4 { border-bottom: 3px solid #E1E2E2; font-size: 14px; margin: 0 0 20px 0; padding: 0 0 10px; } .sidebar .callout { overflow: hidden; margin-bottom: 20px; } .sidebar .callout span { color: #A5A9AB; font-size: 12px; font-weight: 600; position: relative; text-transform: uppercase; } .sidebar .callout p { font-size: 13px; margin: 5px 0 10px; } .sidebar .callout img { max-width: 100%; } .sidebar .callout .button { color: #fff; margin: 15px 0 20px 0; } .sidebar .callout.report img { margin: 5px 0; } #main .callout.with_logo img.logo { display: block; margin: 0 auto; max-width: 90%; } #main .callout.with_logo p { padding: 5px 0 0; } #main .callout.with_logo h4 { margin-bottom: 10px; } .sidebar .campaign .header { background: #fff url(../images/bg_highlights_header.png) repeat-x left top; padding: 15px; } .sidebar .campaign .copy { background: #fff; border-bottom: 2px solid #ccc; padding: 15px 15px 0; } .sidebar .campaign h5 { font-size: 14px; font-weight: 400; line-height: 1.4; } .sidebar .campaign .copy img { display: block; margin: 15px auto 0; max-width: 98%; } .sidebar .media_kit { } .sidebar .media_kit a { background: #fff; border: 1px solid #E1E1E1; display: block; padding: 20px 20px 0 20px; } .sidebar .media_kit img { display: block; margin: 0 auto; } .sidebar .media_kit .button { float: none; } .sidebar .media_kit:hover .button { background-color: #6F9433; } .landing_columns { margin: 40px 0 0; } /* CONTENT */ .gridded .content { color: #5D5E5F; font-family: myriad-pro, sans-serif; float: right; margin: 0 1.0416666666666667%; min-height: 400px; padding: 0 0 40px 0; width: 70.5%; } #main.full .content { width: 97.9166666667%; } .content h1 { color: #78A12E; font-size: 40px; margin: 0 0 25px; width: 80%; } .content h2 { font-size: 32px; margin: 0 0 10px 0; } .content h3 { font-size: 24px; margin: 0 0 10px 0; text-transform: uppercase; } .content h4 { font-size: 14px; margin: 0 0 10px 0; } .content h1.mobile { display: none; } .content h2 a, .content h3 a { color: #5D5E5F; } .content h2 a:hover, .content h3 a:hover { color: #82AC3B; } .content .video { margin-bottom: 20px; } .gridded .page { padding-top: 0px; } .gridded .no_heading { padding-top: 0; } .gridded .heading .column { width: 97.9166666667%; } .gridded .heading h1 { border-bottom: 6px solid #E1E1E1; color: #78A12E; font-size: 48px; line-height: 1.1; margin: 0; padding: /* 40px */ 0 0 35px; } .iframe h1 { color: #78A12E; font-size: 40px; margin: 0 0 25px; width: 70%; } .iframe h2 { font-size: 32px; margin: 0 0 10px 0; } /* lists */ .content ul { margin: 0 0 20px; } .content ul li { list-style-position: outside; list-style-image: url(../images/icon_list_arrow.png); margin: 8px 0 8px 25px; padding: 0; } .content ul li ul { margin: 0; } .content ul li ul li { list-style-image: url(../images/icon_list_dot.png); } .content ol { margin: 0 0 20px; } .content ol li { list-style-position: outside; list-style-type: decimal; margin: 8px 0 8px 25px; padding: 0; } .content ol li ol { margin: 0; } .content ol li ol li { list-style-type: lower-roman; } .content img { max-width: 99%; } /* tables */ .content table { color: #787878; font-size: 14px; width: 100%; margin: 0 0 24px 0; } .content thead { border-bottom: 1px solid #78A12E; border-top: 3px solid #78A12E; color: #78A12E; font-weight: 700; height: 44px; line-height: 44px; } .content th { text-align: left; padding: 0 0 0 14px; } .content td { padding: 15px; } .content tbody tr { border-bottom: 1px solid #EEEEEE; line-height: 1.3; } .content tbody tr:nth-child(odd) { background-color: #F9F9F9; } .content tbody tr:nth-child(even) { background-color: #F4F4F4; } .content tbody caption { text-align: left; } /* blockquote */ .content blockquote { background-color: #F4F4F4; border-left: 3px solid #ccc; color: #5F6062; margin: 0 0 30px 0; padding: 24px 50px 24px 26px; } .content blockquote p { font-size: 18px; line-height: 27px; margin: 0; padding: 0; } .content blockquote span { color: #999; display: block; margin: 5px 0 0; font-style: italic; } .content blockquote.testimonial p { font-size: 16px; line-height: 1.5; } /* feature image */ .content .main_content_image { float: right; margin: 0 0 20px 5%; width: 50%; max-width: 300px; } .content .main_content_image img { float: right; width: 100%; } .content .main_content_image figcaption { border-bottom: 3px solid #E1E1E1; clear: both; padding: 14px 6% 18px; } /* Photo Gallery */ .content .image_gallery.top { border-top: 0; margin-top: 0; } .content .image_gallery { border-bottom: 3px solid #E1E1E1; border-top: 6px solid #E1E1E1; clear: both; margin: 15px 0 45px 0; position: relative; width: 100%; } .content .image_gallery .frame { height: 530px; margin: 25px auto 15px; overflow: hidden; position: relative; width: 83.823529411765%; max-width: 800px; } .content .image_gallery img { bottom: auto; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .content .image_gallery img.active { bottom: 0; width: 100%; z-index: 2; } .content .image_gallery .information { position: relative; -webkit-transition: height 0.25s linear; -moz-transition: height 0.25s linear; -ms-transition: height 0.25s linear; -o-transition: height 0.25s linear; transition: height 0.25s linear; } .content .image_gallery .caption { bottom: 0; color: #666; font-size: 14px; left: 0; margin: 0 0 15px 0; position: absolute; visibility: hidden; width: 80%; } .content .image_gallery .caption.active { visibility: visible; } .content .image_gallery .trigger { right: 0; margin: 5px 0 10px; position: absolute; top: 0; right: 0; } .content .image_gallery .trigger span { background: url(../images/icon_pagination.png) no-repeat left; display: block; cursor: pointer; float: left; height: 9px; margin: 0 4px 0 0; text-indent: -9999px; width: 9px; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .content .image_gallery .trigger span.active { background-position: right; } .content .image_gallery .arrow { background: #ABABAB url(../images/icon_triggers.png) no-repeat 5px center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: default; display: block; height: 44px; opacity: 0.5; position: absolute; text-indent: -99999px; top: 45%; width: 30px; z-index: 5; } .content .image_gallery .previous { background-position: 9px center; left: 0; } .content .image_gallery .next { background-position: -39px center; right: 0; } .content .image_gallery .enabled { cursor: pointer; opacity: 1; } .content .image_gallery .enabled:hover { background-color: #82AC3B; } .content .image_gallery .image, .content .image_gallery .caption { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .content .image_gallery .image.active { z-index: 2; -webkit-animation-name: slideUp; -moz-animation-name: slideUp; -ms-animation-name: slideUp; -o-animation-name: slideUp; animation-name: slideUp; } .content .image_gallery .image.inactive { z-index: 1; -webkit-animation-name: slideDown; -moz-animation-name: slideDown; -ms-animation-name: slideDown; -o-animation-name: slideDown; animation-name: slideDown; } .content .image_gallery .caption.active { z-index: 2; -webkit-animation-name: fadeSlideUp; -moz-animation-name: fadeSlideUp; -ms-animation-name: fadeSlideUp; -o-animation-name: fadeSlideUp; animation-name: fadeSlideUp; } .content .image_gallery .caption.inactive { opacity: 0; z-index: 1; } /* List Styles */ .content .reports { } .content .reports h1 { border-bottom: none; margin-bottom: 20px; padding-bottom: 0; } .content .list { padding: 0; } .content .list .item { border-bottom: 3px solid #E1E1E1; clear: both; overflow: hidden; padding: 20px 0; } .content .list .item.highlight { background: #fff; margin-bottom: 5px; } .content .list .item.highlight h2 { margin-bottom: 10px; } .content .list .item.highlight img { max-width: 45%; } .content .list .item.highlight .contain { padding-bottom: 10px; } .content .list .item.first { padding-top: 0; } .meta { color: #5D5E5F; font-size: 12px; font-weight: 600; line-height: 14px; margin: 0 0 10px 0; text-transform: uppercase; } .meta strong { color: #81AC3A; font-weight: 600; } .meta time { background: url(../images/icon_clock.png) no-repeat left 1px; color: #5F5F5F; padding: 0 0 0 20px; position: relative; } .content .list h3 { margin-bottom: 10px; } .content .list .block_left { margin-bottom: 0; } .content .list .block_right { margin-bottom: 0; } .content .links { margin: 15px 0 0; } .content .links a { border-left: 1px solid #C8C8C9; display: inline-block; font-weight: 400; line-height: 1; padding: 0 8px 0 10px; text-transform: uppercase; } .content .links a.first { border: none; padding-left: 0; } .content .links a:hover { color: #5F5F5F; } .content .links a.link_external { padding-right: 13px; } .content .arrow a { background: url(../images/icon_arrow_exsmall.png) no-repeat right 2px; border: none; font-size: 13px; font-weight: 400; padding: 0 12px 0 0; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .content .arrow a:hover { background-position: right -28px; } .content .links a.button { border: none !important; display: block; float: left; line-height: 38px; margin: 0 10px 10px 0; padding: 0 40px 0 12px; text-transform: uppercase; } .content .links a.button:hover { color: #fff; } .content .list .award time { background: none; padding: 0; } .content .list .award p { margin-bottom: 0; } .content .list.reports { border-top: 3px solid #E1E1E1; } .content .pagination { margin: 20px 0 0; overflow: hidden; } .content .pagination a { background: #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; display: block; float: left; font-size: 16px; margin: 0 5px 0 0; padding: 3px 8px 4px; text-transform: uppercase; } .content .pagination a:hover { background: #82AC3B; } .content .pagination a.active { background: #8B8C8D; } .content .pagination span { color: #ccc; display: block; float: left; margin: 0 5px 0 0; padding: 6px 0 4px; } .content .no_results { color: #999; font-size: 20px; font-style: italic; } .content .campaign_image { max-width: 50%; } .content .campaign_image.horizontal { max-width: 100%; } #research_login { margin: 0 auto; width: 350px; } #research_login form { padding: 10px 0; } #research_login .fb_column_wrap { margin: 0; } #research_login fieldset { margin: 0 0 15px 0; } #research_login fieldset.full { margin: 0 0 20px 0; width: 98%; } #research_login fieldset.specify { display: none; } #research_login hr { border: 1px solid #fff; border-bottom-color: #eee; margin: 10px 0; } #research_login p { margin: 0 0 5px; } #research_login .tab_trigger { color: #82AC3B; cursor: pointer; } form p.error { background: #900; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 12px; margin: 0 0 15px 0; padding: 5px 10px; text-transform: uppercase; } #research_login p.error { display: none; } #boxer .login_message { display: none; } #research_login .login_message { font-size: 16px; font-weight: 400; line-height: 1.3; padding: 35px; text-align: center; } .tabbed .tabs { border-bottom: 1px solid #eee; height: 28px; margin: 0 0 10px 0; padding: 10px 0 0; } .tabbed .tabs span { border: 1px solid #fff; border-width: 1px 1px 0 1px; color: #ccc; cursor: pointer; font-size: 12px; font-weight: 400; display: block; float: left; padding: 5px 10px 4px; text-transform: uppercase; -webkit-transition: background-color 0s; -moz-transition: background-color 0s; -ms-transition: background-color 0s; -o-transition: background-color 0s; transition: background-color 0s; } .tabbed .tabs span:hover { color: #999; } .tabbed .tabs span.active { background: #fff; border-color: #eee; color: #777; display: block; margin: 0; padding-bottom: 5px; position: relative; } .tabbed .tab { display: none; } .tabbed .tab.active { display: block; } #main #research_login { width: 400px; } .page .tabbed .tabs { border: none; margin: 0; } .page .tabs span { border-color: transparent; color: #999; } .page .tabs span:hover { color: #666; } .page .tabs span.active { border-color: #fff; } .page .tab { background: #fff; padding: 20px 25px; } #executive_feature { height: 450px; width: 100%; } #executive_feature .container { height: 450px; overflow: visible; position: relative; } #executive_feature .cylinder { height: 450px; position: absolute; top: 0; width: 100000px; z-index: 1; } #executive_feature .cylinder.animate { -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } #executive_feature .chamber { float: left; height: 450px; left: 0; overflow: hidden; width: 100%; } #executive_feature .chamber img { height: 450px; left: -470px; margin-left: 50%; position: relative; width: 940px; } #executive_feature .names { bottom: 20px; left: 30px; position: absolute; z-index: 2; width: 45%; } #executive_feature .name { display: none; } #executive_feature .name.active { display: block; } #executive_feature .name { opacity: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } #executive_feature .name.active { opacity: 1; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-name: fadeSlideIn; -moz-animation-name: fadeSlideIn; -ms-animation-name: fadeSlideIn; -o-animation-name: fadeSlideIn; animation-name: fadeSlideIn; } #executive_feature .name.inactive { opacity: 0; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } #executive_feature .names h2 { color: #fff; font-size: 48px; font-weight: 400; margin: 0; } #executive_feature .names h5 { color: #fff; font-size: 18px; font-weight: 400; line-height: 1.3; } #executive_feature .name.dark_text h2 { color: #333; } #executive_feature .name.dark_text h5 { color: #333; } #executive_feature .name { text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); } #executive_feature .name.dark_text { text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.5); } body.small #executive_feature .chamber img { height: 246px; left: -310px; width: 620px; } body.medium #executive_feature .chamber img { height: 246px; left: -310px; width: 620px; } body.large #executive_feature .chamber img { height: 450px; left: -570px; width: 1140px; } body.xlarge #executive_feature .chamber img { height: 450px; left: -570px; width: 1140px; } #executive_feature .previous, #executive_feature .next { background: #ABABAB url(../images/icon_triggers.png) no-repeat; cursor: default; height: 44px; opacity: 0.5; position: absolute; top: 45%; width: 30px; z-index: 50; } #executive_feature .enabled:hover { background-color: #82AC3B; } #executive_feature .previous, #executive_feature .next, #executive_feature .previous:hover, #executive_feature .next:hover { -webkit-transition: background-position 0s; -moz-transition: background-position 0s; -ms-transition: background-position 0s; -o-transition: background-position 0s; transition: background-position 0s; } #executive_feature .previous { background-position: 9px center; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; left: 0; } #executive_feature .next { background-position: -39px center; border-top-left-radius: 3px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 3px; right: -1px; } #executive_feature .previous.enabled, #executive_feature .next.enabled { cursor: pointer; opacity: 1; } .content .executive_bio { display: none; } .content .executive_bio.active { display: block; } .content .executive_bio h1 { border: none; display: none; margin: 0; padding: 0 0 10px; } .content .executive_bio h4 { border-bottom: 3px solid #E1E2E2; font-size: 14px; margin: 0 0 20px 0; padding: 0 0 10px; } .recaptchatable tbody { background: #fff; } .content .press h3 { font-size: 16px; text-transform: none; } .content .press h4 { border-bottom: 3px solid #E1E2E2; font-size: 14px; margin: 0 0 20px 0; padding: 0 0 10px; } .content .press h5 { font-size: 16px; font-weight: 400; margin: 10px 0; text-transform: uppercase; } .content .press img { margin: 10px 0; } .content .pressroom_news { padding-bottom: 40px; } .content .pressroom_news .column.left { margin-left: 0; } .content .pressroom_news .column.right { margin-right: 0; } .content .pressroom_news .item { border: none; } .content .pressroom_news .item.first { border-bottom: 1px solid #E1E2E2; } .content .pressroom_news .item.large { padding-top: 0; } .content .pressroom_releases .column.left { margin-left: 0; margin-right: 2.08334%; } .content .pressroom_releases .column.right { margin-right: 0; margin-left: 2.08334%; } .content .pressroom_releases .item { border: none; padding-top: 2px; } .content .pressroom_releases h3 a { color: #82AC3B; } .content .pressroom_releases p { font-size: 13px; } .content .pressroom_events { border: 1px solid #E1E1E1; margin: 10px 0 0; } .content .pressroom_events header { background: url(../images/bg_highlights_header.png) repeat-x center top; border: none; height: 58px; line-height: 58px; margin: 0; padding: 0 3%; } .content .pressroom_events h4 { border: none; float: left; margin: 22px 0 0; padding: 0; } .content .pressroom_events .pagination { float: right; text-align: center; } .content .pressroom_events .pagination span { background: url(../images/icon_pagination.png) no-repeat left center; cursor: pointer; display: inline-block; height: 9px; text-indent: -99999px; width: 9px; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .content .pressroom_events .pagination span.active { background-position: right center; } .content .pressroom_events .copy { background: #fff; padding: 20px; overflow: hidden; } .content .pressroom_events .set { display: none; overflow: hidden; width: 100%; } .content .pressroom_events .set.active { display: block; } .content .pressroom_events h5 a { color: #5D5E5F; } .content .pressroom_events h5 a:hover { color: #82AC3B; } .content .pressroom_events article { margin: 0; padding: 10px 0; width: 47%; } .content .pressroom_events article.left { border-right: 1px solid #E1E1E1; padding: 10px 3% 10px 0; } .content .pressroom_events article img { max-width: 95%; } .content .featured_career { border: 1px solid #E1E1E1; } .content .featured_career header { background: url(../images/bg_highlights_header.png); color: #999; overflow: hidden; padding: 15px 15px 15px 20px; } .content .featured_career header h4 { color: #81AC3A; font-size: 16px; margin: 5px 0 2px; } .content .featured_career article { border-top: 1px solid #EFEFEF; padding: 20px; } #blog .content h2 a, #blog .content h3 a { color: #5D5E5F; } #blog .content .list { border: none; padding: 0; } #blog .content .list .item { overflow: visible; *height: 1%; padding: 25px 0; } #blog .content .list .item.first { padding: 0 0 25px; } #blog .content .list .item.single { padding-bottom: 10px; } #blog .content .list .story img { border: 1px solid #D2D3D4; } #blog .sidebar .categories li { margin: 0 0 5px 0; } #blog .sidebar .categories li a { background: #E9E9EA; color: #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; font-size: 13px; padding: 6px 10px 5px; text-transform: uppercase; } #blog .sidebar .categories li a:hover { background: #82AC3B; color: #fff; } #blog .content .bio { padding: 5px 0 10px; } #blog .content .bio .profile { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; height: 60px; margin: 0 10px 0 0; overflow: hidden; width: 60px; } #blog .content .bio .profile img { border: none; height: 60px; width: 60px; } #blog .content .bio .meta { margin: 5px 0; line-height: 1.2; } #blog .content .bio .meta time { color: #BDBEC0; display: inline-block; margin: 5px 0 0; padding-bottom: 2px; } #blog .content .buttons { padding: 30px 0 0; } #blog .content .buttons a { background: url(../images/icon_blog_arrows.png) no-repeat right center; color: #999; display: block; float: left; font-weight: 400; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 45px; line-height: 45px; overflow: hidden; padding: 0 25px 0 12px; width: auto; } #blog .content .buttons .left a { background-position: left center; padding: 0 12px 0 25px; } #blog .content .buttons .right a { background-position: right center; } #blog .content .button { margin: 0 5px 5px 0; } #blog .content .sharing_tools { width: 175px; } .content .list.people .item { padding-bottom: 10px; } .expander .ex-trigger { cursor: pointer; } .expander .ex-trigger:hover { color: #78A12E; } .expander .ex-trigger .label { background: #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; display: block; float: right; font-size: 10px; line-height: 1.2; margin: 10px 0 0; padding: 4px 6px 3px; text-transform: uppercase; } .expander .ex-trigger:hover .label { background: #78A12E; } .expander .ex-content { height: 0px; overflow: hidden; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -ms-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } .expander .ex-content .inner { opacity: 0; overflow: hidden; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .expander.active .ex-content .inner { opacity: 1; } .expander .ex-trigger h2 { font-size: 30px; margin-bottom: 10px; } .expander .ex-trigger h4 { color: #999; } #sitemap li { float: left; font-size: 18px; list-style: none; margin: 0 1% 0 0; width: 19%; } #sitemap li a { color: #5D5E5F; } #sitemap li a:hover { color: #78A12E; } #sitemap li ul { margin: 10px 10px 0 0; } #sitemap li li ul { margin: 10px 0 0; } #sitemap li li { background: url(../images/icon_sitemap_li.png) no-repeat left 15px; border-left: 1px solid #D4D5D8; float: none; font-size: 13px; margin: 0; padding: 7px 0 7px 14px; width: auto; } #sitemap li li li { border: none; } .content .wysiwyg_item { border-bottom: 3px solid #E1E1E1; clear: both; overflow: hidden; padding: 20px 0; } .content .wysiwyg_item img { max-width: 40%; } /*------------------------------------------- UI - Select Box -------------------------------------------*/ .sidebar .options { margin: 0 0 30px 0; min-height: 300px; } #blog .sidebar .options { min-height: 50px; } select.selectbox { margin: 0 0 10px 0; visibility: hidden; } .selectbox { display: block; margin: 0 0 10px; position: relative; width: 100%; } .selectbox.left { float: left; } .selectbox a { font-size: 13px; } .selectbox a:hover { text-decoration: none; } .selectbox .sb-selected { background: #ABABAB url(../images/icon_arrow_selectbox_transparent.png) no-repeat right center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; display: block; font-weight: 600; margin: 0; overflow: hidden; padding: 10px 0 10px 5%; text-overflow: clip; text-transform: uppercase; z-index: 40; width: 95%; } .selectbox .sb-selected:hover, .selectbox.open .sb-selected { /* background-color: #555; */ } .selectbox .sb-options { background-color: #ABABAB; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); left: 0; margin: 0; max-height: 260px; padding: 0; overflow: auto; overflow-x: hidden; position: absolute; top: 0; width: 100%; z-index: 50; } .selectbox .sb-options li { float: left; list-style-image: none; margin: 0; padding: 0; overflow: hidden; width: 100%; } .selectbox .sb-options li:nth-child(even) { background-color: #999; } .selectbox .sb-options li a { color: #fff; display: block; font-weight: 400; padding: 10px 0 10px 5%; text-overflow: ellipsis; text-transform: uppercase; width: 95%; -webkit-transition: padding-left 0.2s; -moz-transition: padding-left 0.2s; -ms-transition: padding-left 0.2s; -o-transition: padding-left 0.2s; transition: padding-left 0.2s; } .selectbox .sb-options li.selected a { /* background: #555; */ } .selectbox .sb-options li a:hover, .selectbox .sb-options li.selected a:hover { background-color: #777; padding-left: 8%; } .selectbox .sb-options li.first a { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; } .selectbox .sb-options li.last a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; } /* contact page */ .contact_menu_wrap { background-color: #F4F4F4; border: 1px solid #E1E1E1; height: 40px; margin: 0 0 40px 0; padding: 30px 5%; width: 90%; } .contact_menu_wrap h3.contact_menu { float: left; line-height: 2.1; margin: 0; } .contact_menu_wrap select { float: right; width: auto; } .selectbox.green { float: right; width: 50%; } .selectbox.green .sb-selected { background-color: #78A22F; float: left; } .selectbox.green .sb-selected:hover, .selectbox.green.open .sb-selected { background-color: #6F952B; } .selectbox.green .sb-options { background-color: #78A22F; } .selectbox.green .sb-options li { padding: 0; } .selectbox.green .sb-options li a { float: left; } .selectbox.green .sb-options li:nth-child(even) { background-color: #6F952B; } .selectbox.green .sb-options li.selected a { } .selectbox.green .sb-options li.selected a:hover { padding-left: 8%; } .selectbox.green .sb-options li a:hover { background-color: #78A22F; padding-left: 8%; } .selectbox.green .sb-options li:nth-child(even) a:hover { background-color: #6F952B; } #contact_window { overflow: hidden; } span.fields_required { color: #999999; } .selectbox.sharing li { } .selectbox.sharing li:nth-child(2) a { background-image: url(../images/icons_footer_social.png); background-position: 8px 7px; background-repeat: no-repeat; padding-left: 40px; } .selectbox.sharing li:nth-child(3) a { background-image: url(../images/icons_footer_social.png); background-position: 8px -93px; background-repeat: no-repeat; padding-left: 40px; } .selectbox.sharing li:nth-child(4) a { background-image: url(../images/icons_footer_social.png); background-position: 8px -193px; background-repeat: no-repeat; padding-left: 40px; } .selectbox.sharing li:nth-child(2) a:hover { background-position: 8px -43px; padding-left: 40px; } .selectbox.sharing li:nth-child(3) a:hover { background-position: 8px -143px; padding-left: 40px; } .selectbox.sharing li:nth-child(4) a:hover { background-position: 8px -243px; padding-left: 40px; } /*------------------------------------------- UI - BOXER -------------------------------------------*/ #boxer_overlay { background: url(../images/bg_lines_dark.png); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 200; } #boxer { background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5); opacity: 0; padding: 15px 25px; position: absolute; z-index: 200; } #boxer .close { background: #fff url(../images/icon_close.png) no-repeat 8px 8px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; cursor: pointer; display: block; height: 27px; position: absolute; padding: 0; right: -7px; top: -7px; width: 27px; text-indent: -99999px; z-index: 202; } #boxer .close:hover { background-position: -32px 8px; } #boxer .close, #boxer .close:hover { -webkit-transition: background 0s; -moz-transition: background 0s; -ms-transition: background 0s; -o-transition: background 0s; transition: background 0s; } #boxer .content { overflow: hidden; } /*------------------------------------------- Google CSE -------------------------------------------*/ h1.search_heading { border: none; padding: 0; } #cse tr { background: none; line-height: 1.5; } #cse table, #cse td { background: none; border: 1px solid transparent; padding: 0; margin: 0; } #cse .gsc-control-cse { background: none; border: 1px solid transparent; padding: 0; margin: 0; width: 100%; } #cse .gsc-results { width: 100%; } #cse .gsc-tabsArea, #cse .gsc-resultsHeader { display: none; } #cse .gsc-search-box { padding: 0 0 10px 0; } #cse .gsc-adBlockVertical { display: none; } #cse table.gsc-search-box { border: none; } #cse table tbody { border: none !important; } #cse .gsc-search-box td { border: 1px solid transparent; padding:0; } #cse .gsc-search-box input.gsc-input { background-position: -99999px -99999px !important; border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDDDDD; color: #5D5E5F; font-family: myriad-pro, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.3; padding: 5px 8px; margin: 2px 0 0; } #cse .gsc-search-box input.gsc-search-button { background: #82AC3B url(../images/icon_arrow_white.png) no-repeat right center; border: none; cursor: pointer; color: #fff; display: block; float: left; font-weight: 600; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 45px; line-height: 45px; overflow: hidden; padding: 0 45px 0 12px; text-overflow: ellipsis; text-shadow: none; text-transform: uppercase; width: auto; } #cse .gsc-search-box input.gsc-search-button:hover { background-color: #6F9433; color: #fff; } #cse .gsc-search-box td.gsc-input { padding: 0 15px 0 0; width: 65%; } #cse .gsc-search-box td.gsc-clear-button { margin: 10px; padding: 10px; } #cse .gsc-thinWrapper { width: 100%; } #cse .gs-spelling b, #cse .gs-spelling i, #cse .gs-spelling a { color: #666; font-weight: normal; text-decoration: none; } #cse .gsc-result-info { border-bottom: 6px solid #E1E1E1; color: #666; font-family: myriad-pro, sans-serif; font-size: 13px; font-weight: 600; margin: 10px 0 0; padding: 0 0 15px; } #cse .gsc-table-result { color: #666; font-family: myriad-pro, sans-serif; font-size: 14px } #cse .gsc-result { background: url(../images/dotted-line-h.png) repeat-x top; border: none; border-bottom: 3px solid #E1E1E1; clear: both; font-family: myriad-pro, sans-serif; font-size: 14px; line-height: 18px; margin: 0 ; overflow:hidden; padding: 20px 0 25px; } #cse .gs-result img.gs-image { border:none; max-width: 100px; } #cse .gs-result .gs-web-image-box { padding: 0; margin: 7px 10px 0 0; width: 100px; } #cse .gs-no-results-result .gs-snippet { background: none; border: none; font-size: 24px; font-style: italic; font-weight: 400; line-height: 32px; } #cse .gs-title { color: #5D5E5F; height: auto; text-decoration: none; } #cse .gs-title b { color: #5D5E5F; text-decoration: none; font-weight: 400; } #cse a.gs-title { color: #5D5E5F; font-size: 20px; font-weight: 400; } #cse a.gs-title:hover b, #cse a.gs-title:hover { font-wight: normal; text-decoration: underline; } #cse .gs-snippet { color: #666; font-family: myriad-pro, sans-serif; font-size: 14px; line-height: 20px; } #cse .gs-snippet b { color: #333; font-weight: normal; } #cse .gs-visibleUrl { color: #78A12E; font-size: 14px; margin: 8px 0 0; } #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: block; margin: 0; overflow: visible; } #cse .gsc-cursor-box { border-top: solid 1px #EBEBEA; padding: 18px 0 8px; overflow: hidden; } #cse .gsc-cursor { } #cse .gsc-cursor-page { background: #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; display: block; float: left; font-size: 16px; margin: 0 5px 0 0; padding: 4px 8px; text-transform: uppercase; text-decoration: none; } #cse .gsc-cursor-page:hover { background: #82AC3B; } #cse .gsc-cursor-current-page, #cse .gsc-cursor-current-page:hover { background: #8B8C8D; color: #fff; } table.gsc-branding td, table.gcsc-branding td { line-height: 1; vertical-align: middle !important; } div.gcsc-branding { display: none !important; } /*------------------------------------------- Media Queries -------------------------------------------*/ @media screen and (max-width: 880px) { .home .accolades a.more span { display: none; } #executive_feature .names { width: 90%; } } @media screen and (max-width: 840px) { #feature { height: 395px; } #feature .frame { height: 375px; margin: 20px 0 0; position: relative; } #feature .copy { padding-top: 40px; } } @media screen and (max-width: 800px) { #footer .copyright { font-size: 11px; } #footer .copyright li { background-position: right 9px; } #feature figure figcaption a { font-size: 12px; } #feature .copy p { font-size: 14px; } .gridded .pressroom_events .links a { border: none; clear: both; float: left; display: block; margin: 0 0 5px; padding-left: 0; } .landing_columns .column { clear: both; margin: 0 0 20px; width: 100%; } .landing_columns .button { margin: 0 0 3%; } } @media screen and (max-width: 780px) { #header { height: 174px; } #header .container { position: static; text-align: center; } #header .nav_top { top: 5px; right: 0; width: 100%; } #header .nav_top ul { overflow: hidden; text-align: center; } #header .nav_top li { float: none; display: inline-block; padding: 0 1.5% 0 1%; } #header .nav_top a { padding: 20px 0 0; } #header .nav_top a:hover { margin: 0; } #header a.branding { background: url(../images/logo_medium.png) no-repeat; clear: both; display: inline-block; float: none; height: 41px; margin: 65px auto 20px; width: 217px; } #header .nav_main a { font-size: 13px; } #header .nav_main li:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #header .nav_main li .dropdown { text-align: left !important; } #footer .link_set { width: 47.9166666666666667%; } #footer .links a { font-size: 13px; } #footer .privacy { margin-top: 50px; width: auto; } #footer .privacy p { border-right: 1px solid #4E4C4C; float: left; margin-right: 3%; padding-right: 3%; width: 65%; } #footer .privacy .button { clear: none; float: right; margin-top: 20px; } .gridded .sidebar { width: 31.25%; } .gridded .content { width: 63%; } #main.full .content { width: 97.9166666667%; } #feature .copy { width: 80%; } .home .highlights_wrap, .home .news_wrap { width: 47.9166666666666667%; } .home .highlights .pagination, .home .highlights .logos { margin-right: 0; width: 100%; } .home .highlights .preview { display: none; } .home .highlights .details { margin: 0 5%; width: 90%; } .home .highlights .copy .preview_small { display: block; } .home .highlights .copy .results { display: none; } .home .highlights .copy p.last { border-bottom: 1px solid #E1E1E1; } .home .highlights .button { display: none; } .home .highlights .summary { float: right; } .home .highlights .summary .button { display: block; } .home .callouts .first, .home .callouts .center { margin: 0 1.04167%; width: 47.9167%; } .home .callouts .last { clear: both; margin-top: 40px; margin: 4px 1.04167% 0; width: 97.9167%; } .home .callouts .last .wrap { padding: 4% 0 0; } #page_feature .information { width: 50%; } .content h1 { margin: 0 0 20px; } .gridded .heading h1 { padding: 0 0 25px; } .contact_menu_wrap { height: 44px; padding: 24px 5% 98px 5%; } .contact_menu_wrap h3.contact_menu { float: left; line-height: auto; } .contact_menu_wrap select { float: left; width: auto; } .selectbox.green { clear: both; float: left; width: 100%; } .selectbox.green .sb-selected { background-color: #78A22F; float: left; width: 95%; padding: 13px 0 13px 5%; } .selectbox.green .sb-selected:hover, .selectbox.open .sb-selected { text-decoration: underline; } .selectbox.green .sb-options { background: #78A22F; } .selectbox.green .sb-options li { padding: 0; } .selectbox.green .sb-options li a { float: left; width: 95%; padding: 13px 0 13px 5%; } .selectbox.green .sb-options li:nth-child(even) { background: #6F952B; } .selectbox.green .sb-options li.selected a { /* background: #537318; */ } .selectbox.green .sb-options li a:hover, .selectbox.green .sb-options li.selected a:hover { } } @media screen and (max-width: 680px) { /* p { font-size: 11px; line-height: 1.6; } */ #footer .privacy p { width: 58%; } .home .accolades .column.c-8 { border-right: none; width: 81.25%; } .home .accolades .column.last { display: none; } .home .news .item h3 { font-size: 14px; } .home .highlights .copy h5 { font-size: 14px; } .content .links a { border: none; clear: both; float: left; display: block; margin: 0 0 5px; padding-left: 0; } .content .links a.button { padding-left: 12px; } #main #research_login { width: auto; } .content h1 { width: 100%; } .gridded .pressroom_news .column { float: none; margin: 0; width: 100%; } .gridded .pressroom_news .item { border-bottom: 3px solid #E1E1E1; } .gridded .pressroom_news .right .item.first { border-bottom: 3px solid #E1E1E1; padding-top: 20px; } .gridded .pressroom_releases .column { float: none; margin: 0 !important; width: 100%; } .gridded .pressroom_releases .item { border-bottom: 3px solid #E1E1E1; padding: 20px 0; } .gridded .pressroom_releases .item p { margin-bottom: 0; } .gridded .pressroom_releases .item p.meta { margin-bottom: 10px; } .gridded .pressroom_releases .column.left .item { padding-top: 0; } .gridded .pressroom_events { margin-top: 40px; } .content .image_gallery .frame { width: 78%; } .sidebar .subnav { margin: 0 0 30px; } } @media screen and (max-width: 620px) { .home .callouts .block_right { display: none; } #page_feature { height: 218px; } #page_feature .frame { height: 198px; margin: 20px 0 0; } #page_feature figure img { height: 198px; } #page_feature .information { height: 198px; } #page_feature .information p { font-size: 12px; display: none; } #executive_feature { height: 245px; } #executive_feature .container { height: 245px; } #executive_feature .cylinder { height: 245px; } #executive_feature .chamber { height: 245px; } #executive_feature .names { display: none; } .content .executive_bio h1 { display: block; } } @media screen and (max-width: 550px) { #footer .privacy p { width: 52%; } } @media screen and (max-width: 480px) { .no_mobile { display: none; } .only_mobile { display: block; } .gridded { } .gridded #header .container { width: 100%; } .button { float: none; font-size: 11px; font-weight: 400; margin: 3%; text-transform: uppercase; } #boxer .button { margin: 0; } #header { height: auto; } #header .container.light { border: 2px solid #78A22F; border-width: 2px 0; height: 130px; overflow: visible; } #header .nav_top { right: auto; top: 10px; } #header .nav_top li { border: none; float: none; display: inline-block; height: 32px; } #header .nav_top a { background: url(../images/icons_top_nav.png) no-repeat 0 center; height: 10px; padding: 0 5px 25px; } #header .nav_top .pressroom span { display: none; } #header .nav_top .dev { display: none; } #header .nav_top .clients { display: none; } #header .nav_top .clients { display: none; } #header .nav_top .pressroom a { background-position: center 18px; } #header .nav_top .pressroom a:hover { background-position: center -32px; } #header .nav_top .blog a { background-position: center -81px; } #header .nav_top .blog a:hover { background-position: center -131px; } #header .nav_top .contact a { background-position: center -180px; } #header .nav_top .contact a:hover { background-position: center -230px; } #header .nav_top .careers a { background-position: center -280px; } #header .nav_top .careers a:hover { background-position: center -330px; } #header .nav_top .search a { background-position: center -581px; } #header .nav_top .search a:hover { background-position: center -631px; } #header hr.rule { display: none; } #header .nav_main { background: url(../images/bg_lines_dark.png); overflow: hidden; height: auto; margin: 0; width: 100%; } #header .nav_main ul { overflow: hidden; padding: 15px; } #header .nav_main li { margin: 0 1px 1px 0; } #header .nav_main li a { background: url(../images/bg_main_nav.png) repeat; border-color: transparent; float: left; margin: 0; height: 44px; } #header .nav_main li a:hover { background: url(../images/bg_main_nav.png) repeat; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: transparent; border-width: 0 0 3px 0; color: #fff; margin: 0; } #header .nav_main li a.active, #header .nav_main li a.active:hover { border-color: #78A22F; } #header .nav_main li:hover { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #header .nav_main li.i-monetize, #header .nav_main li.i-advertise, #header .nav_main li.i-data-technology, #header .nav_main li.i-mobile-intelligence { width: 49.3333333333%; } #header .nav_main li.i-our-company { width: 99%; } #header .nav_main .dropdown { display: none !important; } #footer { margin: 0; padding: 25px 0; } #footer .quicklinks { display: none; } #footer .sociallinks { width: 97.9166666667%; } #footer .sociallinks h4 { border: none; margin: 0; } #footer .sociallinks ul { } #footer .sociallinks li { background: #272424; border: 1px solid #4E4C4C; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; height: auto; padding: 6% 0.5%; margin: 0 4% 0 0; width: 20%; } #footer .sociallinks li.last { margin: 0; } #footer .sociallinks a.social { font-size: 11px; line-height: 11px; padding: 38px 0 0 0; text-align: center; } #footer .sociallinks a.social span { display: none; } #footer .links a.facebook, #footer .links a.facebook:hover { background-position: center 0; } #footer .links a.twitter, #footer .links a.twitter:hover { background-position: center -100px; } #footer .links a.linkedin, #footer .links a.linkedin:hover { background-position: center -200px; } #footer .links a.youtube, #footer .links a.youtube:hover { background-position: center -300px; } #footer .privacy { margin-top: 30px; } #footer .privacy h4 { margin-bottom: 15px; } #footer .privacy p { border: none; margin: 0 0 15px; padding: 0; width: 100%; } #footer .privacy .button { background-color: #272424; border: 1px solid #4E4C4C; clear: both; float: none; margin: 0; width: auto; } #footer .copyright li { background: none; display: block; } #feature { display: none; } .gridded .page { padding-top: 20px; } #breadcrumb { display: none; } #logos { display: none; } #main .mobile_block { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); margin-bottom: 20px; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } #main .mobile_block h4 { background: url(../images/bg_h4_mobile.png) repeat-x center top; border: none; height: 58px; line-height: 58px; margin-bottom: 15px; padding: 0 3%; } #main { background-position: center 160px; padding-bottom: 10px; } .home #main .container { padding-top: 20px; } .home .accolades-top { display: none; } .home .highlights_wrap, .home .news_wrap { clear: both; width: 97.9166666666666667%; } .home .highlights .wrapper { background: none; border: none; } .home .highlights header { display: none; } .home .highlights .details { margin: 0; width: 100%; } .home .highlights .copy { padding: 0; width: 100%; } .home .highlights .mobile_wrap { margin: 0 5% 5%; overflow: hidden; width: 90%; } .home .highlights .copy .button { background: #5F6062 url(../images/icon_arrow_white.png) no-repeat right center; color: #fff; display: block; height: 45px; line-height: 45px; padding: 0 45px 0 12px; text-transform: uppercase; } .home .highlights .copy .button:hover { background: #404143 url(../images/icon_arrow_white.png) no-repeat right center; color: #fff; } .home .highlights .summary .button { display: none; } .home .news .item { margin: 0 3% 15px; padding-bottom: 15px; } .home .callouts { border: none; overflow: visible; padding: 0; } .home .callouts .column { border: none; } .home .callouts .wrap { margin: 0; padding: 0; } .home .callouts .mobile_wrap { margin: 3%; padding: 0; } .home .callouts .first, .home .callouts .center { margin: 0 1.0416666666666667%; width: auto; } .home .callouts .last { display: none; } .home .callouts p .button { display: none; } .home .callouts .button.mobile { display: block; } .home .accolades-bottom { border: none; display: block; margin-bottom: 5px; overflow: hidden; padding: 0; } .home .accolades-bottom .mobile_block { margin: 1.04167% 1.04167% 0; padding: 3% 0; } .home .accolades-bottom img { margin: 10% 20%; width: 60%; } .home .accolades-bottom .column.c-8 { border-width: 0 0 0 1px; width: 65%; } /* SPECIAL CASE */ .home .accolades-bottom p { font-size: 13px; margin: 5%; } .full_header { display: none; } .content h1.mobile { display: block; } .gridded .sidebar { width: 97.9166666667%; } .sidebar .subnav { margin: 0; } .sidebar .subnav li { float: left; margin: 0 0.5% 1%; width: 49%; } .sidebar .subnav li li { width: 99%; } .sidebar .subnav ul > li.even { float: left; } .sidebar .subnav ul > li.odd { float: right; } .content .options.only_mobile { margin: 0 0 25px; } .content .options.only_mobile .selectbox { float: left; margin: 0 1% 0 0; width: 49%; } .sub .callouts { display: none; } .sub .content { margin-top: 20px; width: 97.9166666667%; } #page_feature { display: none; } .sub #boxer .content { margin-top: 0; } #research_login { margin: 0 auto; width: 250px; } #executive_feature { display: none; } #blog .content .bio .profile { display: none; } #blog .content .button { margin-right: 2%; } #blog .content .sharing_tools { width: 100%; } #blog .content .split { float: left; width: 49%; } #blog .sidebar { display: none; } .content .image_gallery .frame { width: 78%; } .landing_columns .column { clear: both; margin: 0 0 20px; width: 100%; } .landing_columns .button { margin: 0 0 3%; } .featured_career .button { margin: 10px 0 0; width: auto; } #sitemap li { width: 45%; } .content .list .button.gray { display: none; } html * { visibility: visible !important; } } @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 480px) { #header .nav_main li a { height: 50px; } .is-chrome #header .nav_main li a { height: 47px; width: 98.5%; } .is-chrome #header .nav_main li.i-our-company a { width: 99%; } html * { visibility: visible !important; } } @media screen and (max-width: 380px) { .home .accolades-bottom p { font-size: 11px; } html * { visibility: visible !important; } } /* IF TRANSITIONS ARE NOT AVAILABLE */ body.no-transitions *, body.no-transitions *:link, body.no-transitions *:visited, body.no-transitions *:hover, body.no-transitions *:active, body.no-transitions *:focus { -webkit-transition: all 0s linear !important; -moz-transition: all 0s linear !important; -ms-transition: all 0s linear !important; -o-transition: all 0s linear !important; transition: all 0s linear !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } body.no-transitions #feature article { display: none; } body.no-transitions #feature article.active { display: block; } body.no-transitions .highlights .details .copy article { display: none; } body.no-transitions .highlights .details .copy article.active { display: block; } body.no-transitions #page_feature .information article { display: none; } body.no-transitions #page_feature .information article.active { display: block; }