@import url("../css/_number-module.css");
 @import url("../css/_we-work-module.css");
 @import url("../css/_feature-module.css?v=2292");
 @import url("../css/_micro-cta.css");
 @import url("../css/_question-module.css");
 @import url("../css/_cta-panel-module.css?v=22912");


 .default-banner-section .hero-banner-main .hero-banner-text hr.small{
    margin:35px 0 32px
}
.number-module{
    padding:96px 0 83px;
    margin:0 0 91px
}
.we-work-module{
    margin-bottom:147px
}
.feature-module{
    padding:80px 0 60px
}
.feature-module-main{
    flex-direction:column-reverse
}
.feature-module-list:first-child{
    margin-bottom:0
}
.feature-module-list:last-child{
    margin-bottom:80px
}
.culture-team{
    position:relative;
    padding:164px 0 76px;
    background:var(--white);
    clear:both
}
.culture-main{
    position:relative;
    margin-bottom:14px
}
.culture-text{
    max-width:410px;
    margin-right:9%;
    width:32%;
    z-index:1
}
.culture-text p{
    font-family:Calluna,sans-serif;
    font-weight:300;
    font-size:1.75rem;
    line-height:1.36;
    margin-bottom:23px;
    color:var(--sc-heading)
}
.culture-image{
    width:calc(100% - 41%);
    position:relative
}
.culture-img{
    position:absolute;
    top:-128px
}
.culture-img img{
    border-radius:4px
}
.big-heading{
    font-size:5.5rem;
    font-weight:900;
    line-height:.91;
    color:#f5f6ee
}
.team-text .big-heading{
    font-size:5.5rem;
    font-weight:900;
    line-height:.91;
    color:#f5f6ee;
    width:calc(100% + 17%);
    left:-16%;
    position:relative;
    margin-bottom:5px
}
.team-image{
    position:relative;
    padding-left:27px;
    width:68%;
    max-width:870px
}
.team-picture{
    position:absolute;
    top:-200px;
    max-width:870px;
    width:100%
}
.team-text{
    width:calc(100% - 68%);
    text-align:right
}
.team-text p{
    font-family:Calluna,sans-serif;
    font-weight:300;
    font-size:1.75rem;
    line-height:1.36;
    max-width:340px;
    margin:0 0 23px auto;
    color:var(--sc-heading)
}
.team-member{
    max-width:365px;
    max-height:365px
}
.first-member{
    position:absolute;
    bottom:-143px
}
.second-member{
    position:absolute;
    top:-198px;
    left:286px
}
.third-member{
    position:absolute;
    right:-124px;
    bottom:-143px
}
.micro-cta{
    padding:20px 0 142px
}
@media screen and (min-width:1024px){
    .default-banner-section .hero-banner-main .hero-banner-text{
        padding:97px 0 180px;
        max-width:420px
    }
    .default-banner-section .hero-banner-main .hero-banner-image .badge{
        display:none
    }
    .default-banner-section .hero-banner-main .hero-banner-image .banner-img{
        position:absolute;
        width:100%;
        max-width:59.5%;
        max-height:inherit;
        top:inherit;
        bottom:-64px;
        right:-122px;
        z-index:1
    }
    .default-banner-section .hero-banner-main .hero-banner-image .banner-img::before{
        content:"";
        position:absolute;
        background:#fff;
        opacity:.15;
        right:64px;
        z-index:-1;
        width:338px;
        height:338px;
        transform:rotate(45deg);
        top:-104px;
        left:56px;
        border-radius:26%
    }
}
@media screen and (max-width:1300px) and (min-width:1024px){
    .default-banner-section .hero-banner-main .hero-banner-text{
        padding:97px 0 96px
    }
    .team-picture{
        top:-150px
    }
    .big-heading{
        font-size:4.5rem
    }
    .culture-text p{
        font-size:1.3rem
    }
    .team-text .big-heading{
        font-size:4.5rem
    }
    .team-text p{
        font-size:1.3rem
    }
    .default-banner-section .hero-banner-main .hero-banner-text{
        max-width:350px
    }
    .default-banner-section .hero-banner-main .hero-banner-image .banner-img{
        max-width:70.5%
    }
    .default-banner-section .hero-banner-main .hero-banner-image .banner-img::before{
        top:-210px;
        left:60px
    }
}
@media screen and (max-width:1023px) and (min-width:768px){
    .we-work-module{
        margin-bottom:83px
    }
    .culture-team{
        padding:40px 0
    }
    .culture-main{
        flex-direction:column-reverse;
        margin-bottom:40px
    }
    .culture-text{
        max-width:100%;
        margin-right:0;
        width:100%
    }
    .culture-image{
        width:100%;
        margin-bottom:25px
    }
    .culture-img{
        position:relative;
        top:0
    }
    .team-main{
        flex-direction:column-reverse
    }
    .team-image{
        padding-left:0;
        width:100%;
        max-width:100%
    }
    .team-picture{
        position:relative;
        top:0;
        max-width:100%;
        width:100%
    }
    .team-text{
        width:100%;
        text-align:left
    }
    .team-text .big-heading{
        width:100%;
        left:0
    }
    .team-text p{
        max-width:100%;
        margin:0 0 17px
    }
    .micro-cta{
        padding:20px 0 64px
    }
    .number-module{
        margin:0
    }
    .default-banner-section .hero-banner-main .hero-banner-text{
        max-width:100%;
        padding:64px 0!important
    }
    .default-banner-section .hero-banner-main .hero-banner-image{
        max-width:100%
    }
    .default-banner-section .hero-banner-main .hero-banner-image .banner-img{
        position:inherit;
        max-width:100%;
        top:-10px;
        bottom:inherit;
        right:-50px
    }
    .default-banner-section .hero-banner-main .hero-banner-image .badge{
        display:none
    }
}
@media screen and (max-width:767px) and (min-width:200px){
    .default-banner-section .hero-banner-main .hero-banner-text hr.small{
        margin:26px 0 24px
    }
    .banner-img picture::after,.banner-img picture::before,.default-banner-section .hero-banner-main .hero-banner-image .badge,.hero-banner-image .banner-img::after{
        display:none
    }
    .default-banner-section .hero-banner-main .hero-banner-image{
        padding-top:0;
    }
    .default-banner-section .hero-banner-main .hero-banner-image .banner-img{
        width:calc(100% + 22.3%);
        right:-1px
    }
    .number-module{
        padding:48px 0 54px;
        margin:0 0 28px
    }
    .culture-team{
        padding:20px 0
    }
    .culture-main{
        flex-direction:column-reverse;
        margin-bottom:46px
    }
    .culture-text{
        max-width:100%;
        margin-right:0;
        width:100%
    }
    .culture-image{
        width:100%;
        margin-bottom:24px
    }
    .culture-img{
        position:relative;
        top:0;
        margin-top:-44px
    }
    .team-main{
        flex-direction:column-reverse
    }
    .team-image{
        padding-left:40px;
        width:100%;
        max-width:100%;
        margin:-41px 0 -45px
    }
    .team-picture{
        position:relative;
        top:0;
        max-width:100%;
        width:100%;
        right:-41px
    }
    .team-text{
        width:100%;
        text-align:left
    }
    .big-heading{
        font-size:3rem;
        line-height:1.33;
        letter-spacing:-1.1px
    }
    .team-text .big-heading{
        width:100%;
        left:0;
        font-size:3rem;
        line-height:1.33;
        letter-spacing:-.96px
    }
    .team-text p{
        max-width:100%;
        margin:-9px 0 27px;
        font-size:1.5rem;
        line-height:1.33
    }
    .culture-text p{
        font-size:1.5rem;
        line-height:1.33;
        margin:-9px 0 27px
    }
    .feature-module{
        padding:64px 0 44px
    }
    .feature-module-list:last-child{
        margin-bottom:40px
    }
    .micro-cta{
        padding:20px 0 64px
    }
}