* {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style-type: none;
}

button {
    outline: none;
    border: none;
}

body {
    overflow-x: hidden;
}


/* MENU */

.menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

.menuWrapper {
    background: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100vw;
}

.menu ul {
    display: flex;
    position: relative;
    left: 8%;
}

.menu li {
    margin-right: 40px;
    border-right: 1px solid black;
    padding-right: 40px;
}

.menu li:last-child {
    border: none;
}

.menu p {
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    font-family: 'Raleway';
    font-size: 15px;
    transition: 0.3s;
    cursor: pointer;
}

.menu p:hover {
    color: #DB4848;
}

.menuActive {
    color: #DB4848 !important;
}

.swiper {
    width: 100vw;
    height: 100vh;
}

.sliderContainer {
    max-width: 90%;
    margin: 0 auto;
}

.slideDefault {
    display: flex;
    position: relative;
    justify-content: space-between;
    height: 87vh;
}

.swiper-slide {
    padding-top: 70px;
    padding-bottom: 70px;
}

.slideDefault>img {
    max-width: 780px;
    height: 100%;
}

.slideLine {
    height: 100%;
    width: 1px;
    background: #ECECEC;
    color: #ECECEC;
    border: none;
}

.slideContent {
    max-width: 840px;
}

.slideContent h1 {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Playfair Display';
}

.slideContent p {
    font-size: 16px;
    color: black;
    font-family: 'Raleway';
    margin-top: 5px;
    line-height: 25px;
}

.pageTitle {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Playfair Display';
}

.WhoIM {
    margin-top: 30px;
}

.aboutRoles {
    margin-top: 30px;
}

.aboutSkillsTable {
    display: flex;
    justify-content: space-between;
    max-width: 740px;
    margin-top: 30px;
}

.aboutSkillsTitle {
    font-size: 14px;
    font-family: 'Playfair Display';
    margin-bottom: 10px;
    font-weight: 400;
}

.aboutSkillsTable p {
    font-size: 16px;
    margin-top: 0;
}

.slideContentFull {
    width: 740px;
}

.slideCenter {
    align-items: center;
}

