body {
    background-color: white;
}

body nav .nav-link {
    color: #0F1010 !important;
}


/* dropdown */

body .navbar-nav .nav-item .btn {
    background-color: transparent;
    border: 0;
    color: #0F1010 !important;
}

body .navbar-nav .nav-item .dropdown-menu a {
    color: #0F1010 !important;
    width: 60px;
    text-indent: 45%;
}

body .navbar-nav .nav-item .dropdown-menu a:hover {
    color: #fff;
    background-color: #FFD542;
    width: 100%;
}

body .navbar-nav .nav-item .dropdown-menu {
    background: transparent;
    line-height: 1;
    border: 1;
    border-color: #FFD542;
    min-width: 80px;
    height: 72px;
    border-radius: 0%;
    content: none;
}


/* end dropdown */

body nav .nav-link::after {
    background-color: #FFD542 !important;
}

body nav .nav-link.active::after,
body nav .nav-link:hover::after {
    background-color: #FFD542;
}

body nav button {
    color: #0F1010;
}

.headlineSection {
    color: #0F1010;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15vh;
}

.headlineSection h1 {
    font-family: "LS Fixture Ultra Light", Arial, Helvetica, sans-serif;
    font-size: 20.5vw;
    line-height: 16vw;
}

.headlineSection h1 span {
    font-family: "LS Fixture Ultra SemiBold", Arial, Helvetica, sans-serif;
    position: relative;
}

.headlineSection p {
    max-width: 400px;
    margin-left: 50px;
    margin-top: 18vw;
}

@media screen and (max-width: 992px) {
    .headlineSection p {
        max-width: 300px;
    }
}

@media screen and (max-width: 768px) {
    .headlineSection p {
        max-width: 200px;
    }
}

