﻿#stats { background: #004D69; text-align: center; padding: 75px 20px 85px; }
    #stats > h2 { color: white; font-size: 40px; margin: 0; }
    #stats > .registry { margin-top: 40px; }
    #stats > .stats { display: flex; justify-content: center; margin-top: 50px; }
        #stats > .stats > .stat { width: 250px; margin: 0 20px; }
            #stats > .stats > .stat > .icon-w { display: flex; justify-content: center; align-items: center; height: 130px; }
            #stats > .stats > .stat > .name-number > .name { font-size: 24px; font-weight: bold; color: #2EC0DF; text-align: center; width: 200px; margin: 0 auto; }
            #stats > .stats > .stat > .name-number > .number { color: white; font-size: 55px; font-weight: bold; }

#team { background: #F8F8F8; }
.leaders { text-align: center; padding-top: 102px; }
    .leaders > h2 { margin: 0; }
    .leaders > .people { display: flex; flex-wrap: wrap; justify-content: center; margin: 94px auto 0; max-width: 1200px; }
        .leaders > .people > .person { width: 300px; margin: 0 48px 75px; }
            .leaders > .people > .person > .img { width: 294px; height: 294px; margin: 0 auto; border-radius: 300px; background-position: center; background-size: cover; border: solid 5px #F05125; padding: 4px; background-clip: content-box; box-sizing: border-box; }
            .leaders > .people > .person > .name { font-size: 24px; font-weight: bold; margin-top: 15px; }
            .leaders > .people > .person > .title { font-size: 18px; margin-top: 8px; color: #F15825; font-weight: bold; }
            .leaders > .people > .person:nth-child(even) > .img { border-color: #00BBDC; }
            .leaders > .people > .person:nth-child(even) > .title { color: #00BBDC; }

#info-icons { font-size: 16px; font-weight: bold; background: #00BBDC; padding: 66px 20px 66px; text-align: center; }
    #info-icons > h2 { margin: 0; }
    #info-icons > .icons { display: flex; justify-content: center; margin-top: 90px; }
        #info-icons > .icons > .i { width: 300px; }
            #info-icons > .icons > .i > .icon-w { height: 70px; display: flex; justify-content: center; align-items: center; }
            #info-icons > .icons > .i > .t { margin-top: 28px; }
                #info-icons > .icons > .i > .t > .w { color: white; }
                #info-icons > .icons > .i > .t > .b { color: #2C3E50; }
#map { width: 100%; height: 430px; display: block; }

.cell-therapy-banner { background-color: #02384B; height: 78px; display: flex; align-items: center; justify-content: center; padding: 0 16px; text-align: center; font-family: 'Roboto', sans-serif; }
    .cell-therapy-banner span { color: white; font-size: 18px; font-weight: 500; line-height: 1.4; }
    .cell-therapy-banner a { color: #FF4E00; text-decoration: none; display: inline-block; margin-left: 4px; font-weight: 500; }

/*tablet*/
@media(min-width:768px) and (max-width:1023px) {
    #header-mob > .logo-burger > .logo-w { display: none }
    #logo-bar { background: white; height: 82px; }
        #logo-bar > .logo { display: none; }
        #logo-bar > .logo-tablet { display: block; }
}

/*!mobile*/
@media(min-width:768px) {
}

/*mobile-tablet*/
@media(max-width:1023px) {

    #stats { padding: 65px 20px 40px; }
        #stats > h2 { font-size: 30px; }
        #stats > .stats { margin-top: 30px; }
            #stats > .stats > .stat > .icon-w { height: 70px; }
                #stats > .stats > .stat > .icon-w > img { width: 50px; }
            #stats > .stats > .stat > .name-number > .name { font-size: 17px; width: 140px; }
            #stats > .stats > .stat > .name-number > .number { font-size: 28px; margin-top: 8px; }

    .leaders { padding-top: 62px; }
        .leaders > h2 { font-size: 21px; }
        .leaders > .people { margin-top: 42px; }
            .leaders > .people > .person { width: 180px; margin: 0px 25px 58px; }
                .leaders > .people > .person > .img { width: 138px; height: 138px; border-width: 2px; padding: 2px; }
                .leaders > .people > .person > .name { font-size: 15px; margin-top: 5px; }
                .leaders > .people > .person > .title { font-size: 12px; margin-top: 5px; }

    #info-icons { font-size: 13px; padding: 40px 20px; }
        #info-icons > .i { width: 130px; margin: 0 10px; }
        #info-icons > .icons { margin-top: 40px; }
            #info-icons > .icons > .i > .icon-w { height: 38px; }
            #info-icons > .icons > .i > .t { margin-top: 15px; }
            #info-icons > .icons > .i.i-1 > .icon-w > img { height: 34px; }
            #info-icons > .icons > .i.i-2 > .icon-w > img { height: 36px; }
            #info-icons > .icons > .i.i-3 > .icon-w > img { height: 38px; }
            #info-icons > .icons > .i.i-4 > .icon-w > img { height: 34px; }
            #info-icons > .icons > .i.i-5 > .icon-w > img { height: 28px; }

    #map { height: 260px; }
}

/*mobile*/
@media(max-width:767px) {

    #stats { padding: 35px 20px 10px; }
        #stats > h2 { width: 200px; margin: 0 auto; }
        #stats > .registry { margin-top: 20px; }
        #stats > .stats { display: block; }
            #stats > .stats > .stat { display: flex; margin-bottom: 40px; justify-content: center; }
                #stats > .stats > .stat > .name-number { margin-left: 20px; }
                    #stats > .stats > .stat > .name-number > .name, #stats > .stats > .stat > .name-number > .number { text-align: left; }
                    #stats > .stats > .stat > .name-number > .number { margin-top: 0; }
                #stats > .stats > .stat > .icon-w { height: auto; width: 80px; }
                    #stats > .stats > .stat > .icon-w > img { width: auto; height: 60px; }

    .leaders { padding-top: 44px; padding-bottom: 50px; }
        .leaders > h2 { font-size: 20px; }
        .leaders > .people > .person { margin-bottom: 30px; }

    #info-icons { text-align: left; font-size: 14px; padding: 50px 20px 20px; }
        #info-icons > .icons { display: block; }
            #info-icons > .icons > .i { display: flex; margin-bottom: 40px; width: auto; }
                #info-icons > .icons > .i > .icon-w { margin-right: 34px; align-items: flex-start; height: auto; }
                #info-icons > .icons > .i > .t { margin-top: 0; }
                #info-icons > .icons > .i.i-1 > .icon-w > img { height: 41px }
                #info-icons > .icons > .i.i-2 > .icon-w > img { height: 44px }
                #info-icons > .icons > .i.i-3 > .icon-w > img { height: 46px }
                #info-icons > .icons > .i.i-4 > .icon-w > img { height: 42px }
                #info-icons > .icons > .i.i-5 > .icon-w > img { height: 32px }
    #map { height: 195px; }

    .cell-therapy-banner { height: auto; padding: 12px 16px; }
        .cell-therapy-banner span { display: block; }
        .cell-therapy-banner a { display: block; margin-left: 0; }
}
