/***********
About Page CSS
***********/
/* Common CSS */
body, input, textarea, select, button, legend, p {
    color: #242a30;
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
}
/* banner */
.static-about, .hero {
    height: 420px!important;
}
.stretch-height{
    height: 420px!important;
    padding-top: 100px;

}
.hero, .hero-au {
    background-image: url("../img/about_banner.jpg");
    margin-top: 20px;

}
.hero {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 500px; */
    background-color: #b1b9c3;
    text-align: center;
    -webkit-transition: height .15s;
    transition: height .15s;
    position: relative;
}
.static-body{
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1020px;
}

.stretch-height {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    padding-left: 4%;
    padding-right: 4%;
}
.hero h1 {
    font-size: 56px;
    text-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    font-weight: 600;
    line-height: 67px;
}
.mktg-subheadline{
    font-weight: 300;
    font-size: 28px;
    line-height: 42px;

}
.hero h1, .hero p {
    color: #000;
    margin-bottom: 0;
}

.static-about, .mktg-subheadline {
    font-size: 1.5rem;
}


/* Get more done in less time */


.static-body, .static-section {
    background-color: white;
    padding: 48px 0;
}
.static-body{
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1020px;
}
.row {
    position: relative;
}
.row .col-12, .row .tr-col-12 {
    width: 100%;
}

.row [class^='col-'], .row [class*=' col-'], .row [class^='tr-col-'], .row [class*=' tr-col-'] {
    float: left;
    margin-bottom: 1rem;
    position: relative;
}
.static-about, .about-intro__logo {
    display: block;
    margin: 0 auto 40px;
    /*width: 81px;
    height: 73px;*/
}
.static-about, .about-intro__title {
    margin-bottom: 20px;
    font-family: Proxima Nova, sans-serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 50px;
    color: #242a30;
}
.static-body, .secondary-heading {
    font-size: 2.5rem;
}
.static-body, .static-title {
    text-align: center;
    font-size: 2.2em;
    margin-bottom: 1em;
    font-weight: 300;
    color: #242a30;
}
.static-about, .about-intro__description {
    padding: 0 2em;
    margin: 0;
    font-family: Proxima Nova, sans-serif;
    font-weight: 300;
   /* font-size: 28px;*/
    line-height: 42px;
    color: #242a30;
}
.u-align--center {
    text-align: center;
}
p {
    margin: 0 0 1.5rem 0;
}

/* Slider */

