/* line 7, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
* {
    box-sizing: border-box;
}

/* line 11, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
body {
    font-size: 16px;
    overflow-x: hidden;
}

@media (min-width: 1280px) {
    /* line 11, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    body {
        font-size: 16px;
    }
}

/* line 21, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
body.fixed {
    overflow: hidden;
}

/* line 27, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.container.fullwidth {
    width: 100%;
    max-width: 2560px;
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 1280px) {
    /* line 26, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .container {
        padding: 0 50px;
    }
}

/* line 41, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
img {
    max-width: 100%;
}

/* line 45, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
a {
    text-decoration: none;
    color: #ff873c;
}

/* line 49, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
a:hover {
    text-decoration: none;
    color: #ffa66f;
}

/* line 55, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
p {
    margin: 0 0 10px 0;
    font-size: 16px;
}

@media (min-width: 1280px) {
    /* line 55, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    p {
        font-size: 16px;
    }
}

/* line 63, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
p.small {
    font-size: 16px;
    color: #a2a1a1;
}

/* line 77, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.mobile-only {
    display: block;
}

@media (min-width: 1280px) {
    /* line 77, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .mobile-only {
        display: none;
    }
}

/* line 85, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.desktop-only {
    display: none;
}

@media (min-width: 1280px) {
    /* line 85, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .desktop-only {
        display: block;
    }
}

/* line 93, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.hide {
    display: none;
}

/* line 97, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.page-section {
    padding: 50px 0;
}

@media (min-width: 768px) {
    /* line 97, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .page-section {
        padding: 75px 0;
    }
}

@media (min-width: 992px) {
    /* line 97, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .page-section {
        padding: 100px 0;
    }
}

@media (min-width: 1280px) {
    /* line 97, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .page-section {
        padding: 70px 0;
    }
}

@media (min-width: 1280px) {
    /* line 194, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .cir {
        width: 719px;
        height: 719px;
        display: block;
        background: url(../images/circle.svg) no-repeat 0 0;
        background-size: contain;
        position: absolute;
        left: -598px;
    }
    /* line 204, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .cir.services {
        top: 236px;
    }
    /* line 208, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .careers .cir {
        top: 1050px;
    }
    /* line 212, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .enquiry .cir {
        top: 300px;
    }
    .msme .cir {
        top: 700px;
    }
}

@media (min-width: 1280px) {
    /* line 219, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .cirright {
        width: 719px;
        height: 719px;
        display: block;
        background: url(../images/circle.svg) no-repeat 0 0;
        background-size: contain;
        position: absolute;
        right: -598px;
        top: 400px;
    }
}

/* line 232, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.inner-banner-content {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    /* line 232, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content {
        padding: 0;
        position: absolute;
        width: 400px;
        top: 0;
    }
}

@media (min-width: 992px) {
    /* line 232, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content {
        width: 555px;
    }
}

@media (min-width: 1280px) {
    /* line 232, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content {
        width: 690px;
    }
}

@media (min-width: 1366px) {
    /* line 232, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content {
        width: 755px;
    }
}

/* line 254, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.inner-banner-content .small_head {
    font-size: 24px;
}

@media (min-width: 768px) {
    /* line 254, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .small_head {
        font-size: 24px;
    }
}

/* line 262, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.inner-banner-content .inner-heading {
    font-size: 40px;
    font-weight: 700;
    color: #3c3757;
}

@media (min-width: 768px) {
    /* line 262, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .inner-heading {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    /* line 262, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .inner-heading {
        font-size: 40px;
    }
}

@media (min-width: 1280px) {
    /* line 262, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .inner-heading {
        font-size: 45px;
    }
}

@media (min-width: 1366px) {
    /* line 262, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .inner-heading {
        font-size: 58px;
    }
}

/* line 167, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.inner-banner-content .inner-heading span {
    color: #0079c9;
}

/* line 266, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.inner-banner-content .desc {
    font-size: 14px;
}

@media (min-width: 992px) {
    /* line 266, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .desc {
        font-size: 16px;
    }
}

@media (min-width: 1280px) {
    /* line 266, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .desc {
        font-size: 18px;
    }
}

@media (min-width: 1366px) {
    /* line 266, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .inner-banner-content .desc {
        font-size: 20px;
    }
}

/* line 283, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.banner-pad {
    padding-top: 100px;
}

@media (min-width: 768px) {
    /* line 283, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .banner-pad {
        padding: 130px 0 50px;
        position: relative;
    }
}

@media (min-width: 992px) {
    /* line 283, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .banner-pad {
        padding: 170px 0 50px;
        position: relative;
    }
}

@media (min-width: 1280px) {
    /* line 283, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .banner-pad {
        padding: 170px 0 50px;
        position: relative;
    }
}

@media (min-width: 1366px) {
    /* line 283, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
    .banner-pad {
        padding: 200px 0 50px;
        position: relative;
    }
}

/* line 310, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.search_box {
    color: #95accc;
    max-width: 420px;
    margin-top: 50px;
    position: relative;
}

/* line 316, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.search_box:before {
    content: '';
    background: url(../images/search.svg) no-repeat 0 0;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 16px;
}

/* line 328, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.search-input {
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #95accc;
    background-color: transparent;
    padding: 10px 40px;
}

/* line 337, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.nolist {
    list-style-type: none;
    margin: 20px 0;
    padding: 0;
}

/* line 343, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
ol {
    margin: 20px;
}

/* line 158, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people_list {
    list-style-type: none;
    margin: 0;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (max-width: 1279px) {
    /* line 158, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people_list {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-width: 768px) {
    /* line 158, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people_list {
        padding: 15px 0;
    }
    .info_cont.more_cont{
        height: 480px;
        width: 700px;
    }
    .more_cont .people__info,
    .min_cont .people__info{
        width: 450px;
    }
    .info_cont.min_cont{
        height: 230px;
        width: 700px;
    }
}

@media (min-width: 1280px) {
    /* line 158, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people_list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/* line 178, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people_list li {
    padding: 15px;
    width: 245px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media (min-width: 1280px) {
    /* line 178, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people_list li {
        width: 20%;
        max-width: 245px;
    }
}

/* line 200, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people_list li.open {
    position: relative;
    z-index: 1 !important;
}

/* line 208, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.peoples .section-heading {
    text-align: right;
}

/* line 213, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people {
    border: 1px solid #f5f5f5;
    padding: 5px;
    height: 100%;
}

@media (min-width: 1280px) {
    /* line 213, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people {
        box-shadow: none;
        padding: 0;
    }
}

/* line 223, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people img {
    border-radius: 5px;
    max-height: 100%;
}

/* line 228, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people figure {
    margin: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

@media (min-width: 1280px) {
    /* line 228, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people figure {
        max-width: 200px;
    }
}

@media (min-width: 1366px) {
    /* line 228, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people figure {
        max-width: 213px;
    }
}

/* line 242, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.info_cont {
    padding: 6px;
    position: relative;
    pointer-events: none;
}


/* line 247, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.info_cont:after {
    content: '';
    background: url(/assets/images/team/quotes.svg) no-repeat 0 0;
    background-size: cover;
    display: block;
    width: 40px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}

@media (min-width: 1280px) {
    /* line 242, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .info_cont {
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        left: 10px;
        top: 10px;
        bottom: 10px;
        right: 0;
        z-index: 0;
        display: none;
        box-shadow: 0px 0px 61px -2px rgba(0, 0, 0, 0.27);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
}

@media (min-width: 1280px) {
    /* line 242, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .info_cont {
        width: 435px;
    }
}

@media (min-width: 1366px) {
    /* line 242, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .info_cont {
        width: 480px;
    }
}

/* line 281, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.info_cont figure {
    display: none;
}

@media (min-width: 1280px) {
    /* line 281, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .info_cont figure {
        display: block;
    }
}

@media (min-width: 1280px) {
    /* line 290, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people__info {
        width: 220px;
        margin: 10px 10px 10px 20px;
    }
}

/* line 298, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people__info .name {
    display: block;
    font-weight: 500;
    font-size: 20px;
}

@media (min-width: 1280px) {
    /* line 298, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people__info .name {
        font-size: 16px;
    }
}

@media (min-width: 1366px) {
    /* line 298, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people__info .name {
        font-size: 20px;
    }
}

/* line 312, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people__info .des {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

/* line 131, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_common.scss */
.people__info .des:before {
    content: '';
    background: url(/assets/images/team/orangebar.svg) no-repeat 0 0;
    display: block;
    width: 47px;
    height: 5px;
    position: absolute;
    bottom: -10px;
    left: 0px;
}

