@media screen and (min-width: 1921px) {
.whatWeDo h2 {
font-size: 151px;
line-height: 132px;
letter-spacing: -7.55px;
}
.contactBlock h2 {
font-size: 120px;
line-height: 132px;
letter-spacing: -6px;
}
.journalsWrapper h1 { letter-spacing: -17.5px;
}
.heroText h1 {
width: 820px;
}
.heroText span:nth-child(1) {
font-size: 226px;
line-height: 197px;
letter-spacing: -11.3px;
}
.heroText span:nth-child(2) {
font-size: 359px;
line-height: 314px;
letter-spacing: -17.95px;
}
.JobList .jobRole, .paraText, .WorkBlock.quote .overlay>div h2, .ESGWrapper h2, .TextOnBG .textBlock h2, .heroText h2, .teamInfo h2,
.page-template-template-careers-php .pageIntro .paraText h3 {
font-size: 52px;
line-height: 60px;
}
.swiper
{
height: 81vh
}
}
@media screen and (min-width: 0px) and (max-width: 1750px) {
.journalsWrapper h1 {
text-transform: uppercase;
font-size: 17.8vw;
}
h2 {
font-size: 2.60vw ;
line-height: 3.1VW ;
}
.swiper {
height: 95vh;
min-height: auto;
} .ourTeam::before
{
height:25vw;
}
}
@media screen and (min-width: 0px) and (max-width: 1650px) {
.teamInfo{
font-size: 18px;
line-height: 24px;
}
.journalsWrapper h1 {
text-transform: uppercase;
font-size: 17.7vw;
line-height: 16vw;
text-align: center;
}
h2 {
font-size: 2vw ;
line-height: 2.3VW ;
}
.cardBlock .overlay>div .cardInfo>div {
font-size: 16px;
line-height: 22px;
}
.swiper {
height: 100vh;
min-height: auto;
}
.swiper {
height: 100vh;
min-height: auto;
} }
@media screen and (min-width: 0px) and (max-width: 1550px) {
.cardBlock .overlay {
padding: 20px;
}
.blockSlider .sliderBlock .sliderInfo, .editionSlider .sliderBlock .sliderInfo
{
padding: 30px;
}
.pageIntro>div {
width: 65%;
}
.page-template-template-responsibility-php .TextOnBG::before {
bottom: -100px;
width: 150px;
height: 200px;
}
.whatWeDo>div.centerBlock {
width: 68%;
}
.ourTeam>div.centerBlock, .ourClients>div.centerBlock, .page-template-template-careers-php .pageIntro>div,
.TextOnBG .centerBlock {
width: 85%;
}
.fullSlideOverlayText .paraText, footer .centerBlock {
max-width: 100%;
width: 100%;
}
.swiper {
height: 85vh;
min-height: auto;
} }
@media screen and (min-width: 1400px) and (max-width: 1550px) {
.cardBlock.medium>div .overlay>div .cardInfo {
display: block;
}
.cardBlock.medium>div .overlay>div .cardInfo>div {
padding-left: 0px;
}
.cardBlock.medium > div .overlay > div .cardInfo h2
{
padding-right: 0px;
}
.cardBlock .overlay>div .cardInfo>div {
max-width: 100%;
} .cardBlock.small .overlay>div {
height: 102%;
}
.cardBlock .overlay>div .cardInfo>div {
font-size: 16px;
line-height: 20px;
}
}
@media screen and (min-width: 0px) and (max-width: 1440px) {
ul.mainMenu li a {
font-size: 8vh;
line-height: 7.5vh;
}
.cardBlock > div .overlay > div .cardInfo h2
{
font-size: 2vw;
line-height: 2.3vw;
margin-bottom: 5px;
}
.cardTop {
margin-bottom: 15px;
}
.swiper {
height: 85vh;
min-height: auto;
}
.teamInfo
{
font-size: 16px;
line-height: 20px;
} .cardInfo
{font-size: 18px;
line-height: 24px;}
}
@media screen and (min-width: 0px) and (max-width: 1400px) { .touch .removeMobinfo
{
bottom: 30px;
left: 30px;
}
.PageContent hr{
max-width: calc(100% - 200px);
}
.ourTeam::before
{
height: 30.5vw;
}
.teamInfo
{
font-size: 15px;
line-height: 21px;
}
.pageIntro {
padding: 8vw 100px;
}
.workNameType
{
padding-bottom: 10px;
}
footer .gform_footer{
right: 5px;
}
footer .centerBlock { padding: 100px 92px 35px 92px;
}
.page-template-template-contact-php footer .centerBlock
{
padding: 50px 92px 35px 92px;
}
.whatWeDo>div.centerBlock, .ourClients>div.centerBlock, .ourJournals>div.centerBlock, .heroText {
padding: 0px 100px;
}
.slidersWrapper {
padding: 0px 80px;
}
.slidersWrapper .col {
padding: 0px 20px;
}
.ourTeam .teamOverlayInfo {
padding-left: 90px;
padding-top: 100px;
padding-right: 100px;
}
.HeroquoteBanner .quoteText {
padding: 180px 100px 100px 100px;
}
.fullSlideOverlayText>div{
padding: 5vw 100px
}
.TextOnBG .centerBlock {
padding: 8vw 100px 2vw 100px
}
.TextOnBG .centerBlock {
width: 90%;
}
.fullSlideOverlayText h2 {
width: 80%;
margin: 0 auto 7vw auto;
}
.WorkListing {
width: calc(100% - 200px);
}
.WorkListing .WorkBlock.quote {
width: calc(100% + 200px);
margin-left: -100px;
} .cardBlock .overlay>div .cardInfo>div {
font-size: 15px;
line-height: 20px;
}
.cardBlock .overlay {
padding: 20px;}
.cardBlock.medium>div .overlay>div .cardInfo {
display: block;
}
.cardBlock.medium>div .overlay>div .cardInfo>div, .cardBlock .overlay>div .cardInfo>div {
padding-left: 0px;
max-width: 100%;
}
.cardBlock.medium > div .overlay > div .cardInfo h2
{
padding-right: 0px;
} .cardBlock > div .overlay > div .cardInfo h2 {
font-size: 26px;
line-height: 28px;
}
.WorkBlock.quote .overlay>div h2 {
width: 80%;
}
.cardBlock .overlay {
padding: 16px;
}
.WorkBlock >div .overlay>div .workInfo
{display: block;}
.ratingWrap span {
width: 30px;
height: 40px;
}
.WorkBlock .overlay {
padding: 15px;
}
.WorkBlock .overlay>div .workInfo > .iconMove{
margin-left: auto;
margin-right: 0px;
margin-top: 10px;
}
.journalsWrapper {
padding: 180px 100px 120px 100px;
}
.journalsWrapper h1 {
font-size: 18.3vw;
line-height: 16vw;
letter-spacing: -0.70vw;
}
h2, blockquote, .paraText, .page-template-template-careers-php .pageIntro .paraText h3, .WorkBlock.quote .overlay>div h2, .JobList .jobRole, .ESGWrapper h2, .TextOnBG .textBlock h2, .heroText h2, .teamInfo h2 {
font-size: 34px;
line-height: 40px;
margin-bottom: 15px;
}
.teamInfo h2
{margin-bottom: 5px;}
.WorkBlock >div .overlay>div .workInfo h2
{
width: 1005;
max-width: 100%;
}
.whatWeDo h2 {
font-size: 70px;
line-height: 80px;
letter-spacing: -7px;
}
.pageIntro>div,  .page-template-template-responsibility-php .TextOnBG .textBlock, .heroText h4, .heroText h2,
.TextOnBG .textBlock h2 {
width: 100%;
}
.ourClients .paraText, .whatWeDo>div.centerBlock,.clientLogoSlider, .fullSlideOverlayText>div, .ourTeam>div.centerBlock,
.ourJournals>div.centerBlock, .HeroquoteBanner .quoteText,
.ourClients>div.centerBlock, .page-template-template-careers-php .pageIntro>div,
.archieveFilter, .journalsWrapper .CardListing {
width: 100%;
}
.ESGWrapper>div>div {
max-width: none;
width: calc(100% - 100px)
}
.page-template-template-responsibility-php .TextOnBG::before {
bottom: -80px;
width: 120px;
height: 160px;
}
.page-template-template-responsibility-php .TextOnBG .textBlock {
padding: 50px 100px 8vw 100px;
}
.topRowText>div {
max-width: 100%;
width: 85%;
padding: 0px 100px;
}
.blockSlider {
max-width: 100%;
width: 100%;
padding: 0px 95px 50px 95px;
}
.editionSlider {
max-width: 100%;
width: 100%;
padding: 0px 0px 50px 0px;
}
.page-template-template-careers-php .pageIntro {
padding: 8vw 100px 10vw 100px;
}
.WorkBlock>div .overlay>div .workInfo h2, .TextOnBG .textBlock .paraText, .whatWeDo>div.centerBlock ul li {
font-size: 26px;
line-height: 34px;
}
.ESGWrapper div>div>div .capLetter {
font-size: 30vw;
line-height: 20vw
}
.HeroquoteBanner .imagePlace {
padding-top: 50%;
max-width: 100%;
}
.swiper {
height: 95vh;
min-height: auto;
}
.cardBlock.medium>div .overlay>div .cardInfo>div, .cardBlock .overlay>div .cardInfo>div
{
max-height: 160px
} .PageContent .topText{
width: 100%;
padding: 0px 100px 0px 100px;
}
.PageContent .col_1_1 {
width: 100%;
padding: 0px 85px 0px 85px;
}
.imageGridWrapper {
width: 100%;
padding: 0px 92px 0px 92px;
}
.imageTextRow .textBlock > div, .Three_images_2S_M_text .textBlock > div {
padding: 10% 12%;
}
.imageTextRow .textBlock > div .capLetter, .Three_images_2S_M_text .textBlock > div .capLetter {
font-size: 15vw;
line-height: 12vw;
letter-spacing: -0.5vw;
top: 2%;
left: 2%;
}
.textQuoteRow {
padding: 8vw 10px;
}
.otherProjects .centerBlock {
width: calc(100% - 190px);
}
.otherProjects::after
{
height: 15vw;
}
.projectSlider .WorkBlock>div
{
padding-top: 65%;
}
body.page-template-template-contact-php footer .centerBlock div.contact, footer .centerBlock div.contact {
width: 100%;
padding-bottom: 20px;
}
footer .centerBlock div.contact .contactInfo,
footer .centerBlock div.contact .socialInfo {
width: 20%;
}
footer .centerBlock div.contact .contactInfo {
padding-left: 7px;
}
body.page-template-template-contact-php footer .centerBlock div.career, footer .centerBlock div.career {
width: 60%;
}
body.page-template-template-contact-php footer .centerBlock div.copyrightLinks, footer .centerBlock div.copyrightLinks {
width: 40%;
}
footer .centerBlock div.contact .contactForm {
width: 60%;
padding-right: 7px;
}
body:not(.page-template-template-contact-php) footer .centerBlock div.contact .contactInfo {
width: 60%;
padding-left: 0px;
max-width: none;
display: flex;
padding-right: 0px;
}
body:not(.page-template-template-contact-php) footer .centerBlock div.contact .socialInfo {
width: 40%;
padding-left: 7px;
}
} @media screen and (min-width: 0px) and (max-width: 1250px) {
.journalsWrapper h1 {
font-size: 18vw;
line-height: 16vw;
letter-spacing: -0.70vw;
}
@media all and (orientation: landscape) {
ul.mainMenu li a {
font-size: 6.5vh;
line-height: 6vh;
}
}
.teamInfo
{
padding: 10px 20px 20px 20px;
}
.teamInfo h2 {
font-size: 32px;
line-height: 40px;
}
.ourTeam::before
{
height: 31.5vw;
}
.WorkBlock >div .overlay>div .workInfo h2
{
width: 100%;
}
.clientLogoSlider.noslider .logoSlide{width: 33.33%;}
.WorkBlock>div .overlay>div .workInfo h2
{
font-size: 22px;
line-height: 26px;
}
.workNameType > div
{
padding-top: 5px;
}
.iconMove span {
font-size: 14px;
line-height: 18px;
}
.workNameType b {
font-size: 18px;
line-height: 22px;
padding-bottom: 2px;
}
.WorkBlock .overlay>div .workInfo > .iconMove
{
margin-top: 10px;
}
.WorkListing .WorkBlock.smallLandscape>div {
padding-top: calc(62% - 10px);
}
.WorkListing .WorkBlock.mediumPortrait>div {
padding-top: 125%;
}
.ratingWrap span {
width: 20px;
height: 25px;
}
}
@media screen and (min-width: 0px) and (max-width: 1180px) {
.CardListing .cardBlock.small {
grid-row: span 2;
grid-column: span 2;
}
}
@media screen and (min-width: 0px) and (max-width: 1150px) {
.journalsWrapper h1 {
font-size: 17.5vw;
line-height: 16vw;
letter-spacing: -0.70vw;
}
.logoSlide img { max-width: 170px;
max-height: 60px;
}
.ESGWrapper div>div>div .capLetter
{
right: -5%;
}
.ESGWrapper .row2>div>div .capLetter {
left: -30%;
}
.ourJournals .CardListing::before
{
display: none;
}
.ourTeam .teamOverlayInfo {
padding-left: 100px;
padding-top: 100px;
padding-right: 100px;
}
.teamOverlayInfo .slideBottomText {
width: 100%;
margin: 25% auto 0px auto;
text-align: center;
}
.ourTeam .teamOverlayInfo
{
margin-top: -50%;
}
.slideBottomText  .plusicon
{margin: 0 auto;}
.teamOverlayInfo h2
{
width: 80%;
margin: 0 auto;
}
.slidersWrapper {
padding: 0px 80px;
}
.CardListing .cardBlock.medium {
grid-row: span 2;
grid-column: span 4;
}
.CardListing .cardBlock.small {
grid-row: span 2;
grid-column: span 2;
}
.cardBlock.small .overlay>div .cardInfo>div {
display: block;
}
}
@media screen and (min-width: 0px) and (max-width: 1024px) {
.swiper {
height: 85vh;
}
.imageTextRow .textBlock
{font-size: 18px;
line-height: 22px;}
@media all and (orientation: landscape) {
.cardBlock.large .overlay>div .cardInfo {
max-width: 100%;
}
.cardBlock.large.noimg .overlay > div, .cardBlock.small.noimg .overlay > div, .cardBlock.medium.noimg .overlay > div {
justify-content: flex-start;
}
}
@media all and (orientation: portrait) {
ul.mainMenu li a {
font-size: 9vw;
line-height: 11vw;
}
}
}
@media screen and (min-width: 0px) and (max-width: 1023px) { .PageContent hr{
max-width: calc(100% - 100px);
}
ul.mainMenu li a {
font-size: 8vh;
line-height: 7.5vh;
}
.pageIntro {
padding: 100px 50px;
}
.page-template-template-careers-php .pageIntro .paraText, .page-template-template-responsibility-php .TextOnBG .textBlock
{
width: 100%;
}
.pageIntro>div, .page-template-template-responsibility-php .TextOnBG .textBlock, .heroText h4, .heroText h2, .TextOnBG .textBlock h2 {
width: 100%;
}
.TextOnBG .textBlock .paraText p {
padding-bottom: 15px;
}
footer .centerBlock { padding: 100px 52px 35px 52px;
}
.page-template-template-contact-php footer .centerBlock
{
padding: 50px 52px 35px 52px;
}
.ourTeam::before {
height: 37.5vw;
}
.whatWeDo>div.centerBlock, .ourClients>div.centerBlock, .ourJournals>div.centerBlock, .heroText, .topRowText>div {
padding: 0px 50px;
}
.ourTeam .teamOverlayInfo {
padding-left: 50px;
padding-top: 100px;
padding-right: 50px;
}
.slidersWrapper {
padding: 0px 30px;
}
.fullSlideOverlayText>div{
padding: 100px 50px;
}
.TextOnBG .centerBlock {
padding: 100px 50px 0px 50px;
}
.fullSlideOverlayText h2 {
width: 72%;
}
.TextOnBG + .titleTextSlider .topRowText {
padding: 150px 0px 110px 0px;
}
.topRowText
{
padding: 100px 0px 110px 0px;
}
.WorkListing {
width: calc(100% - 100px);
}
.WorkListing .WorkBlock.quote {
width: calc(100% + 150px);
margin-left: -50px;
}
.journalsWrapper h1 {
font-size: 19.3vw;
line-height: 17.5vw;
}
body:not(.home) .CardListing .alm-layouts {
margin-top: -6vw;
}
.journalsWrapper {
padding: 100px 50px 80px 50px;
}
.HeroquoteBanner .quoteText {
padding: 100px 50px 100px 50px;
}
.HeroquoteBanner .imagePlace {
margin-top: -60vh;
}
.ESGWrapper>div>div {
width: 100%
}
.ESGWrapper div>div>div .capLetter {
font-size: 40vw;
line-height: 27vw;
}
.ESGWrapper div>div>div .capLetter
{
right: -10%;
}
.ESGWrapper .row2>div>div .capLetter {
left: -20%;
}
.ESGWrapper>div>div
{padding: 50px;}
.ESGWrapper div>div>div .capLetter
{
bottom: -50px;
}
.page-template-template-responsibility-php .TextOnBG .textBlock {
padding: 50px 50px 8vw 50px;
}
.page-template-template-responsibility-php .TextOnBG::before {
bottom: -80px;
width: 120px;
height: 160px;
}
.blockSlider{
padding: 0px 45px 50px 45px;
}
.editionSlider {
padding: 0px 0px 50px 0px;
}
.page-template-template-careers-php .pageIntro {
padding: 100px 50px 100px 50px;
}
.blockSlider .sliderBlock .sliderInfo, .editionSlider .sliderBlock .sliderInfo{
padding: 20px 30px
}
.PageContent .topText{
padding: 0px 50px 0px 50px;
}
.PageContent .col_1_1 {
padding: 0px 35px 0px 35px;
}
.PageContent .col_1_1 .col{
width: 100%;
}
.otherProjects .centerBlock {
width: calc(100% - 85px);
}
.otherProjects::after
{
height: 25vw;
}
.imageGridWrapper {
padding: 0px 42px 0px 42px;
}
.textQuoteRow > div {
width: 100%;
}
.Three_images_1M_2S > div.M1, .Four_images_L_M_2S .leftCol, .Three_images_2S_M_text .textBlock,
.Four_images_L_M_2S .rightCol, .Three_images_2S_M_text .leftCol, .Three_images_1L_2M > div, .Three_images_1L_2M .rightCol,
.imageTextRow .imageBlock, .imageTextRow .textBlock {
width: 100%;
}
.Three_images_1M_2S > div.S1, .Three_images_1M_2S > div.S2 {
width: 50%;
}
.imageTextRow .textBlock > div, .Three_images_2S_M_text .textBlock > div {
padding: 10% 10%;
}
.imageTextRow .textBlock > div .capLetter, .Three_images_2S_M_text .textBlock > div .capLetter
{
top: 9%;
left: 4%;
}
footer .centerBlock div.contact .contactForm {
width: 100%;
padding-right: 0px;
margin-bottom: 50px;
}
footer .centerBlock div.contact .contactInfo,
footer .centerBlock div.contact .socialInfo {
width: 50%;
}
footer .centerBlock div.contact .socialInfo {
padding-left: 7px;
}
footer .centerBlock div.contact .contactInfo {
padding-left: 0px;
padding-right: 7px;
}
body.page-template-template-contact-php footer .centerBlock div.career, footer .centerBlock div.career,
body.page-template-template-contact-php footer .centerBlock div.copyrightLinks, footer .centerBlock div.copyrightLinks {
width: 50%;
}
body:not(.page-template-template-contact-php) footer .centerBlock div.contact .contactInfo {
width: 50%;
}
body:not(.page-template-template-contact-php) footer .centerBlock div.contact .socialInfo {
width: 50%;
}
}
@media screen and (min-width: 0px) and (max-width:1120px) { }
@media screen and (min-width: 0px) and (max-width:1366px) {
.swiper {
height: 90vh;
min-height: auto;
}
.touch .removeMobinfo {
bottom: 20px;
left: 30px;
}
.titleTextSlider+.titleTextSlider .blockSlider .removeMobinfo,
.touch .single-editions .removeMobinfo
{
bottom: 30px;
}
}
@media screen and (min-width: 0px) and (max-width: 912px) {
.disablescroll
{ background-position: 50% 75%;
}
.journalsWrapper h1 {
font-size: 18.7vw;
}
body:not(.home) .CardListing .alm-layouts
{
margin-top: -7vw;
}
header {
padding: 20px 50px;
}
.BackBtn
{
top: 25px;
}
#burgurMenu {
left: 42px;
top: 20px;
}
.instaIcon {
right: 50px;
top: 25px;
}
.loaded .landlogoHolder
{
top: 30px;
}
.menu-main-menu-container::after {
width: 30px;
height: 40px;
}
.menu-main-menu-container {
padding: 70px 0px;
}
ul.mainMenu li a {
font-size: 5vh;
line-height: 5vh;
}
.HeroBanner
{
height: 90vh;
}
.OurWork, .fullSlideOverlayText {
min-height: 90vh;
}
.heroText {
padding: 0px 50px;
}
.pageIntro>div, .whatWeDo>div.centerBlock, .page-template-template-responsibility-php .TextOnBG .textBlock,
.ourTeam>div.centerBlock, .ourClients>div.centerBlock, .page-template-template-careers-php .pageIntro>div,
.TextOnBG .centerBlock, .fullSlideOverlayText>div, .heroText h4, .heroText h2 {
width: 100%;
}
.slidersWrapper {
padding: 0px 0px;
} .fullSlideOverlayText h2 {
width: 73%;
margin: 0 auto 7vw auto;
}
.TeamsliderWrappper
{padding: 100px 0px;}
.paraText, .JobList .jobRole, .WorkBlock.quote .overlay>div h2, .page-template-template-careers-php .pageIntro .paraText h3{
font-size: 36px;
line-height: 42px;
}
blockquote, h2, .heroText h2, .ESGWrapper h2, .TextOnBG .textBlock h2, .heroText h2, .teamInfo h2 {
font-size: 42px;
line-height: 50px;
}
.ourJournals>div.centerBlock {
width: 100%;
padding: 0px 50px;
}
.ourTeam>div.centerBlock {
padding: 0px 25px;
}
.slidersWrapper .col {
padding: 0px 25px;
}
.slidersWrapper .col:nth-child(2) {
width: 40%;
}
.slidersWrapper .col:nth-child(1), .slidersWrapper .col:nth-child(3) {
width: 30%;
}
.WorkListing {
width: calc(100% - 100px)
}
.WorkListing .WorkBlock.quote {
width: calc(100% + 100px);
margin-left: -50px;
}
.WorkBlock >div .overlay>div .workInfo h2
{
max-width: 100%;
}
.ratingWrap span {
width: 20px;
height: 30px;
}
.WorkListing .alm-layouts .alm-listing
{
display: block;
}
.WorkListing .WorkBlock
{
padding: 0px 0px;
margin: 10px 0px;
}
.WorkListing .WorkBlock.quote + .WorkBlock.smallLandscape + .WorkBlock.smallLandscape,
.WorkListing .WorkBlock.quote + .WorkBlock.mediumPortrait + .WorkBlock.smallLandscape,
.WorkListing .WorkBlock.quote + .WorkBlock.smallLandscape + .WorkBlock.mediumPortrait
{
margin-top: 0vw;
}
.CardListing .cardBlock.large {
grid-row: span 2;
grid-column: span 4;
}
footer .centerBlock, .page-template-template-contact-php footer .centerBlock {
padding: 70px 43px 35px 43px
}
body:not(.page-template-template-contact-php) footer .centerBlock div.contact .contactInfo {
width: 50%;
display: block;
}
@media all and (orientation: landscape) {
#burgurMenu {
top: 15px;
}
.BackBtn {
top: 20px;
}
header .logo
{
width: 150px;
}
ul.mainMenu li{
margin: 7px 0px
}
.ourTeam::before{
height: 70vh;
}
.ourTeam .teamOverlayInfo {
margin-top: -40%;
}
.teamOverlayInfo .slideBottomText {
width: 100%;
margin: 50px auto 0px auto;
}
.swiper {
height:80vw;
}
.TeamsliderWrappper .teamOverlayInfo
{ left: 38vw;
width:90vw;
max-width: 90vw;
}
.TeamsliderWrappper .teamOverlayInfo h2>span:nth-child(2)
{
width: 105%;
padding-left: 25%;
} .teamInfo
{
padding: 7px 10px 10px 10px;
}
.paraText, .page-template-template-careers-php .pageIntro .paraText h3, .WorkBlock.quote .overlay>div h2, .JobList .jobRole, .ESGWrapper h2, .TextOnBG .textBlock h2, .heroText h2, .teamInfo h2, .HeroquoteBanner .quoteText blockquote{
font-size: 26px;
line-height: 30px;
margin-bottom: 10px;
}
.paraText
{margin-bottom: 40px;}
.pageIntro .paraText
{margin-bottom: 0px;}
.teamInfo{
font-size: 14px;
line-height: 21px;
}
.cardBlock .overlay>div .cardInfo>div {
font-size: 16px;
line-height: 22px;
}
}
@media all and (orientation: portrait) {
.TeamsliderWrappper .teamOverlayInfo
{ left: 36.7vw;
width:90vw;
max-width: 90vw;
}
.TeamsliderWrappper .teamOverlayInfo h2>span:nth-child(2)
{
width: 105%;
padding-left: 25%;
}
.swiper-slide.mediumSize .teamBlock .teamInfo > div{
width: 60%;
}
.fixedCursor
{
top: 65%;
}
.fixedCursor, #cursor.teamsliderarrow::before {
width: 140px;
height: 90px;
}
.disablescroll
{
background-size: 140px 90px;
}
.WorkListing .WorkBlock.largeLandscape>div {
padding-top: 100%;
}
.PageContent {
padding: 100px 0px 100px 0px;
}
.swiper {
height: 100vh;
}
ul.mainMenu li a {
font-size: 9vw;
line-height: 9.5vw;
} }
}
@media screen and (min-width: 769px) and (max-width:1150px) {
.blockSlider .sliderBlock .sliderInfo, .editionSlider .sliderBlock .sliderInfo
{font-size: 16px;
line-height: 20px;}
.teamOverlayInfo h2
{
width: 100%;
margin: 0 auto;
}
}
@media screen and (min-width: 767px) and (max-width:1023px) {
.WorkBlock>div .overlay>div .workInfo h2,.whatWeDo>div.centerBlock ul li {
font-size: 26px;
line-height: 30px;
}
.workNameType b {
font-size: 18px;
line-height: 22px;
}
}
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape),
all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation:landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation:landscape) { ul.mainMenu li a {
font-size: 8vh;
line-height: 8vh;
}
.cardBlock .overlay>div .cardInfo>div {
font-size: 15px;
line-height: 18px;
}
.swiper {
height: 85vh;
}
.HeroquoteBanner .imagePlace
{
margin: -50vh auto 0 auto;
} }
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait),
all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait),
all and (device-width: 834px) and (device-height: 1194px) and (orientation:portrait),
all and (device-width: 810px) and (device-height: 1080px) and (orientation:portrait) { .TeamsliderWrappper .teamOverlayInfo h2>span:nth-child(2)
{
width: 165%;
}
.sliderHolder .SlideShow {
position: absolute;
width: 100%;
height: calc(100% + 5px);
top: 0px;
left: 0px;
}
.PageContent {
padding: 150px 0px 100px 0px;
}
.whatWeDo, .ourClients, .TeamsliderWrappper, .topRowText
{
padding: 100px 0;
}
.fullSlideOverlayText>div, .TextOnBG .centerBlock, .pageIntro
{padding: 100px}
.TextOnBG .centerBlock
{
padding: 130px 100px 100px 100px
}
.MapWrapper, .HeroBanner
{
min-height: 65vh;
}
.HeroBanner
{
height: auto;
}
.page-template-template-our-work-php .fullSlideOverlayText, .page-template-template-responsibility-php .HeroquoteBanner .quoteText
{ min-height: 100vh
}
.HeroquoteBanner .imagePlace { padding-top: 50vh
}
.HeroquoteBanner .imagePlace
{
margin-top: -75vh
}
.HeroquoteBanner .quoteText
{padding-bottom: 0px;}
.WorkBlock>div .overlay>div .workInfo h2
{
font-size: 24px;
line-height: 30px;
}
.WorkBlock .overlay>div .workInfo > .iconMove
{
margin-top: 10px;
}
.ratingWrap span {
width: 20px;
height: 25px;
}
.pageIntro, .whatWeDo, .ourTeam, .ourClients, .OurWork, .ourJournals, .HeroquoteBanner .quoteText,
.page-template-template-responsibility-php .TextOnBG, .fullSlideOverlayText, .TeamsliderWrappper, .TextOnBG
{
min-height: auto;
}
.page-template-template-responsibility-php .TextOnBG .textBlock {
padding: 100px 100px 150px 100px;
}
.TeamsliderWrappper
{
padding-bottom: 150px
}
.ourTeam .teamOverlayInfo {
margin-top: -50vw;
}
.ourTeam::before {
height: 31.5vw;
}
.swiper {
height:65vh;
min-height: auto;
} }
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape){
.swiper {
height: 92vh;
} }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
.ourTeam::before {
height: 32.5vw;
}
.swiper {
height:70vh;
} }
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape){
.swiper {
height:72vh;
}
.HeroquoteBanner .imagePlace
{
margin: -60vh auto 0 auto;
} }
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait){
.swiper {
height: 51vh;
} }
@media screen and (min-width: 0px) and (max-width:767px) { .sliderInfo .cardInfo .iconMove
{
bottom: 20px;
}
.plusicon.morenews {
margin: 20px auto 0px auto;
}
.BackBtn
{
top: 20px;
left: 80px;
}
.PageContent hr{
max-width: calc(100% - 60px);
}
header {
padding: 20px 30px;
}
#burgurMenu {
left: 22px;
top: 15px;
}
.instaIcon {
right: 30px;
top: 25px;
}
.heroText {
padding: 0px 30px;
}
.pageIntro
{min-height: auto;}
.pageIntro, .fullSlideOverlayText>div {
padding: 100px 30px;
}
.clientLogoSlider
{
padding-bottom: 50px;
}
h2, .textQuoteRow blockquote, .paraText, .page-template-template-careers-php .pageIntro .paraText h3, .WorkBlock.quote .overlay>div h2, .JobList .jobRole, .ESGWrapper h2, .TextOnBG .textBlock h2, .heroText h2, .teamInfo h2,
.HeroquoteBanner .quoteText blockquote {
font-size: 28px;
line-height: 36px;
}
.teamInfo h2
{
font-size: 26px;
line-height: 32px;
}
.teamInfo h6 {
font-size: 12px;
line-height: 16px;
margin-bottom: 5px;
}
.teamInfo {
font-size: 12px;
line-height: 18px;
}
.onlyInfo .teamInfo, .bigSize .teamInfo
{
font-size: 16px;
line-height: 22px;
}
.fullSlideOverlayText>div {
padding: 100px 30px;
}
.TextOnBG .centerBlock {
padding: 100px 30px 50px 30px;
}
marquee{
height: 70px;
}
.whatWeDo h2 {
font-size: 50px;
line-height: 60px;
letter-spacing: -3px;
}
.whatWeDo>div.centerBlock, .ourClients>div.centerBlock, .ourJournals>div.centerBlock, .heroText, .topRowText>div {
width: 100%;
}
.whatWeDo>div.centerBlock, .ourTeam .teamOverlayInfo, .ourClients>div.centerBlock,
.ourJournals>div.centerBlock {
padding: 0px 30px;
}
.ourTeam .teamOverlayInfo
{
padding: 0px 10px;
}
.teamOverlayInfo h2 {
width: 100%;
}
.ourTeam .teamOverlayInfo {
margin-top: -25%;
}
.otherProjects {
padding: 100px 0px 50px 0px;
}
.fullSlideOverlayText h2
{
width: 100%;
}
.ESGWrapper>div>div {
padding: 50px 30px;
}
.teamOverlayInfo h2>span:nth-child(2)
{
margin-top: -5%;
}
.fullSlideOverlayText h2 span:nth-child(2) {
margin-top: -14%;
padding-left: 4.5%;
}
.teamOverlayInfo h2>span:nth-child(1), .fullSlideOverlayText h2>span:nth-child(1)
{font-size: 18vw; line-height: 18.5vw;}
.teamOverlayInfo h2>span:nth-child(2), .fullSlideOverlayText h2>span:nth-child(2)
{font-size: 24vw;
line-height: 24.5vw;}
.ourTeam>div.centerBlock {
padding: 0px 20px;
}
.ourTeam .teamOverlayInfo {
margin-top: -10%;
}
.slidersWrapper .col {
padding: 0px 10px;
}
.teamOverlayInfo .slideBottomText
{
margin: 30px auto 0px auto;
}
.clientLogoSlider.noslider .logoSlide{width: 50%;}
.ourClients .paraText, .clientLogoSlider {
width: 100%;
}
.cardBlock .overlay>div .cardInfo>div {
font-size: 18px;
line-height: 24px;
max-height: 100%;
}
.cardBlock.medium>div .overlay>div .cardInfo>div, .cardBlock .overlay>div .cardInfo>div
{
max-height: 100%;
}
.CardListing .cardBlock.small>div {
padding-top: 120%;
}
.cardBlock.small.noimg .overlay > div, .cardBlock.medium.noimg .overlay > div, .cardBlock.large.noimg .overlay > div
{
justify-content: flex-start;
}
.WorkListing {
width: calc(100% - 60px);
margin-bottom: 100px;
}
.WorkListing .WorkBlock.quote {
width: calc(100% + 60px);
margin-left: -30px;
}
.WorkBlock>div .overlay>div .workInfo h2, .TextOnBG .textBlock .paraText, .whatWeDo>div.centerBlock ul li {
font-size: 26px;
line-height: 30px;
}
.WorkBlock.mediumPortrait >div .overlay>div .workInfo h2 {
max-width: 100%;
}
.WorkListing .WorkBlock.mediumPortrait, .WorkListing .WorkBlock.smallLandscape
{
grid-column: span 2;
}
.WorkListing .WorkBlock.quote, .WorkListing .WorkBlock.quote + .WorkBlock.largeLandscape,
.WorkListing .WorkBlock.quote + .WorkBlock.mediumPortrait, .WorkListing .WorkBlock.quote + .WorkBlock.smallLandscape,
.WorkListing .WorkBlock.quote + .WorkBlock.smallLandscape + .WorkBlock.smallLandscape,
.WorkListing .WorkBlock.quote + .WorkBlock.mediumPortrait + .WorkBlock.smallLandscape,
.WorkListing .WorkBlock.quote + .WorkBlock.smallLandscape + .WorkBlock.mediumPortrait
{
margin-top: 0px;
}
.ourClients, .ourTeam, .whatWeDo, .ourJournals
{padding: 100px 0px;}
.journalsWrapper {
padding: 100px 30px 80px 30px;
}
.marquee
{
height: 65px;
}
.CardListing .cardBlock.large {
grid-row: span 4;
grid-column: span 4;
}
.cardBlock.large .overlay>div .cardInfo {
max-width: 100%;
}
.blockSlider{
padding: 0px 25px 100px 25px;
}
.editionSlider {
padding: 0px 0px 100px 0px;
}
.blockSlider .slick-dots, .editionSlider .slick-dots
{
bottom: 50px
}
.page-template-template-responsibility-php .TextOnBG .textBlock {
padding: 50px 30px 8vw 30px;
}
.page-template-template-careers-php .pageIntro {
padding: 100px 30px 100px 30px;
}
.WorkBlock .overlay{
padding: 10px 20px;
}
.WorkBlock.quote .overlay {
padding: 100px 20px;
}
.WorkBlock.quote .overlay>div
{min-height: 30vw;}
.JobList .jobRow {
display: block;
padding-right: 100px;
}
.JobList .jobRole, .JobList .jobRoleInfo {
width: 100%;
padding-right: 0px;
}
.joblink {
width: 100px;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.page-template-template-responsibility-php .TextOnBG::before {
bottom: -55px;
width: 82px;
height: 110px;
}
.topRowText
{padding: 100px 0px}
.PageContent .topText{
padding: 0px 30px 0px 30px;
}
.PageContent .col_1_1 {
padding: 0px 15px 0px 15px;
}
.otherProjects .centerBlock {
width: calc(100% - 45px);
}
.imageGridWrapper {
padding: 0px 23px 0px 23px;
}
.otherProjects::after
{
height: 45vw;
min-height: 240px;
}
.ESGWrapper>div>div>div {
max-width: 100%;
padding-right: 20%; }
.ESGWrapper .row2>div>div {
max-width: 100%;
padding-left: 20%;
padding-right:0; }
.ESGWrapper div>div>div .capLetter {
font-size: 44vw;
line-height: 30vw;
}
.ESGWrapper .row2>div>div .capLetter {
left: -5%;
}
.ESGWrapper div>div>div .capLetter {
right: -5%;
}
section h4 {
font-size: 16px;
line-height: 24px;
letter-spacing: 1.5px;
margin-bottom: 40px;
}
footer .centerBlock, .page-template-template-contact-php footer .centerBlock {
padding: 0px 23px 35px 23px;
}
.page-template-template-contact-php footer .centerBlock, .page-template-template-responsibility-php footer .centerBlock
{padding: 70px 23px 35px 23px;}
@media all and (orientation: portrait) {
.cardInfo {
font-size: 18px;
line-height: 24px;
}
}
@media all and (orientation: landscape) {
header .logo
{
width: 150px;
}
ul.mainMenu li{
margin: 7px 0px
}
.plusicon.morenews {
margin: 50px auto 0px auto;
}
}
}
@media screen and (min-width: 0px) and (max-width: 650px) {
.WorkListing .WorkBlock.largeLandscape>div {
padding-top: 100%;
}
@media all and (orientation: landscape) {
.swiper {
height: 90vw;
}
}
.journalsWrapper h1 {
font-size: 18.4vw;
line-height: 15.5vw;
}
.ourClients
{
min-height: 80vh
}
.logoSlide img
{
max-width: 120px;
max-height: 80px;
}
.CardListing .cardBlock.small, .CardListing .cardBlock.medium {
grid-row: span 4;
grid-column: span 4;
}
.CardListing .cardBlock.medium>div, .CardListing .cardBlock.large>div,
.CardListing .cardBlock.small>div {
padding-top: 120%;
}
.cardBlock > div .overlay > div .cardInfo h2 {
font-size: 24px;
line-height: 26px;
}
.cardBlock .overlay {
padding: 10px;
}
.cardBlock.large.noimg .overlay > div, .cardBlock.small.noimg .overlay > div, .cardBlock.medium.noimg .overlay > div {
justify-content: flex-start;
}
.whatWeDo>div.centerBlock ul
{
column-count: 1;
}
.WorkListing .WorkBlock.mediumPortrait>div {
padding-top: 130%;
}
.WorkListing .WorkBlock.smallLandscape>div {
padding-top: 85%;
}
.joblink {
width: 100px;
position: relative;
right: 0px;
top: 0%;
margin: 20px auto 0 auto;
transform: none;
text-align: center;
}
.JobList .jobRow {
padding-right: 0px;
text-align: center;
}
footer .centerBlock div.contact .contactForm .gform_fields {
display: block;
}
footer .centerBlock div.contact .contactForm .gfmc-container,
body.page-template-template-contact-php footer .centerBlock div.career, footer .centerBlock div.career, body.page-template-template-contact-php footer .centerBlock div.copyrightLinks, footer .centerBlock div.copyrightLinks {
width: 100%;
}
footer .gform_footer {
position: absolute;
right: 0px;
bottom: 20px;
}
footer .gform_wrapper input[type='submit'] {
height: 40px;
}
.gform_ajax_spinner {
top: 15px;
}
.copyrightLinks h6 {
display: none
}
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.cky-preference-center {
max-height: 90vh !important;
}
.touch .removeMobinfo
{
bottom: 15px;
left: 20px;
}
.titleTextSlider+.titleTextSlider .blockSlider .removeMobinfo,
.touch .single-editions .removeMobinfo
{
bottom: 20px;
}
.BackBtn
{
top: 70px;
left: 25px;
}
.BackBtn img {
width: 35px !important;
height: 25px !important;
}
.loaded .landlogoHolder
{
width: 20px;
height: 35px;
top: 28px;
-ms-transform: rotateY(180deg) translateX(28px);
-webkit-transform: rotateY(180deg) translateX(28px);
-moz-transform: rotateY(180deg) translateX(28px);
-o-transform: rotateY(180deg) translateX(28px);
transform: rotateY(180deg) translateX(28px);
}
header .logo {
right: 0;
}
header .logo {
width: 160px;
display: inline-block;
}
blockquote {
font-size: 32px;
line-height: 40px;
}
.archieveFilter, .alm-filters-container .alm-filter--inner
{
display: block;
text-align: center;
}
.archieveFilter .years, .alm-filters-container .alm-filter ul {
width: 100%;
}
h2, .paraText, .page-template-template-careers-php .pageIntro .paraText h3, .WorkBlock.quote .overlay>div h2, .JobList .jobRole, .ESGWrapper h2, .TextOnBG .textBlock h2, .heroText h2, .teamInfo h2 {
font-size: 24px;
line-height: 30px;
}
.cardBlock > div .overlay > div .cardInfo h2
{
margin-top: 0px;
}
.teamInfo {
padding:7px 10px 10px 10px;
}
.page-template-template-contact-php .marquee h2 {
font-size:10vw;
line-height: 10vw;
}
.page-template-template-contact-php .marquee
{
height: 10vw;
}
body, .TextOnBG .textBlock .paraText, .whatWeDo>div.centerBlock ul li,
.page-template-template-careers-php .pageIntro .paraText p {
font-size: 18px;
line-height: 24px;
} .ourTeam .teamOverlayInfo {
padding: 0px 30px;
}
.blockSlider .sliderBlock .sliderInfo, .editionSlider .sliderBlock .sliderInfo{
padding: 20px 20px;
}
.sliderInfo .cardInfo .iconMove, .blockSlider .sliderBlock .sliderInfo .textLink,
.editionSlider .sliderBlock .sliderInfo .iconMove
{
bottom: 15px;
}
.cardBlock .overlay>div .cardInfo>div{
font-size: 14px;
line-height: 17px;
}
.WorkBlock>div .overlay>div .workInfo h2,
.blockSlider .sliderBlock .sliderInfo, .editionSlider .sliderBlock .sliderInfo
{font-size: 22px;
line-height: 26px;}
.workNameType {
padding-bottom: 15px;
}
.imageTextRow .textBlock > div .capLetter, .Three_images_2S_M_text .textBlock > div .capLetter {
top: 5%;
left: 4%;
}
.iconMove span, .plusicon span, .arrowicon span,
.alm-btn-wrap button.alm-load-more-btn::after, .alm-btn-wrap button.alm-load-more-btn::before {
font-size: 14px;
line-height: 18px;
}
.iconMove img, .plusicon img, .arrowicon img, .plusicon svg, .alm-btn-wrap::after
{
width: 25px;
height: 25px;
background-size: 25px;
}
.alm-btn-wrap button.alm-load-more-btn::before {
left: 35px;
}
.clientLogoSlider
{
padding-bottom: 50px;
}
footer .footerlogo
{
margin: 0 auto 50px auto;
}
.pageIntro .paraText
{margin-bottom: 0px;}
.arrowicon
{
width: 130px;
}
.touch .TextOnBG .arrowicon span
{
text-align: center;
}
.touch .iconMove span, .touch .WorkBlock:hover .iconMove span,
.touch .iconMove:hover span, .touch .iconMove span {
transform: translateX(-40px);
}
.WorkBlock .overlay>div .workInfo > .iconMove {
margin-top: 10px;
}
.workNameType
{
font-size: 10px;
line-height: 10px;
letter-spacing: 1px;
}
.workNameType b {
font-size: 18px;
line-height: 22px;
}
.slidersWrapper
{background-color: var(--light_gray); padding: 0px 30px 30px 30px; flex-flow: row wrap; align-items: flex-start; justify-content: space-between;
}
.ourTeam>div.centerBlock {
padding: 0px 0px;
}
.ourTeam::before {
height: 50.5vw;
}
section h4
{
margin-bottom: 40px;
}
.slidersWrapper .col:nth-child(1), .slidersWrapper .col:nth-child(3)
{
width: calc(50% - 10px);
padding: 0px;
margin-bottom: 20px;
overflow: hidden;
}
.slidersWrapper .col:nth-child(1)
{
order: 1;
}
.slidersWrapper .col:nth-child(3)
{
order: 2;
margin-top: 50px;
}
.slidersWrapper .col:nth-child(2)
{
order: 3;
}
.slidersWrapper .col:nth-child(2)
{
width: 100%;
padding: 0px;
margin-bottom: 30px;
overflow: hidden;
}
.ourTeam .teamOverlayInfo {
margin-top: 50px;
}
footer {
text-align: center;
}
footer .centerBlock div.contact .contactInfo, footer .centerBlock div.contact .socialInfo,
body:not(.page-template-template-contact-php) footer .centerBlock div.contact .contactInfo,
body:not(.page-template-template-contact-php) footer .centerBlock div.contact .socialInfo {
width: 100%;
padding-left: 0px;
text-align: center;
}
footer .centerBlock div.contact .socialInfo a {
justify-content: center;
}
footer .centerBlock div.copyrightLinks .footerMenu {
align-items: center;
}
footer .centerBlock div.contact .socialInfo {
padding-top: 20px;
}
@media all and (orientation: portrait) {
.swiper {
height: 80vh;
}
.cardInfo {
font-size: 14px;
line-height: 20px;
}
}
}
@media screen and (min-width: 0px) and (max-width: 412px) {
@media all and (orientation: portrait) {
.swiper {
height: 65vh;
}
}
}
@media screen and (min-width: 0px) and (max-width: 400px) {
@media all and (orientation: portrait) {
.swiper {
height: 80vh;
}
}
}
@media screen and (min-width: 0px) and (max-width: 375px) {
@media all and (orientation: portrait) {
.CardListing .cardBlock.medium>div, .CardListing .cardBlock.large>div,
.CardListing .cardBlock.small>div {
padding-top: 150%;
}
.swiper {
height: 85vh;
}
}
} @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
.swiper {
height: 70vh;
}
} @media only screen and (min-device-width: 414px) and (device-height: 736px) and (orientation: portrait) {
.swiper {
height: 90vh;
}
}
@media screen and (min-width: 0px) and (max-width: 374px) {
@media all and (orientation: portrait) {
.swiper {
height: 95vh;
}
}
}