/*font-family: 'Arimo', sans-serif; font-family: 'Lato', sans-serif;*/ @font-face { font-family: Arimo; src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.eot'); src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.eot?#iefix') format('embedded-opentype'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.woff2') format('woff2'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.woff') format('woff'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: Arimo; src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.eot'); src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.eot?#iefix') format('embedded-opentype'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.woff2') format('woff2'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.woff') format('woff'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Arimo; src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.eot'); src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.eot?#iefix') format('embedded-opentype'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.woff2') format('woff2'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.woff') format('woff'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: Arimo; src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.eot'); src: url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.eot?#iefix') format('embedded-opentype'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.woff2') format('woff2'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.woff') format('woff'),url('https://trial.autocruitment.com/common-framework/fonts/Arimo-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Lato; src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.eot'); src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.woff2') format('woff2'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.woff') format('woff'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: Lato; src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.eot'); src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.woff2') format('woff2'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.woff') format('woff'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: Lato; src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.eot'); src: url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.woff2') format('woff2'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.woff') format('woff'),url('https://trial.autocruitment.com/common-framework/fonts/Lato-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap }

.do-not-sell-link {
    visibility: hidden;
  }

 html { overflow-x: hidden } body { position: relative; overflow-x: hidden; color: #222222; font-family: 'Lato', sans-serif; font-weight: normal; } p { font-size: 17px; line-height: 28px; } h1 { color: #003c57; font-size: 35px; font-weight: 700; margin-bottom: 35px; display: inline-block; width: 100% } p { font-size: 18px; color: #222; font-weight: normal; display: inline-block } img { max-width: 100% } input { font-family: 'Lato', sans-serif; } b, strong { font-weight: 700; } a, a:hover { transition: all .3s ease } ul { list-style: none } i.fas, i.fab { color: #243757; font-size: 16px; text-align: center } .followicons a { margin: 0 0.3em } .footerBottom .followicons { margin-left: 10px; } .footer-autocruitment-logo { display: flex; justify-content: center; align-items: center; align-self: center } .footerBottom ul { margin-bottom: 0; } .header { width: 100%; display: inline-block; background: #fff } a.toplogo { padding: 0; display: flex; align-items: start; transition: all 0.5s; margin: 0; } a.toplogo img { margin: 0; transition: all 0.5s; flex-shrink: 0 } .topnavbar { padding: 0 15px } .navbar-nav li { font-family: 'Lato', sans-serif; font-weight: bold; padding: 0 30px; } .navbar-nav li.last-item { padding-right: 0; } .navbar-nav li:first-child { padding-left: 0; } .navbar-nav li a { color: #505457; font-size: 22px } .customnav ul.topnavbarul li a.nav-link { font-size: 22px; color: #222; line-height: 28px; font-weight: bold; padding: 0!important; margin-bottom: 0px; font-family: 'Arimo', sans-serif; } .customnav ul.topnavbarul li a.nav-link span { color: #1d8979; } .customnav .navbarbtn { background: #fff; height: 35px; width: 40px; padding: 0 7px } .icon-bar { background: #f27c76; width: 100%; height: 2px; display: inline-block; float: left } .customnav ul.topnavbarul li a.nav-link:focus, .customnav ul.topnavbarul li a.nav-link:hover, .customnav ul.topnavbarul li a.nav-link:active, .customnav ul.topnavbarul li a.nav-link.active { color: #1d8979; } .customnav { background: #fff; padding: 25px 15px } .customnav ul.topnavbarul li.last-item a { font-weight: bold; vertical-align: middle; background: #66b2b2; color: #fff; font-size: 22px; border-radius: 10px; width: 200px; height: 70px; line-height: 71px; text-align: center; position: relative; overflow: hidden; z-index: 1; display: inline-block; padding: 0; font-family: 'Arimo', sans-serif; } .customnav ul.topnavbarul li.last-item a:hover { color: #fff; background-color: #1d8979; } .customnav ul.topnavbarul li.last-item a.nav-link:focus { color: #fff; background: #1d8979; outline: none } .customnav ul.topnavbarul li.last-item a.nav-link::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 55px; height: 30px; border-radius: 50%; background: #1d8979; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) } .customnav ul.topnavbarul li.last-item a.nav-link:hover:before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1) } .navbar .container { align-items: end } .col-md-12.iframDiv { margin-top: 30px; } .footerBottom .col-md-4.text-right ul { list-style: none; margin: 0px; padding: 0px } .footerBottom .col-md-4.text-right ul li { text-align: right } footer.site-footer { width: 100%; background: #1d8979 /*url('../images/footer-bg.webp?cache=none') no-repeat right top*/; position: relative; background-size: cover; } .footerTop { padding-top: 44px; padding-bottom: 44px; position: relative } .footerTop .container { position: relative } .footerTop h3 { font-size: 22px; color: #fff; font-weight: bold; text-transform: uppercase; font-family: 'Oswald', sans-serif; margin-bottom: 49px; } .footerTop ul { list-style: none; margin: 0; padding: 0px } .footerTop ul li { display: block; margin-right: 0; line-height: 28px; } .footerTop ul li a { color: #fff; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; } .footerTop ul li a { position: relative; display: inline-block; } .footerTop ul li a:hover, .contact-details a:hover { color: #a9d2f7; padding-left: 20px; } .footerTop ul li a::before, .contact-details a::before { width: 0; height: 2px; background: #fff; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s; } .footerTop ul li a:hover::before, .contact-details a:hover::before { width: 10px; } .footerTop ul li .fas, .footerTop ul li .fab { color: #fff; font-size: 24px } .footerTop ul li:last-child { margin-right: 0px } .footer-bottom-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .followicons i { color: #fff; } .footerTop h3 span { position: relative; } .footerTop h3 span::before { content: ""; background: #fff; width: 83%; height: 2px; position: absolute; bottom: -24px; } .footerBottom, .footerBottom a { font-size: 16px; color: #fff; font-weight: 400; } @media only screen and (min-width:1200px) { .fixed-me { transition: all 0.5s } .fixed-me { background-color: #fff!important; padding: 15px 2vw !important; margin-bottom: 0px; position: fixed; top: 0; z-index: 888; width: 100% } .navbar-me { transition: all 0.5s } .navbar-me { padding: 25px 0px; background-color: #fff; top: 0px; border: 0px; border-radius: 0px } .fixed-me a.toplogo img { transition: all 0.5s; max-width: 80% } .fixed-me ul.topnavbarul li.last-item a { height: 50px; line-height: 51px; } } @media only screen and (min-width:1200px) { .navbar-expand-xl .navbar-nav.topnavbarul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; flex: 0 0 100%; align-items: center } } #nav-icon1 { width: 30px; height: 30px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; top: 0px; margin-top: 7px } #nav-icon1:hover, #nav-icon1:focus { outline: 0 } #nav-icon1.open { top: 0px } #nav-icon1 span { display: block; position: absolute; height: 2px; width: 100%; background: #585858; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out } #nav-icon1 span:nth-child(1) { top: 0px } #nav-icon1 span:nth-child(2) { top: 10px } #nav-icon1 span:nth-child(3) { top: 20px } #nav-icon1.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } #nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px } #nav-icon1.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) } .body_section { margin: 0; position: relative; width: 100% } .bannercontent { padding: 0; position: relative; margin: 0 auto; width: 100%; background: #1d8979 url('../images/banner.webp') no-repeat right bottom; height: 700px; background-size: cover; margin-top: 111px; /*display: flex;*/ justify-content: space-between; align-items: center; align-self: center; padding-top: 19px; padding-bottom: 19px; } /*.bannercontent::before { content: ''; background: #9ce; height: 100%; position: absolute; left: 0; width: 50px; top: 0; border-top-right-radius: 160px; border-bottom-right-radius: 160px; }*/ .banner-left-decor {position: absolute; left: 0; top: 0; height: 100%;} .bannercontent h1 { font-size: 48px; color: #fff; font-weight: bold; text-transform: inherit; margin: 0; padding-bottom: 40px; font-family: 'Arimo', sans-serif; line-height: 1.2; } .bannercontent h1 span { color: #6ab2f2; } .banner-text .banner-heading p { font-size: 20px; line-height: 25px; margin-top: 13px; } .bannercontent h2 { font-size: 38px; color: #fff; font-weight: normal; margin: 0; font-family: 'Arimo', sans-serif; line-height: 1.2; padding-bottom: 0; } .banner-content p, .banner-heading p, .banner-content ul li { color: #48575c; } .bannercontent h3 { font-size: 22px; color: #fff; font-weight: bold; text-transform: inherit; margin: 0; padding-bottom: 18px; font-family: 'Lato', sans-serif; line-height: 26px } .banner-text p { color: #fff; font-size: 18px; line-height: 24px; margin: 0px 0 20px 0; } .banner-content + p { margin-top: 20px; } .banner-text { margin: 0 0 0px 0; height: 100%; left: 0; color: #222; padding-right: 0; max-width: 900px; display: flex; justify-content: center; flex-direction: column; padding: 0px 0 0 2.77vw; background: transparent; border-radius: 0 5px 5px 0; background-size: cover; position: relative; z-index: 2; } .r-text-block { position: absolute; top: 43px; right: 9.1vw; background: rgba(116, 144, 192, 0.6); color: #fff; border-radius: 5px; line-height: normal; padding: 18px 45px; } .r-text-block span { font-size: 43px; font-family: 'Lato', sans-serif; font-weight: bold; } .r-text-block span small { font-size: inherit; } .do-you-suffer h1{color: #807e7f} .banner-btn { position: relative; } .banner-btn a.qualifybtn { margin-left: 0 !important; top: 0 !important; } .banner-base, .about-bottom-decoration { position: absolute; bottom: 0; width: 100%; left: 0; } .about-top-decoration { position: absolute; top: 0; width: 100%; left: 0; } .banner-decor img { bottom: -67px; top: auto !important; width: 100%; height: 129px; } .banner-left-img img { z-index: 1; width: 67%; height: 100%; } .banner-right { position: absolute; right: 0; top: 0; height: 100%; } .banner-right img { height: 100%; } p.banner-subheading { color: #fff; font-size: 21px; margin: 0px } .yelowcolr { color: #d1995a } .banner-content { margin-top: 0; } .banner-content p { font-size: 18px; font-weight: bold; line-height: 24px; padding-bottom: 0; color: #fff; font-family: 'Arimo', sans-serif; margin-top: 0; margin-bottom: 0; } .banner-content p:last-child { margin: 0; } .banner-content ul li ul { padding-left: 0; } .banner-content ul { margin: 0; padding: 0px } .banner-content ul li { margin-left: 0px } .banner-content ul li { padding: 0; list-style: none; color: #fff; font-size: 18px; margin-bottom: 2px; font-weight: normal; position: relative; line-height: 24px; } .banner-content ul li::before { content: ''; position: absolute; left: 0px; top: 7px; width: 12px; height: 12px; background: #fff; border-radius: 50px; } .banner-content ul li ol { padding-left: 0px } .banner-content ul li ol li { padding-left: 20px; position: relative } .banner-bottom { margin-top: 40px; } .banner-bottom p { margin: 0; font-size: 17px; line-height: 22px; color: #fff; } .banner-content ul li ol li:before { content: '–'; position: absolute; left: 0px; background: none; top: 0px } .banner-content ul + p { margin-top: 15px; font-size: 17px; line-height: 26px; } .banner-content ul li { position: relative; padding-left: 22px } .banner-content ul li .fas { position: absolute; left: 0px; top: 10px; font-size: 7px; color: #585858; } .banner-btn span { position: absolute; top: -30px; font-size: 24px; left: 35px; color: #ffffff } .banner-btn a.qualifybtn { max-width: 100%; width: auto; text-align: center; font-family: 'Arimo', sans-serif; background: #fff; color: #222; font-size: 22px; font-weight: bold !important; border-radius: 10px; height: auto; cursor: pointer; margin: 0; overflow: hidden; z-index: 1; text-transform: uppercase; line-height: inherit; padding: 14px 40px; } .banner-btn a.qualifybtn:hover { text-decoration: none; color: #fff; background: #6ab2f2; border-color: #6ab2f2; } .banner-btn a.qualifybtn::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 55px; height: 30px; border-radius: 50%; background: #6ab2f2; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) } /*.banner-btn a.qualifybtn:hover:before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1) }*/ .banner-content h3 { font-size: 30px; font-weight: bold } .banner-point { font-size: 18px; line-height: 26px; margin-top: 15px; } .bannerRight { max-width: 1200px; text-align: center; padding: 0 30px; margin: 0 auto; width: 45% } .participant-text { background-color: #1d8979; color: #fff; height: auto; line-height: 26px; border-radius: 10px; text-align: center; font-size: 20px; max-width: 100%; font-family: 'Arimo', sans-serif; font-weight: bold; padding: 16px; margin: 0 auto; display: flex; align-items: center; margin-top: 20px; } .about-btm {top: 60px;} #about-condition-image .desktopView .col-sm-6 img { height: auto; } .participant-text div { padding: 0; width: 100%; word-break: break-word; } .nd-row { margin-top: 20px } #about-condition-image { padding: 100px 0 100px; position: relative; z-index: 1; } #about-condition-image .desktopView .col-sm-6 img { border-radius: 10px; border: 1px solid #1d8979; } .aboutstudy-pic .row .abt-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; flex-direction: column; justify-content: flex-end; } .tile-icon { margin-bottom: 30px; border: none !important; } #about-condition-image h2 { color: #505456; margin: 0 auto 41px auto } #about-condition-image h2 span { color: #1c5658 } .aboutContent h3 { color: #66b2b2; font-size: 20px; font-weight: bold; margin-bottom: 20px !important; font-family: 'Arimo', sans-serif; line-height: 1.2; } .aboutContent h3 big { text-transform: uppercase; } .aboutContent h3.aboutTitle { position: relative; margin-top: 0; margin-right: 0; } .aboutContent h3.aboutTitle span { font-size: 24px; } .aboutContent p { font-size: 17px; font-weight: normal; line-height: 22px; margin-bottom: 0; } .takepart-study { background: #66b2b2 url('../images/tile-box.webp?cache=none') no-repeat right top; padding: 15px 20px; border-radius: 10px; margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; } .takepart-study h3 { color: #fff; font-size: 20px; font-weight: 400; margin: 0px 0 8px !important; line-height: 1.2; font-family: 'Lato', sans-serif; } .takepart-study h3::before { display: none } .takepart-study p { color: #fff; margin: 0px 0 0; font-size: 18px !important; font-weight: 400; line-height: 1.2; } .takepart-study ul + p { margin-top: 10px; } .takepart-study p:first-child { font-family: 'Arimo', sans-serif; font-weight: bold; font-size: 20px !important; line-height: 26px; margin-bottom: 15px; text-align: left; color: #fff; } .takepart-study p:first-child span { color: #3db9a2; } .takepart-study p.mB0 { margin-bottom: 0px; } .takepart-study ul li ul { margin-top: 0; margin-bottom: 0; } .takepart-study ul { margin: 0 0 15px; padding: 0px; list-style: none } .takepart-study ul li { font-size: 18px; color: #fff; font-weight: 400; position: relative; padding-left: 25px; margin-bottom: 2PX; line-height: 24px; } .takepart-study ul li::before { content: ''; position: absolute; left: 0px; top: 6px; width: 12px; height: 12px; background: #fff; border-radius: 50px; } .takepart-study ul li:last-child { margin-bottom: 0px } .takepart-study ul li .fas { color: #fff; font-size: 7px; position: absolute; left: 0px; top: 8px } #studyinfo-CTA-image ul { margin:0px 0 30px 0; padding: 0px; list-style: none; } .about-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-single-list { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 30px; } .about-single-list:last-child { padding-right: 0; } #studyinfo-CTA-image ul li { position: relative; padding-left: 25px; color: #222; font-size: 18px; line-height: 24px; } #studyinfo-CTA-image ul li::before { content: ''; position: absolute; left: 0px; top: 7px; width: 12px; height: 12px; background: #66b2b2; border-radius: 50px; } #studyinfo-CTA-image ul { padding-left: 0; } #studyinfo-CTA-image ul li .fas { color: #03c7af; font-size: 10px; position: absolute; left: 0px; top: 8px; } .takepart-study ul ol { list-style: none; padding-left: 0 } .takepart-study ul ol li:before { content: '–'; background: none; top: 0 } .takepart-study a.qualifybtn { max-width: 232px; font-size: 20px; height: 56px; line-height: 53px; text-transform: inherit; margin: 23px 0 0 0; color: #196d6f; padding: 0px; display: block; font-weight: 600 } .takepart-study a.qualifybtn:hover { text-decoration: none; background: #1e262b; color: #fff } .takepart-study a.qualifybtn::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 55px; height: 30px; border-radius: 50%; background: #1e262b; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) } .takepart-study a.qualifybtn:hover:before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1) } .qualify-red-btn a.qualifybtn { border: 2px solid #66b2b2; font-weight: 700 } h2.mainheading { font-size: 38px; line-height: 1.5; text-align: center; margin: 0 auto 62px; font-weight: bold; font-family: 'Arimo', sans-serif; position: relative; display: table } h2.mainheading:after { background: #222; width: 100%; content: none; height: 1px; margin: 0px auto 0; bottom: 0; display: block } #aboutDisease h2.mainheading:after { background: #505456; margin-top: 17px; width: 100% } .about-right-inner { text-align: right; } #signup h2 { margin-right: auto; margin-left: auto } #faq { background: #b2d8d9; width: 100%; background-size: cover; padding: 100px 0px 100px } .faq-outer ul { padding: 0 0 0 0; margin-left: 0; margin-bottom: 0; } .faq-outer ul + p { margin-top: 25px; } .faq-outer ul li { color: #fff } .faq-outer ul li i { margin-right: 6px; } .faq-flow-diagram { background-color: #fff; padding: 20px; margin: 0 auto 20px; max-width: 560px; border-radius: 10px } .faq-outer ul li i { position: absolute; left: 0; top: 3px; font-size: 14px; } .faq-outer ul li { position: relative; padding-left: 25px; } .faq-outer ul li::before { content: ''; position: absolute; left: 0px; top: 7px; width: 12px; height: 12px; background: #fff; border-radius: 50px; } .faq-flow-diagram .flow-diagram { margin-bottom: 0px } #faq h2.mainheading { margin-bottom: 59px; color: #222; font-size: 50px; padding: 0 15px } #faq h2.mainheading:after { background: #222; width: 100%; margin: 10px auto 0; } .dark-blue-color { color: #30314a } h1.mainheading.white-border-bottom:after { border-bottom: 2px solid #fff; max-width: 180px } ul.points { width: 100%; display: inline-block; margin: 0; padding: 0; list-style: none } ul.points li { list-style: none; width: 100%; margin: 0 0 22px 0; padding: 0 } ul.points li:last-child { margin-bottom: 0px } .qualify-red-btn { display: flex; justify-content: space-evenly; position: relative; margin: 55px auto 20px; } @-moz-document url-prefix() { } .qualify-red-btn img { margin-right: 6px; position: relative; top: -26px; height: 57px; } a.qualifybtn { max-width: 540px; margin-top: 26px; width: 100%; text-align: center; background: #fff; color: #66b2b2; font-size: 18px; font-family: 'Arimo', sans-serif; font-weight: bold; border-radius: 10px; height: 52px; line-height: 46px; cursor: pointer; margin: 0; position: relative; overflow: hidden; z-index: 1; display: inline-block; padding: 0; } a.qualifybtn:hover { text-decoration: none; color: #fff; background: #66b2b2; border-color: #66b2b2; } a.qualifybtn::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 55px; height: 30px; border-radius: 50%; background: #66b2b2; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1) } a.qualifybtn:hover:before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1) } .takepart .container { position: relative } #faq .card-header { border-bottom: 0px } #faq .card { background-color: transparent; margin-bottom: 20px; padding: 0; position: relative; } .faq-outer h5.mb-0 span.minus-icon::before { content: '-'; margin: 0; font-size: 14px; font-weight: bold; position: absolute; color: #1d8979; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: Lato, sans-serif; font-size: 44px; font-weight: 700; margin-top: -3px; } .faq-outer h5.mb-0.collapsed span.minus-icon::before { content: '+'; font-family: Lato, sans-serif; font-size: 28px; font-weight: 700; margin: 0; } #faq .card:last-child { margin-bottom: 0; } #faq .card-header { background-color: transparent; } .black-color { color: #505456 } .blue-color { color: #30314a } .cream-color { color: #dfe2db } .white-color { color: #fff } .grey-color { color: #222 } body { counter-reset: my-sec-counter; } .card-body p { color: #222; font-size: 18px; line-height: 24px; margin-bottom: 0; } .faq-bg { padding: 69px 0 80px 0; background: #fff } .faq-outer { display: inline-block; width: 100% } .faq-outer .card-header { background: transparent; border-radius: 5px; cursor: pointer; padding: 0px; } .faq-outer .card-header h5 { color: #1d8979; font-size: 22px; font-weight: bold; font-family: 'Arimo', sans-serif; position: relative; padding: 0 0 0 60px; } .faq-outer .card-header h5 span.faq-question { padding: 12px 20px; background: #fff; border-radius: 10px; display: block; } .faq-outer .card-header h5 span.minus-icon { width: 50px; height: 100%; position: absolute; background: #fff; left: 0; border-radius: 10px; top: 0; } .faq-outer .card-header h5.mb-0 { border-bottom: 0px } .faq-outer .card { border: 0; border-radius: 0px; margin: 0 0 0px } .faq-outer .card-body { background: transparent; color: #fff; border-radius: 0; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: normal; position: relative; padding: 0; padding-top: 20px; padding-left: 80px; } .faq-outer .card-header h5 span.exp-icon { position: absolute; right: 0px; line-height: 1; height: 20px; width: 20px; top: 50%; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .faq-outer .card-header h5 span.exp-icon i { color: #fff; font-size: 18px; line-height: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(405deg); -ms-transform: rotate(405deg); transform: rotate(405deg); } .faq-outer .card-header h5.collapsed span.exp-icon i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .faq-outer ul.points { margin: 10px 0 0 } #signup h1 { margin-bottom: 40px } #signup h2 { padding-top: 0; margin-bottom: 33px; color: #fff; font-size: 50px } #signup h2.mainheading::after { background-color: #fff; margin: 10px auto 0; } #signup p { color: #fff; font-size: 18px; line-height: 24px; padding-bottom: 0px; margin: 0 } #signup h2 + p.sealltext strong { display: block; } iframe { height: 2500px; overflow: auto; display: block; width: 100% } .form-bg { background: #1d8979 url(../images/sign-up.webp?cache=none) left top / cover no-repeat; width: 100%; padding-top: 0; background-position: left top; width: 100%; padding-top: 100px; padding-bottom: 100px; background-size: cover } .topform label{color:#555557} #signup hr { max-width: 100%; background: #fff; margin: 30px 0 30px } #studyinfo-image p span { font-weight: 600; color: #66b2b2; } .aboutStudy { background: #fff url('../images/about-img.webp?cache=none') no-repeat left top; background-size: cover; width: 100%; padding-top: 80px; padding-bottom: 0; font-size: 18px; font-weight: normal; line-height: 24px; position: relative; } .about-inner-img { position: relative; z-index: 0; margin-top: 8px; } .about-inner-img::after { content: ''; background: #6ab2f2; height: 100%; width: 87%; left: 35px; top: 35px; position: absolute; z-index: -1; } .row.removeMargin.aboutmindBox { position: relative; z-index: 9; } .aboutStudies { background: #fff url('../images/about-study-bg.webp?cache=none') no-repeat right top; width: 100%; padding-top: 100px; padding-bottom: 100px; font-size: 18px; font-weight: normal; line-height: 24px; background-size: cover; position: relative; z-index: 1; } .about-study-left-img { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 34.5%; } .about-study-left-img::before { width: 100%; height: 85%; border: 5px solid #1d8979; border-radius: 30px; content: ""; position: absolute; z-index: -1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -30px; } .about-study-left-img::after { width: 100%; height: 65%; border: 5px solid #1d8979; border-radius: 30px; content: ""; position: absolute; z-index: -1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -75px; } .about-study-top img { top: -73px; width: 100%; height: 126px; position: absolute; } .about-study-bottom img { bottom: -38px; width: 100%; height: 89px; position: absolute; } .aboutboxbottom { position: relative; } .aboutboxbottom::before { background: url('../images/study-shadow.webp?cache=none') no-repeat; content: none; width: 116%; height: 117%; position: absolute; left: -75px; z-index: -1; background-position: left bottom; top: -8px; overflow: visible; } .about-study-right-img { position: absolute; right: 0; top: 0; z-index: 1; height: 100%; } .about-study-right-img img { height: 100%; } #studyinfo-CTA-image .container { z-index: 99; position: relative; } .about-left { position: absolute; left: 0; bottom: 0; z-index: -1; } #studyinfo-image h2 small { font-weight: 700; } .aboutStudy h2 .sub-head { color: #66b2b2; } .aboutStudy h2 { margin: 0 0 30px; color: #222; font-size: 50px; } #studyinfo-CTA-image h2 { color: #222; line-height: 1; margin: 0 0 30px 0; } #studyinfo-CTA-image h2 .sub-head { color: #66b2b2; } #studyinfo-CTA-image h2 small { font-weight: bold; } #studyinfo-CTA-image h2::after { background-color: #66b2b2; width: 100%; margin-top: 0; content: none; } .aboutStudy h2::after { background-color: #000; margin: 13px auto 0; width: 100%; } .aboutStudyBox p span { color: #005e7a; font-weight: bold; } .aboutStudy p { color: #222; font-size: 18px; line-height: 24px; width: 100%; } #studyinfo-CTA-image p.about-left-space { padding-right: 135px; } .aboutStudy p strong { font-weight: 500; } #studyinfo-CTA-image p { color: #222; } #studyinfo-CTA-image p strong.middle-heading { color: #da116f; } .participateStudy { border-radius: 10px; padding: 30px; background: #66b2b2; position: relative; margin-top: 30px; } .about-study-vector { position: absolute; bottom: -46px; left: 50%; transform: translateX(-50%); } .box-img-outer { margin-top: -82px; margin-bottom: 30px; } .rise-study-part { font-size: 18px; color: #505456; line-height: 24px } .rise-study-part p:first-child { margin: 44px 0 49px } .participateStudy ul { margin: 0px 0 15px 0px; padding: 0px; list-style: none; } .participateStudy li { color: #fff; margin-bottom: 2px; padding-left: 25px; font-size: 18px; line-height: 24px; position: relative; } .participateStudy li::before { content: ''; position: absolute; left: 0px; top: 7px; width: 12px; height: 12px; background: #fff; border-radius: 50px; } .participateStudy ul + p { font-size: 17px; margin-top: 0; line-height: normal; } .participateStudy li i.fas { position: absolute; left: 0px; font-size: 7px; color: #fff; top: 9px } .participateStudy ul li ul { margin: 0; font-size: 18px } .participateStudy ul li ul li { font-size: 18px } .participateStudy li ol { list-style: none; padding-left: 0px } .participateStudy li ol li { background: none; position: relative } .pbtm strong { color: #222222; font-weight: normal } .participateStudy li ol li:before { content: '–'; position: absolute; left: 0px; padding-right: 10px } .participateStudy h3 { font-size: 20px; color: #fff; font-family: 'Arimo', sans-serif; font-weight: bold; margin-bottom: 7px; line-height: 26px; } .participateStudy h3 span { font-size: 22px; color: #fff; } .participateStudy-inner { padding-top: 60px; } .participateStudy-inner p { color: #fff !important; } .participateStudy p { color: #fff; font-size: 18px; line-height: 24px; margin-bottom: 10px; } .participateStudy p a { color: #fff; text-decoration: underline; } .aboutStudyBox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; } .aboutStudyBox p { margin-bottom:0px; margin-left: 0px } .aboutStudyBox .wd47 > p + p{margin-top: 15px;} .aboutStudyBox .wd47 { width: 47% } .aboutStudyBox .flow-diagram { margin-top: 12px } .aboutStudyBox .flow-diagram p { text-align: left!important } .pivotal-study { position: relative; background: url(../images/flow-bg-orange.webp) no-repeat left top; height: 113px; max-width: 519px; background-size: contain } .pivotal-study span.flow-diagram-heading { font-weight: bold; font-size: 19px; color: #f48155; position: absolute; top: -10px } .pivotal-study p { line-height: 19px; font-size: 17px; color: #505456; padding: 14px 20px 14px 0px; margin-top: 5px } .follow-up-study { position: relative; background: url(../images/flow-bg-blue.webp) no-repeat left top; background-size: contain; height: 152px; margin-top: 20px; max-width: 517px } .follow-up-study span.flow-diagram-heading { font-weight: bold; font-size: 19px; color: #3571a6; position: absolute; top: -10px } .mt30 { margin-top: 30px } .follow-up-study p { line-height: 19px; font-size: 17px; color: #505456; padding: 14px 20px 14px 0px; margin-top: 8px } .aboutDisease { background: #fafafa; background-size: cover; background-repeat: no-repeat; width: 100%; width: 100%; padding-top: 70px; background-position: bottom center; padding-bottom: 28px; font-size: 18px; font-weight: normal; line-height: 24px } .aboutDisease h2 { margin: 0 auto 55px; color: #505456 } .aboutDisease p { color: #505455 } .source-reference-outer { background-color: #7f95ac } .aboutDisease p sup { font-size: 10px } p.ulTitle { font-size: 18px; color: #fff; font-weight: normal; margin-bottom: 0px; margin-top: 5px } .aboutDisease ul { display: flex; justify-content: space-between; align-items: self-start; margin: 0; padding: 7px 0 18px 0; flex-flow: row wrap; margin-left: 0px } .aboutDisease li { color: #505455; width: 100%; margin-bottom: 7px; padding-left: 20px; position: relative } .aboutDisease li .fas { position: absolute; left: 0; font-size: 7px; top: 9px; color: #505455 } .aboutDisease li.no-bullet { background-image: none } .aboutDisease strong { color: #fff } .about-study-bottom-strip { position: absolute; left: 0; bottom: 0; width: 100%; } .about-study-bottom-strip img { width: 100%; height: 225px; } .sources-box { background: transparent; border-radius: 30px; padding: 30px 95px 22px 0; font-family: 'Lato', sans-serif; margin-top: 0; width: 100%; background-size: cover; } #studyinfo-CTA-image p span { color: #66b2b2; font-weight: 600; } .sources-box strong { margin-bottom: 5px; font-family: 'Arimo', sans-serif; } .source-link { display: table; color: #fff; float: none; vertical-align: top } .source-link div { display: table-cell; float: none; vertical-align: top } .source-link, .source-link a { color: #fff; margin-bottom: 0px } .source-link .source-num { padding-right: 5px } .sources-box strong, .sources-box a { display: block; color: #fff; word-break: break-all; font-size: 18px; text-decoration: none; } .sources-box a:hover { text-decoration: none } .scin-color-outer { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; padding: 30px 15px; border: 2px solid #da116f; border-radius: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px 0 0 0; } .scin-color-single { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 15px; } .scin-color-single img:first-child { margin-bottom: 20px; } .scin-color-single.border-lr { border-left: 1px solid #da116f; border-right: 1px solid #da116f; } .footerBottom .col-md-4.text-right ul { list-style: none; margin: 0px; padding: 0px } .footerBottom .col-md-4.text-right ul li { text-align: right } .footer-left-decor {position: absolute; left: 0; top: 0; height: 100%;} .footer-right-decor {position: absolute; right: 0; top: 0; height: 100%;} footer.site-footer { width: 100% } .footerTop { padding-top: 94px; padding-bottom: 40px; position: relative; } .footerTop .container { position: relative } .footerTop h3 { font-size: 22px; color: #fff; font-weight: bold; text-transform: uppercase; font-family: 'Arimo', sans-serif; } .footerTop ul { list-style: none; margin: 23px 0 0 0; padding: 0px } .footerTop ul li .fas, .footerTop ul li .fab { color: #fff; font-size: 24px } .footerTop ul li:last-child { margin-right: 0px } #myBtn { width: 60px; height: 60px; float: right; background: #66b2b2; display: inline-block; text-align: center; line-height: 47px; border-radius: 15px; cursor: pointer; position: absolute; right: 80px; top: -30px; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #myBtn .fas { font-size: 30px; margin: 11px 0 0 0px; font-weight: 600; color: #fff; line-height: 38px; } .footerTop { width: 100% } .footerTop p { color: #fff; font-size: 18px; line-height: 24px; font-weight: 400; padding-right: 0; } .footerBottom { padding: 30px 0; border-top: 1px solid #fff; } .footerBottom, .footerBottom a { font-size: 16px; color: #fff; font-weight: normal; font-family: 'Lato', sans-serif; } .footerBottom a { font-weight: bold; } .footerBottom a:hover { text-decoration: none } .footer-logo { margin-bottom: 10px; } .reference-links strong { margin-top: 3px; font-size: 15px; font-weight: 700; margin-bottom: 0px } .reference-links p { margin-bottom: 0px } .reference-links strong, .reference-links p { display: block; width: 100%; line-height: 20px } .reference-links a { font-size: 14px; line-height: 16px } .medical-prof { max-width: 527px; margin: 0 auto; background-color: #f3a96c; padding: 30px 15px; border-radius: 5px; margin-top: 20px; color: #505456; line-height: 24px; text-align: center; font-size: 18px; text-transform: none; font-weight: bold } .pbtm { margin: 62px 0 0 0px } #signup .sealltext strong { margin-bottom: 2px; font-weight: bold; font-family: 'Arimo', sans-serif; } img.about-left-bottom { position: absolute; bottom: 0; right: 10px; z-index: -9; } @media (min-width:1441px) { .banner-point { margin-top: 40px; font-size: 19px; line-height: 1.9; } } @media (max-width:1441px) { #myBtn { width: 50px; height: 50px; right: 25px; top: -25px; } #myBtn .fas { font-size: 26px; line-height: 28px; } .banner-left-decor, .footer-right-decor, .footer-left-decor { display: none !important; } } @media only screen and (min-width:1200px) { @-moz-document url-prefix() { /* #about-condition-image .qualify-red-btn { margin-bottom: 25px; } */ } } @media only screen and (min-width:1200px) { @supports (-ms-ime-align: auto) { .pic-mob.mr-0 { padding-right:0px } .takepart-study { padding-right: 44px } } } @media only screen and (min-width:991px) { .pic-mob-mb { display: none } .aboutstudy-pic { display: block } .banner-btn { margin: 40px 0 0 0; padding-left: 0; margin-left: 0 !important; display: flex; } @supports (-ms-ime-align:auto) { .qualify-red-btn { display: flex; justify-content: space-evenly; position: relative } .qualify-red-btn img { margin-right: 20px; position: relative; top: -29px } } .aboutStudies .row, .faq-outer { padding: 0 15px; } } @media only screen and (max-width:1199px) { .customnav ul.topnavbarul li a.nav-link { font-size: 16px; } .navbar-nav li { margin-bottom: 0 !important; padding: 0; } .navbar-nav li:first-child { padding-left: 0; } .navbar-nav li.last-item { margin-top: 0; } .customnav ul.topnavbarul li.last-item a { height: 50px; line-height: 50px; font-size: 16px !important; width: 200px; } .about-study-left-img { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: auto; text-align: center; margin-top: 30px; } .about-study-left-img::before, .about-study-left-img::after { content: none; } } @media only screen and (max-width:991px) { #about-condition-image .aboutContent h3.aboutTitle { font-size: 20px; line-height: 24px; text-align: center; } .customnav ul.topnavbarul li a.nav-link { font-size: 16px; } .navbar-nav li { margin-bottom: 6px !important; padding: 0; } .navbar-nav li.last-item { margin-top: 10px; } .sources-box strong, .sources-box a { font-size: 16px; } .card-body p { font-size: 16px; line-height: 22px !important; } .aboutStudy p, .participateStudy li, .faq-outer .card-body p, .participateStudy ul + p { font-size: 16px; line-height: 22px; } #studyinfo-CTA-image ul li { font-size: 16px; line-height: 22px !important; } .about-single-list { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; } #studyinfo-CTA-image ul { margin: 0px 0 20px 0; } .about-listing { margin-bottom: 25px; } #signup p { font-size: 16px; line-height: 22px !important; } .banner-content ul li br { display: none; } .takepart-study { width: 100%; background-image: none; } .pic-mob-mb { display: block } .pivotal-study { background: url(../images/flow-bg-orange-IPAD.webp) no-repeat left top; height: 122px } .pivotal-study p { margin-top: 2px } .follow-up-study p { margin-top: 5px } .follow-up-study { background: url(../images/flow-bg-blue-IPAD.webp) no-repeat left top; height: 202px; margin-top: 30px } .aboutStudyBox .flow-diagram { margin-bottom: 30px } .banner-content p { color: #fff; } .banner-content ul li { color: #fff; } .banner-content ul li .fas { color: #fff; } .aboutStudy { font-size: 16px; line-height: 22px; } .copyrightAutocruitment .col-lg-4 { text-align: center!important; } .copyrightAutocruitment .footer-autocruitment-logo { margin: 10px 0; } .footerBottom ul { padding: 0; } .footerTop p { font-size: 16px; line-height: 22px; } .footerTop h3 { font-size: 16px; } #signup h2 + p.sealltext strong { font-size: 20px; } .qualify-red-btn { margin: 40px auto 30px; } .takepart-study ul li::before { top: 6px; } .faq-outer ul li::before { top: 6px; } .box-img-outer { margin-top: -40px; margin-bottom: 0; } .aboutboxbottom { margin: 90px auto 0; } .participateStudy { background-image: none; margin-bottom: 0; padding: 20px; } .banner-left-img, .banner-right { display: none; } .aboutstudy-pic .abt-top::after { height: 65px; width: 65px; right: -70px; } .about-right-inner { text-align: center; margin-bottom: 30px; } .tile-icon { height: auto !important; width: auto !important; } } @media only screen and (min-width:992px) and (max-width:1200px) { .navbar-nav li { padding: 0 7px; } } @media only screen and (min-width:992px) and (max-width:1199px) { .pivotal-study span.flow-diagram-heading, .follow-up-study span.flow-diagram-heading { font-size: 17px } .pivotal-study p, .follow-up-study p { font-size: 17px!important; margin-top: 0px!important; padding-right: 9px!important } .faq-flow-diagram .pivotal-study p { font-size: 18px!important; margin-top: 4px!important } .faq-flow-diagram .follow-up-study p { font-size: 18px!important; margin-top: 7px!important } .footerTop h3 { font-size: 18px; } a.toplogo img { width: auto; max-width: 100%; } .fixed-me a.toplogo img { transition: all 0.5s; max-width: 90%; } .customnav ul.topnavbarul li a.nav-link { font-size: 16px; } .customnav ul.topnavbarul li.last-item a { font-size: 16px !important; } .box-img-outer { margin-top: -60px; } .aboutboxbottom { margin: 110px auto 0; } .footer-logo { margin-bottom: 5px; } .about-inner-img::after { width: 98%; left: 25px; top: 25px; } .customnav ul.topnavbarul li.last-item a { width: 90px; } .aboutStudies { padding-top: 80px; padding-bottom: 80px; } } @media only screen and (max-width:991px) { .sources-box { padding: 25px; background-image: none; } .source-reference-outer { background-color: #bbe5ef } .aboutDisease li.no-bullet { display: none!important } .takepart-study p { margin-bottom: 8px!important } .desktopView .col-md-12 { padding: 0px!important } .aboutContent h3.aboutTitle span { display: inline; margin-bottom: 0px; font-size: 15px; background-color: transparent } .banner-content ol { padding: 0px } .bannercontent h2 span { padding: 0; margin: 0; font-size: 22px } .banner-content h3 { font-size: 22px } .aboutStudy h2 { margin-bottom: 15px } .takepart-study h3 { margin-bottom: 9px!important } .aboutDisease ul { padding-top: 0px; padding-bottom: 10px } .bannercontent { margin-top: 0px } .bannercontent h1 strong.study { display: block; font-weight: 500; padding-bottom: 5px!important } .takepart-study { margin-top: 15px; padding: 20px } .banner-text { background-color: transparent; background: none; } .banner-content ul li { margin-bottom: 0; } a.qualifybtn-border, a.faqbtn, .banner-btn a.qualifybtn { font-size: 17px; padding: 20px 10px; } .banner-bottom { background: transparent; padding: 0; margin-top: 0; } .banner-content p { font-size: 18px; line-height: 24px; width: 100%; /* text-align: left; */ } p.banner-subheading { font-size: 18px; line-height: 24px; margin-bottom: 15px } .banner-content ul li { font-size: 16px; left: 0px } .banner-content ul { margin-top: 0px } .banner-content { margin: 25px 0px 20px 0px; width: 100%; text-align: center } #banner-cta-image .qualifybtn { top: 0; max-width: 600px; font-size: 18px; line-height: 1.4; height: auto; padding: 15px 20px; width: auto; } .customnav ul.topnavbarul li.last-item a { height: 50px; line-height: 50px; font-size: 16px !important } .bannercontent { background-image: none; background: #1d8979; text-align: center } .banner-base, .about-bottom-decoration, .about-top-decoration  { display: none !important; } footer.site-footer { background-image: none; } .banner-heading, .banner-content { background: transparent; } .banner-heading { padding: 0; } .banner-content { padding-top: 0; padding-bottom: 0; margin-bottom: 0; } .banner-text { width: 100%; left: 0px; margin-top: 0px } .abouthight h2, .aboutsection h2 { padding-bottom: 10px } #faq h2.mainheading, .aboutStudy h2, #signup h2, .aboutDisease h2 { margin-bottom: 40px } #faq.faq-bg { padding-bottom: 40px; padding-top: 40px !important; } .aboutDisease li { margin-bottom: 10px } .aboutDisease ul li br { display: none } .navbar-nav li { margin-bottom: 10px } .aboutDisease { padding: 35px 0 } .aboutDisease li { text-align: left; width: 100% } .aboutDisease p { display: block; text-align: center; font-size: 18px } .about-right-cont  { margin-top: 0; } .aboutContent h3, .takepart-study h3 { font-size: 18px; line-height: 22px; text-align: left; } .aboutContent h3 { margin-bottom: 10px!important } .aboutContent .col-md-6.pic-mob { max-width: 100%; flex: 0 0 100% } .takepart-study { margin-bottom: 30px } .aboutstudy-pic { text-align: center } .bannercontent h1 strong.study { font-size: 28px } .bannercontent { height: auto; overflow: hidden } .banner-text { position: relative; margin: 0px; padding: 20px 15px; top: 0px; max-width: 100% } .bannercontent h1, .bannercontent h1 span { margin-bottom: 0px } .banner-btn span { position: inherit; display: block; text-align: center; left: 0px } .bannercontent { padding: 40px 15px 0 } a.toplogo img { margin: 0 auto; max-width: 220px; margin-top: 0px } .body_section { padding-top: 114px; } .navbarbtn { position: relative; top: -2px } .topnavbar .container { max-width: 96% } .navbar-me { padding: 15px 0px; background-color: #fff; top: 0px; border: 0px; border-radius: 0px } h1.mainheading { font-size: 30px; margin-bottom: 20px } .text-sm-center { text-align: center } #studyinfo-CTA-image h2 br { display: none; } .bannercontent h1 { line-height: 42px; font-size: 30px; margin-bottom: 21px!important; color: #f3cb83 } .bannercontent h1 strong.study { line-height: 300; font-size: 16px } .participateStudy h3 { font-size: 20px } #studyinfo-image h2, #aboutDisease h2, #about-condition-image h2, h2.heading, #faq h2.mainheading, #signup h2 { font-size: 30px } #about-condition-image { padding: 40px 0 } #about-condition-image h2 { margin-bottom: 30px } img.about-left-bottom { display: none; } .takepart, .aboutsection, .abouthight, .footerTop { padding: 40px 0 } .bannercontent { padding-top: 0; padding-bottom: 0; } .banner-btn { text-align: center; margin: 20px auto 0 auto; width: 90% } .r-text-block { position: static; padding: 30px 15px 0; padding-bottom: 0; background: transparent; } .r-text-block span { font-size: 26px; } .bannercontent img { display: block; margin: 0 auto; left: inherit; top: inherit; position: relative; } .bannercontent h1, .bannercontent h1 strong.study { width: 100%; margin: 5px 0 0px 0; padding: 0 0 } .bannercontent img { top: -42px } .customnav { padding: 23px 15px; } .topnavbarul { margin-top: 20px } a.qualifybtn { margin-top: 10px; } #signup h2 { padding-top: 0 } .aboutStudy, .form-bg { padding: 40px 0; background-image: none; } .banner-btn a.qualifybtn { margin: 0px } .faq-outer .card-body p { font-size: 16px } .faq-outer ul li, .aboutStudyBox p, .participateStudy li, .aboutContent p, .aboutDisease p, .aboutDisease li { font-size: 16px !important; line-height: 22px !important; } .participateStudy li::before { top: 6px; } .footerTop h2 { font-size: 18px } .bannercontent h1 { font-size: 26px; line-height: 1.2; color: #fff; } .banner-text h1 br { display: none; } .bannercontent h2 { font-size: 18px; line-height: 24px; color: #fff; padding-bottom: 0px; } .aboutContent h3.aboutTitle { margin-top: 0px } .banner-btn a.qualifybtn { height: auto; line-height: 40px; margin-left: 0 !important; line-height:1.4; } #aboutDisease p.text-sm-center { text-align: left!important } .aboutContent p { text-align: center } .takepart-study p { text-align: left; } .form-bg { background-image: none; } h2.mainheading, #faq h2.mainheading, #signup h2 { font-size: 30px; line-height: 42px; } #faq { background-image: none } .aboutDisease { background-image: none; background-color: #e8f1f9 } .pic-mob-mb.mobile-view { max-width: 100%; flex: 0 0 100%; text-align: center; margin: 0 auto } .footer-autocruitment-logo { flex-direction: column } .footer-autocruitment-logo .followicons { margin-left: 0px; margin-top: 10px } #about-condition-image .desktopView .row { max-width: 580px; margin: 0 auto } #about-condition-image .desktopView .row.nd-row { margin-top: 30px } #about-condition-image .participant-text { max-width: 560px; } #faq .card::after, .about-study-vector { display: none; } .banner-text p { color: #fff; font-size: 16px; line-height: 22px; margin: 12px 0 0px 0; } .banner-text .banner-content + p { margin-top: 20px; } .banner-content p { margin-top: 0; margin-bottom: 0; } .banner-bottom p { font-size: 15px; line-height: 19px; } .banner-text .banner-heading p { font-size: 16px; line-height: 22px; } .takepart-study ul li { font-size: 16px; line-height: 22px; } .takepart-study p, .takepart-study ul + p { font-size: 16px !important; line-height: 22px !important; } a.toplogo img { margin: 0 auto; max-width: 100%; margin-top: 0px; width: auto; } .takepart-study p:first-child { font-size: 18px !important; line-height: 24px; } .scin-color-single { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 15px; } .scin-color-single { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .scin-color-single img { margin-bottom: 0; max-width: 100%; width: 50%; } .scin-color-single img:first-child { margin-bottom: 0; } .scin-color-single.border-lr { border-left: none; border-right: none; border-top: 1px solid #da116f; border-bottom: 1px solid #da116f; padding: 20px 15px; margin: 20px 0; } .about-btm { top: 0; } #studyinfo-CTA-image ul li::before { top: 6px; } .about-inner-img { margin-top: 30px; text-align: center; } .about-inner-img::after { display: none; } } @media only screen and (min-width:768px) and (max-width:991px) { .footer-logo { margin-bottom: 20px; } .footerBottom, .footerBottom a { font-size: 16px } .topnavbarul { margin-top: 20px } .faq-flow-diagram { max-width: 378px } .faq-flow-diagram .flow-diagram { max-width: 338px; margin: 0 auto } .footerTop h3 { height: 44px; margin-bottom: 15px; } .footerTop h3 span { display: inline-block; height: 31px; } .aboutStudies .row, .faq-outer { padding: 0 15px; } } @media only screen and (max-width:767px) { .takepart-study ul { margin: 3px 0 10px 0px; } #studyinfo-image h2 { font-size: 24px; line-height: 30px; } .footerBottom { text-align: center; } .footerTop { text-align: center; } .footerTop .col-md-3 { margin-bottom: 30px; } .footer-bottom-right { text-align: center !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; } #about-condition-image .qualify-red-btn a { font-size: 16px !important; max-width: 100%; width: auto; padding: 10px 15px !important; } .bannercontent img { top: -15px !important; } .banner-btn a.qualifybtn { margin-top: 0 !important; } .faq-outer .card-header h5 { font-size: 16px !important; } .footerTop h3 { font-size: 18px; } .faq-flow-diagram { max-width: 380px } .aboutStudyBox .flow-diagram { margin: 12px auto 30px auto; max-width: 338px; } .footerBottom .col-md-4.text-right ul li { text-align: center } #about-condition-image .participant-text { max-width: 480px; height: auto; } #about-condition-image .desktopView .col-sm-6 img { height: auto; width: 100%; } .qualify-red-btn { margin: 17px auto 26px } .aboutStudyBox .wd47 { width: 100%; margin-bottom: 20px } .aboutStudyBox .wd47:last-child { margin-bottom: 0px } .aboutStudyBox { margin-bottom: 20px; } .qualify-red-btn { display: inline-block; text-align: center; width: 100%; } .qualify-red-btn img { top: 0; margin: 0 auto 20px; display: block; } .qualify-red-btn a { line-height: inherit!important; height: auto!important; font-size: 13px!important; padding: 15px 10px!important } .customnav ul.topnavbarul li a.nav-link { font-size: 14px } .aboutContent h3 { margin: 0 0 30px } .takepart-study h3 { margin: 0 0 20px } .aboutContent h3:before { left: -11px; top: 5px } .faq-outer::before { left: 27px } .banner-btn a.qualifybtn { max-width: inherit } .customnav ul.topnavbarul li a.nav-link { font-size: 16px } a.qualifybtn { height: auto; line-height: 52px; width: 100%; padding: .375rem .75rem } a.qualifybtn-border, a.qualifybtn { max-width: 100%; padding: .375rem .75rem; line-height: 42px; height: auto; margin: 0 auto } .faq-outer .card-header h5 { font-size: 18px; line-height: 21px } .footerBottom .row { padding: 0 15px } .footer-logo { max-width: 160px } .footer-logo { margin-right: 0px } .faq-bg { background-color: #fff; background-image: none; padding: 40px 0 } h1.mainheading { margin-bottom: 30px; padding-right: 5px; padding-left: 5px } a.qualifybtn-border { max-width: 98% } .footerTop { padding: 30px 0 0 0 } .participant-text { height: 284px } .qualify-red-btn img { top: 0; } .copyrightAutocruitment .footer-autocruitment-logo { margin: 10px 0 } .copyrightAutocruitment .col-md-4 { text-align: center!important } .aboutStudyBox p, .participateStudy h3, .participateStudy p { text-align: left; } #aboutDisease p.text-sm-center { text-align: center!important } .participateStudy p { display: block } #banner-cta-image .qualifybtn { font-size: 16px; } .footerTop h3 span::before { bottom: -15px; width: 100%; } .footerTop h3 { font-size: 20px; margin-bottom: 25px; } .footerTop ul li br { display: none; } .participateStudy li::before { top: 5px; } .footer-logo { margin-bottom: 20px; max-width: 100%; } .aboutboxbottom { padding: 0 20px; max-width: 100%; background-image: none; } .box-img-outer { text-align: center; } .aboutstudy-pic .abt-top::after { display: none; } .aboutstudy-pic .abt-top::before { top: 60px; } .about-study-right-img { max-width: 380px; margin: auto; width: 100%; } .participateStudy p { color: #fff; } .participateStudy .participateStudy-inner { padding-top: 20px; } .aboutboxbottom::after { background-image: none; } .row.removeMargin.aboutStudyBox, .row.removeMargin.study-btm { margin: 0; } } @media (min-width:480px) and (max-width:489px) { #about-condition-image .qualify-red-btn a { font-size: 17px !important; } } @media only screen and (max-width:479px) { .pivotal-study { background: url(../images/flow-bg-orange-mobile.webp) no-repeat left top; max-width: 290px; margin: 0 auto } .follow-up-study { background: url(../images/flow-bg-blue-mobile.webp) no-repeat left top; max-width: 290px; margin: 30px auto 0 } .pivotal-study p, .follow-up-study p { font-size: 15px!important } .bannercontent h1 strong.study { margin-bottom: 10px } .follow-up-study span.flow-diagram-heading, .pivotal-study span.flow-diagram-heading { font-size: 18px } a.qualifybtn-border, a.faqbtn, .banner-btn a.qualifybtn { font-size: 15px } #banner-cta-image .qualifybtn { padding: 15px 20px; } .bannercontent img { top: -12px } .banner-btn { width: 100% } .footerBottom .row { display: block; width: 100%; text-align: center; margin: 0px } .footer-logo { margin: 10px auto } } @media only screen and (max-width:400px) { } @media (max-width:374px) { #about-condition-image .qualify-red-btn a { font-size: 16px !important; } } @media (min-width:1199px) { .navbar-expand-xl .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex: 0 0 79% } a.toplogo { align-items: center; margin-right: 0px; flex: 0 0 21% } .navbar-me { padding: 22px 2vw; } .banner-content ul li::before { position: absolute; } .banner-content ul li { padding-left: 25px } .banner-content ul li ul { padding-left: 0px } .banner-bottom p { font-size: 17px; padding-right: 60px; } } @media (max-width:1199px) { .takepart-study p:first-child { margin-bottom: 15px; } .takepart-study { padding: 30px 20px; } .footerTop p { padding-right: 0; } .row.removeMargin.aboutmindBox .col-md-8 { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .about-study-right-img::after { content: none; } .aboutboxbottom { margin-top: 40px; } .aboutboxbottom::after { height: 63%; } .participateStudy-inner { padding-top: 37px; } .about-study-right-img { position: static; transform: none; max-width: 600px; display: block; margin: 0 auto 50px; width: 100%; } .aboutboxbottom { width: 100%; margin: 70px 0 0 !important; padding-top: 0; } .aboutboxbottom::before { display: none; } .about-study-bottom-strip img { display: none; } .sources-box { background: #1d8979; padding: 30px; margin-top: 30px; } #studyinfo-CTA-image p.about-left-space { padding-right: 0; } } @media only screen and (min-width:992px) and (max-width:1199px) { .navbar-me { padding: 26px 0; } .participant-text { font-size: 14px; line-height: 18px; } .bannercontent { margin-top: 114px; } .fixed-me ul.topnavbarul li.last-item a { height: 50px !important; line-height: 50px !important; } .aboutContent p { font-size: 16px; line-height: 22px; } .about-left { width: 200px; } .takepart-study ul + p { font-size: 16px !important; } .participateStudy { background-size: cover; } .aboutStudy { padding-bottom: 100px; } } @media only screen and (max-width:575px) { #about-condition-image .desktopView .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48% !important; height: auto !important; margin: 0px auto !important; display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: flex-start !important; padding: 0; } .about-btm { top: 0; } .about-right-cont { margin-top: 0; } #about-condition-image .desktopView .col-sm-6 img { max-width: none!important; height: auto; } #about-condition-image .desktopView .row.nd-row { margin-top: 7px!important } .aboutstudy-pic .row .abt-top { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .aboutstudy-pic .abt-top::before { top: 50px; height: 65px; width: 65px; left: 0; } .tile-icon { width: 130px !important; } } @media only screen and (min-width:992px) and (max-width:1300px) { .bannercontent { height: 530px; background-position: 0px; } } @media only screen and (min-width:992px) and (max-width:1199px) { .bannercontent { background-position: right -260px top; } } @media only screen and (min-width:1200px) and (max-width:1440px) { .banner-btn { margin: 40px auto 0 } } @media only screen and (min-width:1200px) and (max-width:1441px) { .customnav ul.topnavbarul li a.nav-link { font-size: 18px; } .navbar-nav li { padding: 0 20px; } .customnav ul.topnavbarul li.last-item a { width: 140px; height: 60px; line-height: 60px; } .fixed-me ul.topnavbarul li.last-item a {height: 51px;line-height: 50px;} section.bannercontent { margin-top: 114px; } .navbar-me { padding: 23px 0vw; } .fixed-me { padding: 15px 0vw !important; } .r-text-block { padding: 14px 25px; } .r-text-block span { font-size: 30px; } .navbar-expand-xl .navbar-collapse { flex: 0 0 77% } a.toplogo { flex: 0 0 23% } .banner-text { padding: 0 0 0 2.77vw !important; } #studyinfo-CTA-image p { padding-right: 100px; } #studyinfo-CTA-image p.about-left-space { padding-right: 240px; } .about-study-right-img { right: -265px; } } @media all and (-ms-high-contrast:none) and (min-width:993px) { .navbar-expand-xl .topnavbarul.navbar-nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /*.navbar-expand-xl .navbar-collapse { flex: 0 0 86% }*/ .participant-text { display: block; padding-top: 0 } a.qualifybtn { max-width: 540px } .qualify-red-btn { margin: 39px auto 25px; } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) { .participant-text div { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footerTop p { padding-right: 10px; } } @media all and (-ms-high-contrast:none) and (min-width:1200px) { .participant-text { padding-top: 0; } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:991px) and (max-width:1599px) { .fixed-me { padding: 21px 2vw!important } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:768px) and (max-width:991px) { .qualify-red-btn img { margin-right: 20px!important } a.qualifybtn { font-size: 16px; } #about-condition-image .participant-text { display: inline-block; padding-top: 0 } .qualify-red-btn img { left: 0px; } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:992px) and (max-width:1199px) { a.qualifybtn { font-size: 16px; max-width: 448px!important } .banner-btn a.qualifybtn { font-size: 16px!important } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:991px) { .qualify-red-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:767px) { .qualify-red-btn img { margin: 0 auto 20px !important; } #about-condition-image .participant-text { display: inline-block } .participant-text div { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 5px } .qualify-red-btn { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } } @media only screen and (min-width:768px) and (max-width:991px) { .participant-text { height: auto; } #about-condition-image .desktopView .col-sm-6 img { height: auto; width: 100%; } } @media only screen and (min-width:992px) and (max-width:1199px) { .footerTop h3 { font-size: 18px; } .bannercontent h1 { font-size: 31px; padding-bottom: 4px; } .bannercontent h2 { font-size: 17px; line-height: 21px } .bannercontent h3 { font-size: 18px; line-height: 300 } .banner-text p { font-size: 17px; margin: 6px 0 0px 0; line-height: normal; } .banner-btn { margin: 17px auto 0; width: 100%; } .banner-content p, .banner-content ul li, p.banner-subheading { font-size: 17px; line-height: 24px; } .bannercontent { height: 600px; margin-top: 114px; background-position: right -140px top; } .banner-text { position: inherit; left: inherit; top: inherit; max-width: 550px; display: flex; flex-direction: column; justify-content: center; padding-right: 18px; padding-left: 2.77vw; } .customnav ul.topnavbarul li a.nav-link { font-size: 16px; } .navbar-nav li { padding: 0 6px; } .customnav ul.topnavbarul li.last-item a { width: 200px; } .customnav ul.topnavbarul li.last-item a { height: 50px; line-height: 50px; } .banner-text p { font-size: 17px; margin: 6px 0 0px 0; line-height: normal; } .banner-btn a.qualifybtn { max-width: 100%; font-size: 17px; width: auto; padding: 12px 20px; } .navbar-me { padding: 23px 15px; } a.toplogo img { width: auto; max-width: 100%; } a.toplogo { flex: 0 0 auto; } .banner-content ul li::before { top: 7px; } .fixed-me a.toplogo img { transition: all 0.5s; max-width: 100%; } .banner-bottom { margin-top: 2px; } .banner-bottom p { font-size: 15px; line-height: normal; } } @media only screen and (min-width:992px) and (max-width:1199px) { .bannercontent h1 { font-size: 28px; padding-bottom: 40px; } .bannercontent h2 { font-size: 17px; line-height: 21px } .bannercontent h3 { font-size: 18px; line-height: 300 } .banner-content { margin-top: 10px; } .banner-text { position: inherit; left: inherit; top: inherit; max-width: 550px; display: flex; flex-direction: column; justify-content: center; padding-right: 18px; } .banner-btn { margin: 40px auto 0; width: 100%; } .banner-btn a.qualifybtn { max-width: 100%; font-size: 18px; width: auto; padding: 12px 20px; } .banner-bottom { margin-top: 40px; } .banner-content p, .banner-content ul li, p.banner-subheading { font-size: 17px; line-height: 24px; } .banner-content ul li::before { top: 7px } .qualify-red-btn a.qualifybtn { font-size: 16px } .bannercontent h2 span { padding: 0; font-size: 21px } .bannercontent h2 { line-height: 300 } .banner-content h3 { font-size: 21px } .aboutContent h3.aboutTitle { margin-top: 0px; } .banner-text p { font-size: 17px; margin: 0; line-height: normal; } .banner-bottom p { font-size: 15px; line-height: normal; } .bannercontent h2 { font-size: 20px; padding-bottom: 0; line-height: 1.2; } .banner-text .banner-heading p { font-size: 16px; margin-top: 10px; line-height: 20px; } .banner-point { font-size: 16px; line-height: 22px; } .bannercontent { height: 490px; } .banner-left-img img { width: 785px; } .r-text-block { right: 4%; padding: 14px 16px; } .r-text-block span { font-size: 23px; } .navbar-expand-xl .navbar-nav.topnavbarul { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .banner-content p { padding-bottom: 0; } .banner-content ul + p { margin-top: 7px; } .banner-right { right: -170px; } .banner-content p:last-child { margin: 0px 0 0 0; } .banner-decor img { bottom: -34px; height: 67px; } .about-top-decor img { top: -34px; height: 65px; } .about-bottom-decor img { bottom: -26px; height: 68px; } .about-study-top img { top: -33px; height: 65px; } .about-study-bottom img { bottom: -18px; height: 46px; } .aboutstudy-pic .abt-top::after { display: none; } .takepart-study ul li::before { top: 4px; } .aboutstudy-pic .abt-top::before { top: 55px; } .navbar-nav.topnavbarul { margin-top: 20px; } .navbar-nav li { margin-bottom: 6px !important; padding: 0; } .navbar-nav li.last-item { margin-top: 10px; } } @media only screen and (max-width: 1750px) and (min-width: 1442px) { .bannercontent { margin-top: 114px; background-position: top right -170px; } .r-text-block span { font-size: 34px; } .banner-text .banner-heading p{ font-size: 18px; line-height: 24px; margin-top: 12px; } .customnav ul.topnavbarul li a.nav-link { font-size: 20px; } .customnav ul.topnavbarul li.last-item a { width: 180px; } .banner-content p { padding-bottom: 0; } .banner-right { right: -85px; } .participateStudy ul + p { margin-top: 0; } .participateStudy h3 { margin-bottom: 7px; } .about-study-right-img { right: -210px; } .about-study-left-img { width: 31%; } } @media only screen and (min-width:1200px) and (max-width:1700px) { .banner-point { margin-top: 30px; font-size: 17px; } .banner-text { max-width: 740px; padding: 25px 0 25px 2.77vw; } .bannercontent h1 { font-size: 39px; } .banner-content p { font-size: 21px; line-height: 27px; } .banner-content + p { margin-top: 15px; } .banner-right { right: -170px; } } @media only screen and (min-width:1200px) and (max-width:1300px) { /* .bannercontent { background: #b3bdbe url('../images/banner-bg.webp') no-repeat center right -250px } */ .banner-text { max-width: 610px } .bannercontent h2 { font-size: 20px; line-height: 26px } .banner-content p { font-size: 18px; line-height: 26px } .banner-content ul li { font-size: 17px; } .banner-btn .qualifybtn.btnscroll { top: 0px !important; max-width: 100%; font-size: 18px; padding: 15px 40px; } .banner-btn { max-width: 100%; } } @media only screen and (min-width:1200px) and (max-width:1441px) { .bannercontent h1 { font-size: 36px; } .bannercontent h2 { font-size: 26px; padding-right: 50px; } .banner-text p { font-size: 18px; line-height: 22px; margin: 0px 0 0 0; } .banner-bottom p { font-size: 15px; line-height: normal; } .banner-text { max-width: 680px } .bannercontent { height: 575px; margin-top: 101px; background-position: top right 0; } .banner-btn { width: 100%; } .banner-content p { padding-bottom: 0px; } .banner-text .banner-heading p { font-size: 16px; line-height: normal; margin-top: 13px; } .banner-content { margin-top: 15px; } .banner-content ul li::before { top: 7px; } .banner-btn a.qualifybtn { max-width: 100%; width: auto; font-size: 18px; padding: 15px 30px; } .banner-content ul li { font-size: 18px; line-height: 27px; } .banner-bottom { padding-right: 0px; } .banner-right { right: -160px; } .banner-left-img img { width: 69%; } .banner-content p, .banner-content ul li { font-size: 18px; line-height: 24px; } .banner-text .banner-content + p { margin-top: 20px; } .banner-decor img { bottom: -41px; height: 80px; } .about-top-decor img { top: -39px; height: 80px; } .about-bottom-decor img { bottom: -30px; height: 83px; } .about-study-top img { top: -45px; height: 80px; } .about-study-bottom img { bottom: -25px; height: 56px; } .row.removeMargin.aboutmindBox .col-md-8 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .participateStudy ul + p { margin-top: 0; line-height: normal; } .aboutstudy-pic .abt-top::after { display: none; } .sources-box { padding: 30px 275px 22px 0; } .about-study-bottom-strip img { height: 280px; } .about-study-left-img { width: 28%; } } @media only screen and (min-width:1200px) and (max-width:1350px) { .banner-content p, .banner-content ul li { font-size: 18px; line-height: 24px; } .banner-right { right: -160px; } } @media only screen and (min-width:1200px) and (max-width:1260px) { .bannercontent { background-position: top right 0; } } /* @media only screen and (min-width:1441px) and (max-width:1600px) { .bannercontent { background: #b3bdbe url('../images/banner-bg.webp') no-repeat center right -170px } } */ @media only screen and (min-width:768px) and (max-width:991px) { .qualify-red-btn img { margin-right: -30px; width: 47px; height: 57px; top: -17px; left: 18px; } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:768px) and (max-width:991px) { .qualify-red-btn img { left: 0px; } } @media only screen and (max-width:1024px) { .faq-outer .card-header h5 { font-size: 22px } } @media only screen and (max-width:991px) { .rise-study-part p:first-child { margin: 40px 0 30px } .banner-content ul li { padding-left: 20px; line-height: 22px; } .banner-content ul li::before { top: 6px; } .banner-content ul li .fas { top: 9px } .banner-content { margin-top: 15px } .banner-content ul { text-align: left; padding-left: 5px; } .faq-outer .card-header h5 { font-size: 18px } .banner-content ul li ul { padding-left: 10px; } .about-left, #about-condition-image::before { display: none; } .banner-decor img, .about-top-decor img, .about-bottom-decor img, .about-study-top img, .about-study-bottom img { display: none; } .takepart-study ul + p { margin-top: 15px !important; margin-bottom: 0 !important; } .faq-outer h5::before, .card-body::before { font-size: 20px; } .participateStudy ul { margin: 0px 0 0 0px; } .participateStudy ul + p { margin-top: 7px; } .aboutboxbottom::after { height: 67%; } #faq .card::before { top: 7px; } } @media only screen and (min-width:1200px) { .bannercontent { margin-top: 114px } .flow-diagram { margin-bottom: 30px } .takepart-study {min-height: 279px;} .site-footer .container { max-width: 1280px; } } @media only screen and (min-width:1701px) and (max-width:1800px) { } @media only screen and (min-width:1600px) and (max-width:2000px) { .bannercontent { margin-top: 114px } } @media only screen and (min-width:1441px) and (max-width:1700px) { .navbar-nav li { padding: 0 20px; } } @media only screen and (min-width:1400px) and (max-width:1599px) { } @media (min-width:768px) and (max-width:991px) { @supports (-ms-ime-align: auto) { .qualify-red-btn { display:flex; flex-direction: column; align-items: center; margin: 0px!important } .qualify-red-btn img { width: 47px; position: inherit!important; margin: 15px 0 10px 0!important; top: inherit!important } } } @media (max-width:767px) { #faq .card { margin-left: 15px; margin-right: 15px } @supports (-ms-ime-align:auto) { .qualify-red-btn { display: flex; flex-direction: column; align-items: center; margin: 0px!important } .qualify-red-btn img { width: 47px; position: inherit!important; margin: 5px 0 10px 0!important; top: inherit!important } } } @media (min-width:992px) { @supports (-ms-ime-align: auto) { .qualify-red-btn { display:flex; justify-content: space-evenly; position: relative } .qualify-red-btn img { margin-right: 20px; position: relative; top: -29px } } } @media only screen and (max-width:360px) { #about-condition-image .desktopView .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%!important; height: auto!important; margin: 0px 0px!important; padding: 0px!important; margin-bottom: 25px!important; } #about-condition-image .desktopView .col-sm-6 img { max-width: 100% } #about-condition-image .col-sm-6.participant-text { height: auto !important; margin-bottom: 30px !important; padding: 20px 15px !important; } .participant-text div { font-size: 16px; line-height: 22px; } #about-condition-image .row.nd-row .mb30 { margin-bottom: 30px!important } #about-condition-image .desktopView .col-sm-6 img { max-width: 100% !important; width: 100%; } .about-btm { top: 0; } .about-right-cont { margin-top: 10px; } .aboutstudy-pic .abt-top::before { display: none; } #about-condition-image .participant-text { margin-top: 0; } #about-condition-image img.member-bottom { margin-top: 25px !important; } .tile-icon { display: none; } } @media only screen and (min-width:234px) and (max-width:319px) { a.toplogo img { max-width: 140px; } .customnav { padding: 29px 15px; } .footerTop { padding: 35px 0px; } } @media only screen and (max-width:233px) { a.toplogo img { max-width: 100px; } .customnav { padding: 45px 15px; } } @media only screen and (max-width:400px) { } @media only screen and (max-width:374px) { #banner-cta-image .qualifybtn { font-size: 16px; } .bannercontent h1 br { display: none; } } @media only screen and (min-width:320px) and (max-width:450px) { a.toplogo img { max-width: 235px; } .customnav { padding: 23px 15px; } } @media only screen and (max-width:319px) { #banner-cta-image .qualifybtn { font-size: 16px; line-height: 1.4; padding: 15px 12px; height: auto; } } @media only screen and (min-width:480px) and (max-width:991px) { .banner-btn a.qualifybtn { font-weight: 500; font-size: 16px } .qualify-red-btn a { font-weight: 500; font-size: 16px !important; } .aboutContent h3.aboutTitle span { font-size: 20px!important } .aboutContent h3.aboutTitle { padding: 10px } a.qualifybtn { max-width: 480px; } } @media (max-width:575px) { #about-condition-image .participant-text.col-sm-6 { font-size: 12px !important; line-height: 15px !important; padding-left: 7px !important; padding-right: 7px !important; } .banner-content { padding: 0; } .bannercontent h1 br { display: none; } .aboutboxbottom::after { height: 75%; } .aboutmindBox .col-md-12 { padding: 0; } #about-condition-image .member-bottom { margin-top: 10px !important; } } @media only screen and (min-width:361px) and (max-width:380px) { #about-condition-image .participant-text.col-sm-6 { font-size: 14px !important; line-height: 17px !important; padding-left: 6px !important; padding-right: 6px !important; } } @media only screen and (min-width:412px) and (max-width:575px) { #about-condition-image .participant-text.col-sm-6 { font-size: 15px !important; line-height: 20px !important; padding: 0 5px; } } @media screen and (-webkit-min-device-pixel-ratio:0) { #about-condition-image .desktopView .col-sm-6 img { max-width: 100%!important; } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:575px) { } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:360px) { .participant-text div { font-size: 14px; line-height: 20px; } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:320px) and (max-width:575px) { body #about-condition-image .participant-text { display: inline-block!important } .participant-text div { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 2px } #about-condition-image .desktopView .col-sm-6 img { max-width: 100%!important } #about-condition-image .desktopView .nd-row.row { margin-top: 15px!important } #about-condition-image .desktopView .col-sm-6 { display: inline-block!important } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (max-width:233px) { a.toplogo img { max-width: 100px; } } html.ie10 .participant-text div { display: block!important; padding-top: 0px!important } @media only screen and (min-width:419px) and (max-width:455px) { html.ie10 #about-condition-image .col-sm-6.participant-text div { padding-top: 73px!important; } } @media only screen and (min-width:456px) and (max-width:490px) { html.ie10 #about-condition-image .col-sm-6.participant-text div { padding-top: 80px!important; } } @media only screen and (min-width:491px) and (max-width:500px) { html.ie10 #about-condition-image .col-sm-6.participant-text div { padding-top: 99px!important; } } @media only screen and (min-width:501px) and (max-width:539px) { html.ie10 #about-condition-image .col-sm-6.participant-text div { padding-top: 119px!important; } } @media only screen and (min-width:540px) and (max-width:575px) { html.ie10 #about-condition-image .col-sm-6.participant-text div { padding-top: 127px!important; } } @media only screen and (min-width:360px) and (max-width:575px) { html.ie10 .col-sm-6.participant-text div { display: inline-block !important; text-align: center; vertical-align: middle; padding-top: 55px !important; } html.ie10 #about-condition-image .desktopView .col-sm-6 img { max-width: 100%!important } } @media only screen and (min-width:768px) and (max-width:992px) { html.ie10 #about-condition-image .participant-text { padding-top: 115px!important } } @media only screen and (min-width:993px) and (max-width:1199px) { html.ie10 #about-condition-image .participant-text { padding-top: 82px!important } } @media only screen and (min-width:1200px) { html.ie10 #about-condition-image .participant-text { padding-top: 115px!important } #studyinfo-image .container { max-width: 1152px; } } @media only screen and (min-width:576px) and (max-width:767px) { html.ie10 .participant-text div { padding-top: 103px!important } } @media only screen and (min-width:1199px) { } @media only screen and (min-width:1751px) { } @media only screen and (max-width:991px) { .bannerRight { display: none } } @media screen and (-ms-high-contrast:active), screen and (-ms-high-contrast:none) and (min-width:992px) { .bannerRight img { max-width: 80% } } @media only screen and (max-width:319px) { .pivotal-study, .follow-up-study { background-size: 100% } .pivotal-study p, .follow-up-study p { font-size: 13px!important } } @media only screen and (max-width:400px) { .faq-flow-diagram { margin: 0 -20px; padding-top: 30px; padding-right: 5px; padding-left: 5px } } html.ie10 .bannerRight { width: 45%!important } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: Portrait) { .aboutStudy { padding: 70px 0 !important; } #faq.faq-bg { padding: 70px 0 !important; } .aboutStudy h2 { margin-bottom: 50px; } .aboutDisease { padding: 70px 0 !important } #signup h2 { padding-top: 0; } } @media only screen and  (min-width: 992px) { @media not all and (min-resolution:.001dpcm) { @media { /*#about-condition-image .qualify-red-btn {margin: 29px auto 30px !important} .takepart-study { padding: 20px 20px; } .footerTop { padding-top: 53px; padding-bottom: 53px; } .footerBottom { padding-top: 52px; padding-bottom: 52px; }*/ } } } @media only screen and (max-width: 768px) { } @media (max-width: 480px) { .scin-color-single { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .scin-color-single img { margin-bottom: 0; max-width: 100%; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #da116f; } .scin-color-single.border-lr { border-left: none; border-right: none; border-top: none; border-bottom: none; padding: 0; margin: 0; } .scin-color-single img:first-child { margin-bottom: 15px; } .scin-color-outer .scin-color-single:last-child img:last-child { padding: 0; margin: 0; border-bottom: 0; } .aboutstudy-pic .abt-top::before { top: 35px; } }