.static-about, .about-stats {
    content-visibility: auto;
    /* contain-intrinsic-size: 374px; */
    padding: 4.5em 0;
    background: url(../img/stats_bg.jpg) center top no-repeat;
    background-size: cover;
}
.static-about, .stat-outer-wrap:first-child {
    margin-top: 0;
}
.static-about, .stat-container {
    padding: 0 3.5em;
}
.static-about, .stat-icon {
    display: block;
    margin: 0 auto 1.4em;
    height: 48px;
    width: 48px;
}
.static-about, .stat-factoid {
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    font-family: Proxima Nova, sans-serif;
    color:#242A30;
}
.stat-sub {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    font-family: Proxima Nova, sans-serif;
}
.static-about, .stat-outer-wrap {
    margin-top: 2em;
}
.row, .row--thin>[class^='col-'], .row.row--thin>[class*=' col-'], .row, .row--thin>[class^='tr-col-'], .row.row--thin>[class*=' tr-col-'] {
    margin-bottom: 0;
}
/* .row, .col-12, .row, .tr-col-12 {
    width: 100%;
} */
.row [class^='col-'], .row [class*=' col-'], .row [class^='tr-col-'], .row [class*=' tr-col-'] {
    float: left;
    margin-bottom: 1rem;
    position: relative;
}
.u-align--center {
    text-align: center;
}
.tr-carousel--about {
    height: 230px;
}
.tr-carousel {
    position: relative;
}
.tr-carousel__slide.js-carousel-slide{
    display: flex;
    flex-direction: row;
}
.tr-carousel__slide {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
/* .row:after {
    content: "";
    clear: both;
    display: table;
}
.tr-carousel__indicators {
    position: absolute;
    left: 50%;
    top: 102%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.tr-carousel__indicators {
    position: absolute;
    left: 50%;
    top: 102%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.tr-carousel__indicator.is-active {
    background-color: #51af33;
    border-color: #51af33;
} */

/* Our leadership */


.about-team__desktop {
    content-visibility: auto;
    /* contain-intrinsic-size: 1170px; */
}
.about-member-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.exec-row {
    padding-bottom: 50px;
}
.about-details-desktop {
    padding: 0 2.3em;
}
.u-align--center {
    text-align: center;
}
.about-member__avatar {
    width: 210px;
    height: 210px;
    margin: 0 auto;
    border-radius: 100%;
    border: 6px solid white;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-box-flex: center;
    -webkit-flex: center;
    -ms-flex: center;
    flex: center;
}
.about-member__avatar>img {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    border: 6px solid white;
    position: relative;
    display: inline-block;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.title-with-subtitle {
    margin-bottom: 0.25em;
}
.about-member__name {
    white-space: nowrap;
}
.u-hidden {
    display: none !important;
}
.about-member__modal-container {
    display: block;
}
.about-member__avatar--ania {
    width: 180px;
    height: 180px;
    background: url(https://assets.taskrabbit.com/v3/assets/static/about_us_avatars/ania-8e335e5….png) no-repeat;
    background-size: 180px 180px;
}
.exec-row {
    padding-bottom: 50px;
}
.u-hidden {
    display: none !important;
}
.row {
    position: relative;
}





/* Press Section */


.static-about .press-desktop-section {
    content-visibility: auto;
    /* contain-intrinsic-size: 300px; */
    padding-top: 3.5em;
    padding-bottom: 3.5em;
}
/* .static-body .section-bold {
    background: #f9fafb!important;
} */
.press-bg {
    /* background-color: white; */
    background: #f9fafb!important;
    padding: 3em 0;
}
.press-desktop-section {
    content-visibility: auto;
    /* contain-intrinsic-size: 300px; */
    padding: 56px 0;
}
.static-body .container {
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1020px;
}
.row.row--guttered {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    display: flex;
}
.row {
    position: relative;
}
.static-about .press-item {
    font-weight: 300;
    padding: 0 0.5em;
}
.press-item {
    font-weight: 300;
    padding: 0 0.5rem;
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
    font-size: 16px!important;
    line-height: 24px;
    color: #242a30;
}
.static-about .press-item--press_1 img {
    width: 224px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.static-about .press-item img {
    display: block;
    margin: 0 auto 2.25em;
}
.press-item--press_1 img {
    width: 224px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.press-item img {
    display: block;
    margin: 0 auto 2.25em;
}
.press-item--press_2 img {
    width: 115px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.static-about .press-item--press_2 img {
    width: 115px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.static-about .press-item--press_3 img {
    width: 245px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.press-item--press_3 img {
    width: 245px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.row:after {
    content: "";
    clear: both;
    display: table;
}


/* Join Team */
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
.join-team {
    content-visibility: auto;
    /* contain-intrinsic-size: 473px; */
    padding: 75px 0;
}
}
.join-team {
    content-visibility: auto;
    /* contain-intrinsic-size: 417px; */
    background: url(../img/join__team_bg.jpg) center top no-repeat;
    padding: 75px 0;
    background-size: cover;
    position: relative;
}
.join-team .join-team-window {
    background: rgba(255,255,255,0.9);
    border-radius: 0.5em;
    padding: 32px;
    text-align: center;
    width: 39%;
    margin-left: 58%;
}

.join-team .join-team-title {
    margin-bottom: 17.6px;
    margin-top: 0;
}
.static-body .static-title {
    text-align: center;
    font-size: 35px;
    margin-bottom: 17.600px;
    font-weight: 300;
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
    color: #242a30;
    line-height: 44px;
}
.join-team .join-team-description {
    margin-top: 42px;
    margin-bottom: 42px;
    font-size: 24px;
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
    line-height: 34px;
    color: #242a30;
    font-weight: 300;
}
.static-about .join-team .abt-join-btn {
    display: block;
    width: 100%;
    margin: 0 40.406px!important;
}

.abt-join-btn, .abt-join-btn:visited {
    width: 100%;
    max-width: 100%;
}
.abt-join-btn {
    font-size: 1.5rem;
}
.abt-join-btn, .abt-join-btn:visited {
    color: #51af33;
    border: 1px solid #51af33;
    background-color: white;
}
.abt-join-btn, .abt-join-btn:visited {
    -webkit-appearance: none;
    display: inline-block;
    text-align: center;
    padding: 12px 33.12px;
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
    border-radius: 4px;
    font-size: 24px;
    font-weight: normal;
    color: #545e69;
    border: 1px solid #51af33;
    background-color: white;
    outline: none;
    cursor: pointer;
    -webkit-transition-property: background, color, border-color, -webkit-box-shadow;
    transition-property: background, color, border-color, -webkit-box-shadow;
    transition-property: background, color, border-color, box-shadow;
    transition-property: background, color, border-color, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.16s;
    transition-duration: 0.16s;
    line-height: 34px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    color: #51af33;
}

/* Responsive */

@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
    .static-about, .hero {
        height: 420px!important;
    }
    }
@media (min-width: 501px){
    h1, .h1 {
        font-size: 2.5rem;
        line-height: 1.2;
}
}
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
.static-about, .mktg-subheadline {
    font-size: 1.75rem;
}
}
@media (min-width: 1201px){
    .static-body{
        padding-left: 0;
        padding-right: 0;
}
}
@media (min-width: 501px){
    .stretch-height, .static-body{
    padding-left: 2%;
    padding-right: 2%;
}
}
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
.row, .col-lg-12, .row, .tr-col-lg-12 {
    width: 100%;
}
}
@media (min-width: 501px){
h2, .h2 {
    font-size: 2rem;
    line-height: 1.25;
}
}
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
.static-about, .mktg-subheadline {
    font-size: 1.75rem;
}
}
/* @media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px) {
.row, .col-lg-4, .row .tr-col-lg-4 {
    width: 33.3333333333%;
}
} */
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px) {
.static-about, .stat-outer-wrap {
    margin-top: 0;
}
}
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px) {
.static-about .join-team .join-team-window {
    background: white;
    width: 39%;
    margin-left: 58%;
}}
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
.static-about .join-team .btn-block {
    width: 80%;
}
}
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
.about__ceo-mobile-view {
    display: none;
}
.exec-row {
    padding-bottom: 50px;
}
.about-member__avatar {
    width: 210px;
    height: 210px;
    margin: 0 auto;
    border-radius: 100%;
    border: 6px solid white;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-box-flex: center;
    -webkit-flex: center;
    -ms-flex: center;
    flex: center;
}
.about-member__avatar>img {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    border: 6px solid white;
    position: relative;
    display: inline-block;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.static-body, .title-with-subtitle {
    margin-bottom: 0.25em;
}
.about-member__name {
    white-space: nowrap;
}
}
@media (min-width: 801px) and (max-width: 1024px), (min-width: 1025px){
.about-team__mobile {
    display: none;
}
}

@media all and (max-width: 320px) {
    .hero h1{
        line-height: 58px;
        font-size: 37px;
    }
    .mktg-subheadline {
        font-weight: 300;
        font-size: 15px;
        line-height: 33px;
    }
    .static-title{
        font-size: 24px;
        line-height: 26px;
    }
    .static-about, .about-intro__description {
        padding: 0;
        margin: 0;
        font-weight: 300;
        font-size: 14px;
        line-height: 28px;
    }
    .join-team .join-team-window{
        width: 100%;
        margin-left: 0;
    }
    .row-mobile{
    display: flex;
    flex-direction: column;
    }
    .about-team__desktop{
        display: none;
    }
    .press-item img {
        margin: 0 auto 1em;
    }
    .row [class^='col-'], .row [class*=' col-'], .row [class^='tr-col-'], .row [class*=' tr-col-']{
        float: none;   
    }
    .tr-carousel__slide.js-carousel-slide {
        display: flex;
        flex-direction: column;
    }
}
@media screen and (min-device-width: 321px) and (max-device-width: 425px){
    .hero h1{
        font-size: 52px;
    }
    .about-intro__description{
        padding: 0;
        font-size: 18px;
        line-height: 32px;
    }
    section.static-section.about-stats{
        min-height: 650px;
    }
    .join-team .join-team-window{
        width: 100%;
        margin-left: 0;
    }
    .about-team__desktop{
        display: none;
    }
    .row [class^='col-'], .row [class*=' col-'], .row [class^='tr-col-'], .row [class*=' tr-col-']{
        float: none;   
    }
    .tr-carousel__slide.js-carousel-slide {
        display: flex;
        flex-direction: column;
    }
    .row-mobile{
        display: flex;
        flex-direction: column;
    }
}

@media all and (min-width: 1024px){
    .container--wide {
        /*width: 1024px!important;*/
    }
    .container.topbottom {
        margin-left: 30px!important;
        margin-right: 0px!important;
    }
}
@media screen and (min-device-width: 426px) and (max-device-width: 768px){
    .about-team__desktop{
        display: none;
    }
    .row [class^='col-'], .row [class*=' col-'], .row [class^='tr-col-'], .row [class*=' tr-col-']{
        float: none;   
    }
    .container--wide {
        width: 768px!important;
    }
    .join-team .join-team-window{
        width: 100%;
        margin-left: 0;
    }
}

@media all and (max-width: 500px),all and (min-width: 501px) and (max-width: 800px) {
 .about-member-container {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
 }
}