.slideContentFull {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slideReview img {
    width: 90%;
}

.clientsMore {
    opacity: 0.5;
}
.armeMob {
    display: none;
} 
.slideClients p {
    font-family: 'Playfair Display';
    margin-bottom: 0;
    margin-top: 0;
}

.sliderContentEa {
    display: block;
}

.sliderContentEa img {
    margin-bottom: 20px;
}

.slideFullScreen {
    background: black;
    padding-top: 50px;
}

.sliderFullImage {
    width: 100%;
}

.sliderContentWork {
    display: block;
}

.workJobsList p {
    font-family: 'Playfair Display';
    font-size: 24px;
    margin-top: 10px;
}

.projectLink {
    padding: 15px 30px;
    background: white;
    border: 2px solid #707070;
    font-family: 'Playfair Display';
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.projectLink a {
    text-decoration: none;
    color: #707070;
}

.slideArmedangels {
    background: #FBF27A;
}

.slideMaison {
    background: #E9E0D7;
}

.slideMaison img {
    width: 100%;
    max-width: 100%;
    height: 95%;
    margin-top: 2.5%;
}

.sliderMosaic {
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
}

.sliderMosaic img {
    width: 25%;
    height: 50vh;
    object-fit: cover;
}

.slideMojo {
    background: #EAEFED;
}

.slideBlocks {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 5px;
}

.slideBlocks img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.slideWinarte {
    background: black;
}

.vinarteSlide img {
    max-width: 100%;
    width: 100%;
}

.slideVinarteImages {
    background: black;
}

.sliderVinarte {
    display: grid;
}

.sliderVinarte {
    position: relative;
    bottom: 150px;
}

.sliderVinarte img {
    width: 100%;
}

.itemTitle {
    margin-top: 20px;
}

.slideDSImage img {
    width: 100%;
    max-width: 100%;
}

.slideDSImage {
    background: #21213A;
}

.slideReisImages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.slideReisImages img {
    width: 100%;
}

.slideReisList>div {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
}

.slideReisList img {
    width: 100%;
}

.slideReisList>div:last-child {
    grid-template-columns: repeat(4, 1fr);
}

.sliderLemke {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.sliderLemke img {
    width: 100%;
}

.slideLemke img {
    height: 390px;
}

.andyContact {
    width: 100%;
    display: grid;
}

.andySlide .itemTitle {
    font-size: 28px;
}

.andyContacts a {
    font-family: 'Raleway';
    color: black;
    font-size: 18px;
    text-decoration: none;
    margin-top: 10px;
}

.andyContacts p {
    font-family: 'Raleway';
    color: black;
    font-size: 18px;
    text-decoration: none;
    margin-top: 10px;
}

.swiper-slide {
    overflow: hidden;
    max-height: 100vh;
}

@media (max-width: 1601px) {
    .slideDefault>img {
        width: 40%;
        height: 100%;
        object-fit: cover;
    }

    .slideContent {
        max-width: 50%;
    }

    .slideMaison img {
        width: 100% !important;
        object-fit: contain !important;
    }

    .slideBlocks {
        position: relative;
        top: 5vh;
    }

    .vinarteSlide img {
        width: 100% !important;
        object-fit: contain !important;
    }

    .slideDSImage img {
        width: 100% !important;
        object-fit: contain !important;
    }

    .slideLemke {
        top: 0vh;
    }

    .sliderLemke {
        position: relative;
        top: 5vh;
    }

    .slideReisImages {
        height: 80vh;
    }

    .slideReisImages img {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1450px) {
    .slideContent h1 {
        font-size: 22px;
    }

    .slideContent p {
        font-size: 14px;
    }

    .WhoIM {
        margin-top: 20px;
    }

    .pageTitle {
        font-size: 22px;
    }

    .aboutRoles {
        margin-top: 20px;
    }

    .aboutSkillsTitle {
        font-size: 12px;
    }

    .aboutSkillsTable p {
        font-size: 14px;
    }

    .aboutSkillsTable {
        margin-top: 20px;
    }

    .slideContent p {
        line-height: 22px;
    }

    .slideMaison img {
        margin-top: 0%;
    }

    .slideBlocks {
        top: 1.5vh;
    }

    .sliderVinarte img {
        position: relative;
        top: 10%;
    }

    .sliderLemke {
        top: 1.5vh;
    }

    .slideLemke img {
        height: 320px;
    }
}

.andyContacts {
    display: grid;
}

@media (max-width: 1025px) {
    .slideDefault {
        height: 700px;
        margin-top: 100px;
    }

    .slideDefault>img {
        object-fit: contain;
    }

    .vinarteSlide img {
        width: 100% !important;
        object-fit: contain !important;
    }

    .slideDSImage img {
        width: 100% !important;
        object-fit: contain !important;
    }

    .slideMaison img {
        width: 100% !important;
        object-fit: contain !important;
    }

    .slideFullScreen {
        background: black;
        padding-top: 150px;
    }

    .slideBlocks {
        top: 150px;
    }

    .slideReview img {
        width: 70%;
    }

    .sliderVinarte img {
        position: relative;
        top: 90%;
    }

    .slideReisImages {
        height: 50vh;
    }

    .slideReisImages {
        margin-top: 150px;
    }

    .sliderLemke {
        top: 200px;
    }
}

@media (max-width: 769px) {
    .slideDefault {
        display: block;
        height: unset;
    }

    .slideDefault {
        margin-top: 20px;
    }

    .slideDefault>img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .slideContent {
        max-width: 100%;
    }

    .slideContent h1 {
        font-size: 18px;
    }

    .slideContent p {
        font-size: 12px;
    }

    .pageTitle {
        font-size: 18px;
    }

    .andyMain {
        display: none;
    }

    .slideClients {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 70%;
    }

    .slideReview {
        display: flex;
        justify-content: flex-end;
    }

    .slideContent {
        margin-top: 50px;
    }

    .slideDefault>img {
        object-fit: contain;
    }

    .mobileFullImage img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .mobileFullImage {
        height: 90vh;
        display: flex;
    }

    .slideMaison img {
        object-fit: cover !important;
        height: auto;
    }

    .slideMaison {
        padding-top: 25vh;
    }

    .maisonslide {
        padding-top: 0 !important;
    }

    .slideMojo .slideBlocks {
        top: 0;
    }

    .slideWinarte .slideBlocks {
        top: 0;
    }

    .vinarteSlide img {
        object-fit: cover !important;
        height: auto;
    }

    .vinarteSlide .slideDefault {
        margin-top: 150px;
    }

    .slideDS .slideDefault {
        margin-top: 50px !important;
    }

    .slideDSImage img {
        object-fit: cover;
        height: auto;
    }

    .slideDSImage .slideDefault {
        margin-top: 150px;
    }

    .workJobsList p {
        margin-top: 5px;
    }

    .slideContentFull>img {
        width: 70px;
    }
}

@media (max-width: 491px) {

    .menu>a {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .menu {
        flex-wrap: wrap;
        padding-bottom: 10px;
    }

    .menu li {
        margin-right: 10px;
        border-right: 1px solid black;
        padding-right: 10px;
    }

    .slideContent {
        margin-top: 20px;
    }

    .slideClients {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .slideContent {
        flex-wrap: wrap;
    }

    .aboutSkillsTitle {
        font-weight: 700;
    }

    .slideReview img {
        width: 40%;
        margin-top: 40px;
    }

    .slideReview {
        display: flex;
        justify-content: center;
    }

    .pageTitle {
        font-size: 22px;
    }

    .sliderMosaic img {
        width: 33%;
        height: 33vh;
        object-fit: cover;
    }

    .slideBlocks {
        grid-template-columns: repeat(2, 1fr);
    }

    .slideBlocks img {
        height: 170px;
    }

    .sliderVinarte {
        position: relative;
        bottom: 0px;
    }

    .sliderVinarte img {
        position: absolute;
        bottom: 10%;
        top: unset;
    }

    .sliderVinarte {
        position: relative;
        bottom: 0px;
        height: 100vh;
    }

    .slideReisImages {
        grid-template-columns: repeat(1, 1fr);
    }

    .slideReisImages {
        margin-top: 20px;
    }

    .slideReisImages {
        height: 80vh;
    }

    .slideReisList>div {
        grid-template-columns: repeat(2, 1fr);
    }

    .slideReisList>div:last-child {
        grid-template-columns: repeat(2, 1fr);
    }
    .slideContent > p {
        font-size: 16px !important;
    }
}

.sliderTitleMobile {
    display: none;
}
.maisonFullMB {
    display: none;
}

@media (max-width: 491px) {
    .menu ul {
        display: none;
    }

    .andyMain {
        display: block;
        width: 100%;
        height: 400px !important;
        object-fit: cover !important;
    }

    .swiper {
        overflow: scroll !important;
    }

    .menuWrapper {
        position: relative;
    }

    .swiper-slide {
        max-height: auto !important;
        padding-top: 0;
        padding-bottom: 0;
    }

    .slideContent h1 {
        font-size: 28px;
    }

    .slideContent p {
        font-size: 16px;
    }

    .pageTitle {
        font-size: 25px;
    }

    .slideContent p {
        line-height: 30px;
    }

    .swiper-slide {
        overflow: scroll !important;
        max-height: unset !important;
    }

    .aboutSkillsTable {
        display: block;
        max-width: 100%;
        margin-top: 30px;
    }

    .aboutSkillsTitle {
        font-weight: 400;
        font-size: 16px;
    }

    .slideContent p {
        font-size: 20px;
    }

    .aboutSkillsTable>div>p:not(.aboutSkillsTitle) {
        font-family: 'Playfair Display';
        font-size: 20px;
    }

    .swiper-slide {
        margin-top: 50px;
    }

    .slideDefault>img {
        display: block;
        width: 100%;
        height: 400px !important;
        object-fit: cover !important;
    }

    .slideClients {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        margin-top: 25px;
    }

    .slideReview img {
        width: 100%;
    }

    .slideReview {
        width: 90%;
        margin: 0 auto;
    }

    .sliderTitleMobile {
        display: block;
        font-size: 25px;
        font-family: 'Playfair Display';
        text-align: center;
        margin-bottom: 50px;
        text-transform: uppercase;
    }

    .slideContentFull>img {
        width: 100px;
        margin-top: 10px;
    }

    .slideFullScreen {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sliderFullImage {
        transform: scale(1.5);
    }

    .armeLogo {
        width: 80% !important;
        margin-bottom: 50px;
    }

    .workJobsList {
        margin-top: 20px;
    }

    .projectLink {
        width: 100%;
    }

    .projectLink a {
        font-size: 20px;
    }

    .armeLeft {
        display: none !important;
    }

    .armeRight {
        display: none !important;
    }

    .armeMob {
        transform: scale(1.35);
    }

    .mobileFullImage {
        height: auto;
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
    .maisonFullImg {
        display: none !important;
    }
    .maisonFullMB {
        width: 100%;
    }
    .slideDefault .maisonFullMB {
        height: auto !important;
        object-fit: cover !important;
        height: 100% !important;
    }
    .slideMaison {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .maisonslide {
        margin-top: 0;
    }
    .sliderMosaic img {
        width: 50%;
        height: 195px;
    }
    .slideMojo .slideDefault > img {
        transform: scale(1.3);
    }
    .slideMojo .sliderContainer {
        max-width: 100%;
    }
    .slideBlocks img {
        height: 190px;
    }
    .slideWinarte .sliderContainer {
        max-width: 100%;
    }
    .vinarteSlide .vinarteImageFull {
        height: 570px !important;
    }
    .vinarteSlide .slideDefault {
        margin-top: 0px;
    }
    .vinarteSlide {
        margin-top: 10px;
    }
    .sliderVinarte img {
        position: relative;
        bottom: 0%;
        top: unset;
    }
    .sliderVinarte {
        height: auto;
    }
    .slideDSImage {
        margin-top: 0 !important;
    }
    .slideDSImage .slideDefault {
        margin-top: 0px;
    }
    .slideDSImage .sliderContainer {
        max-width: 100%;
    }
    .slideDSImage .draftMobile {
        height: auto !important;
    }
    .slideDSImage {
        background: white;
    }

    .reisContainer .sliderContainer {
        max-width: 100%;
    }
    .reisContainer img {
        height: auto;
    }
    .slideReisImages {
        height: auto;
    }

    .slideReisList > div {
        grid-template-columns: repeat(1, 1fr);
    }
    .reisMb {
        display: none !important;
    }
    .sliderLemke {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
        top: 0;
    }
    .sliderLemkeMB .sliderContainer {
        max-width: 100%;
    }
    .slideMojo {
        margin-top: 0;
    }
    .andySlide {
        padding-bottom: 50px !important;
    }
    .nav_About {
        margin-top: 0;
    }
    .sliderContainer {
        max-width: 340px;
    }
    .aboutSkillsTitle {
        margin-top: 20px;
    }
    .swiper {
        overflow: scroll;
        height: auto;
    }
    .maisonFullMB {
        display: block;
    }
    .armeMob {
        display: block;
    }
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    right: unset !important;
    top: unset !important;
    transform: unset !important;
}