.fp-enabled body,
html.fp-enabled {
margin: 0;
padding: 0;
overflow: hidden;
-webkit-tap-highlight-color: transparent
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.fp-slide {
float: left
}
.fp-slide,
.fp-slidesContainer {
height: 100%;
display: block
}
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.fp-section.fp-table,
.fp-slide.fp-table {
display: table;
table-layout: fixed;
width: 100%
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.fp-slidesContainer {
float: left;
position: relative
}
.fp-controlArrow {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff
}
.fp-scrollable {
overflow: hidden;
position: relative
}
.fp-scroller {
overflow: hidden
}
.iScrollIndicator {
border: 0!important
}
.fp-notransition {
-webkit-transition: none!important;
transition: none!important
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.fp-right {
right: 17px
}
#fp-nav.fp-left {
left: 17px
}
.fp-slidesNav {
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0!important;
right: 0;
margin: 0 auto!important
}
.fp-slidesNav.fp-bottom {
bottom: 17px
}
.fp-slidesNav.fp-top {
top: 17px
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative
}
.fp-slidesNav ul li {
display: inline-block
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
width: 10px;
height: 10px;
margin: -5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
width: auto;
opacity: 1
}
#fp-nav ul li .fp-tooltip.fp-right {
right: 20px
}
#fp-nav ul li .fp-tooltip.fp-left {
left: 20px
}
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
height: auto!important
}
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
height: auto!important
}
.fp-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
@font-face {
font-family: Huge;
src: url(/assets/fonts/huge_agb_v5-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/huge_agb_v5-webfont.woff) format("woff"), url(/assets/fonts/huge_agb_v5-webfont.ttf) format("truetype"), url(/assets/fonts/huge_agb_v5-webfont.svg#svgFontName) format("svg")
}
@font-face {
font-family: Copernicus;
font-weight: 400;
font-style: normal;
src: url(/assets/fonts/GalaxieCopernicus-Book.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GalaxieCopernicus-Book.woff) format("woff"), url(/assets/fonts/GalaxieCopernicus-Book.ttf) format("truetype"), url(/assets/fonts/GalaxieCopernicus-Book.svg#svgFontName) format("svg")
}
@font-face {
font-family: Copernicus;
font-weight: 400;
font-style: italic;
src: url(/assets/fonts/GalaxieCopernicus-BookItalic.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GalaxieCopernicus-BookItalic.woff) format("woff"), url(/assets/fonts/GalaxieCopernicus-BookItalic.ttf) format("truetype"), url(/assets/fonts/GalaxieCopernicus-BookItalic.svg#svgFontName) format("svg")
}
@font-face {
font-family: Copernicus;
font-weight: 700;
font-style: normal;
src: url(/assets/fonts/GalaxieCopernicus-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GalaxieCopernicus-Bold.woff) format("woff"), url(/assets/fonts/GalaxieCopernicus-Bold.ttf) format("truetype"), url(/assets/fonts/GalaxieCopernicus-Bold.svg#svgFontName) format("svg")
}
@font-face {
font-family: Copernicus;
font-weight: 700;
font-style: italic;
src: url(/assets/fonts/GalaxieCopernicus-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/GalaxieCopernicus-BoldItalic.woff) format("woff"), url(/assets/fonts/GalaxieCopernicus-BoldItalic.ttf) format("truetype"), url(/assets/fonts/GalaxieCopernicus-BoldItalic.svg#svgFontName) format("svg")
}
a,
div,
h2,
h5 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
* {
box-sizing: border-box
}
a,
a:focus,
a:hover {
text-decoration: none
}
.home-section__wrapper {
margin-left: auto;
margin-right: auto;
-ms-flex-direction: column;
flex-direction: column;
padding: 15vh 0 5vh;
position: relative;
width: 74.68354%;
min-height: 100%
}
@media only screen and (max-width:767px) {
.home-section__wrapper {
width: 87.34177%
}
.home-section-details__subtitle a._palladium,
.home-section-details__title a._palladium {
background: rgba(240, 228, 182, .5)
}
.home-section-details__subtitle a._thtlink,
.home-section-details__title a._thtlink {
background: rgba(255, 255, 255, .8)
}
.home-section-details__subtitle a._mahindra,
.home-section-details__title a._mahindra {
background: rgba(36, 82, 82, .65)
}
}
@media only screen and (min-width:768px) {
.home-section__wrapper {
-ms-flex-direction: row;
flex-direction: row;
padding: 20vh 0
}
.home-section__wrapper .home-section-details__container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 60vh;
-ms-flex-pack: center;
justify-content: center
}
}
@media only screen and (min-width:768px) and (min-width:768px) and (max-width:999px) and (max-height:640px) {
.home-section__wrapper .home-section-details__container {
height: auto
}
}
@media only screen and (min-width:768px) and (min-width:1000px) and (max-width:1999px) and (max-height:660px) {
.home-section__wrapper .home-section-details__container {
height: auto
}
}
@media only screen and (min-width:768px) and (min-width:2000px) and (max-height:850px) {
.home-section__wrapper .home-section-details__container {
height: auto
}
}
.home-section-details {
-ms-flex-item-align: stretch;
align-self: stretch;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 3;
pointer-events: none
}
@media only screen and (max-width:767px) {
.home-section-details {
padding-left: 5px
}
}
@media only screen and (min-width:768px) {
.home-section-details {
width: 40vw
}
}
@media only screen and (min-width:1000px) {
.home-section-details {
width: 45%
}
}
@media only screen and (min-width:2000px) {
.home-section-details {
width: 50%
}
}
.home-section-details__eyebrow {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: -.04063rem;
line-height: 1.42857;
margin-top: 3px
}
@media only screen and (min-width:768px) {
.home-section-details__eyebrow {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:1000px) {
.home-section-details__eyebrow {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:2000px) {
.home-section-details__eyebrow {
/* font-family: Huge, sans-serif; */
font-size: 1.25rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (max-width:767px) {
.home-section-details__eyebrow {
margin-left: 20.68966%;
margin-top: 23px;
width: 100%
}
}
.home-section-details__title {
/* font-family: Huge, sans-serif; */
font-size: 2.5rem;
letter-spacing: -.15rem;
line-height: 1.1;
margin-bottom: 1.875rem;
margin-top: 1.25rem
}
@media only screen and (min-width:768px) {
.home-section-details__title {
/* font-family: Huge, sans-serif; */
font-size: 4.5rem;
letter-spacing: -.3125rem;
line-height: 1.04167
}
}
@media only screen and (min-width:1000px) {
.home-section-details__title {
/* font-family: Huge, sans-serif; */
font-size: 5rem;
letter-spacing: -.3125rem;
line-height: 1.05
}
}
@media only screen and (min-width:2000px) {
.home-section-details__title {
/* font-family: Huge, sans-serif; */
font-size: 8.4375rem;
letter-spacing: -.46875rem;
line-height: 1.03704
}
}
@media only screen and (min-width:2000px) {
.home-section-details__title {
/* font-family: Huge, sans-serif; */
font-size: 8.4375rem;
letter-spacing: -.46875rem;
line-height: 1.03704
}
}
@media only screen and (max-width:767px) {
.home-section-details__title {
margin-bottom: 10px;
margin-top: 0;
width: 82.75862%
}
}
.home-section-details__subtitle {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889;
width: 82.75862%
}
@media only screen and (min-width:768px) {
.home-section-details__subtitle {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:1000px) {
.home-section-details__subtitle {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:2000px) {
.home-section-details__subtitle {
/* font-family: Copernicus, serif; */
font-size: 1.5rem;
letter-spacing: -.03125rem;
line-height: 1.5
}
}
.home-section-details__subtitle a,
.home-section-details__title a {
position: relative;
pointer-events: all
}
.home-section-details__separator {
border: 0;
border-bottom: 1px solid;
display: block;
height: 0;
margin: 0 auto 10px 0;
opacity: .8;
width: 21.05263%
}
@media only screen and (min-width:768px) {
.home-section-details__separator {
margin-bottom: 40px
}
}
/*! CSS Used from: https://www.hugeinc.com/assets/css/style.css?v=1571408014508 */
div,
span {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
* {
box-sizing: border-box
}
@media only screen and (max-width:767px) {
.hide-sm {
display: none!important
}
}
.home-section-background {
background-color: #fff;
background-position: center;
background-size: cover;
height: 100vh;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
transition: opacity .4s cubic-bezier(.25, .1, .25, 1);
width: calc(100vw + 15px);
z-index: 0
}
@media only screen and (max-width:767px) {
.home-section-background {
padding-top: 20px
}
}
.global-content-wrapper:not(.global-content-wrapper--shrink):not(.global-content-wrapper--shrinking) .home-page__scroll-jacking--locked-eyebrow .home-section-background {
position: fixed
}
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: -.04063rem;
line-height: 1.42857;
margin-left: auto;
margin-right: auto;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
margin-top: calc(15vh + 2px);
position: relative;
transition: opacity .2s cubic-bezier(.25, .1, .25, 1);
width: 74.35897%;
z-index: 1
}
@media only screen and (min-width:768px) {
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:1000px) {
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:2000px) {
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: 1.25rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (max-width:767px) {
.home-section-background__index {
width: 83.97436%
}
}
@media only screen and (min-width:768px) {
.home-section-background__index {
margin-top: calc(20vh + 2px);
width: 91.52542%
}
}
.home-section-background__line {
border-top: 1px solid #000;
display: inline-block;
height: 4px;
margin-left: 1.44928%;
width: 6.77966%;
max-width: 4.10256%
}
@media only screen and (min-width:2000px) {
.home-section-background__line {
margin-left: .50725%;
max-width: 7.05128%
}
}
@media only screen and (min-width:1000px) and (max-width:1999px) {
.home-section-background__line {
margin-left: .72464%;
max-width: 6.02564%
}
}
@media only screen and (min-width:768px) and (max-width:999px) {
.home-section-background__line {
margin-left: 1.44928%;
max-width: 3.33333%
}
}
@media only screen and (max-width:767px) {
.home-section-background__line {
width: 15.25424%;
max-width: 10.25641%
}
}
/*! CSS Used fontfaces */
.home-section {
background-repeat: no-repeat;
background-size: cover;
background-position: center center:
}
/*! CSS Used from: https://www.hugeinc.com/assets/css/style.css?v=1571920827528 */
div,
span {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility
}
* {
box-sizing: border-box
}
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: -.04063rem;
line-height: 1.42857;
margin-left: auto;
margin-right: auto;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
margin-top: calc(15vh + 2px);
position: relative;
transition: opacity .2s cubic-bezier(.25, .1, .25, 1);
width: 74.35897%;
z-index: 1
}
@media only screen and (min-width:768px) {
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:1000px) {
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:2000px) {
.home-section-background__index {
/* font-family: Huge, sans-serif; */
font-size: 1.25rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (max-width:767px) {
.home-section-background__index {
width: 83.97436%
}
}
@media only screen and (min-width:768px) {
.home-section-background__index {
margin-top: calc(20vh + 2px);
width: 91.52542%
}
}
.home-section-background__line {
border-top: 1px solid #000;
display: inline-block;
height: 4px;
margin-left: 1.44928%;
width: 6.77966%;
max-width: 4.10256%
}
@media only screen and (min-width:2000px) {
.home-section-background__line {
margin-left: .50725%;
max-width: 7.05128%
}
}
@media only screen and (min-width:1000px) and (max-width:1999px) {
.home-section-background__line {
margin-left: .72464%;
max-width: 6.02564%
}
}
@media only screen and (min-width:768px) and (max-width:999px) {
.home-section-background__line {
margin-left: 1.44928%;
max-width: 3.33333%
}
}
@media only screen and (max-width:767px) {
.home-section-background__line {
width: 15.25424%;
max-width: 10.25641%
}
}
button {
border-radius: 0
}
.home-page-today {
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
transition: opacity 250ms cubic-bezier(.25, .1, .25, 1);
width: 100vw;
z-index: 1
}
.home-page-today__text {
background: 0 0;
border: 0;
bottom: 2.5em;
cursor: pointer;
/* font-family: Copernicus, serif; */
font-size: inherit;
letter-spacing: -1px;
margin-bottom: 8px;
opacity: 0;
outline: 0;
pointer-events: none;
text-align: center;
transition: color .2s;
width: 100%
}
.home-page-today__text:focus,
.home-page-today__text:hover {
color: #ffce0f
}
@media only screen and (max-width:767px) and (orientation:landscape) {
.home-page-today__text {
bottom: 2.5em
}
}
@media only screen and (min-width:768px) {
.home-page-today__text {
margin-bottom: 24px
}
}
.home-page-today--visible .home-page-today__text {
animation-name: textFadeIn;
animation-delay: 850ms;
animation-duration: 1s;
animation-fill-mode: forwards;
opacity: 0;
pointer-events: auto;
transition: color .2s, opacity 1s
}
.home-page-today--fade-fast .home-page-today__text {
animation-delay: 550ms;
animation-duration: .5s
}
.home-page-today__bar {
animation-name: slideInBar;
animation-delay: 350ms;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.37, -.01, 0, 1.01);
width: 1px;
background: #000;
content: '';
display: none;
height: 0;
opacity: .8;
width: 1px
}
.home-page-today--visible .home-page-today__bar {
display: block
}
.home-page-today--fade-fast .home-page-today__bar {
animation-delay: 350ms;
animation-duration: .5s
}
/*! CSS Used keyframes */
@keyframes textFadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes slideInBar {
0% {
height: 0
}
100% {
height: 2.4em
}
}
main,
section {
display: block
}
* {
box-sizing: border-box
}
button {
border-radius: 0
}
a,
a:focus,
a:hover {
text-decoration: none
}
.flexbox-fix {
display: -ms-flexbox;
display: flex
}
.clickable {
cursor: pointer
}
.work-page {
background-color: #000
}
.work-page__hero {
margin-bottom: 25px
}
.work-page .logo-grid,
.work-page__hero {
position: relative;
z-index: 1
}
.work-page__grid-header {
color: #fff;
/* font-family: Copernicus, serif; */
font-size: 1.875rem;
letter-spacing: -.0625rem;
line-height: 1.4;
font-family: Copernicus!important;
margin: 0 auto;
width: 86.9vw;
text-align: center;
padding-bottom: 70px
}
@media only screen and (min-width:768px) {
.work-page__grid-header {
/* font-family: Copernicus, serif; */
font-size: 2.625rem;
letter-spacing: -.0625rem;
line-height: 1.28571
}
}
@media only screen and (min-width:1000px) {
.work-page__grid-header {
/* font-family: Copernicus, serif; */
font-size: 3.5rem;
letter-spacing: -.25rem;
line-height: 1.25
}
}
@media only screen and (min-width:2000px) {
.work-page__grid-header {
/* font-family: Copernicus, serif; */
font-size: 4.625rem;
letter-spacing: -.1875rem;
line-height: 1.21622
}
}
@media only screen and (max-width:767px) {
.work-page__grid-header .header-copy {
max-width: 10em;
margin: auto
}
}
.work-page .hero__title {
/* font-family: Huge, sans-serif; */
font-size: 3.5625rem;
letter-spacing: -.15625rem;
line-height: 1.15789
}
@media only screen and (min-width:768px) {
.work-page .hero__title {
/* font-family: Huge, sans-serif; */
font-size: 5.5625rem;
letter-spacing: -.28125rem;
line-height: 1.11236
}
}
@media only screen and (min-width:1000px) {
.work-page .hero__title {
/* font-family: Huge, sans-serif; */
font-size: 7.5rem;
letter-spacing: -.375rem;
line-height: 1.03333
}
}
@media only screen and (min-width:2000px) {
.work-page .hero__title {
/* font-family: Huge, sans-serif; */
font-size: 9.5625rem;
letter-spacing: -.5625rem;
line-height: 1.01307
}
}
.work-page .imggrid {
margin-bottom: 95px
}
.about-latest-news {
background-color: #000;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
padding: 80px 0;
position: relative
}
@media only screen and (min-width:768px) {
.about-latest-news {
padding: 160px 0
}
}
@media only screen and (min-width:1000px) {
.about-latest-news {
padding: 200px 0
}
}
.about-latest-news:before {
background-color: rgba(0, 0, 0, .7);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0
}
@media only screen and (min-width:768px) {
.about-latest-news__promo {
width: 25.42373%;
float: left;
margin-right: 1.66667%;
margin-left: 16.94915%;
height: 0;
padding-bottom: 25.42373%
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__promo {
width: 18.98734%;
float: left;
margin-right: 1.25%;
margin-left: 12.65823%;
padding-bottom: 18.98734%
}
}
@media only screen and (min-width:768px) {
.about-latest-news__container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
.about-latest-news__content {
position: relative;
width: 74.35897%;
float: left;
margin-right: 2.5641%;
margin-left: 12.82051%;
margin-top: 50px
}
@media only screen and (min-width:768px) {
.about-latest-news__content {
width: 40.67797%;
float: left;
margin-right: 1.69492%;
margin-left: 6.77966%;
clear: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__content {
width: 43.03797%;
float: left;
margin-right: 1.26582%;
margin-left: 5.06329%
}
}
.about-latest-news__body,
.about-latest-news__title {
color: #fff
}
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 2.5rem;
letter-spacing: -.15rem;
line-height: 1.1
}
@media only screen and (min-width:768px) {
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 4.5rem;
letter-spacing: -.3125rem;
line-height: 1.04167
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 5rem;
letter-spacing: -.3125rem;
line-height: 1.05
}
}
@media only screen and (min-width:2000px) {
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 8.4375rem;
letter-spacing: -.46875rem;
line-height: 1.03704
}
}
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
@media only screen and (min-width:768px) {
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:2000px) {
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.5rem;
letter-spacing: -.03125rem;
line-height: 1.5
}
}
.hero {
-ms-flex-align: stretch;
align-items: stretch;
background-color: transparent;
background-position: center;
background-size: cover;
display: -ms-flexbox;
display: flex;
min-height: 70vh;
padding: 120px 0 60px;
position: relative;
width: 100%
}
@media only screen and (min-width:768px) {
.hero {
min-height: 80vh;
transition: min-height .25s ease
}
}
.hero__smokescreen {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
z-index: 0
}
@media only screen and (min-width:768px) {
.hero {
padding-top: 140px
}
}
.hero--video {
position: relative;
overflow: hidden
}
.hero__container {
margin-left: auto;
margin-right: auto;
width: 74.35897%;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end
}
@media only screen and (min-width:768px) {
.hero__container {
width: 83.05085%
}
}
@media only screen and (min-width:1000px) {
.hero__container {
width: 87.34177%
}
}
@media only screen and (min-width:1000px) {
.hero__container {
width: 74.68354%
}
}
.hero__content {
width: 100%;
opacity: 1;
visibility: visible
}
.hero__content--offset {
position: absolute;
bottom: 0;
z-index: 300
}
.hero__video.video-player {
background-color: #000
}
@media only screen and (max-width:767px) {
.hero__video.video-player video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
transform: translateX(-50%) translateY(-50%);
overflow: hidden
}
}
@media only screen and (min-width:768px) {
.hero__video.video-player video {
width: 100%!important;
height: auto!important
}
}
.hero__title {
/* font-family: Huge, sans-serif; */
font-size: 3.75rem;
letter-spacing: -.23438rem;
line-height: 1.03333;
color: #fff;
text-align: left
}
@media only screen and (min-width:768px) {
.hero__title {
/* font-family: Huge, sans-serif; */
font-size: 6.5rem;
letter-spacing: -.28125rem;
line-height: .875
}
}
@media only screen and (min-width:1000px) {
.hero__title.hero__title_new {
/* font-family: Huge, sans-serif; */
font-size: 6.625rem;
letter-spacing: -5px;
line-height: .99412
}
}
@media only screen and (min-width:2000px) {
.hero__title {
/* font-family: Huge, sans-serif; */
font-size: 13.75rem;
letter-spacing: -.75rem;
line-height: .87273
}
}
.hero__details {
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 25px
}
@media only screen and (min-width:768px) {
.hero__details {
-ms-flex-direction: row;
flex-direction: row
}
}
.hero__teaser {
position: absolute!important;
top: 0
}
.hero__video {
position: absolute!important;
top: 0
}
.imggrid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
width: 86.9vw
}
@media only screen and (min-width:1000px) {
.imggrid {
width: 89.8vw
}
}
.imggrid-tile {
background-size: cover;
color: #000;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 86.9vw;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
width: 86.9vw
}
@media only screen and (min-width:768px) {
.imggrid-tile {
height: 43vw;
width: 43vw
}
}
.imggrid-tile:hover {
color: #fff
}
@media only screen and (min-width:1000px) {
.imggrid-tile {
height: 29.9vw;
width: 29.9vw
}
}
.imggrid-tile__title {
/* font-family: Huge, sans-serif; */
font-size: 2.25rem;
letter-spacing: -.0875rem;
line-height: 1.25;
line-height: 1;
margin-bottom: 6.75%;
margin-left: 35px;
margin-right: 35px;
position: relative;
padding-bottom: 0;
transition: padding-bottom .2s cubic-bezier(.25, .1, .25, 1);
z-index: 2
}
@media only screen and (min-width:768px) {
.imggrid-tile__title {
/* font-family: Huge, sans-serif; */
font-size: 2.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545
}
}
@media only screen and (min-width:768px) {
.imggrid-tile__title {
line-height: 1;
margin-left: 7.25%;
margin-right: 0
}
}
.imggrid-tile__arrow {
bottom: 6.75%;
height: 26px;
opacity: 0;
position: absolute;
left: 35px;
transition: opacity 150ms 50ms cubic-bezier(.25, .1, .25, 1);
z-index: 2
}
@media only screen and (min-width:768px) {
.imggrid-tile__arrow {
left: 11%
}
}
.imggrid-tile:after {
background-color: #000;
bottom: 0;
content: '';
display: block;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: opacity .2s cubic-bezier(.25, .1, .25, 1);
z-index: 1
}
@media only screen and (min-width:768px) {
.imggrid-tile:focus .imggrid-tile__title,
.imggrid-tile:hover .imggrid-tile__title {
padding-bottom: 52px
}
.imggrid-tile:focus .imggrid-tile__arrow,
.imggrid-tile:hover .imggrid-tile__arrow {
opacity: 1
}
.imggrid-tile:focus:after,
.imggrid-tile:hover:after {
opacity: .5
}
}
.logo-grid {
background-color: #111;
position: relative;
z-index: 2;
display: -ms-flexbox;
display: flex
}
.logo-grid__container {
margin-left: auto;
margin-right: auto;
width: 74.35897%;
padding-bottom: 60px;
padding-top: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (min-width:768px) {
.logo-grid__container {
width: 83.05085%
}
}
@media only screen and (min-width:1000px) {
.logo-grid__container {
width: 87.34177%
}
}
@media only screen and (min-width:1000px) {
.logo-grid__container {
width: 74.68354%
}
}
@media only screen and (min-width:768px) {
.logo-grid__container {
padding-bottom: 100px;
padding-top: 100px
}
}
@media only screen and (min-width:1000px) {
.logo-grid__container {
padding-bottom: 140px;
padding-top: 140px
}
}
@media only screen and (min-width:1000px) {
.logo-grid__container {
-ms-flex-direction: row;
flex-direction: row
}
}
.logo-grid:after {
clear: both;
content: '';
display: table
}
.logo-grid__logos {
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left
}
@media only screen and (min-width:1000px) {
.logo-grid__logos {
margin-top: 0;
width: 66.10169%
}
}
.logo-grid__logo {
margin: 0 0 50px;
width: 33.33333%
}
@media only screen and (min-width:1000px) {
.logo-grid__logo {
margin-right: 2.25641%;
width: 17.38462%
}
.logo-grid__logo:nth-child(4n) {
margin-right: 0
}
}
.logo-grid__image {
display: block;
width: 100%
}
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: -.04063rem;
line-height: 1.42857;
color: #fff;
margin-bottom: 50px;
width: 82.75862%
}
@media only screen and (min-width:768px) {
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:1000px) {
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:2000px) {
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: 1.25rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:768px) {
.section-subtitle {
width: 48.97959%
}
}
@media only screen and (min-width:1000px) {
.section-subtitle {
width: 32.20339%
}
}
.section-subtitle__rule {
background-color: transparent;
border: 0;
border-top: solid 1px #fff;
display: block;
height: 0;
margin: 0 auto 20px 0;
padding: 0;
width: 37.5%
}
@media only screen and (min-width:1000px) {
.section-subtitle__rule {
width: 47.36842%
}
}
.video-play-button {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
left: 0;
margin: 0 auto;
opacity: 1;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: visibility .7s, opacity .7s ease;
visibility: visible;
width: 100%;
z-index: 1
}
.video-play-button__button {
background: 0 0;
border: none;
box-shadow: none;
cursor: pointer;
display: block;
outline: 0;
padding: 0
}
.video-play-button__button__background {
background-color: #ffcd0f;
border: none;
box-shadow: none;
display: block;
height: 74px;
opacity: .6;
width: 74px
}
@media only screen and (max-width:767px) {
.video-play-button__button__background {
width: 60px;
height: 60px
}
}
.video-play-button__play {
border-bottom: 8px solid transparent;
border-left: 12px solid #fff;
border-top: 8px solid transparent;
height: 0;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 0
}
.hero__teaser {
z-index: 100;
width: 100%;
height: 100%;
display: block;
visibility: visible;
opacity: 1;
transition: visibility .7s, opacity .7s ease
}
.hero__teaser .hero-video-loop {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
width: 100%
}
.teaser-play-button {
display: -ms-flexbox;
display: flex;
z-index: 500
}
.video-player {
background-color: #333;
height: 100%;
position: relative;
transition: opacity .5s cubic-bezier(.25, .1, .25, 1);
width: 100%;
z-index: 1
}
.video-player:before {
pointer-events: none;
transition: opacity .3s;
background-color: #000;
content: '';
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}
.video-player--dimmed:before {
background-color: #000;
content: '';
opacity: .32;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1
}
.video-player__video {
display: block;
height: 100%;
width: 100%
}
.video-player__copy {
margin-left: 12.82051%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 74.35897%
}
@media only screen and (min-width:768px) {
.video-player__copy {
margin-left: 8.47458%;
width: 66.10169%
}
}
@media only screen and (min-width:1000px) {
.video-player__copy {
margin-left: 12.65823%;
width: 62.02532%
}
}
.video-player__copy--hidden {
display: none
}
main,
section {
display: block
}
ul {
list-style: none
}
* {
box-sizing: border-box
}
a,
a:focus,
a:hover {
text-decoration: none
}
.flexbox-fix {
display: -ms-flexbox;
display: flex
}
.main {
background-color: #000;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: auto;
flex-basis: auto;
min-height: 100%
}
@media only screen and (min-width:1000px) {
.about-page .section-subtitle {
width: 32.20339%
}
}
.manifesto .section-subtitle {
color: #fff
}
.manifesto .section-subtitle__rule {
border-top-color: #fff
}
.manifesto .copy-section__container {
overflow: hidden
}
@media only screen and (min-width:1000px) {
.manifesto .copy-section__subtitle {
padding-top: 0
}
}
.manifesto .copy-section__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
@media only screen and (min-width:768px) {
.manifesto .copy-section__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:1000px) {
.manifesto .copy-section__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:2000px) {
.manifesto .copy-section__body {
/* font-family: Copernicus, serif; */
font-size: 1.5rem;
letter-spacing: -.03125rem;
line-height: 1.5
}
}
.manifesto .copy-section__body p {
padding-bottom: 25px;
color: #fff;
letter-spacing: initial;
font-weight: 200;
line-height: inherit !important;
letter-spacing: normal;
}
.our-services__graph {
margin-top: 40px;
max-width: 100%
}
.about-culture {
background-color: #cecdcf;
padding: 60px 0 20px;
position: relative;
z-index: 2
}
@media only screen and (min-width:768px) {
.about-culture {
padding: 100px 0 60px
}
}
@media only screen and (min-width:1000px) {
.about-culture {
padding: 140px 0 100px
}
}
.about-culture__container {
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
width: 74.35897%
}
@media only screen and (min-width:768px) and (max-width:999px) {
.about-culture__container {
width: 83.05085%
}
}
@media only screen and (min-width:1000px) {
.about-culture__subtitle.section-subtitle {
margin-bottom: 120px
}
}
.about-culture__title {
/* font-family: Huge, sans-serif; */
font-size: 2.5rem;
letter-spacing: -.15rem;
line-height: 1.1;
color: #000
}
@media only screen and (min-width:768px) {
.about-culture__title {
/* font-family: Huge, sans-serif; */
font-size: 4.5rem;
letter-spacing: -.3125rem;
line-height: 1.04167
}
}
@media only screen and (min-width:1000px) {
.about-culture__title {
/* font-family: Huge, sans-serif; */
font-size: 5rem;
letter-spacing: -.3125rem;
line-height: 1.05
}
}
@media only screen and (min-width:2000px) {
.about-culture__title {
/* font-family: Huge, sans-serif; */
font-size: 8.4375rem;
letter-spacing: -.46875rem;
line-height: 1.03704
}
}
.about-culture__content {
z-index: 2
}
.about-culture__background {
bottom: -8vh;
display: none;
pointer-events: none;
position: absolute;
right: calc(1 / 6 * -100%);
width: 53.84615%
}
@media only screen and (min-width:768px) {
.about-culture__background {
display: block;
bottom: -12vh;
right: 0;
width: 52.54237%
}
}
@media only screen and (min-width:1000px) {
.about-culture__background {
bottom: calc(-10vh - 100px);
right: -1.63934%
}
}
.about-culture__background-image {
width: 100%
}
.about-culture__items {
padding-top: 40px
}
@media only screen and (min-width:768px) {
.about-culture__items {
padding-top: 100px
}
}
.about-culture-item {
margin-bottom: 40px;
vertical-align: top;
width: 100%
}
@media only screen and (min-width:768px) and (max-width:999px) {
.about-culture-item {
display: inline-block;
margin-left: 2.04082%;
width: 48.97959%
}
.about-culture-item:nth-child(2n+1),
.about-culture-item:nth-child(n+7) {
margin-left: 0
}
.about-culture-item:nth-child(n+7) {
margin-right: 48.97959%
}
}
@media only screen and (min-width:1000px) {
.about-culture-item {
display: inline-block;
margin-bottom: 0;
margin-left: 1.69492%;
min-height: 200px;
width: 23.72881%
}
.about-culture-item:nth-child(12n+1),
.about-culture-item:nth-child(12n+10),
.about-culture-item:nth-child(12n+5),
.about-culture-item:nth-child(12n+8) {
margin-left: 0
}
.about-culture-item:nth-child(12n+7) {
margin-right: 23.72881%
}
.about-culture-item:nth-child(12n+9) {
margin-right: 49.15254%
}
}
.about-culture-item__description,
.about-culture-item__title {
color: #000
}
.about-culture-item__title a {
color: #000
}
.about-culture-item__title a:focus,
.about-culture-item__title a:hover {
color: #ffcd0f
}
.about-culture-item__title {
/* font-family: Huge, sans-serif; */
font-size: 1.1875rem;
letter-spacing: -.0225rem;
line-height: 1.36842;
margin-bottom: 7px
}
@media only screen and (min-width:768px) {
.about-culture-item__title {
/* font-family: Huge, sans-serif; */
font-size: 1.3125rem;
letter-spacing: -.01875rem;
line-height: 1.33333
}
}
@media only screen and (min-width:1000px) {
.about-culture-item__title {
/* font-family: Huge, sans-serif; */
font-size: 1.5rem;
letter-spacing: -.0625rem;
line-height: 1.25
}
}
@media only screen and (min-width:2000px) {
.about-culture-item__title {
/* font-family: Huge, sans-serif; */
font-size: 1.875rem;
letter-spacing: -.125rem;
line-height: 1.2
}
}
.about-culture-item__description {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889;
max-width: 85%
}
@media only screen and (min-width:768px) {
.about-culture-item__description {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:1000px) {
.about-culture-item__description {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:2000px) {
.about-culture-item__description {
/* font-family: Copernicus, serif; */
font-size: 1.5rem;
letter-spacing: -.03125rem;
line-height: 1.5
}
}
.about-e2e-links {
color: #fff;
display: inline-block;
width: 100%
}
@media only screen and (min-width:768px) {
.about-e2e-links {
width: 66.10169%
}
}
@media only screen and (min-width:1000px) {
.about-e2e-links {
width: 32.20339%
}
}
.about-e2e-links__title {
/* font-family: Huge, sans-serif; */
font-size: 1.1875rem;
letter-spacing: -.0225rem;
line-height: 1.36842;
margin-bottom: 20px
}
@media only screen and (min-width:768px) {
.about-e2e-links__title {
/* font-family: Huge, sans-serif; */
font-size: 1.3125rem;
letter-spacing: -.01875rem;
line-height: 1.33333
}
}
@media only screen and (min-width:1000px) {
.about-e2e-links__title {
/* font-family: Huge, sans-serif; */
font-size: 1.5rem;
letter-spacing: -.0625rem;
line-height: 1.25
}
}
@media only screen and (min-width:2000px) {
.about-e2e-links__title {
/* font-family: Huge, sans-serif; */
font-size: 1.875rem;
letter-spacing: -.125rem;
line-height: 1.2
}
}
@media only screen and (min-width:768px) {
.about-e2e-links__title {
margin-bottom: 40px
}
}
.about-e2e-links__services_container {
border-bottom: 1px solid #222;
margin: 0 15% 10px 0;
padding: 0 0 10px 0
}
@media only screen and (min-width:768px) {
.about-e2e-links__services_container {
margin: 0 15% 20px 0;
padding: 0 0 20px 0
}
}
.about-e2e-links__services_container.last {
border-bottom: none;
margin-bottom: 40px
}
@media only screen and (min-width:1000px) {
.about-e2e-links__services_container.last {
margin-bottom: 0
}
}
.about-e2e-links__services_container-item {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #fff;
transition: .2s color;
text-rendering: auto
}
@media only screen and (min-width:768px) {
.about-e2e-links__services_container-item {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
@media only screen and (min-width:1000px) {
.about-e2e-links__services_container-item {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
@media only screen and (min-width:2000px) {
.about-e2e-links__services_container-item {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
.about-e2e-links__services_container-item:hover {
color: #ffcd0f;
opacity: 1
}
.about-infographic__container {
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 60px;
padding-top: 60px;
width: 74.35897%
}
@media only screen and (min-width:768px) {
.about-infographic__container {
padding-bottom: 100px;
padding-top: 100px;
}
}
@media only screen and (min-width:1000px) {
.about-infographic__container {
padding-bottom: 25px;
padding-top: 40px
}
}
.about-infographic__subtitle {
width: 100%
}
.about-infographic__content {
width: 100%
}
@media only screen and (max-width:767px) {
.about-infographic__container {
width: 90%;
}
}
@media only screen and (min-width:1000px) {
.about-infographic__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 580px;
-ms-flex-align: start;
align-items: flex-start
}
}
@media only screen and (min-width:2000px) {
.about-infographic__content {
max-height: 40vw
}
}
.about-infographic__title {
/* font-family: Huge, sans-serif; */
font-size: 2.5rem;
letter-spacing: -.15rem;
line-height: 1.1;
margin-bottom: 50px
}
@media only screen and (min-width:768px) {
.about-infographic__title {
/* font-family: Huge, sans-serif; */
font-size: 2.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545
}
}
@media only screen and (min-width:1000px) {
.about-infographic__title {
/* font-family: Huge, sans-serif; */
font-size: 2.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545
}
}
@media only screen and (min-width:2000px) {
.about-infographic__title {
/* font-family: Huge, sans-serif; */
font-size: 4.625rem;
letter-spacing: -.1875rem;
line-height: 1.02703
}
}
@media only screen and (min-width:1000px) {
.about-infographic__title {
-ms-flex-order: 1;
order: 1
}
}
.about-infographic--dark {
background: #000;
color: #fff
}
.about-infographic__grid {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
-ms-flex-order: 2;
order: 2
}
@media only screen and (min-width:1000px) {
.about-infographic__grid {
width: 32.20339%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-order: 3;
order: 3
}
}
.about-infographic__grid__item {
width: 100%
}
@media only screen and (min-width:768px) {
.about-infographic__grid__item {
margin-bottom: 70px
}
}
.about-infographic__grid__item--img {
margin: 0 auto 30px auto;
max-width: 480px
}
@media only screen and (min-width:768px) {
.about-infographic__grid__item--img {
margin: 0;
padding: 2% 0 0 5%
}
}
@media only screen and (min-width:1000px) {
.about-infographic__grid__item--img {
max-width: 100%;
min-width: 400px
}
}
.about-infographic__grid__item--body {
-ms-flex-order: 3;
order: 3
}
@media only screen and (min-width:1000px) {
.about-infographic__grid__item--body {
column-count: 2;
-ms-flex-order: 2;
order: 2;
width: 57.62712%
}
}
@media only screen and (min-width:1000px) {
.about-infographic__grid__item--body .text-body p {
padding: 0
}
}
.our-services__graph {
padding: 0;
margin: 0
}
.about-latest-news {
background-color: #000;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
padding: 80px 0;
position: relative
}
@media only screen and (min-width:768px) {
.about-latest-news {
padding: 160px 0
}
}
@media only screen and (min-width:1000px) {
.about-latest-news {
padding: 200px 0
}
}
.about-latest-news:before {
background-color: rgba(0, 0, 0, .7);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0
}
.about-latest-news__promo {
width: 35.89744%;
float: left;
margin-right: 2.5641%;
margin-left: 12.82051%;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: inline-table;
font-size: 0;
height: 0;
line-height: 0;
padding-bottom: 35.89744%;
position: relative;
text-indent: -100%;
overflow: hidden
}
@media only screen and (min-width:768px) {
.about-latest-news__promo {
width: 25.42373%;
float: left;
margin-right: 1.66667%;
margin-left: 16.94915%;
height: 0;
padding-bottom: 25.42373%
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__promo {
width: 18.98734%;
float: left;
margin-right: 1.25%;
margin-left: 12.65823%;
padding-bottom: 18.98734%
}
}
@media only screen and (min-width:768px) {
.about-latest-news__container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
}
.about-latest-news__content {
position: relative;
width: 74.35897%;
float: left;
margin-right: 2.5641%;
margin-left: 12.82051%;
margin-top: 50px
}
@media only screen and (min-width:768px) {
.about-latest-news__content {
width: 40.67797%;
float: left;
margin-right: 1.69492%;
margin-left: 6.77966%;
clear: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__content {
width: 43.03797%;
float: left;
margin-right: 1.26582%;
margin-left: 5.06329%
}
}
.about-latest-news__body,
.about-latest-news__title {
color: #fff
}
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 2.5rem;
letter-spacing: -.15rem;
line-height: 1.1
}
@media only screen and (min-width:768px) {
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 4.5rem;
letter-spacing: -.3125rem;
line-height: 1.04167
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 5rem;
letter-spacing: -.3125rem;
line-height: 1.05
}
}
@media only screen and (min-width:2000px) {
.about-latest-news__title {
/* font-family: Huge, sans-serif; */
font-size: 8.4375rem;
letter-spacing: -.46875rem;
line-height: 1.03704
}
}
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
@media only screen and (min-width:768px) {
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:1000px) {
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:2000px) {
.about-latest-news__body {
/* font-family: Copernicus, serif; */
font-size: 1.5rem;
letter-spacing: -.03125rem;
line-height: 1.5
}
}
.about-leadership {
background-color: rgba(255, 255, 255, 0);
color: #000;
position: relative;
z-index: 10
}
.about-leadership__names {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0 0;
width: 100%
}
@media only screen and (min-width:1000px) {
.about-leadership__names {
padding-top: 25px
}
}
.about-leadership__names:after {
content: '';
-ms-flex-positive: 30;
flex-grow: 30
}
.about-leadership .copy-section__container {
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (min-width:1000px) {
.about-leadership .copy-section__subtitle {
margin-bottom: 0px
}
}
.about-leadership .copy-section__content {
color: #fff;
margin: 0;
width: 100%
}
@media only screen and (min-width:768px) {
.about-leadership__grid {
display: -ms-flexbox;
display: flex
}
}
.about-leadership__grid__col--names {
width: 100%
}
.about-leadership-item {
/* font-family: Huge, sans-serif; */
font-size: 1.1875rem;
line-height: 1.36842;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 25px;
padding-top: 20px;
position: relative
}
@media only screen and (min-width:768px) {
.about-leadership-item {
/* font-family: Huge, sans-serif; */
font-size: 1.3125rem;
letter-spacing: -.01875rem;
line-height: 1.33333
}
}
@media only screen and (min-width:1000px) {
.about-leadership-item {
/* font-family: Huge, sans-serif; */
font-size: 1.5rem;
line-height: 1.25
}
}
@media only screen and (min-width:2000px) {
.about-leadership-item {
/* font-family: Huge, sans-serif; */
font-size: 1.875rem;
line-height: 1.2
}
}
@media only screen and (min-width:768px) {
.about-leadership-item {
-ms-flex: 0 0 33.3%;
flex: 0 0 33.3%;
margin-bottom: 40px;
padding-top: 40px
}
}
@media only screen and (max-width:767px) {
.about-leadership-item:nth-child(n+2) {
border-top: 1px solid rgba(0, 0, 0, .3)
}
}
@media only screen and (min-width:768px) {
.about-leadership-item:nth-child(n+4)::before {
border-top: 1px solid rgba(0, 0, 0, .3);
content: '';
left: 0;
position: absolute;
right: 3.38983%;
top: 0
}
}
.about-leadership-item__name {
display: block
}
.about-leadership-item__name:hover {
color: #ffcd0f
}
.about-leadership-item__link {
color: #000;
transition: color .2s cubic-bezier(.25, .1, .25, 1)
}
.about-leadership-item__link:hover {
color: #000
}
.about-leadership-item__job {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556;
color: #000;
opacity: .5
}
@media only screen and (min-width:768px) {
.about-leadership-item__job {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
@media only screen and (min-width:1000px) {
.about-leadership-item__job {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
@media only screen and (min-width:2000px) {
.about-leadership-item__job {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
.about-office-item {
/* font-family: Huge, sans-serif; */
font-size: 1.1875rem;
letter-spacing: -.0225rem;
line-height: 1.36842;
display: block;
margin-bottom: 25px;
padding-top: 20px;
width: 100%
}
@media only screen and (min-width:768px) {
.about-office-item {
/* font-family: Huge, sans-serif; */
font-size: 1.3125rem;
letter-spacing: -.01875rem;
line-height: 1.33333
}
}
@media only screen and (min-width:1000px) {
.about-office-item {
/* font-family: Huge, sans-serif; */
font-size: 1.5rem;
letter-spacing: -.0625rem;
line-height: 1.25
}
}
@media only screen and (min-width:2000px) {
.about-office-item {
/* font-family: Huge, sans-serif; */
font-size: 1.875rem;
letter-spacing: -.125rem;
line-height: 1.2
}
}
.about-office-item:nth-child(n+1) {
border-top: 1px solid rgba(255, 255, 255, .3)
}
@media only screen and (min-width:768px) {
.about-office-item {
margin-left: 2.04082%;
width: 48.97959%
}
.about-office-item:nth-child(2n+1) {
margin-left: 0
}
.about-office-item:nth-child(n+5) {
border-top: 1px solid rgba(255, 255, 255, .3)
}
}
@media only screen and (min-width:1000px) {
.about-office-item {
margin-left: 1.69492%;
width: 23.72881%
}
.about-office-item:nth-child(2n+1) {
margin-left: 1.69492%
}
.about-office-item:nth-child(4n+1) {
margin-left: 0
}
}
.about-office-item__office {
color: #fff;
display: block
}
.about-office-item__office:hover {
color: #ffcd0f
}
.about-office-item__email {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556;
opacity: .5
}
@media only screen and (min-width:768px) {
.about-office-item__email {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
@media only screen and (min-width:1000px) {
.about-office-item__email {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
@media only screen and (min-width:2000px) {
.about-office-item__email {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.55556
}
}
.about-offices {
background: #000
}
.about-offices .copy-section__container {
-ms-flex-direction: column;
flex-direction: column
}
.about-offices .copy-section__content {
color: #fff;
margin: 0;
width: 100%
}
@media only screen and (min-width:1000px) {
.about-offices .copy-section__subtitle {
margin-bottom: 60px
}
}
.about-offices__offices {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.about-offices__offices:after {
content: '';
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-positive: 1000;
flex-grow: 1000
}
.about-services__container {
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 74.35897%;
padding-top: 60px;
padding-bottom: 60px
}
@media only screen and (min-width:1000px) {
.about-services__container {
padding-top: 60px;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-bottom: 230px
}
}
.about-services__content {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
@media only screen and (min-width:1000px) {
.about-services__content {
margin-right: 1.69492%
}
}
.about-services--dark {
background: #000;
color: #fff
}
.copy-section__container {
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
padding-top: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 74.35897%
}
@media only screen and (min-width:768px) {
.copy-section__container {
padding-bottom: 100px;
padding-top: 100px
}
}
@media only screen and (min-width:1000px) {
.copy-section__container {
padding-bottom: 10px;
padding-top: 10px
}
}
@media only screen and (min-width:768px) {
.copy-section__container {
width: 83.05085%
}
}
@media only screen and (min-width:1000px) {
.copy-section__container {
-ms-flex-direction: row;
flex-direction: row;
width: 74.68354%
}
}
@media only screen and (min-width:1000px) {
.copy-section__content {
margin-left: 1.69492%;
width: 66.10169%
}
}
@media only screen and (max-width:767px) {
.copy-section__container{
width: 90%;
padding-top: 10px;
}
}
.copy-section__title {
/* font-family: Huge, sans-serif; */
font-size: 2.5rem;
letter-spacing: -.15rem;
line-height: 1.1;
margin-bottom: 50px
}
@media only screen and (min-width:768px) {
.copy-section__title {
/* font-family: Huge, sans-serif; */
font-size: 2.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545
}
}
@media only screen and (min-width:1000px) {
.copy-section__title {
/* font-family: Huge, sans-serif; */
font-size: 2.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545
}
}
@media only screen and (min-width:2000px) {
.copy-section__title {
/* font-family: Huge, sans-serif; */
font-size: 4.625rem;
letter-spacing: -.1875rem;
line-height: 1.02703
}
}
.copy-section--intro .copy-section__title {
/* font-family: Copernicus, serif; */
font-size: 1.875rem;
line-height: 1.4;
color: #fff;
margin-bottom: 30px !important;
}
@media only screen and (min-width:768px) {
.copy-section--intro .copy-section__title {
/* font-family: Copernicus, serif; */
font-size: 2.625rem;
letter-spacing: -.0625rem;
line-height: 1.28571;
}
}
@media only screen and (min-width:1000px) {
.copy-section--intro .copy-section__title {
/* font-family: Copernicus, serif; */
font-size: 50px;
line-height: 1.25
}
}
@media only screen and (min-width:2000px) {
.copy-section--intro .copy-section__title {
/* font-family: Copernicus, serif; */
font-size: 4.625rem;
line-height: 1.21622
}
}
@media only screen and (min-width:1000px) {
.copy-section__title {
margin-bottom: 70px
}
}
.copy-section .text-body:first-child p:first-child {
padding-top: 0;
line-height: 35px
}
.hero {
-ms-flex-align: stretch;
align-items: stretch;
background-color: transparent;
background-position: center;
background-size: cover;
display: -ms-flexbox;
display: flex;
min-height: 70vh;
padding: 120px 0 60px;
position: relative;
width: 100%
}
@media only screen and (min-width:768px) {
.hero {
min-height: 88vh;
transition: min-height .25s ease
}
}
.hero__smokescreen {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
z-index: 0
}
@media only screen and (min-width:768px) {
.hero {
padding-top: 140px;
background-size: 127%;
background-position: 0 29%
}
}
.hero__container {
margin-left: auto;
margin-right: auto;
width: 74.35897%;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end
}
@media only screen and (min-width:768px) {
.hero__container {
width: 83.05085%
}
}
@media only screen and (min-width:1000px) {
.hero__container {
width: 87.34177%
}
}
@media only screen and (min-width:1000px) {
.hero__container {
width: 74.68354%
}
}
.hero__content {
width: 100%;
opacity: 1;
visibility: visible
}
.hero__title {
/* font-family: Huge, sans-serif; */
font-size: 3.75rem;
letter-spacing: -.23438rem;
line-height: 1.03333;
color: #fff;
text-align: left
}
@media only screen and (min-width:768px) {
.hero__title {
/* font-family: Huge, sans-serif; */
font-size: 6.5rem;
letter-spacing: -.28125rem;
line-height: .875
}
}
@media only screen and (min-width:1000px) {
.hero__title {
/* font-family: Huge, sans-serif; */
font-size: 10.625rem;
letter-spacing: -.625rem;
line-height: .99412
}
}
@media only screen and (min-width:2000px) {
.hero__title {
/* font-family: Huge, sans-serif; */
font-size: 13.75rem;
letter-spacing: -.75rem;
line-height: .87273
}
}
.hero__details {
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 25px
}
@media only screen and (min-width:768px) {
.hero__details {
-ms-flex-direction: row;
flex-direction: row
}
}
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: -.04063rem;
line-height: 1.42857;
color: #fff;
margin-bottom: 50px;
width: 82.75862%
}
@media only screen and (min-width:768px) {
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:1000px) {
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:2000px) {
.section-subtitle {
/* font-family: Huge, sans-serif; */
font-size: 1.25rem;
letter-spacing: -.04063rem;
line-height: 1
}
}
@media only screen and (min-width:768px) {
.section-subtitle {
width: 48.97959%
}
}
@media only screen and (min-width:1000px) {
.section-subtitle {
width: 32.20339%
}
}
.section-subtitle__rule {
background-color: transparent;
border: 0;
border-top: solid 1px #fff;
display: block;
height: 0;
margin: 0 auto 20px 0;
padding: 0;
width: 37.5%
}
@media only screen and (min-width:1000px) {
.section-subtitle__rule {
width: 47.36842%
}
}
.text-body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
@media only screen and (min-width:768px) {
.text-body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:1000px) {
.text-body {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:2000px) {
.text-body {
/* font-family: Copernicus, serif; */
font-size: 1.5rem;
letter-spacing: -.03125rem;
line-height: 1.5
}
}
.text-body p {
padding: 0 0
}
/*! CSS Used from: https://www.hugeinc.com/assets/css/style.css?v=1571408014508 */
.huge-logo__svg {
fill: #ffcd0f;
height: 24px;
width: 60px
}
.a11y-hint {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0
}
.global-footer {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: 0;
line-height: 1.42857;
background-color: #000;
color: #888;
padding: 50px 0;
position: relative;
z-index: 1
}
@media only screen and (min-width:768px) {
.global-footer {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: 0;
line-height: 1.42857
}
}
@media only screen and (min-width:1000px) {
.global-footer {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: 0;
line-height: 1.42857
}
}
@media only screen and (min-width:2000px) {
.global-footer {
/* font-family: Huge, sans-serif; */
font-size: .875rem;
letter-spacing: 0;
line-height: 1.42857
}
}
@media only screen and (min-width:768px) {
.global-footer {
padding: 120px 0 100px
}
}
@media only screen and (min-width:1000px) {
.global-footer {
padding: 65px 0 80px
}
}
.global-footer__wrapper {
margin-left: auto;
margin-right: auto;
width: 74.35897%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (min-width:768px) {
.global-footer__wrapper {
width: 83.05085%
}
}
@media only screen and (min-width:1000px) {
.global-footer__wrapper {
width: 87.34177%
}
}
@media only screen and (min-width:1000px) {
.global-footer__wrapper {
width: 74.68354%
}
}
@media only screen and (min-width:1000px) {
.global-footer__wrapper {
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.global-footer__branding {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex: 0;
flex: 0;
margin-bottom: 20px;
width: 100%
}
@media only screen and (min-width:768px) {
.global-footer__branding {
width: 45%
}
}
@media only screen and (min-width:1000px) {
.global-footer__branding {
width: auto;
margin-bottom: 36px
}
}
.global-footer__nav-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.global-footer__huge {
color: #fff;
position: relative;
margin-right: 5vw;
padding-right: 5vw
}
@media only screen and (min-width:768px) {
.global-footer__huge {
margin-right: 2.275em;
padding-right: 2.275em
}
}
@media only screen and (min-width:1000px) {
.global-footer__huge {
height: 32px
}
}
.global-footer__huge:after {
background: #888;
content: '';
display: block;
height: 130%;
position: absolute;
right: 0;
top: 0;
transform: translateY(-10%);
width: 1px
}
.global-footer__huge:focus,
.global-footer__huge:hover {
color: #888, 25%
}
@media only screen and (max-width:767px) {
.global-footer__huge {
height: 26px
}
}
.global-footer__huge .huge-logo__svg {
fill: currentColor;
left: 0;
max-width: 80px;
top: 0;
transform: translate(0, 0)
}
@media only screen and (min-width:768px) {
.global-footer__huge .huge-logo__svg {
height: auto;
min-width: 72px;
width: 5vw
}
}
@media only screen and (min-width:2000px) {
.global-footer__huge .huge-logo__svg {
width: 3vw
}
}
.global-footer__mantra {
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -ms-flexbox;
display: flex;
max-width: 246px;
transform: translateY(10%);
width: 69.38776%
}
@media only screen and (min-width:1000px) {
.global-footer__mantra {
width: 66.10169%
}
}
.global-footer__copyright {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889;
font-size: 12px;
padding: 10px 0 0
}
@media only screen and (min-width:768px) {
.global-footer__copyright {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:1000px) {
.global-footer__copyright {
/* font-family: Copernicus, serif; */
font-size: 1.125rem;
letter-spacing: -.01719rem;
line-height: 1.88889
}
}
@media only screen and (min-width:2000px) {
.global-footer__copyright {
/* font-family: Copernicus, serif; */
font-size: 1.5rem;
letter-spacing: -.03125rem;
line-height: 1.5
}
}
@media only screen and (max-width:767px) {
.global-footer__copyright .global-footer__link {
display: block
}
}
@media only screen and (min-width:768px) {
.global-footer__copyright {
font-size: 12px
}
}
@media only screen and (min-width:1000px) {
.global-footer__copyright {
text-align: right;
font-size: 12px
}
}
.global-footer__nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.global-footer__link {
color: #888;
margin-bottom: 6px;
margin-right: 11px
}
@media only screen and (min-width:768px) {
.global-footer__link {
margin-right: 16px
}
}
@media only screen and (min-width:1000px) {
.global-footer__link {
margin-bottom: 0
}
}
.global-footer__link:focus,
.global-footer__link:hover {
color: #c8c8c8
}
.global-footer__link:last-child {
margin-right: 0
}
.global-footer .make-something__svg {
width: 58vw
}
@media only screen and (min-width:768px) {
.global-footer .make-something__svg {
width: 27vw
}
}
@media only screen and (min-width:1000px) {
.global-footer .make-something__svg {
width: 20vw
}
}
@media only screen and (min-width:2000px) {
.global-footer .make-something__svg {
width: 16vw
}
}
._displayinline {
display: inline-block
}
._left_width {
width: calc(60% - 100px);
margin-right: 50px;
float: left
}
._right_width {
width: 40%
}
._content_part .text-body {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2
}
._content_part .text-body p {
margin-top: 0;
font-size: 24px;
font-weight: 200;
line-height: inherit;
letter-spacing: normal;
}
._displayinline._right_width img {
width: 100%;
float: right
}
@media (max-width:1600px) {
._left_width {
width: calc(70% - 100px)
}
._right_width {
width: 30%
}
._displayinline._right_width img {
width: 100%;
float: right
}
._content_part .text-body {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1
}
._displayinline._right_width {
height: 100%;
/*display: table;*/
vertical-align: middle;
/*min-height: 600px*/
height: 350px;
}
}
@media (max-width:991px) {
._left_width {
width: 100%
}
._right_width {
width: 100%
}
._displayinline._right_width {
text-align: center
}
._displayinline._right_width img {
width: 100%;
float: none
}
._displayinline._right_width {
height: 100%;
display: table;
vertical-align: middle;
min-height: auto
}
}
@media (min-width:1350px) and (max-width:1390px) {
.work-page__hero {
margin-bottom: 60px
}
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .75)
}
.overlay .overlay-close {
width: 40px;
height: 40px;
position: absolute;
right: 20px;
top: 20px;
overflow: hidden;
border: none;
background: url(../img/cross.png) no-repeat center center;
text-indent: 200%;
color: transparent;
outline: 0;
z-index: 100;
display: none
}
.overlay nav {
text-align: center;
position: relative;
top: 50%;
height: 60%;
font-size: 54px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
height: 100%;
position: relative
}
.overlay ul li {
display: block;
height: 20%;
height: calc(100% / 5);
min-height: 54px;
font-family: Huge, sans-serif
}
.overlay ul li a {
font-weight: 300;
display: block;
color: #ffce0f;
-webkit-transition: color .2s;
transition: color .2s
}
.overlay ul li a:focus,
.overlay ul li a:hover {
color: #e3fcb1
}
.overlay-hugeinc {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .5s, visibility 0s .5s;
transition: opacity .5s, visibility 0s .5s
}
.overlay-hugeinc.open {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .5s;
transition: opacity .5s;
z-index: 1000
}
.overlay-hugeinc nav {
-webkit-perspective: 1200px;
perspective: 1200px
}
.overlay-hugeinc nav ul {
opacity: .4;
-webkit-transform: translateY(-25%) rotateX(35deg);
transform: translateY(-25%) rotateX(35deg);
-webkit-transition: -webkit-transform .5s, opacity .5s;
transition: transform .5s, opacity .5s
}
.overlay-hugeinc.open nav ul {
opacity: 1;
-webkit-transform: rotateX(0);
transform: rotateX(0)
}
.overlay-hugeinc.close nav ul {
-webkit-transform: translateY(25%) rotateX(-35deg);
transform: translateY(25%) rotateX(-35deg)
}
@media screen and (max-height:30.5em) {
.overlay nav {
height: 70%;
font-size: 34px
}
.overlay ul li {
min-height: 34px
}
}
.home-hero__static-honk {
/* font-family: Huge, sans-serif; */
text-align: center;
font-size: 12rem
}
._honk_nav {
position: fixed;
width: 100%;
left: 0;
top: 0;
text-align: center;
z-index: 9999;
background: #000;
height: 80px
}
.logo_honk img {
width: 152px
}
._backchange_ {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: background .3s linear
}
._open_menu {
float: right;
z-index: 10000;
display: block;
height: 96px;
width: 96px;
margin-top: -50px
}
._open_menu img {
width: 40px;
position: fixed;
top: 20px;
right: 20px;
cursor: pointer
}
.global-footer__branding img {
width: 100px
}
._fontsize_30px {
font-size: 24px;
}
@media only screen and (max-width:767px) {
._fontsize_30px {
font-size: 20px
}
}
#sec_section_video {
position: absolute;
top: 0;
z-index: 0;
width: 100%;
height: 100vh
}
.home-section-details__eyebrow {
display: none
}
._team_card {
display: inline-block;
width: inherit;
height: inherit;
position: relative;
margin: 15px;
text-align: left
}
._team_card img {
width: 100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.image {
display: block;
width: 100%;
height: auto
}
.image.nogrey {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.overlay_team {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
transition: .5s ease;
padding: 20px;
opacity: 0;
background-color: #004c8385;
padding-left: 7px;
padding-right: 7px;
}
._team_card:hover .overlay_team {
opacity: 1
}
._team_card:hover .overlay_team * {
opacity: 1
}
._team_social {
position: absolute;
top: 15px;
right: 20px
}
.team_name h2 {
color: #fff;
font-size: 28px;
font-weight: 400;
opacity: 1
}
.team_name ._designation {
font-size: 20px;
color: #fff !important;
font-weight: 400;
margin-block-start: 0;
margin-block-end: 0
}
.team_name ._designation_2 {
font-size: 14px;
font-weight: 400
}
.team_name ._team_about {
font-size: 16px;
font-weight: normal;
color: #fff !important;
margin-top: 20px;
}
._heightabout {
height: calc(42vh - 4px);
overflow: scroll;
margin-top: 5px;
overflow-x: hidden;
margin-bottom: 30px
}
,
._mt_not_scrollbar::-webkit-scrollbar {
display: none
}
._mt_not_scrollbar::-moz-scrollbars {
display: none
}
._mt_not_scrollbar::-o-scrollbar {
display: none
}
._mt_not_scrollbar::-google-ms-scrollbar {
display: none
}
._mt_not_scrollbar::-khtml-scrollbar {
display: none
}
._mt_not_scrollbar {
overflow: -moz-scrollbars-none
}
._mt_not_scrollbar {
-ms-overflow-style: none
}
._mt_not_scrollbar::-webkit-scrollbar {
width: 0!important
}
._team_social img {
width: 24px
}
.menu--1 input {
display: none
}
.menu--1 label {
display: block;
cursor: pointer;
position: absolute;
width: 50vw;
height: 50vw;
max-width: 150px;
max-height: 150px
}
@media (min-aspect-ratio:1/1) {
.menu--1 label {
width: 50vh;
height: 50vh
}
}
.menu--1 label,
.menu--2 label {
bottom: 0
}
.menu--3 label,
.menu--4 label {
top: 0
}
.menu--1 label,
.menu--3 label {
right: 0
}
.menu--2 label,
.menu--4 label {
left: 0
}
.menu--1 path {
fill: none;
stroke: #000;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
--length: 24;
--offset: -38;
stroke-dasharray: var(--length) var(--total-length);
stroke-dashoffset: var(--offset);
transition: all .8s cubic-bezier(.645, .045, .355, 1)
}
.menu--1 circle {
fill: transparent;
opacity: 0
}
.menu--1 label:hover circle {
opacity: 1
}
.cross input:checked+svg .line--1,
.cross input:checked+svg .line--3 {
--length: 22.627416998
}
.cross input:checked+svg .line--2 {
--length: 0
}
.back input:checked+svg .line--1,
.back input:checked+svg .line--3 {
--length: 8.602325267
}
.menu--1 {
background-color: #3f77e9
}
.menu--1 .line--1,
.menu--1 .line--3 {
--total-length: 126.64183044433594
}
.menu--1 .line--2 {
--total-length: 70
}
.menu--1 input:checked+svg .line--1,
.menu--1 input:checked+svg .line--3 {
--offset: -94.1149185097
}
.menu--1 input:checked+svg .line--2 {
--offset: -50
}
.menu--2 {
background-color: #0095f9
}
.menu--2 .line--1,
.menu--2 .line--3 {
--total-length: 111.22813415527344;
--offset: -50.22813415527344
}
.menu--2 .line--2 {
--total-length: 99
}
.menu--2 input:checked+svg path {
transform: translateX(30px)
}
.menu--2 input:checked+svg .line--1,
.menu--2 input:checked+svg .line--3 {
--offset: -16.9705627485
}
.menu--2 input:checked+svg .line--2 {
--offset: -20
}
.menu--3 {
background-color: #00aef6
}
.menu--3 .line--1,
.menu--3 .line--3 {
--total-length: 126.38166809082031
}
.menu--3 .line--2 {
--total-length: 80
}
.menu--3 input:checked+svg .line--1,
.menu--3 input:checked+svg .line--3 {
--offset: -109.1770175568
}
.menu--4 {
background-color: #18bee5
}
.menu--4 .line--1,
.menu--4 .line--3 {
--total-length: 103.35061645507812;
--offset: -42.35061645507812
}
.menu--4 .line--2 {
--total-length: 99
}
.menu--4 input:checked+svg path {
transform: translateX(31px)
}
.menu--4 input:checked+svg .line--1,
.menu--4 input:checked+svg .line--3 {
--offset: -8.602325267
}
.menu--4 input:checked+svg .line--2 {
--offset: -7
}
.debug {
display: none
}
.line--debug {
opacity: 0;
stroke-dasharray: none
}
.para_content {
letter-spacing: -2.5px!important
}
@media screen and (min-width:800px) {
.debug {
opacity: .8;
display: block;
position: absolute;
z-index: 1;
font-family: sans-serif;
transform: rotate(-45deg);
transform-origin: 0 100%;
background: #000;
color: #fff;
width: 150px;
height: 100px;
line-height: 150px;
text-align: center;
user-select: none
}
.debug:hover {
opacity: 1
}
.debug.active {
background: #fff;
color: #000
}
.debug.active+.grid path.line--debug {
opacity: .2
}
}
#popup {
position: fixed;
top: 100px;
display: none;
width: 100%;
text-align: center;
height: unset;
z-index: 10000000;
color: #121111
}
#popup p {
margin: 0;
font-size: 14px;
padding: 12px 0;
font-family: Poppins, sans-serif!important;
width: 80%;
display: inline-block;
background-color: #c2e4e7;
padding-left: 10px;
padding-right: 10px
}
#popup a.iagree {
background: #fff;
padding: 5px 25px;
margin-left: 15px
}
.close_cookie_btn {
box-shadow: none;
border: none;
font-size: 14px;
cursor: pointer;
margin-left: 15px;
background: 0 0;
padding: 0;
font-weight: 700;
color: #000;
float: right;
margin-right: 15px;
position: relative
}
#popup>p>img {
height: 16px;
margin-right: 7px
}
.close_cookie_btn img {
width: 20px;
position: absolute;
left: -10px;
top: 0
}
.hidden-sm {
display: none;
visibility: hidden
}
.width-90 {
width: 90%!important
}
.logo_honk a {
width: 100%;
display: block;
position: relative
}
.logo_honk a img {
display: inline-block;
margin: 15px
}
.menu--1 label,
.menu--3 label {
top: 0
}
.menu--1 #label {
top: -35px
}
.cookies_main {
background-color: #252525;
color: #fff;
padding: 1.25rem 0 .625rem;
position: fixed;
bottom: 0;
width: 100%;
z-index: 9;
display: none;
visibility: hidden
}
.cookies_control {
position: absolute;
display: block;
width: 200px;
height: 100px;
right: 0;
top: 45px
}
.cookies_main p {
line-height: 1.69;
color: #fff;
/* font-family: Copernicus, serif; */
letter-spacing: 1px;
margin-bottom: 1.25rem;
padding: 5px 50px;
width: 68%;
margin-left: 9%;
font-size: 1rem
}
.privacy_btn {
color: #b08917
}
.cookies_control a {
color: #b08917;
margin-left: 15px;
cursor: pointer
}
.cookies_control a:hover {
color: #b08917
}
.home-section-details__subtitle a,
.home-section-details__title a._mahindra {
background-color: transparent!important
}
.overlay-close {
display: none
}
._showinmobile {
display: none
}
.pause {
width: 15px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
#pause_section {
display: none
}
#snowflakesCanvas {
position: absolute
}
@media only screen and (max-width:1600px) {
.manifesto .copy-section__subtitle {
padding-top: 0
}
}
@media only screen and (min-width:1550px) {
._heightabout {
height: calc(42vh - 4px)
}
}
@media only screen and (min-width:1300px) and (max-width:1500px) and (min-height:768px) and (max-height:870px) {
._heightabout {
height: calc(31vh - 4px)
}
}
@media only screen and (max-width:1400px) {
.manifesto .copy-section__subtitle {
padding-top: 0
}
}
@media only screen and (max-width:1250px) {
.manifesto .copy-section__subtitle {
padding-top: 0
}
}
@media only screen and (max-width:1290px) {
._heightabout {
height: calc(30vh - 4px)
}
}
@media (max-height:768px) {
.close_cookie_btn img {
left: -25px
}
.fp-tableCell {
padding-top: 100px!important
}
#six_section .fp-tableCell {
padding-top: 0!important
}
.home-section-details__subtitle {
width: 100%
}
._hideinmobile {
display: none
}
._showinmobile {
display: block
}
.team_name ._designation {
margin-top: 0;
margin-bottom: 0
}
.team_name ._team_about {
font-weight: 200;
font-size: 14px;
}
.list--paragraph-blocks__item {
margin-left: 0!important
}
.para_head {
margin-top: 14px
}
}
@media screen and (max-width:767px) {
.home-hero__static-honk {
font-size: 7rem
}
.home-section__wrapper {
display: flex;
align-items: center;
vertical-align: middle;
min-height: auto;
padding-top: 0;
padding-bottom: 0
}
.menu--1 label {
right: -20px
}
.global-footer__nav {
display: block
}
.contact-head {
font-size: 25px!important
}
.mob-head {
font-size: 30px!important;
font-weight: 200;
letter-spacing: inherit;
}
.mob-para {
font-size: 16px
}
#second_section {
background-image: url(../images/mob_back/2.jpg)!important
}
#third_section {
background-image: url(../images/mob_back/1.jpg)!important
}
#fourth_section {
background-image: url(../images/mob_back/4.jpg)!important
}
#fifth_section {
background-image: url(../images/mob_back/3.jpg)!important
}
#six_section {
background: #000
}
.fp-tableCell {
vertical-align: top!important;
padding-top: 120px!important
}
#first_section .fp-tableCell {
vertical-align: middle!important;
padding-top: 0!important
}
#popup p {
width: 100%;
padding-right: 30px;
text-align: center;
padding-left: 30px
}
.close_cookie_btn {
position: absolute;
top: 15px;
right: 5px;
margin-right: 0
}
#privacy_policy {
margin-bottom: 0!important;
background-color: #000!important
}
.copy_footer {
text-align: center!important
}
.global-footer__nav-wrapper {
text-align: center!important
}
.global-footer__branding img {
margin: auto
}
.hidden-xs {
display: none;
visibility: hidden
}
.hidden-sm {
display: block;
visibility: visible
}
.logo_honk a img {
margin-left: 15px;
margin-top: 15px
}
.logo_honk img {
width: 138px
}
.us_header {
background-position: 23% 87%;
background-size: 233%
}
.menu--1 #label {
top: -40px;
right: -40px
}
.font-18-mob {
font-size: 18px!important
}
.cookies_main p {
margin-left: 0;
padding: 0 66px 0 18px;
font-size: 15px;
display: block;
position: relative;
width: 88%;
top: -4px
}
.cookies_control {
height: 30px;
right: 0;
width: 95px;
top: 32px
}
.cookies_control a img {
width: 17px!important
}
.hero {
min-height: 19vh!important;
margin-top: 70px
}
.second_container {
padding-top: 0!important
}
.para_content {
font-size: 36px!important
}
._heightabout {
height: calc(36vh - 10px);
margin: 0
}
.team_name h2 {
line-height: 26px;
font-size: 22px;
}
/* .team_name ._team_about {
margin-top: 10px
}*/
.team_name ._designation {
margin-block-start: 0!important;
margin-block-end: 0!important
}
.team_name ._designation{
font-size: 16px;
}
}
@media screen and (max-width:375px) {
._heightabout {
height: calc(44vh - 24px)
}
.team_name ._designation {
margin: 0
}
}
:focus {
outline: 0!important
}
.carousel {
margin: auto
}
#landscape_portrait {
display: none
}
@media only screen and (max-width:767px) {
#landscape_portrait {
display: none;
visibility: hidden
}
}
@media only screen and (max-width:900px) and (max-height:500px) and (orientation :landscape) {
#landscape_portrait {
display: flex;
visibility: visible
}
#wrapper {
display: none
}
}
.shadow {
-webkit-filter: drop-shadow( 1px 3px 0px rgba(255, 255, 255, 0.9));
filter: drop-shadow( 1px 3px 0px rgba(255, 255, 255, 0.9));
/* Similar syntax to box-shadow */
}
.arrow.font_caps.magnet,
.nav_right a,
.nav_right a:hover,
.nav_right a:focus,
.caption.menu_fade a,
.caption.menu_fade a:hover,
.caption.menu_fade a:focus,
.columns.menu_fade a,
.columns.menu_fade a:hover,
.columns.menu_fade a:focus{
color: #fff;
}
.copy-section__content{
color: #000;
position: relative;
}
body{
margin: 0px auto;
}
.pallidium-image{
margin-top: 100px;
width: 100%;
height: 90vh;
background-image: url(img/banner-01.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.para_head{
/* font-family: "Huge",sans-serif; */
font-size: 1.5rem;
letter-spacing: -.0625rem;
line-height: 1.25;
display: block;
}
.para_content{
/* font-family: "Huge",sans-serif; */
font-size: 3.5rem;
letter-spacing: -.3125rem;
line-height: 1.05;
color: #fff;
}
.content_container{
padding-top: 144px !important;
padding-bottom: 0 !important;
}
.second_container{
padding-bottom: 0;
padding-top: 20px;
}
.para_content_small{
/* font-family: "Copernicus",serif !important; */
font-size: 1.125rem !important;
letter-spacing: -.01719rem !important;
line-height: 1.88889 !important;
margin-bottom: 0px !important;
}
.second-content-container{
padding-top: 100px !important;
padding-bottom: 0 !important;
}
.slider_container{
width: 93.68354% !important;
padding-left: 50px !important;
padding-right: 50px !important;
}
.carousel-control-prev{
background: transparent;
opacity: 1;
height: 76px;
width: 12%;
margin-left: -40px;
z-index: 1000;
-webkit-filter: drop-shadow( 1px 3px 0px rgba(0, 0, 0, 0.9));
filter: drop-shadow( 1px 3px 0px rgba(0, 0, 0, 0.9));
top: 43%;
}
.carousel-control-next{
background: transparent;
opacity: 1;
height: 76px;
width: 12%;
margin-right: -40px;
z-index: 1000;
top: 43%;
-webkit-filter: drop-shadow( 1px 3px 0px rgba(0, 0, 0, 0.9));
filter: drop-shadow( 1px 3px 0px rgba(0, 0, 0, 0.9));
}
.carousel-indicators{
bottom: -50px;
}
.carousel-indicators li{
background-color: #8e8e8e;
}
.carousel-indicators .active{
background-color: #fff;
}
.breadcrumbs__list{
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
list-style: none;
padding-inline-start:0px;
}
.breadcrumbs__label{
/* font-family: "Huge",sans-serif; */
font-size: 1rem;
letter-spacing: -.04063rem;
line-height: 1;display: inline-block;
margin-right: 10px;
text-decoration: none;
}
.breadcrumbs__divider{
background-color: #000;
max-width: 160px;
display: inline-block;
height: 1px;
margin-right: 10px;
position: relative;
top: -4px;
width: 10vw;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.thar_video{
margin-top: 0px;
width: 100%;
height: 90vh;
display: block;
position: relative;
}
.thar_video video{
height: inherit;
width: inherit;
}
.mob-1-head{
font-family: "Copernicus",serif;
font-size: 2.75rem;
letter-spacing: -.25rem;
line-height: 1.25
}
.mob-1-row{
margin-top: 90px;
}
.left-h4{
margin-top: 60px;
/* font-family: "Huge",sans-serif; */
font-size: 2.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545;
}
.left-h4-p{
font-family: "Copernicus",serif;
font-size: 1.125rem;
letter-spacing: -.01719rem;
margin-top: 50px;
line-height: 1.88889;
}
.bottom-h4{
margin-top: 60px;
/* font-family: "Huge",sans-serif; */
font-size: 2.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545;
}
.bottom-h4-p{
margin-top: 105px;
/* font-family: "Huge",sans-serif; */
font-size: 6.75rem;
letter-spacing: -.09375rem;
line-height: 1.04545;
}
.mob-first-img{
position: absolute;
right: 0;
}
.mob-1-left{
margin-top: 190px;
}
.mob-second-content{
margin-left: 33%;
}
.mob-second-img{
position: absolute;
left: 0;
}
.mob-second-img img{
margin-top: 130px;
}
.top-back{
}
.project_details{
background-color: #B7B7B7;
border-color: #ffffff;
color: #ffffff;
}
.project_details_cont{
padding-top: 50px;
margin-top: 100px;
}
hr{
border-top: 1px solid #fff !important;
}
.play_btn, .pause_btn{
top: 50% !important;
}
@media screen and (max-width: 767px){
.carousel--with-lg-content{
width: 87%;
padding: 16px;
margin: auto;
margin-top: 25px;
}
.carousel__slide-wrap{
}
.para_head{
margin-bottom: 30px;
}
.para_content{
font-size: 45px;
letter-spacing: 0px;
}
._open_menu{
margin-top: -35px;
}
.carousel-control-prev{
height: 45px;
width: 18%;
top: 34%;
margin-left: -30px;
}
.carousel-control-next{
height: 45px;
width: 18%;
top: 34%;
margin-right: -30px;
}
.slider_container{
padding-left: 30px !important;
padding-right: 30px !important;
margin-bottom: 50px !important;
}
.mob-1-left{
margin-top: 50px;
}
.bottom-h4-p{
margin-top: 50px;
}
.mob-first-img{
position: relative;
width: 100%;
}
.mob-first-img img{
width: 100%;
}
.mob-second-img{
position: relative;
}
.mob-second-img img{
width: 100%;
}
.mob-second-content{
margin-left: 0px;
}
.thar_video{
height: auto !important;
}
}
@media screen and (max-width: 767px){
.hidden-xs{
display: none !important;
}
.carousel--with-lg-content{
width: 87% !important;;
padding: 16px !important;;
margin: auto !important;;
margin-top: 25px !important;;
}
.carousel__slide-wrap{
}
.para_head{
margin-bottom: 0px !important;;
padding-top: 0px !important;;
padding-bottom: 0px !important;;
}
.para_content{
font-size: 30px !important;;
letter-spacing: 0px !important;;
}
._open_menu{
margin-top: -35px !important;;
}
.carousel-control-prev{
height: 45px !important;;
width: 18% !important;;
top: 34% !important;;
margin-left: -45px !important;;
}
.carousel-control-next{
height: 45px !important;;
width: 18% !important;;
top: 34% !important;;
margin-right: -45px !important;;
}
.slider_container{
padding-left: 30px !important;
padding-right: 30px !important;
margin-bottom: 50px !important;
}
.pallidium-image{
height: auto;
}
.pallidium-image{
width: 100%;
}
}
.text-body-24px p{
font-size: 24px;
line-height: inherit;
font-weight: 200;
}
.para_content_small{
font-size: 24px !important;
font-weight: 200;
letter-spacing: normal;
margin-bottom: 0px !important;
}
.content_container{
padding-top: 244px !important;
padding-bottom: 0 !important;
}