html, body {
overflow: auto;
min-width: 980px;
}
/* ============================== *\
$grid
\* ============================== */
.container {
width: 930px;
margin: 0 auto;
}
.popup-ie8 {
min-width: 0;
}
/*.contributor {
width: 645px;
margin-bottom: 20px;
}*/
.container--wide {
width: 1050px;
}
.row { width: 100%; }
.row [class*='col'] { width: 100%; }
/*@media (min-width: 30em) {*/
.row [class*='col'] {
float: left;
margin: 0 1%;
}
.row .col-1s {
width: 23%;
}
.row .col-2s, .row .col-2b, .row .col-3s, .row .col-4s, .row .col-2ba, .row .col-2bb, .row .col-2bc, .row .col-2bd {
width: 48%;
}
.row .col-1, .row .col-2, .row .col-3, .row .col-4,
.row .col-5, .row .col-6, .row .col-7, .row .col-8,
.row .col-9, .row .col-10, .row .col-11, .row .col-12,
.row .col-3l, .row .col-3r, .row .col-3-f,
.row .col-5b,
.row .col-6b,
.row .col-7l, .row .col-7r,
.row .col-8r,
.row .col-9l, .row .col-9r {
float: none;
width: 100%;
margin: 0;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.row [class*='col'] {
float: left;
margin-left: 2.04081632653061%;
margin-right: 0;
}
.row [class*='col']:first-child { margin-left: 0; }
.row .col-1 { width: 6.46258503401361%; }
.row .col-2 { width: 14.96598639455782%; }
.row .col-2w { width: 14.96598639455782%; }
.row .col-2b { width: 18.36734693877551%; } /*5 columns */
.row .col-2ba { width: 27%; } /*5 columns */
.row .col-2bb { width: 17%; } /*5 columns */
.row .col-2bc { width: 8.5%; } /*5 columns */
.row .col-2bd { width: 19.66836734693878%; } /*5 columns */
.row .col-3 { width: 23.46938775520304%; }
.row .col-3s { width: 23.46938775520304%; }
.row .col-3l { width: 23.46938775520304%; }
.row .col-3r { width: 23.46938775520304%; margin-left: 4.04081632653061%; }
.row .col-3f { width: 28.46938775520304%; }
.row .col-4 { width: 31.97278911564626%; }
.row .col-5 { width: 40.81632653061225%; }
.row .col-5r { width: 38.81632653061225%; padding-right: 2%; }
.row .col-5b { width: 38.77551020408164%; }
.row .col-6 { width: 48.97959183673469%; }
.row .col-6b { width: 47.97959183673469%; margin-left: 4.04081632653061%; }
.row .col-7 { width: 57.14285714285714%; }
.row .col-7l { width: 55.14285714285714%; padding-left: 2%; }
.row .col-7r { width: 55.14285714285714%; padding-right: 2%; }
.row .col-8 { width: 65.98639455782313%; }
.row .col-8r { width: 63.98639455782313%; margin-left: 4.04081632653061%; }
.row .col-9 { width: 74.48979591826635%; }
.row .col-9l { width: 72.48979591826635%; }
.row .col-9r { width: 72.48979591826635%; margin-left: 4.04081632653061%; }
.row .col-9f { width: 67.48979591826635%; margin-left: 4.04081632653061%; }
.row .col-10 { width: 82.99319727891157%; }
.row .col-10l { width: 80.99319727891157%; padding-left: 2%; }
.row .col-11 { width: 91.49659863945578%; }
.row .col-12 { width: 100%; margin: 0; }
/*}*/
.container:after, .row:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.container, .row {
display: inline-block;
}
* html .container, * html .row {
height: 1%;
}
.container, .row {
display: block;
}
.row .col-3r {
margin-top: 30px;
}
/*@media (min-width: 47.9375em) {*/
.row .col-3r {
margin-top: 0;
}
/*}*/
/* ============================== *\
$text
\* ============================== */
/*@media (min-width: 47.9375em) {*/
/*h2*/.content__title {
font-size: 2.8125em; /*45px*/
}
/*}*/
/*@media (min-width: 30em) {*/
/*h2*/.section-title {
font-size: 3.125em; /*50px*/
}
/*h2*/.tabs-title {
font-size: 1.25em; /*20px*/
}
/*}*/
/*@media (min-width: 40em) {*/
/*h2*/.tabs-title {
font-size: 3.125em; /*50px*/
}
/*}*/
/*@media (min-width: 30em) {*/
/*h3*/.section-subtitle {
font-size: 1.625em; /*26px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.recommended-heading {
margin-top: 0;
}
/*}*/
/* secondary page */
/*@media (min-width: 30em) {*/
.page-secondary .large {
font-size: 1.6875em; /*27em*/
}
/*}*/
/* ============================== *\
$header
\* ============================== */
/* $top-bar */
/*@media (min-width: 40em) {*/
.top-bar-nav {
float: right;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.top-bar-nav li {
margin-right: 1.875em; /*30px*/
}
/*}*/
/*@media (min-width: 40em) {*/
.top-bar-nav .icon {
display: inline-block;
}
/*}*/
/*@media (min-width: 30em) {*/
.top-bar-nav .hide-mobile {
display: inline;
}
/*}*/
/*@media (min-width: 32.5em) {*/
.top-bar-search {
width: 165px;
}
/*}*/
/*@media (min-width: 32.5em) {*/
.top-bar-search__field {
width: 143px;
height: 16px;
padding-top: 1px;
}
/*}*/
/* header */
/*@media (min-width: 30em) {*/
header.container,
header {
height: 60px;
border: none;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
header.container,
header {
width: 95.91836734693878%;
width: 980px;
height: 90px;
}
/*}*/
/*@media (min-width: 30em) {*/
.main-logo {
height: 40px;
padding: 5px 0 15px;
/*margin-left: 0.625em;*/ /*10px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.main-logo {
height: auto;
padding: 0;
/*margin: 10px 0 0 0.9375em;*/ /*10px 0 0 15px*/
margin-top: 10px;
}
/*}*/
/*@media (min-width: 30em) {*/
.main-nav {
background: #fff;
background: rgba(255,255,255,0.9);
position: absolute;
top: 3.75em; /*60px*/
left: 0;
border-bottom: 1px solid #ddd;
}
/*}*/
/*@media (min-width: 40em) {*/
.main-nav {
position: relative;
top: 0;
background: none;
float: right;
width: auto;
height: 30px;
max-height: 999px;
padding: 25px 0 0;
border: none;
clear: none;
overflow: visible;
}
.main-nav .current, .main-nav li:hover {
border-bottom: 5px solid #0082ce;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.main-nav {
height: 40px;
padding: 45px 0 0;
/*margin-right: 0.9375em;*/ /*15px*/
}
/*}*/
/*@media (min-width: 30em) {*/
.main-nav li {
width: 95.91836734693878%;
padding-left: 2.04081632653061%;
padding-right: 2.04081632653061%;
}
/*}*/
/*@media (min-width: 40em) {*/
.main-nav li {
margin-left: 0.9375em; /*15px*/
width: auto;
height: 100%;
padding: 0;
}
.main-nav li:first-child {
margin-left: 0;
padding: 0;
}
/*}*/
/*@media (min-width: 60em) {*/
.main-nav li {
margin-left: 40px;
font-size: 1.25em;
}
/*}*/
/*@media (min-width: 30em) {*/
.nav-open, .nav-close {
margin: 1.25em 0.625em 0 0; /*20px 10px 0 0*/
}
/*}*/
/*@media (min-width: 40em) {*/
.nav-open, .nav-close {
display: none;
}
/*}*/
/* $mega-nav*/
/*@media (min-width: 40em) {*/
.mega-nav {
display: block;
background: #fff;
position: absolute;
top: 60px;
left: 0;
width: auto;
border: 1px solid #ccc;
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
padding: 10px 0 10px 10px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.mega-nav {
top: 90px;
}
/*}*/
/*@media (min-width: 40em) {*/
.mega-nav li {
width: auto;
padding: 0;
margin: 0;
}
.mega-nav li:hover {
border: none;
}
.mega-nav a {
display: block;
padding: 5px 10px 5px 5px;
}
.mega-nav-main,
.mega-nav-aside {
float: left;
margin-right: 10px;
}
/* mega nav main */
.mega-nav-main li {
padding-right: 15px;
}
.mega-nav-main li:hover, .mega-nav--active {
background: #0083ce;
}
/* url('//media.genre.com/designimages/h-arrow-white.png') 95% 50% no-repeat */
.mega-nav-main li:hover a, .mega-nav-main a:hover, .mega-nav--active a {
color: #fff;
}
/* mega nav aside */
.mega-nav-aside {
background: #ededed;
}
/*.mega-nav-aside ul {
display: none;
}*/
.mega-nav-aside a {
margin-left: 10px;
margin-right: 10px;
border-top: 1px dotted #8d8d8d;
}
.mega-nav-aside li:first-child a {
border-top: none;
}
.mega-nav-aside li:hover, .mega-nav-aside a:hover {
color: #0083ce;
}
/*}*/
/*@media (min-width: 60em) {*/
.mega-nav a {
font-size: 18px !important;
}
/*}*/
.mobile-nav {
display: none;
}
/* ============================== *\
$top structure
\* ============================== */
/*@media (min-width: 30em) {*/
.page-head.page-head--home {
height: 535px;
overflow: hidden;
}
/*}*/
/*@media (min-width: 30em) {*/
.page-contact {
padding-bottom: 30px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.page-contact {
height: 535px;
padding-bottom: 0;
overflow: hidden;
}
/*}*/
/*@media (min-width: 30em) {*/
/*}*/
/* background images */
/*@media (min-width: 40em) {*/
.bg-solutions {
background: url('//media.genre.com/designimages/bg-solutions.jpg') center center no-repeat;
background-size: 100%;
background-size: cover;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.bg-contact {
background: url('//media.genre.com/designimages/bg-contact.jpg') center center no-repeat;
background-size: 100%;
background-size: cover;
}
/*}*/
/*@media (min-width: 40em) {*/
.bg-about {
background: url('//media.genre.com/designimages/bg-about.jpg') center center no-repeat;
background-size: 100%;
background-size: cover;
}
/*}*/
/* ============================== *\
$head content
\* ============================== */
/*@media (min-width: 60em) {*/
.head-content {
width: 75%;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.head-content__title {
padding-bottom: 0.3636363636363636em; /*20px^55*/
font-size: 3.4375em; /*55*/
font-weight: 300;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.head-content .large {
font-size: 1.6875em; /*27em*/
line-height: 1.2;
}
/*}*/
/* ============================== *\
$main content
\* ============================== */
/*@media (min-width: 30em) {*/
.main-content__spacer {
padding-top: 1.875em; /*30px*/
}
/*}*/
/*@media (min-width: 30em) {*/
.main-content__title {
font-size: 2em; /*32px*/
}
/*}*/
/*@media (min-width: 30em) {*/
.main-content .large {
font-size: 1.125em; /*18px*/
line-height: 1.6;
}
/*}*/
/* ============================== *\
$content
\* ============================== */
/*@media (min-width: 30em) {*/
.content {
padding-bottom: 1.75em; /*40px*/
}
/*}*/
/* ============================== *\
$footer
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.footer-top {
padding-top: 1.25em; /*20px*/
border-top: 1px solid #e3e3e3;
}
/*}*/
/*@media (min-width: 30em) {*/
.footer-top__links {
margin-bottom: 5px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.footer-top__links {
margin-top: 1.25em;
}
/*}*/
/*@media (min-width: 20em) {*/
.footer-top__links li {
display: inline-block;
width: auto;
margin-left: 0.625em; /*10px */
}
.footer-top__links li:first-child {
margin-left: 0.625em;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.logo-foot {
text-align: center;
}
.footer-top__connect {
float: right;
margin-top: 1.25em;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.footer-bottom h2 {
padding-bottom: 15px;
}
/*}*/
/* ============================== *\
$floating sidebar
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.aside-fixed {
position: fixed;
top: 20%;
right: 0;
z-index: 8889;
}
/*}*/
/*@media (min-width: 30em) {*/
.aside-fixed__btn {
padding: 0.625em; /*10px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-fixed__btn {
display: block;
float: right;
clear: both;
margin-top: 3px; /*10px*/
padding-right: 0;
border: none;
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
border-radius: 6px 0 0 6px;
text-align: center;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-fixed__btn .icon {
display: block;
float: none;
margin-right: auto;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-fixed__btn a {
float: none;
margin: 0 auto;
font-size: 0.625em; /*10px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-fixed__btn span {
float: none;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-fixed__btn a:first-child {
margin-left: auto;
}
/*}*/
/* ============================== *\
$floating sidebar
\* ============================== */
.aside-fixed__btn .aside-share-trigger {
float: left;
}
/*@media (min-width: 47.9375em) {*/
.aside-fixed-share {
display: none;
width: auto;
/*max-width: 0;*/
height: auto;
max-height: 99px;
margin-top: 10px;
clear: none;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-fixed-share li {
width: 90px;
height: 100%;
padding-top: 0;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-share-toggle {
padding-left: 20px;
padding-right: 10px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-share-toggle-on .aside-fixed-share {
/* max-width: 999px;*/
display: block;
}
/*}*/
/* ============================== *\
$slider
\* ============================== */
/*@media (min-width: 30em) {*/
.home-slider {
position: absolute;
top: 0;
left: 50%;
margin-left: -600px;
width: 1200px;
}
/*}*/
/*@media (min-width: 75em) {*/
.no-js .home-slider {
left: 50%;
max-width: 75em;
margin-left: -37.5em;
}
.home-slider {
height: 535px;
overflow: hidden;
}
/*}*/
/*@media (min-width: 30em) {*/
.slider {
position: relative;
float: none;
padding-top: 90px;
margin-top: 90px;
height: 355px;
z-index: 1000;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.slider {
padding-top: 140px;
margin-top: 120px;
height: 275px;
overflow: hidden;
}
/*}*/
/*@media (min-width: 30em) {*/
.slider .slider__left {
float: left;
width: 70.48979591826635%;
margin: 0;
}
.slider .slider__right {
position: absolute;
bottom: 0;
right: 0;
float: left;
width: 23.46938775520304%;
margin: 0 0 0 4.04081632653061%;
}
/*}*/
/*@media (min-width: 30em) {*/
.slider__bg {
background-position: center top !important;
position: absolute;
top: 0;
left: 0;
float: none;
overflow: hidden;
width: 100%;
}
/*}*/
/*@media (min-width: 30em) {*/
.slider__bg img {
float: none;
width: 1200px;
margin: 0 auto;
}
/*}*/
/* box heading */
/*@media (min-width: 30em) {*/
.title-block {
width: 25.9375em; /*415px*/
}
.title-block--long {
width: auto;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.title-block--contact {
position: absolute;
bottom: 60px;
left: 130px;
}
/*}*/
/*@media (min-width: 61.25em) {*/
.title-block--contact {
left: 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.title-block__text {
margin: 0 0 10px 7px; /*10px*/
font-size: 2.5em; /*40px*/
line-height: 1.6;
}
/*}*/
/*@media (min-width: 30em) {*/
.title-block span {
box-shadow: 0 0 0 7px #1a88c6;
}
/*}*/
/* slider-aside */
/*@media (min-width: 30em) {*/
.slider-aside {
margin: 1.875em 0 1.25em; /*30px 0 20px*/
}
/*}*/
/*@media (min-width: 30em) {*/
.slider-aside__arrow {
background-position: 0 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.s-toggle-on .slider-aside__arrow {
background-position: 0 -7px;
}
/*}*/
/* ============================== *\
$tabs/accordion
\* ============================== */
/* tab nav */
/*@media (min-width: 40em) {*/
.tab-nav li {
line-height: 1.2;
-moz-box-shadow: inset 0 -5px 10px #ebebeb;
-webkit-box-shadow: inset 0 -5px 10px #ebebeb;
box-shadow: inset 0 -5px 10px #ebebeb;
}
/*}*/
/* tab panel */
/*@media (min-width: 40em) {*/
.tabs.secondary .tabs-panel {
padding-top: 1.25em;
border-top: none;
}
/*}*/
/*@media (min-width: 40em) {*/
.tabs {
width: auto;
margin: 0 auto;
margin-top: -70px;
}
.tab-nav,
.tab-nav.group {
display: block;
font-size: 100% !important;
/*Included to fix tab issue in german in home page*/
width: 1240Px;
}
.tab-nav li {
padding: 0 1em; /*20px^20*/
border: 1px solid #ccc;
/*border-left: 0;*/
border-bottom: 0;
font-size: 1.25em; /*20px*/
font-weight: 300;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
/*.tab-nav li:first-child {
border-left: 1px solid #ccc;
}*/
.tab-nav a {
background: none;
display: block;
padding: 10px 5px;
}
.tab-nav li.tab-active {
margin-bottom: -1px;
padding-bottom: 0;
border-bottom: 1px solid #fff;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.tab-active a, .tab-nav a:hover {
padding-bottom: 5px;
border-bottom: 5px solid #0082ce;
}
.tabs-panel {
background: #fff;
height: auto !important;
padding: 2.5em 0; /*40px 0*/
}
.tabs-title {
margin-bottom: 20px;
}
.tabs-title a {
width: 100%;
padding: 0;
cursor: default;
}
.tabs-title a, .m-panel-hide.panel-active .tabs-title a, .panel-active .tabs-title a {
background: none;
}
.tabs-panel .tabs-panel-content {
display: block !important;
margin-top: 0;
}
.panel-hide {
display: none;
}
.panel-active {
display: block;
}
.m-panel-hide .tabs-panel-content {
display: block;
}
/* .tab-nav - modifier smaller text */
.tab-nav.tab-nav--small li,
.tab-nav--small li {
font-size: 16px;
text-align: center;
padding: 0 10px;
}
.tab-nav.tab-nav--small a,
.tab-nav--small a {
padding-right: 0;
padding-left: 0;
}
.tabs .tabs-title.m-bot-5 {
margin-bottom: 5px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.tab-nav a {
display: block;
padding: 10px 0px;
}
.tab-active a, .tab-nav a:hover {
padding-bottom: 5px;
border-bottom: 5px solid #0082ce;
}
.tabs-panel-content p {
margin-bottom: 20px;
}
/* .tab-nav - modifier smaller text */
.tab-nav.tab-nav--small li,
.tab-nav--small li {
padding: 0 1em;
}
.tab-nav.tab-nav--small a,
.tab-nav--small a {
padding-right: 10px;
padding-left: 10px;
}
/*}*/
/*@media (min-width: 60em) {*/
.tabs {
margin-top: -100px;
}
.tab-nav li {
font-size: 1.5em; /*24px*/
padding: 0 1em; /*0 24px^24*/
}
/* .tab-nav - modifier smaller text */
.tab-nav.tab-nav--small li,
.tab-nav--small li {
font-size: 18px;
text-align: center;
}
.tab-nav.tab-nav--small a,
.tab-nav--small a {
padding-right: 0px;
padding-left: 0px;
}
.tab-nav--home li {
font-size: 2em;
}
/*}*/
/* ============================== *\
$login tabs
\* ============================== */
/*@media (min-width: 40em) {*/
.login-tabs .login-tabs__aside,
.login-tabs .login-tabs__main {
float: left;
}
.login-tabs .login-tabs__aside {
position: relative;
width: 31.97278911564626%;
z-index: 2000;
}
.login-tabs .login-tabs__main {
position: relative;
width: 65.98639455782313%;
margin-left: 2.04081632653061%;
z-index: 1000;
}
/* bg color reset */
.login-tabs__online .tabs-panel-content,
.login-tabs__connect .tabs-panel-content,
.login-tabs__facworld .tabs-panel-content,
.login-tabs__life-health .tabs-panel-content,
.login-tabs__research .tabs-panel-content,
.login-tabs .tabs-panel {
background: none;
}
/* bg colors */
.login-tabs .login-tabs__online { background: #428aa0; }
.login-tabs .login-tabs__connect { background: #8999a9; }
.login-tabs .login-tabs__facworld { background: #c19056; }
.login-tabs .login-tabs__life-health { background: #a6b757;}
.login-tabs .login-tabs__research { background: #41689f; }
/* structure */
.login-tabs {
padding-bottom: 3em; /*48px*/
overflow: hidden;
}
.login-tabs .container {
width: 95.91836734693878%;
}
.login-tabs .tabs-title {
padding: 0;
}
/* tab nav */
.login-tabs .tab-nav li {
position: relative;
float: left;
margin: 0 15px 15px 0;
border: 1px solid #ccc;
border-radius: 0;
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}
.login-tabs .tab-nav a {
color: #0082ce;
}
/* active state */
.login-tabs .tab-active {
background: #0082ce;
margin-bottom: 15px;
}
.login-tabs .tab-active a {
padding-bottom: 5px;
border-bottom:0;
color: #fff;
}
.tab-active .arrow-right {
display: block;
position: absolute;
top: -5%;
right: -30px;
width: 30px;
height: 110%;
}
/* tab panel */
.login-tabs .tabs-panel {
padding: 1.25em;
border: none;
}
.login-tabs .tabs-panel > .col-12 {
width: 100%;
margin: 0;
padding: 0;
}
.login-tabs .tabs-panel-content,
.login-tabs .panel-active .tabs-panel-content,
.login-tabs .m-panel-show .tabs-panel-content {
margin-top: 0;
width: auto;
padding: 0;
}
.login-tabs .tabs-title {
margin-bottom: 10px;
}
.login-tabs .tabs-title a {
padding-left: 0;
color: #fff;
}
.login-tabs .tabs-title a, .login-tabs .m-panel-hide.panel-active .tabs-title a, .login-tabs .panel-active .tabs-title a {
background: none;
}
.login-tabs .tabs-title, .login-tabs .tabs-title a {
line-height: 1.1;
}
/* orignally 47.9375 */
.login-tabs {
padding-top: 5px;
}
/* tab nav */
.login-tabs .tab-nav {
width: auto;
border: 1px solid #ccc;
-moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
.login-tabs .tab-nav li {
background-color: #fff;
background-image: -webkit-linear-gradient(top, #fff, #f9f9f9);
background-image: -moz-linear-gradient(top, #fff, #f9f9f9);
background-image: -ms-linear-gradient(top, #fff, #f9f9f9);
background-image: -o-linear-gradient(top, #fff, #f9f9f9);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f9f9));
width: 100%;
padding-left: 0;
padding-right: 0;
margin: 0;
border: none;
border-top: 1px dotted #b2b2b2;
box-shadow: none;
font-size: 19px;
}
.login-tabs .tab-nav li:first-child {
border-top: 0;
}
.login-tabs .tab-nav a {
background: url('//media.genre.com/designimages/h-arrow.png') 15px 50% no-repeat;
padding-left: 30px;
}
.login-tabs .tab-nav .tab-active a {
background: url('//media.genre.com/designimages/h-arrow-on.png') 15px 50% no-repeat;
color: #0082ce;
}
/* tab nav - active state */
.login-tabs .tab-active {
background: none;
margin-bottom: 0;
border-bottom: 0;
}
.login-tabs .tab-active a, .login-tabs .tab-nav a:hover {
padding-bottom: 10px;
border: none;
}
/* tab panel */
.login-tabs .tabs-panel {
padding: 1.25em 2.5em 2.5em; /*20px 40px 40px*/
}
/*}*/
/*@media (min-width: 40em) {*/
.login-tabs .tabs-panel {
position: relative;
opacity: 0;
}
.no-js .login-tabs {
opacity: 1;
}
.login-flame {
display: block;
position: absolute;
bottom: -80px;
right: 20px;
}
.login-tabs__connect .login-flame {
bottom: -150px;
}
.login-tabs__research .login-flame {
bottom: -180px;
}
/*}*/
/* ============================== *\
$tab padding
\* ============================== */
/*@media (min-width: 40em) {*/
.tab-padding {
padding-bottom: 90px;
}
/*}*/
/*@media (min-width: 60em) {*/
.tab-padding {
padding-bottom: 130px;
}
/*}*/
/* ============================== *\
$breadcrumbs
\* ============================== */
/* modifier class */
/*@media (min-width: 40em) {*/
.tabs .breadcrumb {
margin-bottom: -1px;
padding-bottom: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}
/*}*/
/*@media (min-width: 30em) {*/
.tabs .l-bcrumb {
margin-top: 1.25em;
}
/*}*/
/* ============================== *\
$carousel
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.carousel-mask {
width: auto;
padding: 0 5%;
}
/*}*/
/*@media (min-width: 30em) {*/
.carousel li {
float: left;
width: 45%;
padding: 0 1.25em; /*20px*/
margin: 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.carousel .img-flex {
margin-bottom: 0;
}
/*}*/
/* ============================== *\
$carousel box
\* ============================== */
/*@media (min-width: 30em) {*/
.carousel-box,
.tabs-panel .carousel-box {
padding: 25px;
}
/*}*/
/* text */
/*@media (min-width: 40em) {*/
.carousel-box__name {
font-size: 1.5625em; /*25px*/
}
/*}*/
/*@media (min-width: 40em) {*/
.carousel-box p {
font-size: 1.3125em; /*21px*/
}
/*}*/
/*@media (min-width: 30em) {*/
.carousel-box .carousel-box__position {
font-size: 1em;
}
/*}*/
/* $modifiers */
/* .carousel--careers grid modifier */
/*@media (min-width: 20em) {*/
.carousel--graduates .col-4, .carousel--graduates .col-8r {
float: left;
}
.carousel--graduates .col-4 {
width: 31.9728%;
}
.carousel--graduates .col-8r {
width: 63.9864%;
margin-left: 4.04082%;
}
/*}*/
/* .carousel--careers */
/*@media (min-width: 30em) {*/
.career-quote {
font-size: 1.125em; /*18px*/
color: #fff;
}
}
/* .carousel--graduates */
/*@media (min-width: 30em) {*/
/*.carousel--graduates .img-flex {
width: 50%;
}*/
/*}*/
/*@media (min-width: 47.9375em) {*/
.carousel--graduates .img-flex {
width: 100%;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.carousel--graduates .carousel__title {
margin-bottom: 1.11em; /*30px^27*/
}
/*}*/
/* $carousel box aside */
/*@media (min-width: 40em) {*/
.carousel-aside__inner {
padding: 1.25em; /*20px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.carousel-aside__inner {
padding-top: 1.5em;
margin-top: -2.1875em; /*35px*/
}
/*}*/
/*@media (min-width: 40em) {*/
.carousel-aside__title {
font-size: 2.3125em; /*37px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.carousel-aside__inner p {
font-size: 1em;
}
/*}*/
/*@media (min-width: 60em) {*/
.carousel-aside__inner p {
font-size: 1.3125em; /*21px*/
}
/*}*/
/* ============================== *\
$aside box
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.aside-box {
padding: 0.9375em; /*15px*/
}
/*}*/
/* mod - filter padding */
/*@media (min-width: 47.9375em) {*/
.aside-box--filter {
padding: 0.9375em 0.625em 1.25em; /*20px 10px*/
margin-bottom: 0;
}
/*}*/
/* clears top margin from :first-child */
/*@media (min-width: 47.9375em) {*/
.col-3 .aside-box:first-child,
.col-3r .aside-box:first-child,
.col-3f .aside-box:first-child {
margin-top: 0;
}
/* mod - negative top margin */
.aside-box--top,
.col-3 .aside-box--top,
.col-3r .aside-box--top,
.col-3 .aside-box--top:first-child,
.col-3r .aside-box--top:first-child {
margin-top: -0.625em;
}
/*}*/
/* $aside box headings */
/*@media (min-width: 60em) {*/
.aside-box__heading {
font-size: 1.5em; /*24px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-box--filter .aside-box__heading {
cursor: default;
}
/*}*/
/* ============================== *\
$filter
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.aside-box--filter .aside-box__heading,
.aside-box--filter.s-open .aside-box__heading {
background: none;
}
/*}*/
/*@media (min-width: 30em) {*/
.filter__heading {
background: url('//media.genre.com/designimages/v-arrow-on.png') 98% 50% no-repeat;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.filter__heading {
background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
border-bottom: 1px dotted #666;
}
/*}*/
/* states */
/*@media (min-width: 30em) {*/
.s-filter-open .filter__heading {
background: url('//media.genre.com/designimages/v-arrow-on.png') 98% 50% no-repeat;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.s-filter-open .filter__heading {
background: url('//media.genre.com/designimages/v-arrow-on.png') 95% 50% no-repeat;
}
/*}*/
/*@media (min-width: 30em) {*/
.s-filter-close .filter__heading {
background: url('//media.genre.com/designimages/h-arrow.png') 98% 50% no-repeat;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.s-filter-close .filter__heading {
background: url('//media.genre.com/designimages/h-arrow.png') 95% 50% no-repeat;
}
/*}*/
/*filter mask */
/*@media (min-width: 47.9375em) {*/
.filter-mask {
display: block !important;
}
/*}*/
/* lists */
/*@media (min-width: 47.9375em) {*/
.l-filter {
display: block;
}
/*}*/
/* ============================== *\
$sorting filters
\* ============================== */
/*@media (min-width: 30em) {*/
.sorting-filters .float-right {
float: right;
}
/*}*/
/* sorting by type */
/*@media (min-width: 47.9375em) {*/
.l-type-filter,
.row .l-type-filter {
margin-top: 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.l-type-filter li {
font-size: 1em; /*18px*/
}
/*}*/
/*@media (min-width: 60em) {*/
.l-type-filter li {
font-size: 1.125em; /*18px*/
}
/*}*/
/* ============================== *\
$feature post
\* ============================== */
/* .feature-post - grid modifier */
/*@media (min-width: 30em) {*/
.feature-post .col-5, .feature-post .col-7 {
float: left;
margin: 0;
}
.feature-post .col-5 {
width: 39.81632653061225%;
}
.feature-post .col-7 {
width: 57.14285714285714%;
margin-left: 3.04081632653061%;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.feature-post {
padding: 1.25em; /*20px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.feature-post__badge {
left: 1.5625em; /*25px*/
}
/*}*/
/* ============================== *\
$posts listing
\* ============================== */
/* .l-post - grid modifier */
/*@media (min-width: 20em) {*/
/*.l-posts .col-2, .l-posts .col-10,*/
.l-posts .col-3, .l-posts .col-9 {
float: left;
margin: 0;
}
.l-posts .col-3 {
width: 20.46938775520304%;
}
.l-posts .col-9 {
width: 76.48979591826635%;
margin-left: 3.04081632653061%;
}
/*}*/
/* publication */
/*@media (min-width: 30em) {*/
.publication-badge {
margin-top: 0;
}
/*}*/
/* ============================== *\
$posts
\* ============================== */
/*@media (min-width: 30em) {*/
.post__title {
font-size: 2.8125em; /*45px*/
}
/*}*/
/*@media (min-width: 30em) {*/
.post__details {
font-size: 1em;
}
/*}*/
/* ============================== *\
$related posts
\* ============================== */
/* .l-related-posts - grid modifier */
/*@media (min-width: 30em) {*/
.l-related-posts .col-4 {
width: 14.96598639455782%;
}
.l-related-posts .col-8 {
width: 81.99319727891157%;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.l-related-posts .col-4 {
width: 31.97278911564626%;
}
.l-related-posts .col-8 {
width: 63.98639455782313%;
margin-left: 4.04081632653061%;
}
/*}*/
/* callout */
/*@media (min-width: 30em) {*/
.box-callout {
width: 300px;
margin: 0 0 1.25em 1.25em;
}
/*}*/
/* author box */
/*@media (min-width: 30em) {*/
.post__author {
float: right;
width: 50%;
margin: 0 0 1.25em 1.25em; /*0 0 20px 20px*/
}
/*}*/
/*@media (min-width: 20em) {*/
.post__author .col-4,
.post__author .col-8 {
float: left;
}
.post__author .col-4 {
width: 29.9728%;
}
.post__author .col-8 {
width: 65.9864%;
margin-left: 2.04082%;
}
/*}*/
/* ============================== *\
$table list
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.l-table-head {
padding: 0.625em 1.25em; /*10px 20px*/
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.l-table li {
padding: 0.625em 1.25em; /*10px 20px*/
}
/*}*/
/* ============================== *\
$application
\* ============================== */
/*@media (min-width: 20em) {*/
.job-form .col-6 {
float: left;
width: 48.97959183673469%;
margin-left: 2.04081632653061%;
}
.job-form .row .col-6:first-child {
margin-left: 0;
}
/*}*/
/* ============================== *\
$video
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.featured-videos .section-title {
float: left;
margin-bottom: 20px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.featured-videos .float-right {
float: right;
margin-top: 30px;
margin-bottom: 0;
}
/*}*/
/*@media(min-width: 47.9375em) {*/
.vid-holder iframe {
height: 400px;
}
/*}*/
/* ============================== *\
$contact us
\* ============================== */
/*@media (min-width: 30em) {*/
.contact-top-bar {
top: -0.625em;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.contact-top-bar select.input-full {
margin-bottom: 0;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.contact-top-bar input[type="text"] {
display: block;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.contact-top-bar input[type="image"] {
margin: 0;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.contact-form label {
margin-top: 1.25em; /*20px*/
}
/*}*/
.contact-top-bar input[type="radio"] {
margin-top: 0;
}
/* ============================== *\
$contact map
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.map-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 535px;
overflow: hidden;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.map {
position: absolute;
top: 0;
left: 50%;
margin-left: -490px;
margin-top: 0;
max-width: 980px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.contact-map {
display: block;
}
/*}*/
/* ============================== *\
$blue box
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.blue-box__title a {
display: block;
background: url('//media.genre.com/designimages/h-arrow-white-large.png') 95% 50% no-repeat;
padding-right: 15%;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.col-3r .blue-box__title {
font-size: 1.25em; /*20px*/
}
/*}*/
/*@media (min-width: 60em) {*/
.col-3r .blue-box__title {
font-size: 1.5em; /*24px*/
}
/*}*/
/*@media (min-width: 20em) {*/
.blue-box__details .col-4,
.blue-box__details .col-8 {
float: left;
}
.blue-box__details .col-4 {
width: 31.97278911564626%;
}
.blue-box__details .col-8 {
width: 65.98639455782313%;
margin-left: 2.04081632653061%;
}
/*}*/
/* ============================== *\
$aside address
\* ============================== */
/*@media (min-width: 30em) {*/
.aside-address .aside-address__map {
width: auto;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.aside-address .aside-address__map {
width: 100%;
}
/*}*/
/* ============================== *\
$search on knowledge page
\* ============================== */
/*@media (min-width: 60em) {*/
.main-search {
margin-top: 20px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.search-bar.m-bot-30 {
margin-bottom: 24px;
}
/*}*/
/* modifier */
/*@media (min-width: 30em) {*/
.search-bar--large {
height: 40px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.search-bar--large {
max-width: 450px;
margin-top: 0;
}
/*}*/
/*@media (min-width: 60em) {*/
.search-bar--large {
max-width: 600px;
margin-top: 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.search-bar--large input[type="text"] {
font-size: 1em;
}
/*}*/
/*@media (min-width: 30em) {*/
.search-label {
width: 200px;
font-size: 1.6875em;
}
/*}*/
/*@media (min-width: 60em) {*/
.search-label {
clear: none;
}
/*}*/
/* ============================== *\
$common elements
\* ============================== */
/*@media (min-width: 30em) {*/
.custom-select {
background: url('//media.genre.com/designimages/v-arrow.png') 98% 50% no-repeat #f8f8f8;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.custom-select {
background: url('//media.genre.com/designimages/v-arrow.png') 97% 50% no-repeat #f8f8f8;
}
/*}*/
/* ============================== *\
$contact cards
\* ============================== */
/*@media (min-width: 40em) {*/
.l-contact-cards__title .section-subtitle {
margin-top: 30px;
}
/*}*/
/* grid modifier */
/*@media (min-width: 40em) {*/
.l-contact-cards .row:first-child {
margin-top: 0;
}
.l-contact-cards .col-4 {
float: left;
width: 30.97278911564626%;
margin-top: 0;
margin-left: 3.04081632653061%;
}
.l-contact-cards .col-4:first-child {
margin-left: 0;
}
/*}*/
/* large modifier */
/*@media (min-width: 30em) {*/
.l-contact-cards--large .row:first-child {
margin-top: 0;
}
.l-contact-cards--large .col-4 {
float: left;
width: 41.83292239904404%;
margin-top: 0;
margin-left: 3.04081632653061%;
}
.l-contact-cards--large .col-4:first-child {
margin-left: 0;
}
/*}*/
/* ============================== *\
$contact info
\* ============================== */
/*@media (min-width: 47.9375em) {*/
.phone-link,
.container .phone-link {
cursor: default;
color: inherit;
}
/*}*/
/* ============================== *\
$search page
\* ============================== */
/*@media (min-width: 40em) {*/
.search-title {
margin-bottom: 1.66em; /*30px^18*/
}
.search-title--contact {
margin-bottom: 1.11em; /*20px^18*/
}
/*}*/
/* ============================== *\
$thumbnail lists
\* ============================== */
/* grid modifier */
/*@media (min-width: 20em) {*/
.l-inline-thumb .col-2,
.l-inline-thumb .col-3,
.l-inline-thumb .col-4,
.l-inline-thumb .col-5,
.l-inline-thumb .col-7,
.l-inline-thumb .col-8,
.l-inline-thumb .col-9,
.l-inline-thumb .col-10 {
float: left;
}
.l-inline-thumb .col-8 {
width: 63.98639455782313%;
margin-left: 4.04081632653061%;
}
.l-inline-thumb .col-4 {
width: 31.97278911564626%;
margin: 0;
}
.l-inline-thumb .col-9,
.l-inline-thumb .col-10 {
width: 72.48979591826635%;
margin-left: 4.04081632653061%;
}
.l-inline-thumb .col-3,
.l-inline-thumb .col-2 {
width: 23.46938775520304%;
margin: 0;
}
.l-inline-thumb .col-5 {
width: 40.81632653061225%;
margin: 0;
}
.l-inline-thumb .col-7 {
width: 55.14285714285714%;
margin-left: 4.04081632653061%;
}
/*}*/
/* rows */
/*@media (min-width: 40em) {*/
.l-inline-thumb--rows > li {
float: left;
width: 46%;
margin-right: 4%;
clear: none;
}
/*}*/
.l-series .col-6b {
margin-top: 1.25em;
}
.search-bar--large input[type="text"] {
padding-top: 10px;
}
/* ============================== *\
$contributor
\* ============================== */
/*@media (min-width: 30em) {*/
.contributor-img {
float: left;
padding-right: 1.25em; /*20px*/
}
/*}*/
/* ============================== *\
$common elements
\* ============================== */
/*@media (min-width: 30em) {*/
.input-full { width: 98%; padding: 0 1%; }
/*}*/
/*@media (min-width: 47.9375em) {*/
.input-full { width: 96%; padding: 0 2%; }
/*}*/
/*@media (min-width: 47.9375em) {*/
.hide-tablet { display: block; }
/*}*/
/*@media (min-width: 47.9375em) {*/
.display-tablet { display: none; }
/*}*/
/*@media (min-width: 30em) {*/
.hide-mobile { display: block; }
/*}*/
/*@media (min-width: 30em) {*/
.display-mobile { display: none; }
/*}*/
.hide { display: none; }
.show { display: block; }
.clear { clear: both; }
/* ============================== *\
$flexslider
\* ============================== */
/*@media screen and (max-width: 860px) {*/
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
/*}*/
/* custom css */
/*@media (min-width: 30em) {*/
.flex-nav {
width: 47.95918367346939%;
margin-left: 2.04081632653061%;
padding-top: 110px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.flex-nav {
/*top: 200px;*/
padding-top: 120px;
width: 100%;
margin: 0;
height: 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.flex-control-nav {
margin-top: 20px;
}
/*}*/
/*@media (min-width: 47.9375em) {*/
.flex-control-nav {
width: 95.91836734693878%;
max-width: 58.125em; /*930px*/
margin: 0 auto;
margin-top: 80px;
}
/*}*/
/*@media (min-width: 30em) {*/
.flex-control-paging li a {
background-position: 0 0;
width: 30px;
height: 41px;
}
/*}*/
/*@media (min-width: 30em) {*/
.flex-control-paging li a.flex-active {
background-position: 0 -41px;
cursor: default;
}
/*}*/
/*@media (min-width: 30em) {*/
.flex-direction-nav {
float: none;
width: auto;
height: auto;
margin-top: 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.flex-direction-nav a {
margin: -20px 0 0;
position: absolute;
top: 50%;
}
/*}*/
/*@media (min-width: 30em) {*/
.flex-direction-nav .flex-next {
float: none;
right: 0;
}
/*}*/
/*@media (min-width: 30em) {*/
.flex-direction-nav .flex-prev {
float: none;
left: 0;
}
/*}*/