@media screen and (max-width: 576px) {
    .headlineSection {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .headlineSection h1 {
        font-size: 40vw;
        line-height: 30vw;
        margin-top: 10vh;
        margin-bottom: 15vh;
    }
    .headlineSection p {
        max-width: 300px;
        margin-top: 0vh;
    }
}

.valuesSection {
    background-color: #0F1010;
    padding-top: 15vh;
    padding-bottom: 15vh;
}

.valuesSection>div {
    max-width: 70vw;
    margin: auto;
}

.valuesSection>div>h1 {
    font-family: "LS Fixture Ultra Light", Arial, Helvetica, sans-serif;
    font-size: 20.5vw;
}

@media screen and (max-width: 768px) {
    .valuesSection>div>h1 {
        font-size: 35vw;
        margin-bottom: 10vh;
    }
}

.valuesSection>div .value {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.valuesSection>div .value h1 {
    font-family: "LS Fixture Ultra Light", Arial, Helvetica, sans-serif;
    font-size: 11vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
}

.valuesSection>div .value h1 span.id {
    font-size: 6vw;
    margin-right: 15px;
}

.valuesSection>div .value p {
    max-width: 280px;
}

.valuesSection>div .value.pursuit-of-excellence h1 span.id,
.valuesSection>div .value.creativity-precision h1 span.id {
    margin-top: 1.8vw;
    margin-left: -3.5vw;
}

.valuesSection>div .value.insight h1,
.valuesSection>div .value.teamwork h1,
.valuesSection>div .value.challenge h1,
.valuesSection>div .value.passion-joy h1 {
    display: block;
    line-height: 7vw;
}

.valuesSection>div .value.insight p,
.valuesSection>div .value.teamwork p,
.valuesSection>div .value.challenge p,
.valuesSection>div .value.passion-joy p {
    margin-top: 3vw;
}

.valuesSection>div .value.pursuit-of-excellence p {
    margin-left: 6vw;
}

@media screen and (max-width: 992px) {
    .valuesSection>div .value.pursuit-of-excellence p {
        margin-left: 4vw;
    }
}

.valuesSection>div .value.creativity-precision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: -7vw 0 0 auto;
}

.valuesSection>div .value.creativity-precision h1 {
    margin-top: -2vw;
}

.valuesSection>div .value.insight {
    margin-left: 20vw;
    margin-top: -8vw;
}

.valuesSection>div .value.insight span {
    margin-left: -3vw;
}

@media screen and (max-width: 992px) {
    .valuesSection>div .value.insight {
        margin-left: 5vw;
    }
}

.valuesSection>div .value.teamwork {
    margin: -15vw 7vw 0 auto;
}

.valuesSection>div .value.challenge {
    margin: -15vw auto 0 7vw;
}

@media screen and (max-width: 992px) {
    .valuesSection>div .value.challenge {
        margin-left: 5vw;
    }
}

.valuesSection>div .value.passion-joy {
    margin: -14vw 16vw 0 auto;
}

@media screen and (max-width: 992px) {
    .valuesSection>div .value.passion-joy {
        margin-top: -4vw;
    }
}

@media screen and (max-width: 768px) {
    .valuesSection>div .value {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .valuesSection>div .values .value {
        width: 70%;
    }
    .valuesSection>div .values .value h1 {
        font-size: 18vw;
    }
    .valuesSection>div .values .value h1 span {
        font-size: 10vw;
    }
    .valuesSection>div .values .value:nth-child(even) {
        margin: 30px 0 30px auto;
    }
    .valuesSection>div .values .value:nth-child(odd) {
        margin-left: 0;
    }
    .valuesSection>div .values .value.pursuit-of-excellence h1 span.id,
    .valuesSection>div .values .value.creativity-precision h1 span.id {
        margin-top: 2.6vw;
        margin-left: -3vw;
    }
    .valuesSection>div .values .value.insight span {
        margin-left: 0;
    }
    .valuesSection>div .values .value.insight h1,
    .valuesSection>div .values .value.teamwork h1,
    .valuesSection>div .values .value.challenge h1,
    .valuesSection>div .values .value.passion-joy h1 {
        line-height: 14vw;
    }
}

@media screen and (max-width: 1500px) {
    .valuesSection>div {
        max-width: 90vw;
    }
}

@media screen and (max-width: 768px) {
    .valuesSection {
        padding-top: 10vh;
    }
}

.creativesSection {
    background-color: #0F1010;
    padding-right: 10%;
    padding-bottom: 15vh;
    margin-top: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.creativesSection h1 {
    text-align: right;
    font-family: "LS Fixture Ultra Light", Arial, Helvetica, sans-serif;
    font-size: 20.5vw;
    line-height: 16vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    margin-right: 0;
    margin-left: auto;
    z-index: 1;
}

.creativesSection h1 span {
    color: #FC1A5C;
}

.creativesSection .image {
    width: 50vw;
    margin-top: 14vw;
    margin-left: auto;
    margin-right: -20vw;
}

.creativesSection .image img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
    z-index: 0;
}

.creativesSection .image img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.creativesSection .image p {
    font-family: Barlow, "LS Fixture Light", Helvetica, sans-serif;
    max-width: 300px;
    margin: auto;
    margin-top: 2vw;
}

@media screen and (max-width: 576px) {
    .creativesSection {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 5%;
    }
    .creativesSection h1 {
        font-size: 34vw;
        line-height: 28vw;
    }
    .creativesSection .image {
        width: 100%;
        margin-right: 0;
    }
    .creativesSection .image p {
        margin-top: 10vw;
    }
}

@-webkit-keyframes colorBlink {
    0% {
        color: #FC1A5C;
    }
    40% {
        color: white;
    }
    80% {
        color: #FFD542;
    }
}

@keyframes colorBlink {
    0% {
        color: #FC1A5C;
    }
    40% {
        color: white;
    }
    80% {
        color: #FFD542;
    }
}

.teamSection {
    background-color: #0F1010;
    padding-bottom: 15vh;
    padding-top: 15vh;
    margin-top: -3px;
}

.teamSection img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: -webkit-filter 0.3s;
    transition: -webkit-filter 0.3s;
    transition: filter 0.3s;
    transition: filter 0.3s, -webkit-filter 0.3s;
}

.teamSection img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.teamSection .everybody {
    display: block;
    width: 60vw;
    margin: auto;
}

.teamSection>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

.teamSection>div>img {
    width: 20vw;
    min-width: 250px;
    position: absolute;
    top: -60px;
    left: 30px;
}

.teamSection>div .right {
    width: 45%;
    margin-top: 2vw;
    margin-right: 0;
    margin-left: auto;
}

.teamSection>div .right p {
    font-family: Barlow, "LS Fixture Light", Helvetica, sans-serif;
    max-width: 300px;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .teamSection {
        padding-top: 10vh;
    }
    .teamSection .everybody {
        width: 100%;
    }
    .teamSection>div {
        margin-top: 30px;
        margin-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .teamSection>div>img {
        width: 100%;
        margin: 0px;
        min-width: initial;
        position: initial;
    }
    .teamSection>div .right {
        width: 100%;
        margin-bottom: 45px;
    }
}


/*# sourceMappingURL=agency.css.map */