/** * @license * MyFonts Webfont Build ID 2996488, 2015-03-23T19:28:44-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: GillSansMTStd-Light by Monotype * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-light/ * Copyright: Font software Copyright 2001 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All Rights Reserved. * * Webfont: GillSansMTStd-LightItalic by Monotype * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-light-italic/ * Copyright: Font software Copyright 2001 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All Rights Reserved. * * Webfont: GillSansMTStd-Bold by Monotype * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-bold/ * Copyright: Font software Copyright 2001 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All Rights Reserved. * * Webfont: GillSansMTStd-BoldItalic by Monotype * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-bold-italic/ * Copyright: Font software Copyright 2001 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All Rights Reserved. * * Webfont: GillSansMTStd-Book by Monotype * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-book/ * Copyright: Font software Copyright 1990, 1991, 1998 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All rights reserved. * * Webfont: GillSansMTStd-BookItalic by Monotype * URL: http://www.myfonts.com/fonts/mti/gill-sans/std-book-italic/ * Copyright: Font software Copyright 1990, 1991, 1998 Adobe Systems Incorporated. Typeface designs Copyright The Monotype Corporation. All rights reserved. * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=2996488 * Licensed pageviews: 250,000 * * © 2015 MyFonts Inc */ @font-face {font-family: 'GillSansMTStd-Light';src: url('../Fonts/2DB908_0_0.eot');src: url('../Fonts/2DB908_0_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/2DB908_0_0.woff2') format('woff2'),url('../Fonts/2DB908_0_0.woff') format('woff'),url('../Fonts/2DB908_0_0.ttf') format('truetype');} @font-face {font-family: 'GillSansMTStd-LightItalic';src: url('../Fonts/2DB908_1_0.eot');src: url('../Fonts/2DB908_1_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/2DB908_1_0.woff2') format('woff2'),url('../Fonts/2DB908_1_0.woff') format('woff'),url('../Fonts/2DB908_1_0.ttf') format('truetype');} @font-face {font-family: 'GillSansMTStd-Bold';src: url('../Fonts/2DB908_2_0.eot');src: url('../Fonts/2DB908_2_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/2DB908_2_0.woff2') format('woff2'),url('../Fonts/2DB908_2_0.woff') format('woff'),url('../Fonts/2DB908_2_0.ttf') format('truetype');} @font-face {font-family: 'GillSansMTStd-BoldItalic';src: url('../Fonts/2DB908_3_0.eot');src: url('../Fonts/2DB908_3_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/2DB908_3_0.woff2') format('woff2'),url('../Fonts/2DB908_3_0.woff') format('woff'),url('../Fonts/2DB908_3_0.ttf') format('truetype');} @font-face {font-family: 'GillSansMTStd-Book';src: url('../Fonts/2DB908_4_0.eot');src: url('../Fonts/2DB908_4_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/2DB908_4_0.woff2') format('woff2'),url('../Fonts/2DB908_4_0.woff') format('woff'),url('../Fonts/2DB908_4_0.ttf') format('truetype');} @font-face {font-family: 'GillSansMTStd-BookItalic';src: url('../Fonts/2DB908_5_0.eot');src: url('../Fonts/2DB908_5_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/2DB908_5_0.woff2') format('woff2'),url('../Fonts/2DB908_5_0.woff') format('woff'),url('../Fonts/2DB908_5_0.ttf') format('truetype');} body { background: #192540; font-family: 'GillSansMTStd-Book', sans-serif; font-size: 18px; color: #333; } .skip { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; } a.skip:active, a.skip:focus, a.skip:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; padding: 3px 0 0 20px; font-size: 14px; color: #fff; } .wrapper { position: relative; width: 92%; margin: 0 auto; } a { transition: .4s all; } a.button1, span.button1 { display: inline-block; padding: 8px 26px; background: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #1f2e58 !important; } span.button1 { padding: 8px 16px; } a.button1:hover { background: #c6c6c6 !important; } a.button2 { display: inline-block; padding: 8px 26px; background: #1f2e58; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #fff !important; } a.button2:hover { background: #0c1223 !important; } a.button3 { display: inline-block; padding: 8px 26px; background-color: #51aaa3; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #fff !important; } a.button3:hover { background-color: #418882 !important; } a.icon-email { background-image: url(../Images/icon-email.png); background-position: 26px 50%; background-repeat: no-repeat; padding: 8px 26px 8px 58px; } span.icon-email { display: inline-block; background: url(../Images/icon-email.png) 0 3px no-repeat; width: 22px; height: 17px; } #language-bar { padding: 6px 0; background: #51aaa3; font-size: 16px; color: #fff; text-align: right; } #language-bar a { font-weight: bold; color: #fff; } #header { background: #1f2e58; height: 88px; } #header #logo { padding: 25px 0; float: left; } #header #logo a { display: block; width: 180px; height: 38px; background: url(../Images/logo-main.png) 0 0 no-repeat; background-size: contain; } #header #logo a img { display: none; } #header #site-navigation { display: none; } #header #toggle-nav { display: block; height: 54px; width: 54px; background: url(../Images/btn-nav-toggle.gif) center center no-repeat; position: absolute; top: 16px; right: 2%; text-indent: -9999px; cursor: pointer; } #sidrnav { width: 210px; background: #1f2e58; font-family: 'GillSansMTStd-Book', sans-serif; font-size: 16px; line-height: 24px; box-shadow: none; } #sidrnav.sidr ul { margin: 27px 0 15px 0; } #sidrnav.sidr ul li { padding: 0 0 25px 0; line-height: 24px; } #sidrnav.sidr ul li a, #sidrnav.sidr ul li span { padding: 0 30px; text-transform: uppercase; color: #fff; } #sidrnav.sidr ul li a:hover, #sidrnav.sidr ul li.sidr-class-current-menu-item > a { color: #51aaa3; } #search-form { display: none; } #home-slider { position: relative; z-index: 1; } .flexslider { border: none; box-shadow: none; height: 310px; width: 100%; overflow: hidden; padding-bottom: 0; border-radius: 0; margin-bottom: 0; } .flexslider ul.slides { height: 100%; width: 100%; } .flexslider ul.slides li { background-size: cover; background-position: 70% center; background-repeat: no-repeat; height: 100%; width: 100%; } .flexslider ul.slides li .text-holder { position: absolute; top: 30px; left: 0; z-index: 30; } .flexslider ul.slides li .text-holder h2 { opacity: 0; margin: 0; padding: 0 0 15px 0; font-size: 40px; font-weight: 300; line-height: 40px; color: #fff; } .flexslider ul.slides li .text-holder p { opacity: 0; margin: 0; padding: 0 0 15px 0; font-size: 18px; line-height: 22px; color: #fff; } .flex-direction-nav { display: none; } .flexslider ul, #content .flexslider ol { margin: 0px; padding: 0px; } .flexslider .flex-control-paging { margin: 0 auto; position: relative; bottom: 25px; z-index: 40; } .flexslider .flex-control-paging li { margin: 0 15px; } .flexslider .flex-control-paging li a { width: 10px; height: 10px; text-indent: 999em; border: none; box-shadow: none; background-color: #fff; } .flexslider .flex-control-paging li a.flex-active, .flexslider .flex-control-paging li a:hover { background-color: #1f2e58; } #main.home { padding: 40px 0 0 0; overflow: hidden; } #main.home h2 { padding: 0 0 40px 0; font-size: 24px; color: #333; } #main.home .content { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 30px 30px 0 0; } #main.home .content a { color: #000; } #main.home .content a:hover { color: #4b9e97; } #main.home a.button { display: block; padding: 30px 0; font-size: 14px; text-transform: uppercase; text-align: center; color: #1f2e58; } #main.home a.button:hover { background: #51aaa3; color: #fff; } #title { padding-bottom: 50px; background: url(/images/default-source/header-images/hdr-utilities.jpg) center top no-repeat; background-size: cover; color: #fff; } #title h1 { margin: 0; padding: 60px 0 0 0; font-size: 45px; font-family: 'GillSansMTStd-Light', sans-serif; color: #fff; } #title h1.has-subtitle { margin-top: -20px; } #title.learn { background-image: url(/images/default-source/header-images/hdr-learnaboutstemcells.jpg); } #title.lab-to-you { background-image: url(/images/default-source/header-images/hdr-labtoclinic.jpg); } #title.medicine { background-image: url(/images/default-source/header-images/hdr-stemcellsmedicine.jpg); } #title.things-to-know { background-image: url(/images/default-source/header-images/hdr-thingstoknow.jpg); background-position: 30% top; } #title.things-to-know h1 { padding-top: 90px; } #title.resources { background-image: url(/images/default-source/header-images/hdr-resources.jpg); } #title.about { background-image: url(/images/default-source/header-images/hdr-about.jpg); } #title.faq { background-image: url(/images/default-source/header-images/hdr-faq.jpg); } #title.blog { background-image: url(/images/default-source/header-images/hdr-blog.jpg); } #title.language { background-image: url(/images/default-source/header-images/hdr-language.jpg); } #title.media { background-image: url(/images/default-source/header-images/hdr-media.jpg); } #title.get-involved { background-image: url(/images/default-source/header-images/hdr-getinvolved.jpg); } #breadcrumb { background: #fff; border-bottom: 1px solid #e5e5e5; padding: 8px 0; } #breadcrumb .sfBreadcrumbWrp { margin: 0; font-size: 14px; } #breadcrumb .RadSiteMap_Default { font-family: 'GillSansMTStd-Light', sans-serif; } #breadcrumb .RadSiteMap .rsmFlow { padding: 0; } #breadcrumb .sfBreadcrumbWrp .RadSiteMap .rsmOneLevel .rsmItem { font-size: 14px; } #breadcrumb span.sfBreadcrumbNodeSeparator { padding: 0 3px 0 6px; } #breadcrumb .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink { margin: 0; padding: 0; color: #333; } #breadcrumb .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink:hover { background: none; border: none; color: #333; } #breadcrumb .sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink, #breadcrumb .sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink:hover { background: none; color: #999; } #main { background: #fff; padding: 40px 0 50px 0; clear: both; } #main h1 { margin: 0; border: 0; padding: 0 0 30px 0; font-family: 'GillSansMTStd-Light', sans-serif; font-weight: normal; font-size: 50px; } #main h2 { margin: 0; border: 0; padding: 0 0 25px 0; font-family: 'GillSansMTStd-Light', sans-serif; font-size: 38px; font-weight: normal; line-height: 40px; color: #51aaa3; } #main h3 { margin: 0; border: 0; padding: 0 0 25px 0; font-size: 26px; font-weight: 400; color: #333; } #main h3 a:hover { color: #333; } #main h3.alt { margin: 0 0 0 -30px; padding: 0 0 10px 30px; background: url(../Images/icon-hdr-mark.gif) 0 4px no-repeat; font-weight: 400; color: #333; } #main h4 { margin: 0; border: 0; padding: 0 0 25px 0; font-family: 'GillSansMTStd-Light', sans-serif; font-size: 26px; color: #666; } #main h5 { margin: 0; border: 0; padding: 0 0 25px 0; font-size: 16px; font-weight: 400; font-style: normal; text-transform: uppercase; color: #029fa2; background: #fff; overflow: hidden; } #main h5:before, #main h5:after { background-color: #029fa2; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 90%; } #main h5:before { right: 20px; margin-left: -90%; } #main h5:after { left: 20px; margin-right: -90%; } #main h6 { margin: 0; border: 0; padding: 0 0 35px 0; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #999; } #main ul { margin: 0; padding: 0 0 25px 20px; } #main ul li { padding: 0 0 10px 0; } #main ul li ul { padding: 10px 0 0 20px; } #main hr { margin: 0 0 25px 0; border: 0; border-bottom: 1px solid #e5e5e5; padding: 0; } #main hr.alt { border-color: #333; } #main p { margin: 0; padding: 0 0 30px 0; } #main p.emphasis { font-size: 22px; color: #666; } #main p.meta { margin: 0; padding: 0 0 10px 0; font-size: 16px; text-transform: uppercase; } #main p.warning { background: url(../Images/icon-warning.png) 0 0 no-repeat; padding: 0 0 35px 80px; } #main p.link-list { font-size: 12px; text-transform: uppercase; } #main p.link-list a { padding-right: 20px; color: #24345b; } #main a { color: #51aaa3; } #main a:hover { color: #1f2e58; } #main .sfTxtLbl { display: block; font-family: 'GillSansMTStd-Bold', sans-serif; } #main .sfnewsletterForm .sfTxt { width: 308px; margin: 0 0 10px 0; } #main .sfnewsletterForm .sfnewsletterSubmitBtn { display: inline-block; padding: 8px 26px 9px 26px; border: 0; background: #1f2e58; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #fff !important; } #main .sfnewsletterForm .sfnewsletterSubmitBtn:hover { background: #0c1223 !important; } #main .sfsearchBox .sfsearchTxt { width: 30% !important; padding: 8px; } #main .sfsearchBox .sfsearchSubmit { display: inline-block; padding: 8px 26px 11px 26px; border: 0; background: #1f2e58; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #fff !important; } #main .sfsearchBox .sfsearchSubmit:hover { background: #0c1223 !important; } #main p.sfsearchResultStatistics { margin: 15px 0; font-size: 36px; } #main .sfsearchReultTitleSnippetUrl .sfsearchResultTitle { font-size: 24px; } #main .back-to-top { font-size: 12px; text-transform: uppercase; color: #999; float: right; } #main .caption { margin: 0 0 25px 0; padding: 15px 10px; background: #333; font-family: 'GillSansMTStd-Light', sans-serif; font-size: 16px; line-height: 20px; color: #fff; } #main blockquote { margin: 0 0 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 30px 0; font-family: 'GillSansMTStd-Light', sans-serif; font-size: 26px; line-height: 34px; color: #4b9e97; } #main blockquote cite { padding: 0 0 30px 0; font-size: 18px; line-height: 20px; font-weight: 400; } #main .callout { margin: 0 0 25px 0; padding: 25px 20px 0 20px; background: #51aaa3; color: #fff; } #main .callout h6 { margin: -30px -20px 25px -20px; padding: 10px 20px; background: #448f89; color: #fff; } #main .callout a { color: #fff; text-decoration: underline; } #main .news-item { margin: 0 0 25px 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 10px 0; } #main .collapsible h2, #main .collapsible h3 { cursor: pointer; transition: color .4s; } #main .collapsible h2:hover, #main .collapsible h3:hover { color: #333; } #main .collapsible h2 { margin: 60px 0 0 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 15px 0; } #main .collapsible .panel { display: none; padding: 20px 0; } #main .sf_pagerNumeric { margin: 35px 0 0 0; border-top: 1px solid #e5e5e5; padding: 15px 0; } #main .sf_pagerNumeric a.sf_PagerCurrent:link, #main .sf_pagerNumeric a.sf_PagerCurrent:visited, #main .sf_pagerNumeric a.sf_PagerCurrent:hover, #main .sf_pagerNumeric a.sf_PagerCurrent:active { background: #51aaa3; border-color: #51aaa3; color: #fff; } #main .sf_pagerNumeric a:hover { border-color: #51aaa3; color: #51aaa3; } #main .max400 { max-width: 400px; margin: 0 auto; } #main .sidebar { margin: 70px 0 0 0; } #main .sidebar .sfContentBlock { max-width: 400px; margin: 0 auto; } #main .sidebar.blog { margin: 0; } #main .sidebar.blog a.button3 { display: block; text-align: center; } #main .sidebar img { width: 100%; cursor: pointer; } #main .sidebar-promo { background: #dceeed; margin: 0 0 30px 0; padding: 30px 20px 10px 20px; cursor: pointer; } #main .sidebar-promo h6 { padding: 0 0 20px 0; font-family: 'GillSansMTStd-Light', sans-serif; font-size: 26px; line-height: 26px; text-transform: none; color: #666; } #main .sidebar-promo h6 a { color: #333; } #main .sidebar-promo:hover h6 a { color: #51aaa3; } #main .sidebar-promo p { margin: -10px 0 0 0; padding: 0 0 20px 0; } #main .useful-links { background: #1f2e58; margin: 0 0 30px 0; padding: 30px 20px 0 20px; color: #fff; } #main .useful-links h6 { padding: 0 0 30px 0; font-family: 'GillSansMTStd-Light', sans-serif; font-size: 26px; line-height: 26px; text-transform: none; color: #fff; } #main .useful-links ul { list-style-type: none; padding: 0 0 25px 0; } #main .useful-links ul li { padding: 0 0 10px 15px; background: url(../Images/bullet-arrow.png) 0 8px no-repeat; } #main .useful-links a { color: #fff; } #main .useful-links a:hover { text-decoration: underline; } #home-about { clear: both; padding: 80px 0 20px 0; background: #fff url(../Images/bg-home-about.jpg) center top no-repeat; background-size: cover; font-family: 'GillSansMTStd-Light', sans-serif; font-size: 22px; line-height: 34px; color: #23325c; text-align: center; } #home-about p { margin: 0; padding: 0 0 40px 0; } #main .timeline span.milestone { display: block; margin: 10px auto 30px auto; width: 130px; height: 110px; background: url(../Images/bg-milestone.gif) 0 0 no-repeat; font-family: 'GillSansMTStd-Bold', sans-serif; font-size: 36px; line-height: 110px; text-align: center; color: #fff; } #main .timeline h3 { margin: 25px 0 0 0; padding: 0 0 25px 0; font-size: 30px; font-weight: 300; } #main .timeline h3:hover { color: #333; } #clinical-trials-slider.flexslider { height: auto; padding-bottom: 30px; } #clinical-trials-slider.flexslider ul { padding: 0; } #clinical-trials-slider.flexslider .flex-control-paging { bottom: 10px; } #clinical-trials-slider.flexslider .flex-control-paging li a { background-color: #51aaa3; opacity: .5; } #clinical-trials-slider.flexslider .flex-control-paging li a.flex-active, #clinical-trials-slider.flexslider .flex-control-paging li a:hover { opacity: 1; } #clinical-trials-slider.flexslider .flex-direction-nav { display: none; } #main.things-to-know .collapsible .panel-header { padding-top: 20px; clear: both; } #main.things-to-know .collapsible span.number { display: none; margin: 5px 25px 30px 0; width: 59px; height: 51px; background: url(../Images/bg-number.gif) 0 0 no-repeat; font-size: 40px; line-height: 48px; font-weight: 300; text-align: center; color: #fff; float: left; } #main.things-to-know .collapsible h3 { margin: 15px 0 0 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 15px 0; font-size: 26px; font-weight: 300; } #things-to-know { padding: 0 0 50px 0; } .things-to-know .wrapper { overflow: hidden; } #things-to-know-controls { display: none; } #featured-resource { background: #dceeed; padding: 0 0 30px 0; } #featured-resource #breadcrumb { background: none; border: 0; } #featured-resource h5 { margin: 0; border: 0; padding: 0 0 25px 0; font-size: 16px; font-weight: 400; font-style: normal; text-transform: uppercase; color: #029fa2; } #featured-resource h2 { margin: 0; border: 0; padding: 0 0 5px 0; font-size: 35px; font-weight: 400; } #featured-resource a { display: inline-block; margin: 0 20px 20px 0; color: #51aaa3; } #featured-resource a:hover { color: #1f2e58; } #key-promos { width: 100%; background: #999; } #key-promos .promo { height: 400px; font-size: 18px; color: #fff; text-align: center; background-size: cover; overflow: hidden; position: relative; } #key-promo-learn { background: url(../Images/promo-learnabout.jpg) 0 0 no-repeat; } #key-promo-lab { background: url(../Images/promo-labtoclinic.jpg) 0 0 no-repeat; } #key-promo-medicine { background: url(../Images/promo-stemcellsmedicine.jpg) 0 0 no-repeat; } #key-promo-get-involved { background: url(../Images/promo-getinvolved.jpg) 0 0 no-repeat; } #key-promos .promo a { position: absolute; display: block; bottom: -226px; width: 100%; height: 100%; color: #fff; } #key-promos .promo:hover a { bottom: 0; } #key-promo-learn a, #key-promo-medicine a { background: #1f2e58; background: rgba(31,46,88,.9); } #key-promo-lab a, #key-promo-get-involved a { background: #51aaa3; background: rgba(81,170,163,.9); } #key-promos .promo h2 { margin: 0; padding: 75px 20px; font-size: 16px; font-weight: 400; text-transform: uppercase; transition: all .4s; } #key-promos .promo:hover a h2 { padding-bottom: 40px; } #key-promos .promo p { margin: 0; padding: 0 40px 40px 40px; } #sub-footer { background: #24345b; padding: 40px 0; text-align: center; overflow: hidden; clear: both; } #sub-footer-nav { display: none; font-size: 16px; } #sub-footer-nav ul { margin: 0; padding: 0; list-style: none; } #sub-footer-nav ul li { margin: 0; padding: 0 0 10px 0; } #sub-footer-nav ul li a { color: #fff; } #sub-footer-nav ul li a:hover { color: #51aaa3; } #sub-footer-aux p { padding: 0 0 10px 0; } #sub-footer-aux p#social-icons { padding: 5px 0 10px 0; } #sub-footer-aux p#social-icons a { padding: 0 20px 0 0; } #sub-footer-aux a.button { display: inline-block; padding: 8px 24px; background: #192540; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #fff; } #sub-footer-aux a.button:hover { background: #0c1223; } #footer { padding: 40px 0 0 0; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #7a7e89; } #footer p { padding: 0 0 40px 0; } #footer a { padding: 0 20px; color: #7a7e89; } #footer-links { display: none; } /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ @media only screen and (min-width:320px) { } @media only screen and (min-width:480px) { #footer-links { display: block; } } @media only screen and (min-width:600px) { #title h1 { font-size: 50px; } } @media only screen and (min-width:768px) { #title.things-to-know { background-position: 40% 0; } .flexslider { height: 410px; } .flexslider ul.slides li .text-holder { width: 500px; } .flexslider ul.slides li .text-holder h2 { font-size: 70px; line-height: 70px; } .flexslider .flex-control-paging { bottom: 35px; } #main .collapsible h2 { margin: 60px 0 0 0; padding: 0 55px 15px 0; background: url(../Images/icon-open.gif) 100% 10px no-repeat; } #main .collapsible h2.open { background: url(../Images/icon-close.gif) 100% 10px no-repeat; } #main .timeline { padding-bottom: 100px; background: url(../Images/bg-timeline.gif) left bottom no-repeat; } #main .timeline span.milestone { display: inline-block; margin: -25px 0 30px 0; float: left; } #main .milestone-content { margin: 25px 0 0 180px; } #main.things-to-know .collapsible span.number { display: inline-block; margin: 25px 25px 30px 0; width: 59px; height: 51px; background: url(../Images/bg-number.gif) 0 0 no-repeat; font-size: 40px; line-height: 48px; font-weight: 300; text-align: center; color: #fff; float: left; } #main.things-to-know .collapsible h3 { margin: 15px 0 0 85px; padding: 5px 55px 25px 0; background: url(../Images/icon-open.gif) 100% 5px no-repeat; } #main.things-to-know .collapsible h3.open { background: url(../Images/icon-close.gif) 100% 10px no-repeat; } #main.things-to-know .collapsible .panel { padding: 20px 85px; clear: both; } #home-featured-resources, #home-recent-news { width: 50%; float: left; } #main.home #home-recent-news h2 { padding-left: 45px; } #home-recent-news p { padding-left: 45px; } #key-promos .promo { width: 50%; float: left; } } @media only screen and (min-width:961px) { #title { height: 190px; padding-bottom: 0; } #title.things-to-know { height: 394px; background-position: 60% 0; } #title.language h1 { padding-top: 5px; padding-right: 250px; } #header #site-navigation { display: block; width: auto; height: 88px; float: right; } #header #site-navigation ul { margin: 0px; padding: 0px; display: block; } #header #site-navigation ul li { position: relative; float: left; display: inline-block; font-size: 16px; font-weight: 400; z-index: 1000; } #header #site-navigation ul li a { display: inline-block; margin: 0; padding: 20px 30px 20px 20px; color: #fff; } #header #site-navigation ul li a.nav-blog { padding: 32px 40px 32px 25px; } #header #site-navigation ul li:hover a { background: #418882; color: #fff; } #header #site-navigation ul li.menu-item-search a { display: inline-block; margin: 35px 0 0 20px; border: none; padding: 20px 25px; text-indent: -9999px; background: url(../Images/icon-search.png) no-repeat; background-size: 35%; width: 14px; height: 14px; transition: none; } #header #site-navigation ul li a.nav-resources { padding-left: 45px; background-image: url(../Images/icon-globe.png); background-position: 15px 50%; background-repeat: no-repeat; } #header #site-navigation ul li ul li a#SiteHeader_menuResources_hypResources_0 { padding-left: 45px; background-image: url(../Images/icon-globe.png); background-position: 15px 50%; background-repeat: no-repeat; } .learn #header #site-navigation ul li a.nav-learn { background-color: #51aaa3; } .learn #header #site-navigation ul li:hover a.nav-learn { background-color: #418882; } .lab-to-you #header #site-navigation ul li a.nav-from-lab { background-color: #51aaa3; } .lab-to-you #header #site-navigation ul li:hover a.nav-from-lab { background-color: #418882; } .medicine #header #site-navigation ul li a.nav-medicine { background-color: #51aaa3; } .medicine #header #site-navigation ul li:hover a.nav-medicine { background-color: #418882; } .blog #header #site-navigation ul li a.nav-blog { background-color: #51aaa3; } .blog #header #site-navigation ul li:hover a.nav-blog { background-color: #418882; } .resources #header #site-navigation ul li a.nav-resources { background-color: #51aaa3; } .resources #header #site-navigation ul li:hover a.nav-resources { background-color: #418882; } #header #site-navigation ul li ul { position: absolute; top: 88px; left: 0; padding: 10px 0; background-color: #51aaa3; visibility: hidden; opacity: 0; width: 240px; z-index: 200; box-shadow: inset 0px 5px 10px 0px rgba(65, 136, 130, 0.75); -webkit-backface-visibility: hidden; transition: .3s; overflow: hidden; } #header #site-navigation ul li ul li { float: none; display: block; padding: 0px; padding: 0px; text-transform: none; background-image: none; transition: .3s; } #header #site-navigation ul li ul li a { display: inline-block; margin: 0; padding: 10px 20px; width: 85%; background-color: #51aaa3 !important; color: #fff !important; } #header #site-navigation ul li ul li a:hover { background-color: #418882 !important; color: #fff !important; } #header #site-navigation ul li:hover > ul { opacity: 1; visibility: visible; } #search-form { position: absolute; top: 88px; width: 100%; background: #fff; background: rgba(255, 255, 255, .95); border-top: 1px solid #e9eaeb; z-index: 100; overflow: hidden; } #search-form .sfsearchTxt { width: 90%; border: none; padding: 25px 0 25px 0; background: transparent; font: 300 28px/32px "lato", sans-serif; color: #575757; } #search-form .sfsearchSubmit { display: none; } #search-form input:focus { outline: none; } input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; } .k-animation-container { display: none !important; } #header #toggle-nav { display: none; } #main.home { background: #fff url(../Images/bg-pinline.gif) center top repeat-y; } .learn-about-stem-cells #main.learn , .from-lab-to-you #main.lab-to-you, .get-involved #main.get-involved { padding-top: 60px; background: #fff url(../Images/bg-pinline.gif) center top repeat-y; } .stem-cells-and-medicine #main.medicine { padding-top: 60px; } .bottom-divider { margin: 0 0 45px 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 25px 0; } #things-to-know { width: 80%; float: left; } #things-to-know-controls { width: 100px; padding: 60px 0 0 0; display: block; float: right; } #things-to-know-controls #up { display: block; margin: 0 0 10px 0; width: 85px; height: 85px; background: url(../Images/icon-up.gif) 0 0 no-repeat; text-indent: -999px; overflow: hidden; } #things-to-know-controls #down { display: block; margin: 0 0 10px 0; width: 85px; height: 85px; background: url(../Images/icon-down.gif) 0 0 no-repeat; text-indent: -999px; overflow: hidden; } #things-to-know-controls #up:hover, #things-to-know-controls #down:hover { opacity: .5; } } @media only screen and (min-width:1024px) { #header #site-navigation ul li { font-size: 16px; } #header #site-navigation ul li a { padding: 20px 40px 20px 25px; } .flexslider ul.slides li .text-holder { width: 800px; } .flexslider ul.slides li .text-holder h2 { font-size: 90px; line-height: 85px; } #sub-footer-nav { display: block; width: 700px; float: left; } #sub-footer-nav ul { width: 300px; float: left; text-align: left; } #sub-footer-aux { width: 195px; float: right; text-align: right; } #footer { text-align: left; } #copyright { float: left; } #footer-links { float: right; text-align: right; } #footer-links a { padding: 0 40px 0 0; } } @media only screen and (min-width:1140px) { .flexslider { height: 510px; } .flexslider ul.slides li .text-holder { top: 80px; } .flexslider ul.slides li .text-holder h2 { padding: 0 0 20px 0; } .flexslider ul.slides li .text-holder p { padding: 0 0 20px 0; line-height: 30px; } .wrapper { width: 1100px; } #key-promos .promo { width: 25%; } } @media only screen and (min-width:1375px) { .flex-direction-nav { width: 1100px; display: block; position: relative; bottom: 300px; margin: 0 auto !important; } .flex-direction-nav li a { height: 50px; width: 50px; color: #fff; text-indent: -9999px; text-align: left !important; } .flex-direction-nav a:before { content: none !important; } .flex-direction-nav li a.flex-prev { background: url(../Images/slider-prev.png) 0 0 no-repeat; width: 32px; height: 70px; } .flex-direction-nav li a.flex-next { background: url(../Images/slider-next.png) 0 0 no-repeat; width: 32px; height: 70px; } .flexslider:hover .flex-next { position: absolute; right: -80px; } .flexslider:hover .flex-prev { position: absolute; left: -80px; } } @media only screen and (min-width:961px) and (max-height:720px) { .flexslider { height: 410px; } .flexslider ul.slides li .text-holder { width: 800px; } .flexslider ul.slides li .text-holder h2 { font-size: 70px; line-height: 70px; } .flex-direction-nav { bottom: 240px; } } @media print { #header #logo a img { display: block; } #title { height: 190px } #breadcrumb { display: none; } #sub-footer-aux { display: none; } #key-promos { display: none; } #main .collapsible .panel { display: block; } #main p.warning { padding-left: 0; color: #f00; } a.button1, a.button2 { border: 1px solid #1f2e58; } }