@charset "utf-8";

/*
    font-family: 'Manrope', sans-serif;
*/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1;
    background-color: #FFFAF7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
}

body,
button,
input,
select,
textarea {
    font-weight: 400;
    font-family: 'Manrope', sans-serif;
    color: #000000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1 {
    font-weight: normal;
    color: #4dabd6;
    margin: 0px;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div,
h2,
h3,
h4,
h5,
h6,
p,
span {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {
    background: #000000;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #000000;
    color: #ffffff;
    text-shadow: none;
}


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #383838;
    text-decoration: none;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

a:hover {
    color: #383838;
}

a:focus {
    outline: none;
}


/* Improve readability when focused and hovered in all browsers: h5bp.com/h */

a:hover,
a:active {
    outline: 0;
}

img {
    border-style: none
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

li ul,
li ol {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =============================================================================
   Embedded content
   ========================================================================== */


/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    border-style: none;
    outline: none;
}


/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Tables
   ========================================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

td {
    vertical-align: top;
}

p {
    line-height: 1.3em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar {
    /*width: 8px;
    background-color: transparent;*/
}

::-webkit-scrollbar-thumb {
    background-color: #313D48;
    border: 2px solid #313D48;
}


/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */


/* For image replacement */

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
}

.ir a {
    display: block;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}


/* Contain floats: h5bp.com/q */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

* {
    box-sizing: border-box;
}

.web {
    display: block !important;
}

.mobile {
    display: none !important;
}


a:not(.btn):before{content:"";width: calc(100% + 1px);height: 1px; opacity: 1;background-color: #313D48; position: absolute;bottom:-1.5px;left: 0;transform: scaleX(0);transition: transform 250ms ease-in-out;}
a:not(.btn):hover:before, 
a:not(.btn).active:before{transform: scaleX(1);}

#outer-wrapper {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    transition: opacity 0.5s;
}

header {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #FFFAF7;
    transition: 0.4s ease all;
    z-index: 9;
    text-align: center;
}

body.hide header {
    opacity: 0;
    visibility: hidden;
}

header #header {
    width: 100%;
    max-width: 1366px;
    height: 100%;
    display: inline-block;
    padding: 0 90px;
    margin: 0;
    text-align: center;
    position: relative;
}

header .logo {
    width: 178px;
    height: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    background-image: url(../images/logo.svg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 99999;
    position: relative;
}

header .menu {
    width: 23px;
    height: 17px;
    position: absolute;
    right: 90px;
    top: 32px;
    margin: 0;
    padding: 0;
    background-image: url(../images/icon-menu.svg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 99999;
}

header p {
    width: auto;
    position: absolute;
    left: 90px;
    top: 31px;
}

header p a {
    width: auto;
    float: left;
    margin-left: 20px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0.38px;
    color: #313D48;
    position: relative;
}


header p a:first-of-type {
    margin-left: 0;
}

header nav {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #313D48;
    z-index: 9999;
    display: flex;
    align-items: center; 
    opacity: 0;
    visibility: hidden;
	background-image: url(../images/img-illustrator-grid.svg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
}

header nav ul {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

header nav ul li {
    width: 100%;
    float: left;
    position: relative; 
    margin-bottom: 45px;
}
header nav ul li:last-of-type {
    margin-bottom: 0;
}

/* header nav ul li::before {
    width: 264px;
    position: absolute;
    left: 50%;
    top: 0;
    height: 1px;
    background-color: #EC637E;
    content: "";
    margin-left: -130px;
}

header nav ul li:first-of-type::before {
    height: 0;
} */

header nav ul li a {
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 2.25px;
    color: #ffffff;
}
header nav ul li a:hover {
    color: #ffffff;
}

/* header nav ul li a:first-of-type {
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 0.88px;
    color: #ffffff;
    margin-bottom: 30px;
} 

header nav ul li:last-of-type::before {
    height: 0;
}

header nav ul li:last-of-type a:first-of-type {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.38px;
    margin-bottom: 18px;
}

header nav ul li a:hover {
    color: #ffffff;
}

header nav ul li a:last-of-type {
    margin-bottom: 0;
}*/

body.open header .logo {
    background-image: url(../images/logo-w.svg);
}

body.open header .menu {
    background-image: url(../images/icon-close.svg);
    background-size: 16px auto;
}

body.open header nav {
    opacity: 1;
    visibility: visible;
}

body.navigation {
    width: 100%;
    height: 100%;
    background-image: url(../images/img-illustrator-grid.svg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}

body.navigation,
body.navigation footer {
    background-color: #313D48;
}

body.navigation header {
    background-color: transparent;
}

body.navigation header .logo,
body.navigation footer .logo {
    background-image: url(../images/logo-w.svg);
}

body.navigation header p a,
body.navigation footer .nav li a,
body.navigation footer p a {
    color: #ffffff;
}

body.navigation footer #footer::before {
    background-color: #ffffff;
}

body.navigation footer .nav li .icon.twitter {
    background-image: url(../images/icon-x-w.svg);
}

body.navigation footer .nav li .icon.linkedin {
    background-image: url(../images/icon-linkedin-w.svg);
}

body.home main{margin-top: 0;}

main {
    width: 100%;
    float: left;
    padding: 0;
    margin-top: 80px;
    position: relative;
    text-align: center;
}

.inner {
    width: 100%;
    float: left;
    position: relative;
}

.hero-box{width: 100%;height: 100vh;margin: 0;padding: 0;position: absolute;left: 0;top: 0; z-index: 2;}
.hero-box article{width: 100%;height: 100%;float: left;margin: 0;padding: 0;position: relative;}
.hero-box figure{width: 100%;height: 100%;float: left;margin: 0;padding: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.hero-box figure img{display: none;}
.hero-box figure video{width: 100%;height: 100%;float: left;margin: 0;padding: 0;object-fit: cover;}
.hero-box .shade{width: 100%;height: 100%;margin: 0;padding: 0;/*background-color: #0E2D34;opacity: 0.36;*/position: absolute;top: 0;left: 0;background-position: top center;background-repeat: repeat-x;background-size: 100% auto;}
.hero-box .shade.top{background-image: url(../images/graphic-gradient-header.svg);top: 0;}
.hero-box .shade.bottom{background-image: url(../images/graphic-gradient-footer.svg);top: auto;bottom: 0;background-position: bottom center;}

.hero-box .text-box{width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;display: flex;align-items: center;}
.hero-box .text-box .content-inner{text-align: center;}
.hero-box .text-box label{width: 100%;float: left;margin: 0 0 80px 0;padding: 0;text-align: center;font-family: "gelica",sans-serif;font-weight:500;font-size: 25px;letter-spacing: 0.63px;line-height: 25px;color: #FFFFFF;}
.hero-box .text-box h1{width: 515px;float:none;margin: 0;padding: 0;display: inline-block;}
.hero-box .text-box h1 figure{width: 100%;float:left;margin: 0;padding: 0;}
.hero-box .text-box h1 figure img{width: 100%;height: auto;float:left;margin: 0;padding: 0;}



main .container {
    width: 100%;
    max-width: 1366px;
    /* height: 100%; */
    display: inline-block;
    padding: 0 90px;
    margin: 0;
    position: relative;
    text-align: left;
}

body.home main .container {
    max-width: 100%;
    padding: 0;
}

main .intro {
    width: 100%;
    float: left;
    position: relative;
}

main .intro article {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100vh - 80px - 96px - 35px);
    text-align: center;
}

body.home main .intro article {
	height: 100vh;
    align-items: end;
}

main .intro article figure {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

main .intro article figure img {
    width: 512px;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

main .intro article>div {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center; 
}

main .intro article>div div {
    width: 640px !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}


/* main .intro article figure .contact {
    width: 695px !important;
    text-align: left;
} */

main .intro article h1 {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: 'Manrope', sans-serif;
    font-weight: 200;
    font-size: 150px;
    line-height: 0.75;
    letter-spacing: 2.25px;
    color: #313D48;
}

main .intro article p {
    width: 330px;
    float: right;
    position: relative;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0.38px;
    text-align: left;
}

main .intro article>div .contact {
    width: 695px !important;
    text-align: left;
}

main .intro article>div .contact .line {
    margin-top: 35px;
    margin-bottom: 50px;
}

main .intro article>div .contact p {
    width: 100%;
}

main .intro article>div .contact p a {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0.38px;
    color: #313D48;
    float: left;
    margin-right: 25px;
    text-decoration: none;
    font-weight: 300;
}
main .intro article>div .contact p a:not(.btn):before {
    background-color: #313D48;}

main .intro article>div .contact p .icon {
    width: 25px;
    height: 26px;
    float: left;
    margin: 0;
    padding: 0;
    background-image: url(../images/icon-x.svg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    margin: 3px 0 0 15px;
}

main .intro article>div .contact p .icon.twitter {
    background-image: url(../images/icon-x.svg);
}

main .intro article>div .contact p .icon.linkedin {
    background-image: url(../images/icon-linkedin.svg);
}

main .intro article .main-ng {
    width: auto;
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

main .intro article .main-ng li {
    width: auto;
    float: left;
    position: relative;
    padding: 0 30px;
	position:relative;
	z-index:8;
    height: 73px;
    display: flex;
    align-items: center;
}

main .intro article .main-ng li:first-of-type {
    padding-left: 0;
}

main .intro article .main-ng li:last-of-type {
    padding-right: 0;
}

main .intro article .main-ng.wh li:last-of-type {
    padding-right: 6px;
}

main .intro article .main-ng.pc li:last-of-type {
    padding-right: 38px;
}
main .intro article .main-ng li:first-of-type::before {
    width: 2px;
    position: absolute;
    right: 0;
    top: 0;
    height: 73px;
    background-color: #EC637E;
    content: "";
}

main .intro article .main-ng li a {
    width: 100%;
    float: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 2.25px;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
}

main .intro article .main-ng li a:before {
    background-color: #ffffff !important;
}

main .intro article .main-ng li a:hover {
    color: #ffffff;
    text-decoration-thickness: 1px;
}

main .project-list {
    width: 100%;
    float: left;
    position: relative;
    display: none !important;
}


main .project-list.cds {
    margin-top: 0;
}

main .project-list.hide {
    opacity: 1;
    visibility: visible;
    z-index: -1;
    margin-top: -100%;
}

main .project-list article {
    width: 100%;
    float: left;
    position: relative;
}

main .project-list article figure {
    width: 100%;
    height: 740px;
    float: left;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

main .project-list article figure img {
    width: 100%;
    float: left;
    display: none;
}

main .project-list article figcaption {
    width: 100%;
    margin: 0;
    padding: 25px 0 3px 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.38px;
    color: #313D48;
    float: left;
    line-height: 1;
}

main .project-list article figcaption span {
    font-weight: 500;
    color: #EC637E;
    float: left;
    margin-right: 25px;
}

body.home main .project-list {
    left: 0;
    top: -80px;
    position: absolute;
}

body.home main .project-list article {
    /*height: calc(100vh - 96px);*/
	height: 100vh;
}

body.home main .project-list article figure {
    height: 100%;
}

body.home main .project-list article figure::after {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.35);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

body.home main .project-list article figcaption {
    width: auto;
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    right: 20px;
	z-index:999;
}

body.home main .project-list article figcaption span {
    color: #ffffff;
	text-decoration:underline;
}
body.home main .project-list article figcaption a{
    color: #ffffff;
}

body.home .slick-dots {
    display: none !important;
}

main .list-view {
    width: 100%;
    float: left;
    position: relative;
}

main .list-view article {
    width: 48.9460370994941%;
    float: left;
    position: relative;
    margin-left: 2.1079258010118045%;
    margin-bottom: 65px;
}

main .list-view article:nth-child(2n-1) {
    margin-left: 0;
    clear: left;
}

main .list-view article figure {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: none !important;
    position: relative;
}

main .list-view article figure::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon-plus.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 63px 63px;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .list-view article figure:hover::after {
    opacity: 1;
    visibility: visible;
}

main .list-view article figure::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #EC637E;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .list-view article figure:hover::before {
    opacity: 0.5;
    visibility: visible;
}

main .list-view article figure img {
    width: 100%;
    float: left;
}

main .list-view article h2 {
    width: 100%;
    margin: 0;
    padding: 13px 0 0 0;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    letter-spacing: 0.38px;
    color: #313D48;
    float: left;
    line-height: 1.3;
    font-weight: 300;
	text-align:right;
}

main .list-view article h2 span {
    font-weight: 500;
    color: #EC637E;
    float: left;
    margin-right: 25px;
    margin-bottom: 4px; 
    position: relative;
}
 
main .list-view article h2 span:before{content:"";width: calc(100% + 1px);height: 1px; opacity: 1;background-color: #EC637E;position: absolute;bottom:-1.5px;left: 0;transform: scaleX(0);transition: transform 250ms ease-in-out;}
main .list-view article a:hover h2 span:before{transform: scaleX(1);}


main .detail-box {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
}

main .detail-box article {
    width: 48.9460370994941%;
    float: left;
    position: relative;
    /* margin-left: 2.1079258010118045%; */
}

main .detail-box.lf article {
    float: left;
}

main .detail-box.lf article:nth-of-type(2) {
    float: right;
}

main .detail-box.rt article {
    float: right;
}

main .detail-box.rt article:nth-of-type(2) {
    float: left;
}

main .detail-box article {
    width: 48.9460370994941%;
    float: left;
    position: relative;
    /* margin-left: 2.1079258010118045%; */
}

main .detail-box article:nth-child(2n-1) {
    margin-left: 0;
}

main .detail-box article figure {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
}

main .detail-box article figure::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon-plus.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 63px 63px;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .detail-box article figure:hover::after {
    opacity: 1;
    visibility: visible;
}

main .detail-box article figure::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #EC637E;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .detail-box article figure:hover::before {
    opacity: 0.5;
    visibility: visible;
}

main .detail-box article figure img {
    width: 100%;
    float: left;
}

main .detail-box article.tm figure {
    cursor: auto;
}

main .detail-box article.tm figure::after {
    width: 0;
    height: 0;
}

main .detail-box article.tm figure::before {
    width: 0;
    height: 0;
}

main .related {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
}

main .related h3 {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 25px;
    line-height: 1.3;
    letter-spacing: 0.38px;
    color: #EC637E;
    font-weight: 500;
    margin-bottom: 35px;
}

main .related div {
    width: 100%;
    float: left;
    position: relative;
}

main .related article {
    width: 23.419055649241147%;
    float: left;
    position: relative;
    margin-left: 2.1079258010118045%;
    margin-bottom: 0;
}

main .related article:nth-child(4n-3) {
    margin-left: 0;
    clear: left;
}

main .related article figure {
    width: 100%;
    float: left;
    height: 278px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

main .related article figure::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon-plus.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 63px 63px;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .related article figure:hover::after {
    opacity: 1;
    visibility: visible;
}

main .related article figure::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #EC637E;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .related article figure:hover::before {
    opacity: 0.5;
    visibility: visible;
}

main .related article figure img {
    width: 100%;
    float: left;
    display: none;
}

main .related article h2 {
    width: 100%;
    margin: 0;
    padding: 13px 0 0 0;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.38px;
    color: #313D48;
    float: left;
    line-height: 1;
    font-weight: 300;
	text-align: right;
}

main .related article h2 span {
    font-weight: 500;
    color: #EC637E;
    float: left;
    margin-right: 25px;
    margin-bottom: 8px;
    position: relative;
}

main .related article h2 span:before{content:"";width: calc(100% + 1px);height: 1px; opacity: 1;background-color: #EC637E;position: absolute;bottom:-1.5px;left: 0;transform: scaleX(0);transition: transform 250ms ease-in-out;}
main .related article a:hover h2 span:before{transform: scaleX(1);}
 

main .people {
    width: 100%;
    float: left;
    position: relative;
}

main .people-text{width: 75%;float: left;position: relative;margin-bottom: 30px;margin-top: 90px;}
main .people-text label{width: 65%;float: left;position: relative;font-size: 18px;line-height: 30px;letter-spacing: 1.35px;font-weight: 500;color: #313D48;}
main .people-text h1{width: 100%;float: left;position: relative;font-size: 35px;line-height: 40px;letter-spacing: 2.63px;font-weight: 400;color: #313D48;margin-bottom: 15px;}
main .people-text p{width: 65%;float: left;position: relative;font-size: 18px;line-height: 25px;letter-spacing: 0.45px;font-weight: 400;color: #313D48;margin-bottom: 15px;}

main .people-text.pr{margin-top: 50px;}
main .people-text.pr p{width: 60%;}


/* main .people h1 {
    width: 42%;
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0.63px;
    color: #EC637E;
    font-weight: 500;
    margin-bottom: 20px;
}

main .people>p {
    width: 40%;
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.38px;
    color: #313D48;
    font-weight: 300;
    margin-bottom: 35px;
} */

main .people div {
    width: 100%;
    float: left;
    position: relative;
}

main .people article {
    width: 23.419055649241147%;
    float: left;
    position: relative;
    margin-left: 2.1079258010118045%;
    margin-bottom: 35px;
}

main .people article:nth-child(4n-3) {
    margin-left: 0;
    clear: left;
}

main .people article figure {
    width: 100%;
    float: left;
    height: 278px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}

main .people article figure::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon-plus.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 63px 63px;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .people article figure:hover::after {
    opacity: 1;
    visibility: visible;
}

main .people article figure::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #EC637E;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .people article figure:hover::before {
    opacity: 0.5;
    visibility: visible;
}

main .people article figure img {
    width: 100%;
    float: left;
    display: none;
}

main .people article h2,
main .people article h3 {
    width: auto;
    margin: 0;
    padding: 13px 0 0 0;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.38px;
    color: #EC637E;
    float: left;
    line-height: 1;
    font-weight: 500;
    position: relative;
}
main .people article h3 {
    font-size: 14px;
    width: 100%;
}
 
main .people article h2:before{content:"";width: calc(100% + 1px);height: 1px; opacity: 1;background-color: #EC637E;position: absolute;bottom:-1.5px;left: 0;transform: scaleX(0);transition: transform 250ms ease-in-out;}
main .people article a:hover h2:before{transform: scaleX(1);}

main .people article h3 {
    font-weight: 300;
    color: #313D48;
    margin-top: 8px;
    padding: 0;
}

/* main .people .last {
    width: 23.419055649241147% !important;
    float: right;
} 

main .people .last h2 {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0.63px;
    margin-bottom: 15px;
}

main .people .last p {
    margin-bottom: 15px;
}*/

main .people-detail {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 40px;
}

main .people-detail article {
    width: 48.9460370994941%;
    float: right;
    position: relative;
    /* margin-left: 2.1079258010118045%; */
}

main .people-detail article:nth-child(2n-1) {
    margin-left: 0;
}

.detail {
    width: 480px !important;
}

.detail.posFix {
    position: fixed;
    top: 120px;
    left: 50%;
    margin-left: 113px;
}

.detail.posAbs {
    position: absolute;
    bottom: 75px;
    left: 50%;
    margin-left: 113px;
}


/* .detail section {
    width: 100%;
    position: sticky;
    right: 0;
    top: 120px;
} */

.detail strong,
.detail b {
    font-weight: 500;
}

.detail h1,
.detail h2 {
    width: 100%;
    float: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 0.38px;
    line-height: 1.3;
    color: #EC637E;
    margin-bottom: 5px;
}

.detail address {
    width: 100%;
    float: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.38px;
    line-height: 20px;
    color: #313D48;
    font-style: normal;
    margin-bottom: 25px;
}

.detail .logo {
    width: 30%;
    float: left;
    margin-bottom: 30px;
}

.detail .logo img {
    width: 100%;
    float: left;
    margin-bottom: 0;
}

.detail h3,
.detail h4,
.detail h5,
.detail h6 {
    width: 100%;
    float: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.38px;
    line-height: 20px;
    color: #313D48;
    margin-bottom: 20px;
}

.detail aside {
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.detail .key {
    margin-bottom: 6px !important;
    font-weight: 500;
}

.detail .key span {
    width: 380px;
    float: right;
    font-weight: 300;
}

.detail p {
    width: 100%;
    float: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.34px;
    line-height: 20px;
    color: #313D48;
    margin-bottom: 20px;
}

.detail p a {
    text-decoration: underline;
}

.detail p a:hover {
    text-decoration: none;
}

.detail a {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.34px;
    line-height: 20px;
    color: #EC637E;
}
.detail a:not(.btn):before { 
    background-color: #EC637E; 
}


.detail ul {
    width: 100%;
    float: left;
    list-style-type: disc;
    padding: 0 0 20px 20px;
    margin: 0;
}

.detail ol {
    width: 100%;
    float: left;
    list-style-type: decimal;
    padding: 0 0 20px 20px;
    margin: 0;
}

.detail ul li,
.detail ol li {
    width: 100%;
    float: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.34px;
    line-height: 20px;
    color: #313D48;
    margin-bottom: 5px;
}

.detail ul li:last-of-type {
    margin-bottom: 0;
}

.detail img {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.detail blockquote {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0 0 20px 0;
}

.detail blockquote p {
    font-size: 35px;
    color: #EC637E;
    line-height: 45px;
    margin-bottom: 0;
}

.detail blockquote span {
    margin-top: 0.9216589861751152vw;
}

.detail .line {
    width: 100%;
    height: 1px;
    float: left;
    background-color: #313D48;
    margin-bottom: 20px;
}

.detail .line.half {
    width: 37%;
}

.detail .back {
    width: auto;
    position: relative;
    float: left;
    padding-left: 18px;
    font-weight: 500 !important;
}
.detail .back:hover {
    text-decoration: none;
}

.detail .back::after {
    width: 10px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url(../images/icon-back.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.detail .forward {
    width: auto;
    position: relative;
    float: left;
    font-weight: 500 !important;
}

.detail .forward::after {
    width: 10px;
    height: 21px;
    position: absolute;
    right: -18px;
    top: 0;
    content: "";
    background-image: url(../images/icon-forward.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.detail.ns h1 {
    font-size: 20px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
}

.detail.ns address {
    font-weight: 500;
}

.detail.pt h1 {
    margin-bottom: 15px;
}

main .detail-box.lf article.detail.pt:nth-of-type(2) {
    float: left;
    margin-left: 125px;
}

.detail.pt h2,
.detail.pt h3,
.detail.pt h4,
.detail.pt h5,
.detail.pt h6 {
    margin-bottom: 8px;
    font-size: 15px;
    color: #313D48;
}

.close-p {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background-image: url(../images/icon-close.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 10px;
}

.hiddenProjectView {
        display: none;
    }
/*WB-work-start*/


/*
main .places-box{width:100%;float:left;margin:40px 0 33px 0;padding:0;}
main .places-box article{width:581px;float:left;margin:70px 0 0 24px;padding:0;}
main .places-box article:nth-child(odd){margin-left:0;clear:left;}
main .places-box article:nth-child(-n+2){margin-top:0;}
main .places-box article a{width:100%;float:left;margin:0;padding:0;text-decoration:none;}
main .places-box article figure{width:100%;height:383px;float:left;margin:0 0 10px 0;padding:0;background-repeat:no-repeat;background-size:cover;background-position:center center;position:relative;}
main .places-box article a:hover figure:before{width:100%;height:100%;margin:0;padding:0;content:' ';background-color:rgba(241, 109, 120, 0.5);position:absolute;top:0;left:0;}
main .places-box article a:hover figure:after{width:63px;height:63px;margin:0;padding:0;content:' ';background-image:url(../images/plus-icon-white.svg);background-repeat:no-repeat;background-size:100% auto;position:absolute;top:160px;left:259px;}
main .places-box article p{width:100%;float:left;margin:0;padding:0;text-align:left;font-family:'Manrope', sans-serif;font-weight:500;font-size:15px;letter-spacing:0.38px;line-height:24px;color:#EC637E;}
main .places-box article p span{margin-left:15px;color:#313D48;font-family:'Manrope', sans-serif;font-weight:300;}
*/

#projectLIstContainer{padding-bottom: 65px;float: left;width: 100%;}
main .projects-box {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

main .projects-box article {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

main .projects-box>article>h2 {
    width: 100%;
    float: left;
    margin: 40px 0;
    padding: 0;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 0.63px;
    line-height: 24px;
    color: #EC637E;
}
main .projects-box:first-of-type>article>h2 {
    margin-top: 0;
}

main .projects-box article .list-box {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

main .projects-box article .list-box ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

main .projects-box article .list-box ul li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #313D48;
}

main .projects-box article .list-box ul li.lh {
    padding: 0 1.6863406408094434% 15px 1.6863406408094434%;
}

main .projects-box article .list-box ul li a {
    width: 100%;
    float: left;
    margin: 0;
    padding: 17px 1.6863406408094434% 15px 1.6863406408094434%;
    text-decoration: none;
    transition: 0.2s all;
    position: relative;
}

main .projects-box article .list-box ul li p {
    width: 23.440134907251264%;
    float: left;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.34px;
    line-height: 20px;
    color: #313D48;
}

main .projects-box article .list-box ul li p:nth-of-type(2) {
    width: 22.849915682967958%;
    margin-left: .42158516020236085%;
}

main .projects-box article .list-box ul li p:nth-of-type(3) {
    width: 33.05227655986509%;
    margin-left: 1.0981450252951095%;
}

main .projects-box article .list-box ul li p:nth-of-type(4) {
    width: 15.118043844856661%;
    margin-left: .927487352445194%;
}

main .projects-box article .list-box ul li.lh p {
    color: #EC637E;
}

main .projects-box article .list-box ul li p b {
    font-weight: 600;
}

main .projects-box article .list-box ul li p span {
    font-weight: 500;
    color: #EC637E;
}

main .projects-box article .list-box ul li a:after {
    width: 10.32px;
    height: 20.63px;
    margin: 0;
    padding: 0;
    content: ' ';
    background-image: url(../images/black-arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 19px;
    right: 20px;
}

main .projects-box article .list-box ul li a:hover {
    background-color: #313D48;
}

main .projects-box article .list-box ul li a:hover p {
    color: #FFFFFF;
}

main .projects-box article .list-box ul li a:hover:after {
    background-image: url(../images/white-arrow-right.svg);
}

main .projects-box.plus article .list-box ul li a:after {
    width: 21px;
    height: 21px;
    background-image: url(../images/plus-icon-black.svg);
    top: 18px;
    right: 13px;
}

main .projects-box.plus article .list-box ul li a:hover:after {
    background-image: url(../images/plus-icon-white.png);
}

main .projects-box.plus article .list-box ul li a.active:after {
    width: 15px;
    height: 15px;
    background-image: url(../images/cross-icon-black.svg);
    top: 20.13px;
    right: 16px;
}

main .projects-box.plus article .list-box ul li a.active:hover:after {
    background-image: url(../images/cross-icon-black.svg);
}

main .projects-box.plus article .list-box ul li a.active:hover {
    background-color: transparent;
}

main .projects-box.plus article .list-box ul li a.active:hover p {
    color: #313D48;
}

main .projects-box.no-arrow article .list-box ul li a {
    pointer-events: none;
}

main .projects-box.no-arrow article .list-box ul li a:after {
    display: none;
}

main .projects-box article .list-box ul li .inner-data {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    padding: 0 0 55px 20px;
}

main .projects-box article .list-box ul li .inner-data figure {
    width: 48.9460370994941%/*511px*/
    ;
    float: left;
    margin: 0;
    padding: 0;
}

main .projects-box article .list-box ul li .inner-data figure img {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}

main .projects-box article .list-box ul li .inner-data article {
    /* width: 537px; */
    float: right;
    /* margin: 0 0 0 75px; */
    padding: 0;
}

main .projects-box article .list-box ul li .inner-data article p {
    width: 100%;
}

main .clients-box {
    width: 100%;
    float: left;
    margin: 80px 0 0 0;
    padding: 0;
}

main .clients-box article {
    width: 31.956155143338955%;
    height: auto;
    float: left;
    margin: 0 0 0 2.065767284991568%;
    padding: 0;
    display: flex;
    align-items: center;
}

main .clients-box article:nth-of-type(3n-2) {
    margin-left: 0;
    clear: left;
}

main .clients-box figure {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}

main .clients-box figure a {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-decoration: none;
}
main .clients-box figure a::before {
    display: none !important;
}

main .clients-box figure img {
    width: 100%;
    float: left;
}

main .philosophy {
    margin: 200px auto 0 auto;
    /*padding: 0 100px 0 135px;*/
	width: 100%;
    max-width: 950px;
}

main .philosophy h1 {
    width: 345px;
    float: left;
    margin:10px 0 0 0;
    padding: 0;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 60px;
    letter-spacing: 0.9px;
    line-height: 80px;
    color: #313D48;
}

main .philosophy article {
    float: right;
    margin: 0 -43px 0 0;
    padding: 20px 0 0 0;
	width: 530px !important;
}

main .philosophy article h2 {
    margin-bottom: 22px;
}

main .philosophy article h3,
main .philosophy article h4,
main .philosophy article h5,
main .philosophy article h6,
main .philosophy article p {
    margin-bottom: 18px;
}

main .philosophy-new {
    width: 100%;
    float: left;
}

main .philosophy-box {
    width: 100%;
    /* float: left; */
    margin: 0 auto;
    padding: 0;
    max-width: 950px;
}

main .philosophy-box article {
    width: 405px;
    float: left;
    margin: 0 0 30px 140px;
    padding: 0;
    border-top: 0;
}

main .philosophy-box article:nth-of-type(2n-1) {
    margin-left: 0;
	clear:left;
}
/*main .philosophy-box article:first-of-type {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}*/

main .philosophy-box article .left {
    width: 100% !important;
    float: left;
}

main .philosophy-box article .right {
    float: right;
	width: 100% !important;
}

main .philosophy-box article h1,
main .philosophy-box article h2 {
    font-size: 60px;
    letter-spacing: 0.9px;
    line-height: 80px;
    color: #313D48;
	font-weight: 300;
	margin-bottom: 12px;
}

main .philosophy-box article h3,
main .philosophy-box article h4 {
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 0.38px;
    line-height: 1.1;
    color: #EC637E;
}

/*main .philosophy-box article h3,
main .philosophy-box article h4,
main .philosophy-box article h5,
main .philosophy-box article h6,
main .philosophy-box article p {
    margin-bottom: 10px;
}*/

main .news-listing {
    width: 100%;
    float: left;
    margin: 40px 0 0 0;
    padding: 0;
}

main .news-listing article {
    width: 100%;
    float: left;
    margin: 0 0 60px 0;
    padding: 0 85px 60px 75px;
    border-bottom: 1px solid #313D48;
}

main .news-listing article a {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
main .news-listing article a:not(.btn):before {
    display: none;
}

main .news-listing article figure {
    width: 100%;
    height: 219px;
    float: right;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    cursor: pointer;
}

main .news-listing article figure::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/icon-plus.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 63px 63px;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .news-listing article:hover figure::after {
    opacity: 1;
    visibility: visible;
}

main .news-listing article figure::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #EC637E;
    opacity: 0;
    visibility: hidden;
    content: "";
    transition: opacity 0.5s;
}

main .news-listing article:hover figure::before {
    opacity: 0.5;
    visibility: visible;
}

main .news-listing article figure img {
    display: none;
}

main .news-listing article .left-box {
    width: 437px;
    height: 219px;
    float: left;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

main .news-listing article.arch .left-box {
    display: inline-block;
    align-items: initial;
    height: auto;
}

main .news-listing article .left-box div {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

main .news-listing article .left-box div h2 {
    width: auto;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 25px;
    color: #EC637E;
    position: relative;
}

/* main .news-listing article a:hover .left-box div h2 {
    text-decoration: underline;
} */
 
main .news-listing article .left-box div time {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.38px;
    line-height: 20px;
    color: #313D48;
}

main .news-listing article .left-box div .link {
    width: auto;
    float: left;
    margin: 0 0 0 80px;
    padding: 0;
    text-align: left;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.38px;
    line-height: 20px;
    color: #313D48;
    text-decoration: none;
    position: relative;
}

main .news-listing article .left-box div .link:before{content:"";width: calc(100% + 1px);height: 1px; opacity: 1;background-color: #313D48;position: absolute;bottom:-1.5px;left: 0;transform: scaleX(0);transition: transform 250ms ease-in-out;}
main .news-listing article a:hover .left-box div .link:before{transform: scaleX(1);}
 

main .news-listing article .left-box div .link:after {
    width: 10.18px;
    height: 20.63px;
    margin: 0;
    padding: 0;
    content: ' ';
    background-image: url(../images/black-arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: -20.18px;
}

main .news-listing article .right-box {
    float: right;
    margin: 0;
    padding: 0;
}

main .news-listing article .right-box p {
    margin-bottom: 10px;
}

main .loadmore {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

main .loadmore a {
    width: auto;
    margin: 0;
    padding: 0 41.35px 0 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.38px;
    line-height: 20px;
    color: #EC637E;
    text-decoration: underline;
    display: inline-block;
    position: relative;
}

main .loadmore a::before {
    background-color: #EC637E; 
}
main .loadmore a:after {
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
}

main .loadmore .more:after {
    width: 21.35px;
    height: 21.35px;
    background-image: url(../images/plus-icon-pink.svg);
}

main .loadmore .top:after {
    width: 22.66px;
    height: 11.33px;
    background-image: url(../images/up-arrow-pink.svg);
    top: 5px;
}


main .loadmore .more.down {
    text-decoration: none;
	padding-right:0;
	margin-top: 90px;
	margin-bottom: 140px;
}

main .loadmore .more.down:after {
	top: 28px;
    left: 50%;
    margin-left: -8px;
	width: 21px;
    height: 10px;
    background-image: url(../images/icon-arrow-down.svg);
}


/*WB-work-end*/


/*Slider-Section-Start*/

.slick-slider {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    /* width: 100vw;
    max-width: calc(1366px - 90px - 90px); */
}

.slick-slide:first-of-type {
    margin-left: 0 !important;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.btn-slick {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 9;
    background-image: url(../images/icon-arrow-slide-right.html);
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.prev {
    bottom: 0;
    right: auto;
    left: 15px;
    background-image: url(../images/icon-arrow-slide-left.html);
}

.slick-dots {
    position: absolute;
    height: auto;
    width: auto;
    bottom: 2px;
    right: 0;
    background-color: transparent;
    z-index: 8;
}

.slick-dots li {
    width: 12px;
    height: 12px;
    cursor: pointer;
    border-radius: 100%;
    padding: 0;
    float: left;
    text-align: center;
    background-color: transparent;
    border: solid 1px #EC637E;
    margin-left: 10px;
}

.slick-dots li.slick-active {
    background-color: #EC637E;
    border: solid 1px #EC637E;
}

.slick-dots li a {
    cursor: pointer;
    font-family: "kyrial-display-pro", sans-serif;
    font-weight: 400;
    font-size: 2.5vw;
    color: #252626;
    text-decoration: none !important;
    cursor: default;
    line-height: 1;
}

.slick-dots li a span {
    color: #252626;
    position: relative;
    top: 0;
}

.prev.slick-disabled {
    opacity: 0.3;
    cursor: default;
    animation: none;
}

.next.slick-disabled {
    opacity: 0.3;
    cursor: default;
    animation: none;
}

.slick-disabled:hover {
    border: 1px solid #D1001F;
}

body.first {
    overflow: hidden !important;
    background-color: #313D48;
}

body.first .bg-video-wrap {
    opacity: 1;
    visibility: visible;
}

.bg-video-wrap {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #313D48;
    transition: opacity 0.5s;
    opacity: 0;
    visibility: hidden;
}

.bg-video-wrap .video-inner {
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100%;
}

.bg-video-wrap .video-inner .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #313D48;
    /* background-image: url(http://edft.sbronline.co.uk/media/2049/img-home-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.bg-video-wrap .video-inner .inner .fullscreen-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
}

@media (min-aspect-ratio: 16 / 9) {
    .bg-video-wrap .video-inner .inner .fullscreen-video video {
        height: 500%;
        top: -200%;
    }
}

@media (max-aspect-ratio: 16 / 9) {
    .bg-video-wrap .video-inner .inner .fullscreen-video video {
        width: 500%;
        left: -200%;
    }
}

video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


/*video:before {
  width: 100vw;
  height: 100vh;
  position:absolute;
  left:0;
  top:0;
  background-color:#F0EEF0 !important;
  content:"";
}*/

.loading {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16.5625vw auto;
}

.loading img {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 50px 0 0 -25px;
}


/*video[poster] {
    object-fit: cover; 
}*/

body.first #outer-wrapper {
    opacity: 0;
    visibility: hidden;
}


body.first main .project-list {
    opacity: 0;
    visibility: hidden;
}
body.home footer{display: none !important;}



/* Character Page */
.sub-nav{width: 100%;float: left; position: sticky;top: 80px; z-index: 8;background-color: #313D48;}
.sub-nav ul {width: 100%;height: auto;display: flex;list-style: none;padding:11px 0;margin: 0;align-items: center;}
.sub-nav li a {float: left;margin-left: 25px;font-weight: 400;font-size: 15px;line-height: 24px;letter-spacing: 0.38px;text-decoration: none;padding:0;color: #FFFAF7;transition: color 0.2s;}
.sub-nav li a:hover,
.sub-nav li a.active {color: #EC637E;}
.sub-nav li a:hover:before {display: none;}
.sub-nav li:first-of-type a{margin-left:0;}

.who-we-are {width: 100%;float:left;padding: 90px 0 0 0;margin: 0;}
.who-we-are h3{width: 100%;float:left;font-size: 18px;color: #EC637E;margin-bottom: 5px;font-family: 'Manrope', sans-serif;font-weight: 500;font-size: 18px;line-height: 20px;letter-spacing: 1.35px;text-transform: uppercase;}
.who-we-are h2.main-heading{width: 100%;float:left;font-size: 35px;color: #313D48;margin: 0;font-family: 'Manrope', sans-serif;font-weight: 400;font-size: 35px;line-height: 40px;letter-spacing: 2.63px;}
.milestones{width: 100%;display: flex;justify-content: start;flex-wrap: wrap;gap: 0;padding: 65px 0 0 0;}
.milestones ul{width: 100%;list-style: none;padding: 0;margin: 0 0 0 0;display: flex; justify-content: space-between;gap: 0px;flex-wrap: wrap;}
.milestones li{text-align: left;}
.milestones h2{margin-bottom: 10px;color: #EC637E;font-family: 'Manrope', sans-serif;font-weight: 500;font-size: 45px;line-height: 45px;letter-spacing: 2.25px;}
.milestones p{font-size: 16px;margin: 0;color: #313D48;font-family: 'Manrope', sans-serif;font-weight: 500;font-size: 15px;line-height: 20px;letter-spacing: 1.13px;}
.who-we-are span[id] {position: relative; top: -60px;}
.who-we-are .image-text-section {width: 100%;float: left;margin: 88px 0 93px 0;padding: 0px 0px;}
.who-we-are .image-text-section .container {padding: 0 90px 0 0;}
.who-we-are .image-text-section .image-text-block {width: 100%;margin-bottom: 0px;}
.who-we-are .image-text-section .image-text-block .image {width: 594px;height: 456px;float: left;padding: 0px;}
.who-we-are .image-text-section .image-text-block .text {width: 456px;float: right;padding: 0px;margin-right: 102px;}
.who-we-are .image-text-section .image-text-block.reverse .image {width: 558px;height: 647px;float: right;margin-top: 84px;}
.who-we-are .image-text-section .image-text-block.reverse .text {width: 427px;float: left;margin: 145px 0 0 90px;}
.who-we-are .image-text-section .image-text-block .image img {width: 100%;height: 100%;display: block;object-fit: cover;}
.who-we-are .image-text-section .image-text-block .text h2 {width: 100%;float: left;font-family: 'Manrope', sans-serif;font-weight:400;font-size: 25px;letter-spacing: 1.88px;line-height: 30px;color: #EC637E;margin-bottom: 25px;}
.who-we-are .image-text-section .image-text-block .text p {width: 100%;float: left;font-family: 'Manrope', sans-serif;font-weight:500;font-size: 18px;letter-spacing: 0.45px;line-height: 25px;color: #313D48;margin-bottom: 10px;}
.who-we-are .image-text-section .image-text-block .text p:last-child {margin-bottom: 0px;}

.who-we-are .full-width-image {width: 100%;height: 545px;overflow: hidden;padding-top: 0;}
.who-we-are .full-width-image img {width: 100%;height: 100%;object-fit: cover;display: block;}

.who-we-are.approach {background-color: #313D48;}
.who-we-are.approach h3 {margin-bottom: 14px;}
.who-we-are.approach h2.main-heading{width:759px;color: #FFFFFF;}
.who-we-are.approach .image-text-section .image-text-block .text p {color: #ffffff;}
.who-we-are.approach .image-text-section .container {padding: 0 90px 0 90px;}
.who-we-are.approach .image-text-section {margin: 0px 0 126px 0;}
.who-we-are.approach .image-text-section .image-text-block .text {width: 303px;padding: 0px;margin-right: 177px;margin-top: 75px;}
.who-we-are.approach .image-text-section .image-text-block .image {width: 480px;height: 633px;padding: 0px;}
.who-we-are.approach .image-text-section .image-text-block.reverse .image {width: 505px;height: 502px;float: right;margin-top: 176px;margin-right: 76px;}
.who-we-are.approach .image-text-section .image-text-block.reverse .text {width: 359px;float: left;margin: 124px 0 0 76px;}
.section-approach-center-block {width: 100%;float: left;margin: 90px 0 0 0;padding: 0px 0px;}
.section-approach-center-block .image-text-block {display: flex;align-items: center;margin-bottom: 119px;}
.section-approach-center-block .image-text-block:last-child {margin-bottom: 98px;}
.section-approach-center-block .image-text-block.reverse {flex-direction: row-reverse;}
.section-approach-center-block .image-text-block.reverse .text-block {width: 375px;margin-right: 154px;margin-left: 0;}
.section-approach-center-block .image-text-block.reverse .image-block {width: 505px;height: 399px;margin-left: 0px;margin-right: 76px;}
.section-approach-center-block .image-block {width: 671px;height: 447px;margin-left: -90px;}
.section-approach-center-block .image-block img {width: 100%;height: 100%;display: block;object-fit: cover;}
.section-approach-center-block .text-block {width: 418px;padding: 0px 0 0 0;text-align: left;margin-left: 125px;}
.section-approach-center-block .text-block h2 {width: 100%;float: left;font-family: 'Manrope', sans-serif;font-weight:400;font-size: 25px;letter-spacing: 1.88px;line-height: 30px;color: #EC637E;margin-bottom: 25px;}
.section-approach-center-block .text-block p {width: 100%;float: left;font-family: 'Manrope', sans-serif;font-weight:400;font-size: 18px;letter-spacing: 0.45px;line-height: 25px;color: #FFFFFF;margin-bottom: 10px;}
.section-approach-center-block .text-block p:last-child {margin-bottom: 0px;}
.who-we-are.approach .text-info-approach {width: 100%;float: left;margin-bottom: 109px;}
.who-we-are.approach .text-info-approach p {width: 100%;float: left;font-family: 'Manrope', sans-serif;font-weight:500;font-size: 45px;letter-spacing: 2.25px;line-height: 45px;color: #EC637E;margin-bottom: 0;}
.who-we-are.approach {background-color: #313D48;}

.who-we-are.values {padding-top: 83px;}
.who-we-are.values h4 {width: 100%;float: left;font-size: 18px;color: #313D48;margin-bottom: 5px;font-family: 'Manrope', sans-serif;font-weight: 500;font-size: 18px;line-height: 30px;letter-spacing: 1.35px;padding-top: 8px;}
.who-we-are.values h2.main-heading {color: #EC637E;}
.who-we-are.values p, .value-circles p {width: 30%;float: left;color: #313D48;margin-bottom: 0;font-family: 'Manrope', sans-serif;font-weight: 500;font-size: 18px;line-height: 25px;letter-spacing: 0.45px;padding-top: 29px;}
.value-circles {position: relative;width: 100%;padding: 0px 0px 105px;text-align: center;margin-top: -43px;}
.value-circles .main-circle {position: relative;z-index: 1;width: 571px;height: 571px;}
.value-circles .main-circle img {width: 100%;height: auto;margin: 0 0 0 308px;}

.circle-block {position: absolute;width: 286px;height: 286px;z-index: 2;opacity: 0;visibility: hidden;transition: opacity 0.5s;}
/* .circle-block .trigger{width: 100%;height: 10px;top: calc(50% - 5px);right: 0;position: absolute;background-color: #4dabd6;} */
.circle-block img {width: 100%;height: auto;display: block;}
.circle-block .text-block {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: left;}
.circle-block .title-line {display: flex;align-items: center;gap: 10px;margin-bottom: 6px;}
.circle-block .title-line .line {display: inline-block;width: 0;height: 1px;background-color: #EC637E;vertical-align: middle;margin-right: 10px;position: absolute;transition: width 0.8s;}
.circle-block .title-line h3 {margin: 0;white-space: nowrap;font-family: 'Manrope', sans-serif;font-weight:500;font-size: 17px;letter-spacing: 1.27px;line-height: 20px;color: #EC637E;margin-bottom: 0;}
.circle-block .text-block p {width: 94%;padding: 0;color: #313D48;font-family: 'Manrope', sans-serif;font-weight:400;font-size: 15px;letter-spacing: 0.38px;line-height: 20px;;margin-bottom: 0;}
.circle-block.top .text-block {top: 55%;right: -600px;color: #313D48;text-align: left;left: auto;}
.circle-block.left .text-block {top: 65%;left: -57%;}
.circle-block.right .text-block {top: 46%;right: -336px;left: auto;transform: translate(0%, 0%);}
.circle-block.bottom .text-block {top: 77%;left: -303px;color: #313D48;text-align: left;right: auto;}

.circle-block.top.animateC .text-block .title-line .line {width: 174px;margin-right: 0;right: calc(100% + 10px);}
.circle-block.left.animateC .text-block .title-line .line {width: 53px;margin-right: 0;left: calc(100% - 26px);}
.circle-block.right.animateC .text-block .title-line .line {width: 45px;margin-right: 0;right: calc(100% + 10px);left: auto;}
.circle-block.bottom.animateC .text-block .title-line .line {width: 215px;margin-right: 0;left: calc(100% - 45px);}

.circle-block.top {top: 24.83%;left: 50%;transform: translate(-50%, -50%);}
.circle-block.left {top: 49.85%;left: 39.55%;transform: translate(-50%, -50%);}
.circle-block.right {top: 49.75%;right: 39.5%;transform: translate(50%, -50%);}
.circle-block.bottom {bottom: 25.3%;left: 50%;transform: translate(-50%, 50%);}
.carousel-dots {display: flex;justify-content: center;align-items: center;gap: 12px;margin: 25px auto 0;}
.carousel-dots .dot {width: 10px;height: 10px;border-radius: 50%;display: inline-block;transition: background-color 0.3s ease;border: solid 1px #313D48;}
.carousel-dots .dot:hover {border: solid 1px #EC637E;}
.carousel-dots .dot::before{display: none;}
.carousel-dots .dot:hover,
.carousel-dots .dot.animateC {border: solid 1px #EC637E;}

.circle-block.animateC{opacity: 1;visibility: visible;}


.who-we-are.approach.sustainability {padding-bottom: 132px;padding-top: 105px;overflow: hidden;}
.who-we-are.approach.sustainability .section-approach-center-block {margin: 99px 0 0 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-block {width: 673px;height: 829px;margin-left: -90px;float: left;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block {float: right;margin-right: 60px;margin-left: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul {width: calc(100% + 72px);float: left;margin: 127px 0 0 0;padding: 0px 0px;list-style-type: none;white-space: unset;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .text-block ul {margin: 60px 0 23px 0;width: calc(100% + 200px);}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul li{width: 100%;float: left;;color: #EC637E;margin-bottom: 30px;font-family: 'Manrope', sans-serif;font-weight: 500;font-size: 45px;line-height: 1;letter-spacing: 2.25px;padding-top: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul li h4{width: 100%;float: left;;color: #ffffff;margin: 13px 0 0 0;font-family: 'Manrope', sans-serif;font-weight: 500;font-size: 15px;line-height: 20px;letter-spacing: 1.13px;padding-top: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block {float: left;width: 100%;display: block;margin-bottom: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .text-block {width: 498px;margin-right: 173px;margin-left: 0;margin-top: 155px;float: left;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .image-block {width: 480px;height: 389px;margin-left: 0px;margin-right: 0;float: right;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .image-block img{margin-top: -60px;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .last-image{width: 404px;height: 597px;margin-left: 0px;margin-right: 0;float: none;margin-top: 0;position: absolute;bottom: -164px;right: 0;}
.who-we-are.approach.sustainability .last-image img {width: 100%;height: 100%;display: block;object-fit: cover;}

.who-we-are.approach.sustainability.giving-back  {padding-bottom: 0;background-color: #FFFAF7;}
.who-we-are.approach.giving-back h2.main-heading, .who-we-are.approach.giving-back .section-approach-center-block .text-block p, .who-we-are.approach.sustainability.giving-back .section-approach-center-block .text-block ul li h4 {
color: #313D48;}
.who-we-are.approach.giving-back .section-approach-center-block .image-block {width: 591px;height: 589px;margin-left: -90px;float: left;
}
.who-we-are.approach.giving-back .section-approach-center-block .image-block.third {
float: right;width: 570px;height: 344px;margin-right: -90px;margin-top: 100px;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .image-block
 {width: 331px;height: 379px;margin-left: 72px;margin-right: 0;float: left;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .text-block {
width: 580px;margin-right: 0!important;margin-left: 202px;margin-top: 0;float: right;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .text-block ul {
margin: 86px 0 23px 0;width: 100%!important;white-space: unset!important;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .image-block img
 {margin-top: 38px;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .text-block
 {width: 446px;margin-right: 0;margin-left: 0;margin-top: 150px;float: left;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .image-block {
    width: 578px;height: 396px;margin-left: 0;margin-right: 0;float: right;}
.who-we-are.approach.giving-back  .section-approach-center-block .text-block ul li {margin-bottom: 40px;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .last-image{width: 393px;height: 273px;margin-left: 0px;margin-right: 0;float: none;margin-top: 0;position: absolute;bottom: 60px;right: 0;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .last-image img {width: 100%;height: 100%;display: block;object-fit: cover;}
.logos-text-block {width: 100%;float: left;margin-top: 107px;}
.logos-text-block p {width: 100%;float: left;font-family: 'Manrope', sans-serif;font-weight: 400;font-size: 18px;letter-spacing: 0.45px;line-height: 25px;color: #313D48;margin-bottom: 60px;}
.logo-container {width: 756px;display: flex;flex-wrap: wrap;}
.logo-container .logo {height: 79px;max-width:fit-content;width: 100%;object-fit: contain;margin-left: 90px;margin-bottom: 50px;}
.logo-container .logo:nth-child(4n-3) {clear: left;margin-left: 0;}
.who-we-are.approach.giving-back .full-width-image {width: 100%;height: 766px;margin-top: 60px;}

.who-we-are.approach.sustainability.careers {padding-bottom: 115px;margin-bottom: -36px;}
.who-we-are.approach.sustainability.careers .section-approach-center-block {margin: 26px 0 0 0;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .text-block {float: left;margin-right: 0px;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .text-block {width: 569px;margin-left: 0;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .image-block {width: 480px;height: 419px;margin-left: 0;float: right;margin-top: -93px;}
.who-we-are.approach.sustainability.careers .forward {width: auto;position: relative;float: left;padding-right: 0;font-family: 'Manrope', sans-serif;
font-weight: 500;font-size: 20px;letter-spacing: 1.5px;line-height: 25px;color: #EC637E;margin-top: 38px;}
.who-we-are.approach.sustainability.careers .forward::after {width: 13px;height: 27px;position: absolute;right: -18px;top: 0;
content: "";background-image: url(../images/arrow-ri.png);background-position: center center;background-repeat: no-repeat;background-size: 100% auto;}
.who-we-are.approach.sustainability.careers .forward::before {background-color: #EC637E;}



footer {
    width: 100%;
    float: left;
    margin-top: 35px;
    padding: 0;
    background-color: #FFFAF7;
    text-align: center;
    height: 96px;
}

footer #footer {
    width: 100%;
    max-width: 1366px;
    height: 100%;
    display: inline-block;
    padding: 17px 90px;
    margin: 0;
    position: relative;
}

footer #footer::before {
    content: "";
    position: absolute;
    left: 90px;
    right: 90px;
    top: 0;
    width: calc(100% - 90px - 90px);
    height: 1px;
    background-color: #313D48;
}

footer .logo {
    width: 178px;
    height: 32px;
    float: right;
    margin: 10px 0 0 0;
    padding: 0;
    background-image: url(../images/logo.svg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
}

footer .nav {
    width: 380px;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 9;
}

footer .nav li {
    width: 100px;
    float: left;
    text-align: left;
    margin-bottom: 7px;
}

footer .nav li:nth-child(1) {
    width: 80px;
}

footer .nav li:nth-child(4) {
    clear: left;
    width: 80px;
}

footer .nav li .icon {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0;
    padding: 0;
    background-image: url(../images/icon-x.svg);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    margin-right: 15px;
}

footer .nav li .icon.twitter {
    background-image: url(../images/icon-x.svg);
}

footer .nav li .icon.linkedin {
    background-image: url(../images/icon-linkedin.svg);
}

footer .nav li a {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.38px;
    color: #313D48;
}

footer p {
    width: 95%;
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.3px;
    color: #313D48;
    position: absolute;
    right: 0;
    top: 49px;
}

footer p a { 
    position: relative;
}
footer p a { 
    color: #313D48;
}

footer p a:not(.btn):before {  
    bottom: -0.5px;
    transform: scaleX(1); 
}
footer p a:not(.btn):hover:before {  
    transform: scaleX(0); 
}

@media only screen and (min-width:768px) and (max-width:1366px) {

a:not(.btn):before{bottom:-0.10980966325036604vw;}
main .list-view article h2 span:before{bottom:-0.10980966325036604vw;}
main .related article h2 span:before{bottom:-0.10980966325036604vw;}
main .people article h2:before{bottom:-0.10980966325036604vw;}
main .news-listing article .left-box div .link:before{bottom:-0.10980966325036604vw;}

header { 
    height: 5.856515373352855vw; 
}
header .logo {
    width: 13.030746705710103vw;
}
header .menu {
    width: 1.6837481698389458vw;
    height: 1.2445095168374818vw; 
    right: 6.588579795021962vw;
    top: 2.342606149341142vw; 
}

header p { 
    left: 6.588579795021962vw;
    top: 2.342606149341142vw;
}
header p a { 
    margin-left: 1.4641288433382138vw; 
    font-size: 1.0980966325036603vw; 
    letter-spacing: 0.027818448023426062vw; 
}
    header #header {
        padding: 0 6.588579795021962vw;
    }
     
header nav ul li { 
    margin-bottom: 3.294289897510981vw;
} 
header nav ul li a { 
    font-size: 2.1961932650073206vw; 
    letter-spacing: 0.16471449487554907vw; 
} 
body.open header .menu { 
    background-size: 1.171303074670571vw auto;
}
    header .menu {
        right: 6.588579795021962vw;
    }
    header p {
        left: 6.588579795021962vw;
    }
.sub-nav{top: 5.856515373352855vw;}

    main { 
    margin-top: 5.856515373352855vw; 
}

    main .container {
        padding: 0 6.588579795021962vw;
    }
    main .project-list article figure {
        height: 54.17276720351391vw;
    }
    main .list-view article {
        margin-bottom: 4.758418740849195vw;
    }
    main .related article figure {
        height: 20.351390922401173vw;
    }
    main .related article h2 {
        padding: 0.951683748169839vw 0 0 0;
        font-size: 1.0980966325036603vw;
        letter-spacing: 0.027818448023426062vw;
    }
    main .related article h2 span {
        margin-right: 1.8301610541727673vw;
        margin-bottom: 0.7373271889400922vw;
    }
    .detail {
        width: 35.13909224011713vw !important;
    }
    .detail.posFix {
        left: auto;
        right: 6.588579795021962vw;
        margin-left: 0;
    }
    .detail.posAbs {
        left: auto;
        right: 0;
        margin-left: 0;
    }
    .detail .key span {
        width: 79%;
    }
 
    main .people-text{margin-top: 6.588579795021962vw;margin-bottom: 2.1961932650073206vw;}
    main .people-text label{font-size: 1.3177159590043925vw;line-height: 2.1961932650073206vw;letter-spacing: 0.09882869692532943vw;}
    main .people-text h1{font-size: 2.562225475841874vw;line-height: 2.9282576866764276vw;letter-spacing: 0.1925329428989751vw;margin-bottom: 1.0980966325036603vw;}
    main .people-text p{font-size: 1.3177159590043925vw;line-height: 1.8301610541727673vw;letter-spacing: 0.03294289897510981vw;margin-bottom: 1.0980966325036603vw;}

    main .people-text.pr{margin-top: 3.6603221083455346vw;}
    

    main .people article { 
        margin-bottom: 2.562225475841874vw;
    }
 
    main .people article figure { 
        height: 20.351390922401173vw; 
    }

    main .people article figure::after { 
        background-size: 4.612005856515373vw 4.612005856515373vw; 
    }
   

    main .people article h2,
    main .people article h3 { 
        padding: 0.951683748169839vw 0 0 0; 
        font-size: 1.0980966325036603vw; 
        letter-spacing: 0.027818448023426062vw; 
    }
    main .people article h3 {
        font-size: 1.0248901903367496vw; 
        padding: 0;
    }
     
    main .people article h3 { 
        margin-top: 0.5856515373352855vw; 
    }


    /*main .philosophy {
        padding: 0 7.320644216691069vw 0 9.882869692532942vw;
    }
    main .philosophy-box article {
        padding: 45px 4.026354319180088vw 0 4.026354319180088vw;
    }*/
    main .news-listing article {
        padding: 0 4.026354319180088vw 60px 4.026354319180088vw;
    }
    main .people article figure {
        height: 20.351390922401173vw;
    }

    main .news-listing article figure {
        height: 16.03221083455344vw;
    }
    main .news-listing article .left-box {
        height: 16.03221083455344vw;
    }
.sub-nav ul {padding:0.8052708638360175vw 0;}
.sub-nav li a {font-size:1.10vw;line-height:1.76vw;letter-spacing:0.028vw;margin-left: 1.8301610541727673vw;}
.who-we-are {padding:6.59vw 0 0 0;}
.who-we-are h3{font-size:1.32vw;margin-bottom:0.37vw;line-height:1.46vw;letter-spacing:0.099vw;}
.who-we-are h2.main-heading{font-size:2.56vw;line-height:2.93vw;letter-spacing:0.193vw;}
.milestones{padding:4.76vw 0 0 0;}
.milestones h2{margin-bottom:0.73vw;font-size:3.29vw;line-height:3.29vw;letter-spacing:0.165vw;}
.milestones p{font-size:1.10vw;line-height:1.46vw;letter-spacing:0.083vw;}
.who-we-are span[id] {top:-4.39vw;}
.who-we-are .image-text-section {margin:6.44vw 0 6.81vw 0;}
.who-we-are .image-text-section .container {padding:0 6.59vw 0 0;}
.who-we-are .image-text-section .image-text-block .image {width:43.49vw;height:33.38vw;}
.who-we-are .image-text-section .image-text-block .text {width:33.38vw;margin-right:7.46vw;}
.who-we-are .image-text-section .image-text-block.reverse .image {width:40.86vw;height:47.37vw;margin-top:6.15vw;}
.who-we-are .image-text-section .image-text-block.reverse .text {width:31.26vw;margin:10.61vw 0 0 6.59vw;}
.who-we-are .image-text-section .image-text-block .text h2 {font-size:1.83vw;letter-spacing:0.138vw;line-height:2.20vw;margin-bottom:1.83vw;}
.who-we-are .image-text-section .image-text-block .text p {font-size:1.32vw;letter-spacing:0.033vw;line-height:1.83vw;margin-bottom:0.73vw;}
.who-we-are .full-width-image {height:39.89vw;}


.who-we-are.approach h3 {margin-bottom: 1.02vw;}
.who-we-are.approach h2.main-heading{width:55.56vw;}
.who-we-are.approach .image-text-section .container {padding: 0 6.59vw 0 6.59vw;}
.who-we-are.approach .image-text-section {margin: 0vw 0 9.23vw 0;}
.who-we-are.approach .image-text-section .image-text-block .text {width: 22.18vw;margin-right: 12.96vw;margin-top: 5.49vw;}
.who-we-are.approach .image-text-section .image-text-block .image {width: 35.14vw;height: 46.35vw;}
.who-we-are.approach .image-text-section .image-text-block.reverse .image {width: 36.97vw;height: 36.75vw;margin-top: 12.89vw;margin-right: 5.56vw;}
.who-we-are.approach .image-text-section .image-text-block.reverse .text {width: 26.28vw;margin: 9.08vw 0 0 5.56vw;}
.section-approach-center-block {margin: 6.59vw 0 0 0;}
.section-approach-center-block .image-text-block {margin-bottom: 8.72vw;}
.section-approach-center-block .image-text-block:last-child {margin-bottom: 7.17vw;}
.section-approach-center-block .image-text-block.reverse .text-block {width: 27.46vw;margin-right: 11.27vw;}
.section-approach-center-block .image-text-block.reverse .image-block {width: 36.97vw;height: 29.22vw;margin-right: 5.56vw;}
.section-approach-center-block .image-block {width: 49.13vw;height: 32.74vw;margin-left: -6.59vw;}
.section-approach-center-block .text-block {width: 30.60vw;margin-left: 9.15vw;}
.section-approach-center-block .text-block h2 {font-size: 1.83vw;letter-spacing: 0.138vw;line-height: 2.20vw;margin-bottom: 1.83vw;}
.section-approach-center-block .text-block p {font-size: 1.32vw;letter-spacing: 0.033vw;line-height: 1.83vw;margin-bottom: 0.73vw;}
.who-we-are.approach .text-info-approach {margin-bottom: 7.98vw;}
.who-we-are.approach .text-info-approach p {font-size: 3.29vw;letter-spacing: 0.165vw;line-height: 3.29vw;}

.who-we-are.values {padding-top: 6.08vw;}
.who-we-are.values h4 {font-size: 1.32vw;margin-bottom: 0.37vw;line-height: 2.20vw;letter-spacing: 0.099vw;padding-top: 0.59vw;}
.who-we-are.values p, .value-circles p {width: 30%;font-size: 1.32vw;line-height: 1.83vw;letter-spacing: 0.033vw;padding-top: 2.12vw;}


.value-circles {padding: 0 0 7.69vw;margin-top: -3.15vw;}
.value-circles .main-circle {width: 100%;height: 41.81vw;text-align: center;}
.value-circles .main-circle img {margin: 0 auto;width: 41.81vw;}
.circle-block {width: 20.94vw;height: 20.94vw;}
.circle-block .title-line {gap: 0.73vw;margin-bottom: 0.44vw;}
.circle-block .title-line .line {width: 3.66vw;height: 0.07vw;margin-right: 0.73vw;}
.circle-block .title-line h3 {font-size: 1.24vw;letter-spacing: 0.093vw;line-height: 1.46vw;}
.circle-block .text-block p {width: 94%;font-size: 1.10vw;letter-spacing: 0.028vw;line-height: 1.46vw;padding: 0}
.circle-block.top .text-block {top: 55%;right: -43.92vw;}
.circle-block.left .text-block {top: 65%;left: -55.75%;}
.circle-block.right .text-block {top: 46%;right: -24.60vw;}
.circle-block.bottom .text-block {top: 77%;left: -22.18vw;}
/* .circle-block.top .text-block .title-line .line {width: 12.74vw;left: -13.62vw;}
.circle-block.left .text-block .title-line .line {width: 3.88vw;right: -2.05vw;left: auto;}
.circle-block.right .text-block .title-line .line {width: 2.78vw;left: -3.66vw;}
.circle-block.bottom .text-block .title-line .line {width: 17.57vw;right: -13.62vw;} */
 
.circle-block.top.animateC .text-block .title-line .line {width: 12.73792093704246vw;margin-right: 0;right: calc(100% + 0.7320644216691069vw);}
.circle-block.left.animateC .text-block .title-line .line {width: 3.8799414348462666vw;margin-right: 0;left: calc(100% - 1.903367496339678vw);}
.circle-block.right.animateC .text-block .title-line .line {width: 3.294289897510981vw;margin-right: 0;right: calc(100% + 0.7320644216691069vw);left: auto;}
.circle-block.bottom.animateC .text-block .title-line .line {width: 15.739385065885797vw;margin-right: 0;left: calc(100% - 3.294289897510981vw);}

.circle-block.top {top: 24.83%;left: 50%;}
.circle-block.left {top: 49.8%;left: 39.5%;}
.circle-block.right {top: 49.74%;right: 39.35%;}
.circle-block.bottom {bottom: 25.3%;left: 50%;}

.carousel-dots {gap: 0.88vw;margin: 1.83vw auto 0;}
.carousel-dots .dot {width: 0.73vw;height: 0.73vw;}

.who-we-are.approach.sustainability {padding-bottom: 9.66vw;padding-top: 7.69vw;}
.who-we-are.approach.sustainability .section-approach-center-block {margin: 7.25vw 0 0 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-block {width: 57.473%;height: 60.68vw;margin-left: -6.59vw;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block {float: right;margin-right: 4.39vw;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul {width: calc(100% + 5.27vw);margin: 9.30vw 0 0 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .text-block ul {margin: 4.39vw 0 1.68vw 0;width: calc(100% + 57.65%);}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul li {margin-bottom: 2.20vw;font-size: 3.29vw;letter-spacing: 0.165vw;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul li h4 {margin: 0.95vw 0 0 0;font-size: 1.10vw;line-height: 1.46vw;letter-spacing: 0.083vw;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .text-block {width: 36.46vw;margin-right: 12.66vw;margin-top: 11.35vw;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .image-block {width: 35.14vw;height: 28.48vw;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .image-block img {margin-top: -4.39vw;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .last-image {width: 29.57vw;height: 43.71vw;bottom: -12.01vw;}

.who-we-are.approach.giving-back .section-approach-center-block .image-block {width: 43.26vw;height: 43.12vw;margin-left: -6.59vw;}
.who-we-are.approach.giving-back .section-approach-center-block .image-block.third {width: 41.73vw;height: 25.18vw;margin-right: -6.59vw;margin-top: 7.32vw;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .image-block{width: 28.2666%;height: 27.75vw;margin-left: 5.27vw;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .text-block {width: 50.214%;margin-left: 0;margin-top: 0;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .text-block ul {margin: 6.29vw 0 1.68vw 0;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .image-block img{margin-top: 2.78vw;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .text-block{width: 32.65vw;margin-top: 10.98vw;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .image-block {width: 42.31vw;height: 28.99vw;margin-right: 0.45vw;}

.who-we-are.approach.giving-back .section-approach-center-block .text-block ul li {margin-bottom: 2.93vw;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .last-image {width: 28.77vw;height: 19.98vw;bottom: 4.39vw;}
.logos-text-block {margin-top: 7.83vw;}
.logos-text-block p {width: 100%;font-size: 1.32vw;letter-spacing: 0.033vw;line-height: 1.83vw;margin-bottom: 4.39vw;}
.logo-container {width: 55.36vw;}
.logo-container .logo {height: 5.79vw;margin-left: 6.59vw;margin-bottom: 3.66vw;}
.who-we-are.approach.giving-back .full-width-image {height: 56.08vw;margin-top: 4.39vw;}

.who-we-are.approach.sustainability.careers {padding-bottom: 8.42vw;margin-bottom: -3.225806451612903vw;}
.who-we-are.approach.sustainability.careers .section-approach-center-block {margin: 1.90vw 0 0 0;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .text-block {width: 41.65vw;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .image-block {width: 35.14vw;height: 30.68vw;margin-top: -6.81vw;}
.who-we-are.approach.sustainability.careers .forward {font-size: 1.46vw;letter-spacing: 0.11vw;line-height: 1.83vw;margin-top: 2.78vw;}
.who-we-are.approach.sustainability.careers .forward::before {width: 0.95vw;height: 1.98vw;right: -1.32vw;}



    footer #footer {
        padding: 17px 6.588579795021962vw;
    }
    footer #footer::before {
        left: 6.588579795021962vw;
        right: 6.588579795021962vw;
        width: calc(100% - 6.588579795021962vw - 6.588579795021962vw);
    }
}

@media only screen and (min-width:768px) and (max-width:1125px) {

main .philosophy-box article {
    margin-left: 110px;
}
}
@media only screen and (min-width:768px) and (max-width:1085px) {
    /*header {
        height: 7.373271889400922vw;
    }
    header #header {
        padding: 0 5.0691244239631335vw;
    }
    header .logo {
        width: 16.40552995391705vw;
    }
    header .menu {
        width: 2.1198156682027647vw;
        height: 1.566820276497696vw;
        right: 5.0691244239631335vw;
        top: 2.9493087557603688vw;
    }
    header p {
        left: 5.0691244239631335vw;
        top: 2.672811059907834vw;
    }
    header p a {
        margin-left: 2.3041474654377883vw;
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
    }
     header nav {
        padding-top: 7%;
    }
    header nav ul li {
        padding: 3.410138248847926vw 0;
    }
    header nav ul li::before {
        width: 24.331797235023043vw;
        margin-left: -130px;
    }
    header nav ul li a {
        font-size: 1.3824884792626728vw;
        line-height: 1.8433179723502304vw;
        letter-spacing: 0.035023041474654376vw;
        margin-bottom: 1.6589861751152075vw;
    }
    header nav ul li a:first-of-type {
        font-size: 3.225806451612903vw;
        letter-spacing: 0.08110599078341013vw;
        margin-bottom: 2.7649769585253456vw;
    }
    header nav ul li:last-of-type a:first-of-type {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
        margin-bottom: 1.6589861751152075vw;
    } 
    body.open header .menu {
        background-size: 1.4746543778801844vw auto;
    }
    main {
        margin-top: 7.373271889400922vw;
    }*/
    main .container {
        padding: 0 5.0691244239631335vw;
    }
    /* main .intro article {
        height: calc(100vh - 8.847926267281107vw - 7.373271889400922vw - 3.225806451612903vw);
    } */
	
/* body.home main .intro article {
	height: calc(100vh - 7.373271889400922vw - 3.225806451612903vw);
} */
    main .intro article figure img {
        width: 47.1889400921659vw;
    }
    main .intro article>div div {
        width: 58.986175115207374vw !important;
    }
    main .intro article h1 {
        font-size: 13.82488479262673vw;
        letter-spacing: 0.20737327188940094vw;
    }
    main .intro article p {
        width: 30.414746543778804vw;
        font-size: 2.3041474654377883vw;
        line-height: 2.7649769585253456vw;
        letter-spacing: 0.035023041474654376vw;
    }
    main .intro article>div .contact {
        width: 64.0552995391705vw !important;
    }
    main .intro article>div .contact .line {
        margin-top: 3.225806451612903vw;
        margin-bottom: 4.6082949308755765vw;
    }
    main .intro article>div .contact p a {
        font-size: 2.3041474654377883vw;
        line-height: 2.7649769585253456vw;
        letter-spacing: 0.035023041474654376vw;
        margin-right: 2.3041474654377883vw;
    }
    main .intro article>div .contact p .icon {
        width: 2.3041474654377883vw;
        height: 2.3963133640553vw;
        margin: 0.2764976958525346vw 0 0 1.3824884792626728vw;
    }
    main .intro article .main-ng li {
        padding: 0 2.7649769585253456vw;
        height: 5.34407027818448vw;
    }
    main .intro article .main-ng li:last-of-type {
        padding-right: 4.055299539170507vw;
    }
    main .intro article .main-ng.wh li:last-of-type {
        padding-right: 0.5529953917050692vw;
    }

	main .intro article .main-ng.pc li:last-of-type {
		padding-right: 3.5023041474654377vw;
	}

    main .intro article .main-ng li:first-of-type::before {
        width: 0.18433179723502305vw;
        top: 0;
        height: 5.34407027818448vw;
    }
    main .intro article .main-ng li a {
        font-size: 2.1961932650073206vw; 
        letter-spacing: 0.16471449487554907vw;
    }
    main .project-list article figure {
        height: 68.20276497695853vw;
    }
    main .project-list article figcaption {
        padding: 2.3041474654377883vw 0 0.2764976958525346vw 0;
        font-size: 1.3824884792626728vw;
        line-height: 2.2119815668202767vw;
        letter-spacing: 0.035023041474654376vw;
    }
    main .project-list article figcaption span {
        margin-right: 2.3041474654377883vw;
    }
    body.home main .project-list {
        top: -7.373271889400922vw;
    }
    /*body.home main .project-list article {
        height: calc(100vh - 8.847926267281107vw);
    }*/
    body.home main .project-list article figcaption {
        bottom: 1.8433179723502304vw;
        right: 1.8433179723502304vw;
    }
    /* main .list-view {
        margin-top: 3.686635944700461vw;
    } */
    main .list-view article figure::after {
        background-size: 5.806451612903226vw 5.806451612903226vw;
    }
    main .list-view article h2 {
        padding: 1.19815668202765vw 0 0 0;
        font-size: 1.3824884792626728vw;
        line-height: 2.2119815668202767vw;
        letter-spacing: 0.035023041474654376vw;
    }
    main .list-view article h2 span {
        margin-right: 2.3041474654377883vw;
        margin-bottom: 0.3686635944700461vw;
    }
    main .detail-box {
        margin-top: 3.686635944700461vw;
    }
    main .detail-box article figure {
        margin-bottom: 2.7649769585253456vw;
    }
    main .detail-box article figure::after {
        background-size: 5.806451612903226vw 5.806451612903226vw;
    }
    main .related {
        margin-top: 3.686635944700461vw;
    }
    main .related h3 {
        font-size: 2.3041474654377883vw;
        letter-spacing: 0.035023041474654376vw;
        margin-bottom: 3.225806451612903vw;
    }
    main .related article figure::after {
        background-size: 5.806451612903226vw 5.806451612903226vw;
    }
    .detail.posFix {
        left: auto;
        right: 5.0691244239631335vw;
        margin-left: 0;
    }
    /* main .people {
        margin-top: 3.686635944700461vw;
    }
    main .people h1 {
        font-size: 2.3041474654377883vw;
        line-height: 2.7649769585253456vw;
        letter-spacing: 0.058064516129032254vw;
        margin-bottom: 1.8433179723502304vw;
    }
    main .people>p {
        font-size: 1.3824884792626728vw;
        line-height: 1.6589861751152075vw;
        letter-spacing: 0.035023041474654376vw;
        margin-bottom: 3.225806451612903vw;
    }
    main .people article {
        margin-bottom: 3.225806451612903vw;
    }
    main .people article figure::after {
        background-size: 5.806451612903226vw 5.806451612903226vw;
    }
    main .people article h2,
    main .people article h3 {
        padding: 1.19815668202765vw 0 0 0;
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
    }
    main .people article h3 {
        margin-top: 0.7373271889400922vw;
        padding: 0;
    }
    main .people .last h2 {
        font-size: 2.3041474654377883vw;
        line-height: 2.7649769585253456vw;
        letter-spacing: 0.058064516129032254vw;
        margin-bottom: 1.3824884792626728vw;
    }
    main .people .last p {
        margin-bottom: 1.3824884792626728vw;
    } */
    main .people-detail {
        margin-top: 3.686635944700461vw;
    }
    .detail {
        width: 40.23963133640553vw !important;
    }
    .detail.posFix {
        top: 11.059907834101383vw;
    }
    .detail.posAbs {
        bottom: 6.912442396313365vw;
    }
    .detail h1,
    .detail h2 {
        font-size: 2.1041474654377883vw;
        letter-spacing: 0.035023041474654376vw;
        margin-bottom: 0.4608294930875576vw;
    }
    .detail address {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
        line-height: 1.8433179723502304vw;
        margin-bottom: 2.3041474654377883vw;
    }
    .detail .logo {
        margin-bottom: 2.7649769585253456vw;
    }
    main .detail-box.lf article.detail.pt:nth-of-type(2) {
        margin-left: 8.150805270863836vw;
    }
    .detail h3,
    .detail h4,
    .detail h5,
    .detail h6 {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
        line-height: 1.8433179723502304vw;
        margin-bottom: 1.8433179723502304vw;
    }
    .detail aside {
        margin-bottom: 2.7649769585253456vw;
    }
    .detail .key {
        margin-bottom: 0.5529953917050692vw !important;
    }
    .detail p {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.03133640552995392vw;
        line-height: 1.8433179723502304vw;
        margin-bottom: 1.8433179723502304vw;
    }
    .detail a {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.03133640552995392vw;
        line-height: 1.8433179723502304vw;
    }
    .detail ul {
        padding: 0 0 1.8433179723502304vw 1.8433179723502304vw;
    }
    .detail ol {
        padding: 0 0 1.8433179723502304vw 1.8433179723502304vw;
    }
    .detail ul li,
    .detail ol li {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.03133640552995392vw;
        line-height: 1.8433179723502304vw;
        margin-bottom: 0.4608294930875576vw;
    }
    .detail img {
        margin-bottom: 1.8433179723502304vw;
    }
    .detail blockquote {
        margin: 0 0 1.8433179723502304vw 0;
    }
    .detail blockquote p {
        font-size: 3.225806451612903vw;
        line-height: 4.147465437788019vw;
    }
    .detail blockquote span {
        margin-top: 0.9216589861751152vw;
    }
    .detail .line {
        margin-bottom: 1.8433179723502304vw;
    }
    .detail .line.half {
        width: 37%;
    }
    .detail .back {
        padding-left: 1.6589861751152075vw;
    }
    .detail .back::after {
        width: 0.9216589861751152vw;
        height: 1.935483870967742vw;
    } 
    .detail .forward::after {
        width: 0.9216589861751152vw;
        height: 1.935483870967742vw;
        right: -1.6589861751152075vw;
    }
    .detail.ns h1 {
        font-size: 1.8433179723502304vw;
        letter-spacing: 0.027649769585253454vw;
        margin-bottom: 1.3824884792626728vw;
    }
    .detail.pt h1 {
        margin-bottom: 1.3824884792626728vw;
    }
    .detail.pt h2,
    .detail.pt h3,
    .detail.pt h4,
    .detail.pt h5,
    .detail.pt h6 {
        margin-bottom: 0.7373271889400922vw;
        font-size: 1.3824884792626728vw;
    }
    .close-p {
        width: 1.566820276497696vw;
        height: 1.566820276497696vw;
        margin-right: 0.9216589861751152vw;
    }
    
#projectLIstContainer{padding-bottom: 4.758418740849195vw;}
    main .projects-box {
        margin: 3.686635944700461vw 0 0 0;
    }
    main .projects-box>article>h2 {
        margin: 3.686635944700461vw 0;
        font-size: 2.3041474654377883vw;
        letter-spacing: 0.058064516129032254vw;
        line-height: 2.2119815668202767vw;
    }
    main .projects-box article .list-box ul li.lh {
        padding: 0 1.8433179723502304vw 1.3824884792626728vw 1.8433179723502304vw;
    }
    main .projects-box article .list-box ul li a {
        padding: 1.566820276497696vw 1.8433179723502304vw 1.3824884792626728vw 1.8433179723502304vw;
    }
    main .projects-box article .list-box ul li p {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
        line-height: 2.2119815668202767vw;
    }
    main .projects-box article .list-box ul li p:nth-of-type(3) {
        margin-left: 1.0981450252951095%;
    }
    main .projects-box article .list-box ul li p:nth-of-type(4) {
        width: 16.118044%;
    }
    main .projects-box article .list-box ul li a:after {
        width: 0.9511520737327189vw;
        height: 1.9013824884792627vw;
        top: 1.7511520737327189vw;
        right: 1.8433179723502304vw;
    }
    main .projects-box.plus article .list-box ul li a:after {
        width: 1.935483870967742vw;
        height: 1.935483870967742vw;
        top: 1.6589861751152075vw;
        right: 1.19815668202765vw;
    }
    main .projects-box.plus article .list-box ul li a.active:after {
        width: 1.3824884792626728vw;
        height: 1.3824884792626728vw;
        top: 1.8552995391705067vw;
        right: 1.4746543778801844vw;
    }
    main .projects-box article .list-box ul li .inner-data {
        margin: 1.3824884792626728vw 0 0 0;
        padding: 0 0 5.0691244239631335vw 1.8433179723502304vw;
    }
    main .projects-box article .list-box ul li .inner-data article p {
        margin: 0 0 1.8433179723502304vw 0;
        /* font-size: 1.3824884792626728vw;
        letter-spacing: 0.03133640552995392vw;
        line-height: 1.3824884792626728vw; */
    }
    main .philosophy {
		max-width: 75.64977vw;
        margin: 8.433179723502306vw auto 0 auto;
        /*padding: 0 3.686635944700461vw;*/
    }
    main .philosophy h1 {
        width: 31.797235023041477vw;
        font-size: 5.529953917050691vw;
        letter-spacing: 0.08294930875576037vw;
        line-height: 7.373271889400922vw;
		margin:0.9216589861751152vw 0 0 0;
    }
    main .philosophy article {
        padding: 1.8433179723502304vw 0 0 0;
		width: 59.23081% !important;
    margin: 0 -6vw 0 0;
    }


    main .philosophy article h2 {
        margin-bottom: 1.7649769585253456vw;
    }
    main .philosophy article h3,
    main .philosophy article h4,
    main .philosophy article h5,
    main .philosophy article h6,
    main .philosophy article p {
        margin-bottom: 1.6589861751152075vw;
    }
    main .philosophy-box {
        /*margin: 22.25806451612903vw 0 0 0;*/
		max-width: 75.64977vw;
    }
    main .philosophy-box article {
		width:34.86221198156682vw;
        margin: 0 0 2.7649769585253456vw 5.903226vw; 
        /*padding-top: 4.6082949308755765vw;
        padding-left: 3.686635944700461vw;
        padding-right: 3.686635944700461vw;*/
    }
    
	main .philosophy-box article h1,
main .philosophy-box article h2 {
    font-size: 5.529953917050691vw;
    letter-spacing: 0.08294930875576037vw;
    line-height: 7.373271889400922vw;
	margin-bottom: 1.1059907834101383vw;
}

main .philosophy-box article h3,
main .philosophy-box article h4 {
    font-size: 2.1041474654377883vw;
    letter-spacing: 0.035023041474654376vw;
}


	/*main .philosophy-box article h3,
    main .philosophy-box article h4,
    main .philosophy-box article h5,
    main .philosophy-box article h6,
    main .philosophy-box article p {
        margin-bottom: 0.9216589861751152vw;
    }*/
    main .news-listing {
        margin: 3.686635944700461vw 0 0 0;
    }
    main .news-listing article {
        margin: 0 0 4.6082949308755765vw 0;
        padding: 0 3.686635944700461vw 4.6082949308755765vw 3.686635944700461vw;
    }
    main .news-listing article figure {
        height: 18.48433179723502vw;
    }
    main .news-listing article .left-box {
        width: 37.78801843317972vw;
        height: 18.48433179723502vw;
    }
    main .news-listing article .left-box div h2 {
        margin: 0 0 1.8433179723502304vw 0;
        font-size: 1.8433179723502304vw;
        letter-spacing: 0.027649769585253454vw;
        line-height: 2.3041474654377883vw;
    }
    main .news-listing article .left-box div time {
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
        line-height: 1.8433179723502304vw;
    }
    main .news-listing article .left-box div .link {
        margin: 0 0 0 7.373271889400922vw;
        padding: 0;
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
        line-height: 1.8433179723502304vw;
    }
    main .news-listing article .left-box div .link:after {
        width: 0.9382488479262673vw;
        height: 1.9013824884792627vw;
        right: -1.8599078341013826vw;
    }
    main .news-listing article .right-box p {
        margin-bottom: 0.9216589861751152vw;
    }
    main .loadmore {
        margin-bottom: 1.8433179723502304vw;
    }
    main .loadmore a {
        padding: 0 3.8110599078341014vw 0 0;
        font-size: 1.3824884792626728vw;
        letter-spacing: 0.035023041474654376vw;
        line-height: 1.8433179723502304vw;
    }
    main .loadmore .more:after {
        width: 1.9677419354838712vw;
        height: 1.9677419354838712vw;
    }
    main .loadmore .top:after {
        width: 2.088479262672811vw;
        height: 1.0442396313364055vw;
        top: 0.4608294930875576vw;
    }

	
main .loadmore .more.down {
    text-decoration: none;
	padding-right:0;
	margin-top: 8.294930875576037vw;
	margin-bottom: 12.903225806451612vw;
}

main .loadmore .more.down:after {
	top: 2.5806451612903225vw;
    margin-left: -8px;
	width: 1.935483870967742vw;
    height: 0.9216589861751152vw;
}

    .slick-dots li {
        width: 1.1059907834101383vw;
        height: 1.1059907834101383vw;
        margin-left: 0.9216589861751152vw;
    }
    footer {
        margin-top: 3.225806451612903vw;
        height: 8.847926267281107vw;
    }
    footer #footer {
        padding: 1.566820276497696vw 5.0691244239631335vw;
    }
    footer #footer::before {
        left: 5.0691244239631335vw;
        right: 5.0691244239631335vw;
        width: calc(100% - 5.0691244239631335vw - 5.0691244239631335vw);
    }
    footer .logo {
        width: 16.40552995391705vw;
        height: 2.9493087557603688vw;
        margin: 0.9216589861751152vw 0 0 0;
    }
    footer .nav {
        width: 35.02304147465438vw;
    }
    footer .nav li {
        width: 9.216589861751153vw;
        margin-bottom: 0.6451612903225806vw;
    }
    footer .nav li:nth-child(1) {
        width: 7.373271889400922vw;
    }
    footer .nav li:nth-child(4) {
        width: 7.373271889400922vw;
    }
    footer .nav li .icon {
        width: 1.8433179723502304vw;
        height: 1.8433179723502304vw;
        margin-right: 1.3824884792626728vw;
    }
    footer .nav li a {
        font-size: 1.3824884792626728vw;
        line-height: 2.2119815668202767vw;
        letter-spacing: 0.035023041474654376vw;
    }
    footer p {
        width: 90%;
        font-size: 1.1059907834101383vw;
        line-height: 1.6589861751152075vw;
        letter-spacing: 0.027649769585253454vw;
        top: 4.516129032258064vw;
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {
    header {
        height: 12.8vw;
    }
    header #header {
        padding: 0 5.333333333333334vw;
    }
    body.hide header {
        opacity: 1;
        visibility: visible;
    }
    header .logo {
        width: 22.400000000000002vw;
    }
    header .menu {
        width: 5.333333333333334vw;
        height: 4.3333333333333335vw;
        right: 5.333333333333334vw;
        top: 4vw;
    }
    header p {

        width: 100%;
        padding: 0 5.333333333333334vw;
        left: 0;
        top: 12.8vw;
        background-color: #FFFAF7;
    }
    header p a {
        margin-left: 5.333333333333334vw;
        font-size: 3.2vw;
        line-height: 6.4vw;
        letter-spacing: 0.07999999999999999vw;
    }
    header p a:first-of-type {
        margin-left: 0;
    } 
    header nav ul li {
        margin-bottom: 11.466666666666667vw;
    }
    /* header nav ul li::before {
        width: 75.73333333333333vw;
        margin-left: -36.5vw;
    } */
    header nav ul li a {
        font-size: 5.333333333333334vw; 
        letter-spacing: 0.4vw;
    }
    /* header nav ul li a:first-of-type {
        font-size: 9.333333333333334vw;
        letter-spacing: 0.23466666666666666vw;
        margin-bottom: 8vw;
    }
    header nav ul li:last-of-type a:first-of-type {
        font-size: 4vw;
        line-height: 5.333333333333334vw;
        letter-spacing: 0.10133333333333333vw;
        margin-bottom: 4.8vw;
    } */
    body.open header .menu {
        background-size: 4.266666666666667vw auto;
    }
    body.navigation header p {
        background-color: transparent;
    }
    main {
        margin-top: 12.8vw;
    }
    
.hero-box .shade.top{background-image: url(../images/graphic-gradient-header-m.svg);}
.hero-box .shade.bottom{background-image: url(../images/graphic-gradient-footer-m.svg);}

    main .container {
        padding: 0 5.333333333333334vw;
    }
    main .intro article {
        height: calc(100vh - 12.8vw - 6.666666666666667vw - 57.33333333333333vw);
        min-height: 300px;
    }
	
/* body.home main .intro article {
	height: calc(100vh - 12.8vw - 6.666666666666667vw);
} */
    main .intro article figure img {
        width: 73.33333333333333vw;
    }
    main .intro article>div div {
        width: 100% !important;
        padding: 0 8vw;
    }
    main .intro article h1 {
        font-size: 26.666666666666668vw;
        line-height: 0.75;
        letter-spacing: 0.4vw;
        margin-bottom: 10vw;
        margin-top: 10vw;
    }
    main .intro article p {
        width: 100%;
        font-size: 5.333333333333334vw;
        line-height: 7.466666666666668vw;
        letter-spacing: 0.07999999999999999vw;
    }
    main .intro article>div .contact {
        width: 100% !important;
        padding: 0 8vw;
    }
    main .intro article>div .contact .line {
        margin-top: 6.666666666666667vw;
        margin-bottom: 6.666666666666667vw;
    }
    main .intro article>div .contact p {
        width: 100%;
        margin-bottom: 0;
        font-size: 5.333333333333334vw;
        line-height: 8vw;
        letter-spacing: 0.07999999999999999vw;
    }
    main .intro article>div .contact p a {
        font-size: 5.333333333333334vw;
        line-height: 8vw;
        letter-spacing: 0.07999999999999999vw;
        margin-right: 0;
        margin-bottom: 3vw;
    }
    main .intro article>div .contact p a:nth-of-type(3) {
        clear: left;
        margin-top: 2.7vw;
    }
    main .intro article>div .contact p a:nth-of-type(4) {
        margin-top: 3vw;
    }
    main .intro article>div .contact p .icon {
        width: 6.933333333333333vw;
        height: 6.933333333333333vw;
        margin: 0 4vw 0 0;
    }
    main .intro article>div .contact .forward {
        margin-top: 3vw;
    }
    main .intro article .main-ng {
        text-align: center;
    }
    main .intro article .main-ng li {
        /* padding: 16vw 0;
        text-align: center;
        width: 50.66666666666667vw;
        display: inline-block;
        float: none; */
        height: 14.666666666666666vw;
    }
    main .intro article .main-ng li:first-of-type {
        padding-left: 0;
    }
    main .intro article .main-ng li:last-of-type {
        padding-right: 0 !important;
    }
    main .intro article .main-ng li:first-of-type::before {
        height: 14.666666666666666vw;
    }
    main .intro article .main-ng li a {
        font-size: 5.333333333333334vw;
        letter-spacing: 0.4vw;
    }
    main .intro article .main-ng.pc li {
        width: 63.66666666666667vw;
    }
    /* main .list-view {
        margin-top: calc(5.333333333333334vw * 2);
    } */
    main .list-view article {
        width: 47.761194029850745%;
        margin-left: 4.477611940298507%;
        margin-bottom: 5.333333333333334vw;
    }
    main .list-view article figure::after {
        background-size: 10.666666666666668vw;
    }
    main .list-view article h2 {
        padding: 1.6vw 0 0 0;
        font-size: 3.2vw;
        line-height: 4.266666666666667vw;
        letter-spacing: 0.07999999999999999vw;
		text-align:left;
    }
    main .list-view article h2 span {
        margin-right: 0;
        width: 100%;
        margin-bottom: 0;
    }
    main .detail-box {
        width: calc(100% + 5.333333333333334vw + 5.333333333333334vw) !important;
        margin: 0 -5.333333333333334vw;
        margin-top: 0;
        /* margin-top: calc(5.333333333333334vw * 2); */
    }
    main .detail-box article {
        width: 100% !important;
    }
    main .detail-box article figure {
        display: none;
        margin-bottom: 0;
    }
    main .detail-box article figure:first-of-type {
        display: block;
    }
    main .detail-box article figure::after {
        background-size: 10.666666666666668vw;
    }
    main .detail-box article:nth-of-type(2) {
        padding: 5.333333333333334vw 5.333333333333334vw 3px 5.333333333333334vw;
    }
    /*main .detail-box.lf {
        float: left;
        width: 100% !important;
        margin: calc(5.333333333333334vw * 2) 0 0 0;
        padding: 0;
    }
    main .detail-box.lf article {
        float: left;
    }
    main .detail-box.lf article:nth-of-type(2) {
        padding: 0;
        float: left;
        padding-top: 5.333333333333334vw;
    }*/
    main .detail-box.rt article {
        float: right;
    }
    main .detail-box.rt article:nth-of-type(2) {
        float: left;
    }
    .detail.posFix {
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0;
    }
    .detail.posAbs {
        position: relative;
        bottom: auto;
        left: auto;
        margin-left: 0;
    }
    main .project-list {
        width: calc(100% + 5.333333333333334vw + 5.333333333333334vw);
        margin: 0 -5.333333333333334vw;
    }
    main .project-list article figure {
        height: 141.33333333333334vw;
    }
    main .project-list article figcaption {
        padding: 5.333333333333334vw 5.333333333333334vw 3px 5.333333333333334vw;
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
    }
    main .project-list article figcaption span {
        margin-right: 0;
        width: 100%;
        float: left;
        font-size: 4vw;
        line-height: 1.3;
        letter-spacing: 0.10133333333333333vw;
        margin-bottom: 3px;
    }
    main .project-list .slick-dots {
        display: none !important;
    }
    main .project-list.cds {
        margin-top: calc(5.333333333333334vw * 2);
    }
    main .project-list.hide {
        margin-top: -185.333333%;
    }
    body.home main .project-list {
        top: -12.8vw;
    }
    /*body.home main .project-list article {
        height: calc(100vh - 57.33333333333333vw);
    }*/
    body.home main .project-list article figcaption {
        bottom: calc(5.333333333333334vw / 2);
        left: 5.333333333333334vw;
        right: auto;
        width: 100%;
    }
    
main .people-text{width: 100%;margin-top: 15.733333333333333vw;margin-bottom: 5.333333333333334vw;}
main .people-text label{width: 60%;font-size: 3.2vw;line-height: 4.266666666666667vw;letter-spacing: 0.07999999999999999vw;margin-bottom: 1.0666666666666667vw;}
main .people-text h1{width: 72%;font-size: 5.333333333333334vw;line-height: 6.133333333333333vw;letter-spacing: 0.4vw;margin-bottom: 5.333333333333334vw;}
main .people-text p{width: 75%;font-size: 3.2vw;line-height: 4.266666666666667vw;letter-spacing: 0.07999999999999999vw;margin-bottom: 3.733333333333334vw;}

main .people-text.pr{margin-top: -2.666667vw/* 5.333333333333334vw */;}
main .people-text.pr label{width: 53%;}
main .people-text.pr h1{width: 85%;}
main .people-text.pr p{width: 77%;}


    /* main .people h1 {
        font-size: 4vw;
        line-height: 4.8vw;
        letter-spacing: 0.10133333333333333vw;
        margin-bottom: 4vw;
        width: 100%;
    }
    main .people>p {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.4;
        margin-bottom: 5.333333333333334vw;
        width: 100%;
    } */
    main .people article {
        width: 47.761194029850745%;
        margin-left: 4.477611940298507%;
        margin-bottom: 5.333333333333334vw;
    }
    main .people article:nth-child(4n-3) {
        margin-left: 4.477611940298507%;
        clear: none;
    }
    main .people article:nth-child(2n-1) {
        margin-left: 0;
        clear: left;
    }
    main .people article figure {
        height: 40vw;
    }
    main .people article figure::after {
        background-size: 10.666666666666668vw;
    }
    main .people article h2,
    main .people article h3 {
        padding: 1.6vw 0 0 0;
        font-size: 3.2vw;
        line-height: 4.266666666666667vw;
        letter-spacing: 0.07999999999999999vw;
    }
    main .people article h3 {
        margin-top: 0;
        width: 100%;
        padding-top: 0;
    }
    main .people .last {
        width: 100% !important;
    }
    main .people .last h2 {
        font-size: 4vw;
        font-size: 4vw;
        letter-spacing: 0.10133333333333333vw;
        margin-bottom: 4vw;
        line-height: 1.3;
    }
    main .people .last p {
        margin-bottom: 4.3vw;
    }
    .detail {
        width: 100% !important;
    }
    .detail h1,
    .detail h2 {
        font-size: 3.9vw;
        letter-spacing: 0.10133333333333333vw;
        margin-bottom: 1.5vw;
    }
    .detail address {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 5.333333333333334vw;
        margin-bottom: 4.3vw;
    }
    .detail .logo {
        width: 40%;
        margin-bottom: 6.3vw;
    }
    main .detail-box.lf article.detail.pt:nth-of-type(2) {
        margin-left: 0;
    }
    .detail h3,
    .detail h4,
    .detail h5,
    .detail h6 {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
        margin-bottom: 4vw;
    }
    .detail aside {
        margin-bottom: 5.3vw;
    }
    .detail .key {
        margin-bottom: 1.5vw !important;
    }
    .detail .key span {
        width: 76%;
    }
    .detail p {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.4;
        margin-bottom: 4vw;
    }
    .detail a {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.4;
    }
    .detail ul {
        padding: 0 0 4vw 4.2vw;
        margin: 0;
    }
    .detail ol {
        padding: 0 0 4vw 4.2vw;
    }
    .detail ul li,
    .detail ol li {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.4;
        margin-bottom: 5px;
    }
    .detail img {
        margin-bottom: 4vw;
    }
    .detail blockquote {
        margin: 0 0 4vw 0;
    }
    .detail blockquote p {
        font-size: 6.666666666666667vw;
        line-height: 1.3;
    }
    .detail .line {
        margin-bottom: 4vw;
    }
    .detail .back {
        padding-left: 4.1333333333333333vw;
    }
    .detail .back::after {
        width: 2.1333333333333333vw;
        height: 4.133333333333333vw;
    } 
    .detail .forward::after {
        width: 2.1333333333333333vw;
        height: 4.133333333333333vw;
        right: -4.1333333333333333vw;
    }
    .detail.ns h1 {
        font-size: 4vw;
        letter-spacing: 0.10133333333333333vw;
        margin-bottom: 4vw;
    }
    .detail.pt h1 {
        margin-bottom: 4vw;
    }
    .detail .line.half {
        width: 50%;
    }
    .detail.pt h2,
    .detail.pt h3,
    .detail.pt h4,
    .detail.pt h5,
    .detail.pt h6 {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
        margin-bottom: 1.5vw;
        color: #313D48;
    }
    .close-p {
        bottom: 5.333333333333334vw;
        margin-right: 5.333333333333334vw;
    }
    main .philosophy {
        margin-top: calc(5.333333333333334vw * 2);
        padding: 0;
    }
    main .philosophy h1 {
        width: 60%;
        font-size: 9.333333333333334vw;
        letter-spacing: 0.14133333333333334vw;
        line-height: 13.333333333333334vw;
		margin:0;
    }
    main .philosophy article {
        float: left;
        padding-top: 5.333333333333334vw;
		margin: 0;
		width: 100% !important;
    }
    main .philosophy article h2 {
        margin-bottom: 4vw;
    }
    main .philosophy article h3,
    main .philosophy article h4,
    main .philosophy article h5,
    main .philosophy article h6 {
        margin-bottom: 2vw;
    }
    main .philosophy article p {
        margin-bottom: 4vw;
    }
    main .philosophy-box {
        margin: 11vw 0 0 0;
		float:left;
    }
    main .philosophy-box article {
        margin: 0 0 9.333333333333334vw 0;
        padding: 0;
		width: 100%;
    }
    main .philosophy-box article .left {
        width: 100% !important;
        margin-top: 0;
    }
    main .philosophy-box article h2 {
        margin-bottom: 4vw;
    }
    
main .philosophy-box article h1,
main .philosophy-box article h2 {
    font-size: 9.333333333333334vw;
    letter-spacing: 0.14133333333333334vw;
    line-height: 1.2;
}

main .philosophy-box article h3,
main .philosophy-box article h4 {
    font-size: 3.9vw;
    letter-spacing: 0.10133333333333333vw;
}

	/*main .philosophy-box article h3,
    main .philosophy-box article h4,
    main .philosophy-box article h5,
    main .philosophy-box article h6 {
        margin-bottom: 2vw;
    }*/
    main .philosophy-box article p {
        margin-bottom: 4vw;
    }
    main .philosophy-box article p:last-of-type {
        margin-bottom: 0;
    }
    main .detail-box.casestudy article:nth-of-type(2) {
        padding-top: 5.333333333333334vw;
    }
    main .related {
        margin-top: calc(5.333333333333334vw * 2);
    }
    main .related h3 {
        font-size: 4vw;
        letter-spacing: 0.06133333333333334vw;
        margin-bottom: 5.333333333333334vw;
    }
    main .related div {
        width: 100%;
        float: left;
        position: relative;
    }
    main .related article {
        width: 47.761194029850745%;
        margin-left: 4.477611940298507%;
        margin-bottom: 5.333333333333334vw;
    }
    main .related article:nth-child(4n-3) {
        margin-left: 4.477611940298507%;
        clear: none;
    }
    main .related article:nth-child(2n-1) {
        margin-left: 0;
        clear: left;
    }
    main .related article figure {
        height: 40vw;
    }
    main .related article figure::after {
        background-size: 10.666666666666668vw;
    }
    main .related article h2 {
        padding: 1.6vw 0 0 0;
        font-size: 3.2vw;
        line-height: 4.266666666666667vw;
        letter-spacing: 0.07999999999999999vw;
    }
    main .related article h2 span {
        margin-right: 0;
        width: 100%;
        margin-bottom: 0;
    }
    main .news-listing {
        margin: 0;
    }
    main .news-listing article {
        margin: 0 0 0 0;
        padding: 8vw 0 8vw 0;
    }
    main .news-listing article:first-of-type {
        padding-top: 0;
    }
    main .news-listing article figure {
        height: auto;
        background-image: none !important;
    }
    main .news-listing article figure img {
        display: block;
        width: 100%;
        float: left;
        margin: 0;
    }
    main .news-listing article .left-box {
        width: 100%;
        height: auto;
        display: initial;
        padding-top: 4vw;
    }
    main .news-listing article .left-box div h2 {
        margin: 0 0 4vw 0;
        font-size: 4vw;
        letter-spacing: 0.10133333333333333vw;
        line-height: 1.3;
        padding-right: 30%;
    }
    main .news-listing article .left-box div time {
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
        margin-bottom: 0;
    }
    main .news-listing article.arch .left-box div time {
        margin-bottom: 4vw;
    }
    main .news-listing article .left-box div .link {
        margin: 0 0 0 10.666666666666668vw;
        padding: 0;
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
    }
    main .news-listing article .left-box div .link:after {
        width: 2.1333333333333333vw;
        height: 4.266666666666667vw;
        right: calc(-2.1333333333333333vw * 2);
    }
    main .news-listing article .right-box p {
        margin-bottom: 4vw;
    }
    main .news-listing article.arch .left-box {
        padding-top: 0;
    }
    main .news-listing article .detail h3,
    main .news-listing article .detail h4,
    main .news-listing article .detail h5,
    main .news-listing article .detail h6 {
        margin-bottom: 2vw;
    }
    main .news-listing article .detail p:last-of-type {
        margin-bottom: 0;
    }
    main .loadmore {
        margin-top: 5.333333333333334vw;
        margin-bottom: 4vw;
    }
    main .loadmore a {
        padding: 0 calc(3.5vw * 2) 0 0;
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
    }
    main .loadmore .more:after {
        width: 4vw;
        height: 4vw;
        top: 0.4vw;
    }
    main .loadmore .top:after {
        width: 4.266666666666667vw;
        height: 2.1333333333333333vw;
        top: 1.2vw;
    }
#projectLIstContainer{padding-bottom: 5.333333333333334vw;}
    main .projects-box {
        margin: calc(5.333333333333334vw * 2) 0 0 0;
    }
      main .projects-box:first-of-type {
        margin: 0 0 0 0;
    }
    main .projects-box>article>h2 {
        margin: 5.333333333333334vw 0;
        font-size: 4vw;
        letter-spacing: 0.10133333333333333vw;
        line-height: 1.3;
    }
    main .projects-box article .list-box ul li.lh {
        display: none;
    }
    main .projects-box article .list-box ul li a {
        padding: 3.7vw 0 2.8vw 0;
    }
    main .projects-box article .list-box ul li p {
        width: 50%;
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
        margin-bottom: 1.45vw;
    }
    main .projects-box article .list-box ul li p:nth-of-type(2) {
        width: 48%;
        margin-left: 0;
        float: right;
    }
    main .projects-box article .list-box ul li p:nth-of-type(3) {
        width: 50%;
        margin-left: 0;
        clear: left;
    }
    main .projects-box article .list-box ul li p:nth-of-type(4) {
        width: 48%;
        margin-left: 0;
        float: right;
    }
    main .projects-box article .list-box ul li a:after {
        width: 2.752vw;
        height: 5.501333333333333vw;
        top: 6.35vw;
        right: 0;
    }
    main .projects-box.plus article .list-box ul li a:after {
        width: 4.5vw;
        height: 5.5vw;
        top: 6vw;
        right: 0;
    }
    main .projects-box.plus article .list-box ul li a.active:after {
        width: 3.6vw;
        height: 5.5vw;
        top: 6vw;
        right: 0;
    }
    main .projects-box article .list-box ul li .inner-data {
        margin: 0;
        padding: 0;
    }
    main .projects-box article .list-box ul li .inner-data figure {
        width: 100%;
        margin-bottom: 5.333333333333334vw;
    }
    main .projects-box article .list-box ul li .inner-data article {
        /* width: 537px; */
        float: right;
        /* margin: 0 0 0 75px; */
        padding: 0;
    }
    main .projects-box article .list-box ul li .inner-data article h2 {
        color: #313D48;
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.3;
        margin-bottom: 4vw;
    }
    main .projects-box article .list-box ul li .inner-data article p {
        margin-bottom: 4vw;
        font-size: 3.2vw;
        letter-spacing: 0.07999999999999999vw;
        line-height: 1.4;
    }
    main .projects-box.no-arrow article .list-box ul li:last-of-type {
        border: 0;
    }
    main .clients-box {
        margin: calc(5.333333333333334vw * 2) 0 0 0;
    }
    main .clients-box article {
        width: 47.761194029850745%;
        margin-left: 4.477611940298507%;
    }
    main .clients-box article:nth-of-type(3n-2) {
        margin-left: 4.477611940298507%;
        clear: none;
    }
    main .clients-box article:nth-of-type(2n-1) {
        margin-left: 0;
        clear: left;
    }
    main .philosophy-box article:last-of-type {
        padding-bottom: 0;
    }
    .bg-video-wrap {
        width: 100%;
        height: 0;
        padding-bottom: 177.78%;
    }
/*Home-Page-End*/ 
.sub-nav {margin-bottom: 8.533333333333333vw;top: 12.8vw;}
.sub-nav ul {display: inline-block;padding: 2.333333333333333vw 0;} 
.sub-nav li a {font-size: 3.2vw;line-height: 6.4vw;letter-spacing: 0.07999999999999999vw;margin-left: 0;margin-right: 0;}
.sub-nav ul li{width: 25%;float: left;margin-left: 12%;}
.sub-nav ul li:last-of-type a{margin-right: 0;}
.sub-nav ul li:nth-child(3n-2) {float: left;clear: left;margin-left: 0;}

.who-we-are {padding: 25.866666666666667vw 0 0 0;}
.who-we-are:first-of-type {padding: 0 0 0 0;}

.who-we-are h3{font-size: 3.2vw;margin-bottom: 5.333333333333334vw;line-height: 4.266666666666667vw;letter-spacing: 0.24000000000000002vw;}
.who-we-are h2.main-heading {font-size: 5.333333333333334vw;line-height: 6.133333333333333vw;letter-spacing: 0.4vw;}
.milestones {padding: 5.333333333333334vw 0 0 0;}
.milestones h2 {margin-bottom: 1.3333333333333335vw;font-size: 6.666666666666667vw;line-height: 6.4vw;letter-spacing: 0.33333333333333337vw;}
.milestones p {font-size: 2.666666666666667vw;line-height: 5.333333333333334vw;letter-spacing: 0.2vw;}
.milestones li {text-align: left;width: 48%;box-sizing: border-box;margin-bottom: 20px;}
.milestones li:last-of-type {width: 100%;margin-bottom: 0;}
.who-we-are .image-text-section {margin: 11.733333333333333vw 0 11.733333333333333vw 0;}
.who-we-are .image-text-section .container {padding: 0 6.933333333333333vw 0 0;}
.who-we-are .image-text-section .image-text-block .image {width: 100%;height: 71.46666666666667vw;float: left;padding: 0px;}
.who-we-are .image-text-section .image-text-block .text {width: 79.46666666666667vw;float: left;padding: 10.666666666666668vw 0 0 6.933333333333333vw;margin-right: 0;box-sizing: border-box;}
.who-we-are .image-text-section .image-text-block .text p {width: 100%;font-size: 3.2vw;letter-spacing: 0.07999999999999999vw;line-height: 4.266666666666667vw;margin-bottom: 2.666666666666667vw;}
.who-we-are .image-text-section .image-text-block.reverse .image {width:100%;height: 116.26666666666668vw;float: right;margin-top: 10.666666666666668vw;}
.who-we-are .image-text-section .image-text-block.reverse {padding: 0 6.933333333333333vw;box-sizing: border-box;float: left;}
.who-we-are .image-text-section .image-text-block.reverse .text {width: 100%;float: left;margin: 0px 0 0 0px;padding: 10.666666666666668vw 0 0vw;}
.who-we-are .full-width-image {width: 100%;height: 66.66666666666666vw;overflow: hidden;float: left;}
.who-we-are.approach {padding: 10.666666666666668vw 0 0 0;}
.who-we-are span[id] {top: -18vw;}
.who-we-are.approach h3 {margin-bottom: 5.6000000000000005vw;}

.section-approach-center-block {width: 100%;float: left;margin: 10.666666666666668vw 0 0 0;padding: 0px 0px;}
.section-approach-center-block .image-text-block {display: block;align-items: center;margin-bottom: 10.666666666666668vw;float: left;width: 100%;}
.section-approach-center-block .image-text-block:last-child {margin-bottom: 0;}
.who-we-are.approach h2.main-heading {width: 100%;color: #FFFFFF;}
.section-approach-center-block .image-block {width: 91.066667vw;height: 71.73333333333333vw;margin-left: -5.333333333333334vw;float: left;}
.section-approach-center-block .text-block {width: 100%;float: left;padding: 10.666666666666668vw 0 0 0;text-align: left;margin-left: 0;}
.section-approach-center-block .text-block h2{width: 53.86666666666666vw;font-size: 4.266666666666667vw;letter-spacing: 0.31999999999999995vw;line-height: 5.6000000000000005vw;margin-bottom: 3.2vw;}
.section-approach-center-block .text-block p{width: 100%;font-size: 3.2vw;letter-spacing: 0.07999999999999999vw;line-height: 4.266666666666667vw;margin-bottom: 2.666666666666667vw;}
.section-approach-center-block .text-block p:last-of-type{margin-bottom: 0;}
.section-approach-center-block .image-text-block.reverse .image-block {width: 73.6vw;height: 71.46666666666667vw;margin-top: 0;margin-left: 0px;margin-right: -5.333333333333334vw;float: right;}
.section-approach-center-block .image-text-block.reverse .text-block {width: 100%;margin-right: 0;margin-left: 0;}
.section-approach-center-block .image-text-block.reverse  .text-block h2 {width:100%;   }
.who-we-are.approach .text-info-approach {margin-bottom: 17.866666666666667vw;margin-top: 13.333333333333334vw;}
.who-we-are.approach .text-info-approach p {width: 100%;float: left;font-size: 6.666666666666667vw;letter-spacing: 0.33333333333333337vw;line-height: 6.666666666666667vw;margin-bottom: 0;}
.who-we-are.approach .image-text-section{margin: 0px 0 13.333333333333334vw 0;}
.who-we-are.approach .image-text-section .container {padding: 0 6.933333333333333vw;}
.who-we-are.approach .image-text-section .image-text-block .image{width: 70.66666666666667vw;height: 94.66666666666667vw;padding: 0px;margin-left: -6.666666666666667vw;}
.who-we-are.approach .image-text-section .image-text-block .text {width: 69.06666666666666vw;padding: 0px;margin-right: 0;margin-top: 10.666666666666668vw;}
.who-we-are .image-text-section .image-text-block .text h2 {width: 100%;float: left;font-size: 4.266666666666667vw;letter-spacing: 0.31999999999999995vw;line-height: 5.6000000000000005vw;
    margin-bottom: 2.666666666666667vw;}
.who-we-are.approach .image-text-section .image-text-block.reverse {padding: 0 0;}
.who-we-are.approach .image-text-section .image-text-block.reverse .image {width: 73.6vw;height: 71.46666666666667vw;float: right;margin-top: 10.666666666666668vw;margin-right: -6.933333333333333vw;}
.who-we-are.approach .image-text-section .image-text-block.reverse .text {width: 86%;float: left;margin: 10.666666666666668vw 0 0 0;}
.who-we-are.values{padding-top: 12vw;}
.who-we-are.values h4 {margin-bottom: 0;font-size: 3.2vw;line-height: 4.266666666666667vw;letter-spacing: 0.24000000000000002vw;padding-top: 5.333333333333334vw;}
.value-circles {width: 100%;padding: 0px 0px 10.666666666666668vw;margin-top: 5.6000000000000005vw;float: left;}
.value-circles .main-circle {width: 100%;height: 100%;margin-bottom: 0;float: left;position: relative;}
.value-circles .main-circle img {margin: 0 0 0 0;float: left;}

.circle-block {width: 42.66666666666667vw;height: auto;z-index: 2;opacity: 1;visibility: visible;}
.carousel-dots {display: none !important;}
.circle-block {display: block !important;}
.circle-block h2.mobile {cursor: pointer;position: relative;padding-right: 30px;}
.circle-block h2.mobile::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(0deg);transition: transform 0.3s ease;width: 5.6000000000000005vw; /* Adjust size as needed */height: 2.933333333333333vw;background-image: url('../images/arrow-accr.png');background-size: contain;background-repeat: no-repeat;background-position: center;}
.circle-block h2.mobile.active::after {transform: rotate(180deg);background-image: url('../images/arrow-accr.png');content: ''; /* Optional: use ▲ or rotate ▼ */ top: 30%;}
.circle-block .text-block h3,
.circle-block .text-block p {transition: all 0.3s ease;}
.circle-image {display: none;transition: all 0.3s ease;width: 100%;height: auto;margin-top: 10px;}
.circle-block h2.mobile {cursor: pointer;user-select: none;}
.circle-block.top .text-block, .circle-block.right .text-block, .circle-block.left .text-block, .circle-block.bottom .text-block{
    top: auto;right: auto;color: #EC637E;text-align: left;left: auto;position: relative;transform: initial;float: left;width: 100%;border-bottom: 1px solid #313D48;padding: 5.6000000000000005vw 0;}
.circle-block.bottom .text-block{border-bottom: 0px solid #313D48;}
.circle-block h2.mobile {cursor: pointer;font-size: 5.333333333333334vw;line-height: 6.133333333333333vw;letter-spacing: 0.4vw;padding: 0px 0;float: left;width: 100%;}
.circle-block .title-line {display: block; width: 100%;align-items: center;gap: 10px;margin-bottom: 0;float: left;}
.circle-block .text-block .title-line .line {display: none;}
.circle-block, .circle-block.top, .circle-block.left, .circle-block.right, .circle-block.bottom {top: auto;left: auto;right: auto;position: relative;float: left;width: 100%;transform:initial;}
.circle-block .text-block h3,
.circle-block .text-block p {display: none; /* Hidden by default, shown on click via JS */margin: 2.666666666666667vw 0 0;}
.circle-block .title-line h3 {margin: 5.6000000000000005vw 0 0 0;font-weight: 500;font-size: 4.533333333333333vw;letter-spacing: 0.33866666666666667vw;line-height: 5.333333333333334vw;margin-bottom: 0;}
.circle-block .text-block p {width: 94%;padding: 0;font-size: 3.2vw;letter-spacing: 0.07999999999999999vw;line-height: 4.266666666666667vw;margin-bottom: 0;}
.circle-block img {display: none; /* Hidden by default, shown on accordion click */margin-top: 15px;width: 100%;height: auto;}
.circle-block img {display: none;margin-top: 0;width: 49.666667%;height: 42.966667vw;position: absolute;}
.circle-block.top img {top: -86.69vw;left: 21.89vw;}
.circle-block.left img {top: -82.4129vw;left: 0.15vw;}
.circle-block.right img {top: 99.8129vw;left: auto;right: 0.15vw;}
.circle-block.bottom img {top: -95.62vw;left: 22vw;right: auto;}
.value-circles p.mobile {width: 74%;margin-bottom: 0;font-size: 3.2vw;line-height: 4.266666666666667vw;letter-spacing: 0.07999999999999999vw;padding-top: 3.666666666666668vw!important;text-align: left;padding: 0 5.333333333333334vw;float: left;}
.who-we-are.approach.sustainability {padding-bottom: 5.333333333333334vw;padding-top: 10.666666666666668vw;overflow: initial;}

.value-circles .main-circle .circle-m {width:50%;/*height: 43.066667vw;*/margin-bottom: 0;float: none;position: absolute;}
.value-circles .main-circle .circle-m.top{left: 22.5vw;top: -0.1vw;}
.value-circles .main-circle .circle-m.left {left: 0.1vw;top: 22.2vw;}
.value-circles .main-circle .circle-m.right{right: 0.1vw;top: 22.2vw;left: auto;}
.value-circles .main-circle .circle-m.bottom{left: 22.5vw;top: auto;bottom: 0;}
.circle-m.mobile {display: none !important;}
.circle-m.mobile.animateC {display: block !important;}
.circle-block .text-block h3,
.circle-block .text-block p,
.circle-m.mobile {display: none;}
.circle-block.animateC .text-block h3,
.circle-block.animateC .text-block p {display: block;}
.circle-m.mobile.animateC {display: block;}
.who-we-are.approach.sustainability .section-approach-center-block {margin: 10.666666666666668vw 0 0 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-block {width: 100%;height: 114.93333333333334vw;margin-left: -5.33333333333vw;float: left;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block {float: left;width: 69.06666666666666vw;margin-right: 0;margin-left: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul {width: 94%;float: left;margin: 0 0 0 21vw;padding: 10.666666666666668vw 0px;list-style-type: none;
    white-space: unset;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul li{width: 100%;float: left;margin-bottom: 5.333333333333334vw;font-size: 6.666666666666667vw;line-height: 6.4vw;letter-spacing: 0.33333333333333337vw;padding-top: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul li:last-of-type{margin-bottom: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .text-block ul li h4 {width: 100%;margin: 1.3333333333333335vw 0 0 0;font-size: 2.666666666666667vw;line-height: 5.333333333333334vw;letter-spacing: 0.2vw;padding-top: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .image-block img{margin-top: 0px;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .image-block {width: calc(100% + 5.33333vw);height: 60vw;
    margin-left: 0px;margin-right: -5.33333vw;float: right;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .text-block {width: 94%;margin-right: 0;margin-left: 0;margin-top: 10.666666666666668vw;float: left;padding: 0;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .text-block ul {margin: 0 0;padding-top: 3vw;padding-bottom: 3vw;width: 100%;}
.who-we-are.approach.sustainability .section-approach-center-block .image-text-block.reverse .last-image {width: calc(100% + 5.33333vw);height: 113.6vw;margin-left: 0px;margin-right: -5.33333vw;float: left;
    margin-top: 10.666666666666668vw;position: relative;bottom: 0;right: 0;}
.who-we-are.approach.sustainability.giving-back .section-approach-center-block .image-block {width: calc(100% + 5.33333vw);height: 62.93333333333333vw;margin-left: -5.33333333333vw;float: left;}
.who-we-are.approach.sustainability.giving-back .section-approach-center-block .text-block h2 {width: 66.866667vw;}
.who-we-are.approach.sustainability.giving-back .section-approach-center-block .text-block p {width: 87%;}
.who-we-are.approach.giving-back .section-approach-center-block .image-block.third {margin-right: 0;margin-top: 10.666666666666668vw;}
.who-we-are.approach.sustainability.giving-back .section-approach-center-block .image-text-block.reverse .text-block ul {
padding-top: 10.666666666666668vw;padding-bottom: 10.666666666666668vw;}
.who-we-are.approach.sustainability.giving-back .section-approach-center-block .text-block ul li:last-of-type {margin-bottom: 0;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .image-block{width: calc(32% + 5.333333333333334vw);height: 35.46666666666667vw;margin-left: -5.333333333333334vw;margin-right: 0;float: left;margin-top: 0;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse .image-block img {margin-top: 0;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .image-block {width: 57.86666666666667vw;height: 51.2vw;margin-left: 0;margin-right: -5.333333333333334vw;float: right;margin-top: -13vw;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .last-image {width: calc(73.33333333333333vw + 5.333333333333334vw);height:54.533333vw /* 52.53333333333333vw */;margin-left: -5.333333333333334vw;margin-right: 0;float: left;margin-top: 8vw;position: relative;bottom: auto;right: auto;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .last-image img{float: left;}
.who-we-are.approach.giving-back .section-approach-center-block .image-text-block.reverse-two .text-block {width: 100%;margin-right: 0;margin-left: 0;margin-top: 0;float: left;}
.logos-text-block {width: 100%;float: left;margin-top: 10.666666666666668vw;}
.logos-text-block p {width: 100%;float: left;font-size: 3.2vw;letter-spacing: 0.07999999999999999vw;line-height: 4.266666666666667vw;margin-bottom: 8vw;}
.logo-container {width: 100%;display: initial;flex-wrap: initial;float: left;}
.logo-container .logo {height: 8.799999999999999vw;max-width: initial;width: auto;object-fit: initial;margin-left: 10.133333vw;margin-bottom: 5.333333333333334vw;float: left;}
.who-we-are.approach.giving-back .full-width-image {width: 100%;height: 66.66666666666666vw;margin-top: 7.199999999999999vw;}
.who-we-are.approach.sustainability.careers .section-approach-center-block {margin: 0;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .text-block {width: 76%;margin-left: 0;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .text-block h2 {width: 62.866667vw;margin-bottom: 7.466666666666668vw;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .image-block {width: 100%;height: 71.73333333333333vw;margin-left: 0;float: right;margin-top: 13.333333333333334vw;}
.who-we-are.approach.sustainability.careers .forward {width: auto;position: relative;float: left;font-size: 4.266666666666667vw;letter-spacing: 0.31999999999999995vw;line-height: 6.666666666666667vw;margin-top: 7.133333vw;}
.who-we-are.approach.sustainability.careers .forward::before {width: 2.4vw;height: 5.066666666666666vw;top: 1.2vw;right: -5.4vw;}
.who-we-are.approach.sustainability.careers .section-approach-center-block .image-block {width: calc(100% + 5.333333333333334vw + 5.333333333333334vw);height: 71.73333333333333vw;margin-left: -5.333333333333334vw;float: left;margin-top: 13.333333333333334vw;}
.who-we-are.approach.sustainability.careers{padding-bottom: 0;margin-bottom: -6.733333vw;}


    footer {
        margin-top: 6.666666666666667vw;
        height: 57.33333333333333vw;
    }
    footer #footer {
        padding: 4.533333333333333vw 5.333333333333334vw;
    }
    footer #footer::before {
        left: 5.333333333333334vw;
        right: 5.333333333333334vw;
        width: calc(100% - 5.333333333333334vw - 5.333333333333334vw);
    }
    footer .logo {
        width: 41.6vw;
        height: 7.466666666666668vw;
        margin: 5.333333333333334vw 0 0 0;
        float: left;
    }
    footer .nav {
        width: 70%;
        position: initial;
    }
    footer .nav li {
        width: 50%;
        margin-bottom: 1.3vw;
    }
    footer .nav li:nth-child(1) {
        width: 50%;
    }
    footer .nav li:nth-child(4) {
        clear: none;
        width: 50%;
    }
    footer .nav li:last-of-type {
        width: 6.933333333333333vw;
        position: absolute;
        right: 5.333333333333334vw;
        top: 4.533333333333333vw;
    }
    footer .nav li .icon {
        width: 6.933333333333333vw;
        height: 6.933333333333333vw;
        margin-right: 0;
        margin-bottom: 4vw;
    }
    footer .nav li a {
        font-size: 4vw;
        line-height: 6.4vw;
        letter-spacing: 0.10133333333333333vw;
    }
    footer p {
        width: 100%;
        font-size: 3.2vw;
        line-height: 4.8vw;
        letter-spacing: 0.07999999999999999vw;
        position: relative;
        float: left;
        right: auto;
        top: auto;
        text-align: left;
        margin-top: 6.66666666667vw;
    }
    /*Home-Page-End*/
    .web {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
}