.tour-supergraphic-mobile {display: none}
@media (min-width: 1500px)
{
/*.top-section h1 {font-size: 95px}*/
}
/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
}
/* MOBILE STYLES */
@media (max-width: 1400px)
{
.news-listing {padding-left: 75px;}
}
@media (max-width: 1320px)
{
.inner {width: calc(100% - 130px);}
.our-partners .inner {width:100%;}
/* HOME VIDEO */
.home-page-video-inner {width: 100%;}
/* FIXED RIGHT NAV AND MENU RIGHT NAV */
.right-fixed-nav {width:100px;}
.btn-menu {right:55px;}
.menu-container:after {right:77px;}
ul.main-menu {right:71px;}
/* NEWS LISTING */
.news-listing .inner {width: 100%}
}
@media (max-width: 1300px)
{
/* OUR PEOPLE */
body.supergraphic-top-left .top-section.top-section-our-people .inner {justify-content:flex-start;}
body.supergraphic-top-left .top-section.top-section-our-people .inner .intro-text { padding-top: 25px; width: 50%; padding-left: 45px; }
.people-text-top {margin-bottom: 40px;}
.people-text-carousel-container .carousel-nav {top: 65px; }
}
@media (max-width: 1240px)
{
/* HOME CAROUSEL */
.home-carousel-container .circle-responsive-container {width:90%;min-width: 125px;}
.person-circle {border-radius:50%;min-width: 125px;}
/* OUR MODEL */
.our-model-left {width:calc(50% - 40px); margin-right: 40px;}
.our-model-right {width:50%;}
/* NEWS LISTING */
.news-listing .cols {gap: 50px;}
.news-listing .col {width: calc(33.333% - 34px);}
}
@media (max-width: 1100px)
{
/* HOME PAGE */
.expanded-inner .col-left {width: 35%;}
.expanded-inner .col-right {width:calc(65% - 150px);}
/* FOOTER */
.footer-right ul li {margin-left:50px;}
.partner-circle.circle-responsive-container {width:250px;}
/* TOUR */
.quest-bottom-tour p {font-size: 16px;}
/* NEWS ARTICLE */
.our-news-article-text p.date {font-size: 20px;}
.our-news-article-text h1 {font-size: 32px;}
.article-intro p {font-size: 18px;}
.our-news-article-text h3 {font-size: 18px;}
}
@media (max-width: 1000px)
{
.news-listing .cols {gap: 30px;}
.news-listing .col {width: calc(33.333% - 20px);}
}
@media (max-width: 960px)
{
/* HOME PAGE */
.date-info h2 {font-size:25px;}
.date-panel p,
.date-info p,
.arrow-btn,
.expanded-inner .col-right p {font-size:16px;}
/* OUR PARTNERS */
.partners-listing .col-4,
.partners-listing .col-3 { width: 33.333%; }
.partner-circle.circle-responsive-container {width:100%;}
.partner-circle.circle-responsive-container.active .circle-responsive .table-cell {background-size:100px; background-position:center 25px;}
/* OUR QUEST */
.case-study { display: flex; flex-direction: column; }
.animation {width:100%; margin-left: 0; order:3;}
.case-study-title {order:2; margin-left: 0; margin-top: 40px;}
.our-model-list ul li {flex:0 0 100%; margin:0; margin-bottom:10px;}
/* OUR PEOPLE */
body.supergraphic-top-left .top-section.top-section-our-people .inner {display:block;}
body.supergraphic-top-left .top-section.top-section-our-people .inner .intro-text {width:100%; display:block; padding-left:0;}
.people-image-carousel {width:100%;}
/* TOUR */
.quest-bottom-tour p {font-size: 14px;}
}
@media (max-width: 850px)
{
/* HOME PAGE */
.expanded-inner {flex-direction: column}
.expanded-inner .col-left {width: 100%;}
.expanded-inner .col-right {width:100%; margin-left: 0; padding-left: 0; border-left: none; border-top:1px solid #ffffff; padding-top:30px;}
.close-expander {right:-90px;}
/* FOOTER */
.footer-right ul li:nth-last-child(1), .footer-right ul li:nth-last-child(2),
.footer-right ul li {margin-left:20px;}
/* TOUR */
.tour .col-container {flex-direction: column-reverse;}
.col-tour-text {width:100%;}
.col-tour-text p {padding-right: 0}
.col-tour-video {width:100%; margin-bottom: 40px;}
.tour .top-section h1 {font-size: 25px;}
.tour-supergraphic {display: none}
.tour-supergraphic-mobile {display: block; width:30%; position: absolute; right:0; top:0; padding-top: 80%; background-size: cover; top:-175px;}
.header-link {/*top: 0; right: 0; padding: 7px; width: 100%; border-radius: 0px;*/display:none;}
.header-link a {font-size: 14px; text-align: center; display: block; width: 100%;}
/* NEWS LISTING */
.news-listing {padding-top: 50px; padding-bottom: 50px;}
.news-listing .col {width: calc(50% - 15px);}
/* NEWS ARTICLE */
.our-news-header {min-height: 200px; height: 62vw}
.our-news-article-text {width: 100%; max-width: 100%; margin-top: 0;}
}
@media (max-width: 800px) {
/* HOMEPAGE */
.homepage-sections {display:flex;flex-direction:column;}
.homepage-sections .home-page {order:1;}
.homepage-sections .our-partners {order:2;background-color:transparent;}
.homepage-sections .home-page-video {order:3;background-color: #102229;padding: 45px 0;}
.homepage-sections .quest-models {order:4;}
.homepage-sections .our-people {order:5;}
.homepage-sections .news-listing {order:6;}
/* OUR PARTNERS */
.our-partners .inner {padding-top:10px;padding-bottom:10px;}
.our-partners h2.section-title {display:none;}
.our-partners .home-carousel-container {padding-top:0;}
.our-partners .arrow-btn {display:none;}
}
@media (max-width: 768px)
{
.top-section h1 {font-size:57px;}
.inner {width:100%; margin-left: 0}
.close-expander {top:auto; right:50%; margin-right: -22px; bottom: 0;}
.expanded-inner {padding-bottom:90px;}
/* FIXED RIGHT NAV AND MENU RIGHT NAV */
.right-fixed-nav {display: none}
/* FOOTER */
.footer-top {flex-direction: column;}
.footer-right ul {flex-direction: column; margin-top: 30px; align-items: flex-start; width: 100%;}
.footer-right ul li {margin-left: 0 !important; margin-top: 15px;}
.footer-right {width:100%;}
.footer-right ul li:nth-last-child(1),
.footer-right ul li:nth-last-child(2) {width: 100%; text-align: right;}
/* CONTENT PAGE */
.top-section {padding-top:00px;}
/* OUR PARTNERS */
.partner-circle.circle-responsive-container .partner-circle-text h3 {font-size: 26px}
.inner.partners-listing {width:100%; margin:0; padding:0;}
.inner.partners-listing .col-container {width:100%; margin: 0}
/* OUR MODEL */
.our-model-page {padding-bottom: 0}
.our-model-bottom {flex-direction: column; margin-top: 0;}
.our-model-left {width:100%; margin-right: 0;}
.our-model-right {width:100%; margin-top: 20px; width:calc(100% + 40px); margin-left: -20px; padding: 35px 20px;}
.our-model-left ul {border-top:1px solid #FF7FFF; padding-top: 40px;}
.our-model-left ul li:last-child {border-bottom: none}
/* NEWS LISTING */
.news-listing {padding-left: 55px; padding-right: 55px;}
/* NEWS ARTICLE */
.our-news-article-text {padding: 40px 0}
/* OUR MODELS */
.models-listing {flex-direction:column}
/* CAROUSELS */
.carousel-nav.absolute {width: calc(100% + 185px)}
}
@media (max-width: 767px)
{
/* MENU */
.menu-inner .inner {margin-left: 0; width:100%; padding:0 71px;}
/* .menu-container:after {display: none} */
ul.main-menu li a span {position: relative;}
ul.main-menu li a span:before {height: 49px; position: absolute; right:6px; bottom: 12px; content: ''; border-right: 1px solid #ffffff;}
ul.main-menu li:first-child a span:before {display: none}
}
@media (max-width: 640px)
{
.btn-menu {right:13px;}
/* MENU */
.menu-contact p {font-size: 16px;}
.menu-inner .inner {padding-left: 20px; padding-right: 27px;}
.menu-container:after {right: 33px;}
ul.main-menu {right: 27px;}
/* HOME PAGE */
.home-intro {padding-top:0; margin-bottom: 30px; max-width: 100%}
.menu-contact {margin-top:30px; border-top:1px solid #ffffff; padding-top: 30px;}
.homepage-sections {background-size: 500px;background-position: right -100px top 100px;}
.home-intro-components .home-intro-item {flex-direction:column;}
.home-intro-components h1, .home-intro-components h2 {width:100%;}
.home-intro-components .intro-text {max-width:100%;}
/* HOME CAROUSEL */
.home-carousel-only .carousel-nav .slick-dots {display:none !important;}
.home-carousel-only {position: relative;}
.home-carousel-container {margin-left: auto; margin-right: auto;}
.home-carousel-container .circle-responsive-container {width: 100%;}
.home-carousel-container .slide {margin:0 10px;}
.home-carousel-container .carousel-nav {width:100%; position: absolute; left: 0; margin: 0; top:50%; margin-top: 0}
.home-carousel-container .carousel-nav .slick-arrow {width:20px; height: 34px;}
.home-carousel {width:calc(100% - 80px); margin-left: auto; margin-right: auto;}
.expanded-inner .partner-fund-wrapper {flex-direction: column;}
.table {display: block}
.table-cell {display: flex;}
/* OUR PARTNERS */
.our-partners .inner {padding-left:0;padding-right:0;}
.partners-listing .col-4,
.partners-listing .col-3 {width: 50%; padding-left: 10px; padding-right: 10px;}
.inner.partners-listing {padding-left: 10px; padding-right: 10px;}
.partner-circle.circle-responsive-container .circle-responsive img {align-self: center; justify-content: center; margin:0 auto 5px;}
.partner-circle.circle-responsive-container .circle-responsive .table-cell {flex-direction: column; justify-content: center;}
.partner-circle.circle-responsive-container.active .circle-responsive .table-cell { background-size: 60%; background-position: center 25px; }
/* OUR PEOPLE */
.people-text-carousel-container {padding-bottom:50px;}
body.supergraphic-top-left .top-section.top-section-our-people .inner .our-people-left { display: none; }
body.supergraphic-top-left .top-section.top-section-our-people .inner .intro-text { padding-left: 0; width: 100%; }
.people-text-top { display: block; position: relative; }
.people-text-top .person-circle { display: inline-block; margin-right: 20px; vertical-align: top; }
.people-text-carousel-container .carousel-nav {width:100%; right: auto; top: auto; bottom: 20px; left: 50%; -moz-transform: translateX(-50%); transform: translateX(-50%); }
.top-section-our-people { padding-top: 0; }
.people-text-top h2 { font-size: 20px; font-weight: 500; color: #06D6A0; line-height: 1.3em; margin: 0; }
.people-text-top h3 {font-size: 20px; font-weight: 500; color: #8E8E8E; line-height: 1.3em; margin: 0; }
.people-text-top .person-title { width: calc(100% - 180px); padding-top: 40px; padding-right: 30px; display: inline-block; vertical-align: top; }
.people-text-top a { position: absolute; right: 0; top: 40px; }
.people-text-carousel-container .carousel-nav .slick-dots {margin-left: 0; text-align: center}
/* OUR MODEL */
.top-section ul,
.top-section p,
.top-section ol,
body.supergraphic-top-left .top-section .inner .intro-text p,
body.supergraphic-top-left .top-section .inner .intro-text ul,
body.supergraphic-top-left .top-section .inner .intro-text ol {width:auto;}
/* OUR QUEST */
.case-study {margin-bottom: 70px;}
.case-study-title {margin-top: 25px; margin-bottom: 10px; padding-bottom: 15px;}
.case-study-title h3 {padding-bottom: 10px; background-color: transparent;}
.case-study-title:before {top: auto; bottom: 0;}
.case-study-title:after {top: auto; bottom:8px;}
.case-study .table-cell {display: flex; align-content: center; align-items: center; justify-content: center;}
/* FOOTER */
footer p {display: none}
/* OUR PEOPLE */
.person-popup .popup-content {max-width:100%;max-height:100%;}
.person-popup .people-text-top {margin-bottom:0;}
.person-popup .people-text-top a {position:relative;top:0;}
.person-popup .people-popup-quote {padding-top:15px;}
.person-popup .person-title {text-align: left !important;width:100%;}
}
@media (max-width: 560px)
{
/* NEWS LISTING */
.news-listing .col {width: 100%;}
.news-listing .cols {flex-direction: column; gap: 50px}
/* OUR PEOPLE */
.section-header {flex-direction:column}
.section-header p {max-width:100%;}
.home-carousel-container .circle-responsive-container {width:90px;margin: auto;}
}
@media (max-width: 500px)
{
.inner {padding-left: 35px; padding-right: 35px;}
.home-intro-components {flex-direction: column;}
.home-intro-components h1,
.home-intro-components h2 {margin-right: 0; margin-bottom: 24px}
/* HOME */
.home-page-video hr {margin-top: 1em}
.home-page-video-outer {padding-top: 10px;}
/* NEWS LISTING */
.news-listing {padding-left: 35px; padding-right: 35px;}
/* CAROUSELS */
.carousel-nav.absolute {left: -50px;width: calc(100% + 100px)}
.sign-up-form .form-container .form-cell {flex-direction: column}
.sign-up-form .form-cell label {width: 100%; text-align: left; margin-bottom: 10px;}
.sign-up-form .form-cell input[type="text"] {width: 100%;}
}
@media (max-width: 480px)
{
.people-text-top {text-align:center;}
.people-text-top a {width:100%; text-align:center; position:relative; top:auto; right:auto;}
.people-text-top a img { display: inline-block; margin: 0; }
.people-text-top .person-circle {margin-right:0; margin-bottom:20px;}
.people-text-top .person-title {width:100%; text-align:center; margin-bottom:20px; padding-right:0; padding-top:0;}
}
@media (max-width: 414px)
{
.intro-text h2 {font-size:32px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h3 {font-size:28px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h4 {font-size:24px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h5 {font-size:20px; color:#000000; font-weight: 700; margin: 1em 0}
.intro-text h2 {font-size:16px; color:#000000; font-weight: 700; margin: 1em 0}
/* HEADER */
header {padding: 45px 0 25px 0;}
header svg {width:120px;}
/* HOME PAGE */
.home-header-text h1 {font-size:10vw;}
.home-page {min-height: unset}
.tour-supergraphic-mobile {width:20%;}
}
@media (max-width: 375px)
{
/* OUR PARTNERS */
.partner-circle.circle-responsive-container .partner-circle-text p {font-size:10px; margin: 1px 0}
.partner-circle.circle-responsive-container.active .circle-responsive img {width:80px;}
.partner-circle.circle-responsive-container .partner-circle-text h2 {font-size:15px;}
.partner-circle.circle-responsive-container .partner-circle-text h3 {font-size:16px;}
}
@media (max-width: 360px)
{
/* SAMSUNG GALAXY S5 */
.carousel-nav .slick-dots li {width:8px; height: 8px; margin: 0 2px;}
}
@media (max-width: 320px)
{
/* IPHONE 5 */
}