@media (min-width: 1280px) {
    /* line 312, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people__info .des {
        font-size: 14px;
    }
}

@media (min-width: 1366px) {
    /* line 312, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people__info .des {
        font-size: 18px;
    }
}

/* line 331, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people_list li:nth-child(10) .info_cont,
.people_list li:nth-child(15) .info_cont,
.people_list li:nth-child(20) .info_cont,
.people_list li:nth-child(5) .info_cont {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* line 334, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
.people_list li:nth-child(10) .info_cont:after,
.people_list li:nth-child(15) .info_cont:after,
.people_list li:nth-child(20) .info_cont:after,
.people_list li:nth-child(5) .info_cont:after {
    left: 165px;
    top: 10px;
    right: auto;
}

@media (min-width: 1280px) {
    /* line 331, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people_list li:nth-child(10) .info_cont,
    .people_list li:nth-child(15) .info_cont,
    .people_list li:nth-child(20) .info_cont,
    .people_list li:nth-child(5) .info_cont {
        right: 10px;
        left: auto;
    }
}

@media (min-width: 1280px) {
    /* line 346, Volumes/workshop/Works/CURRENT WORKS/zetwerk-11/source/assets/scss/partials/_company.scss */
    .people_list li:nth-child(10) .people__info,
    .people_list li:nth-child(15) .people__info,
    .people_list li:nth-child(20) .people__info,
    .people_list li:nth-child(5) .people__info {
        margin: 10px 20px 10px 10px;
    }
}