body {
    margin: 0px;
    padding: 0px;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

a {
    text-decoration: none;
}

.out-container {
    /*width: 1367px;*/
    margin: 0px auto;
    /*border: 1px solid #e0e0e0;*/
}


.gb-lr {
    background: transparent linear-gradient(93deg, #33CCCB 0%, #2296C8 38%, #003366 100%) 0% 0% no-repeat padding-box;
}

.w-100-ff {
    width: 100%;
    background: #fff;
}

.head-bar {
    width: 1366px;
    height: 103px;
    /*border-radius: 0px 0px 30px 30px;*/
    opacity: 1;
    display: flex;
    align-items: center;
    margin: 0px auto;
}
.head-bar-sub {
    width: 1366px;
    height: 53px;
    opacity: 1;
    display: flex;
    align-items: center;
    margin: 5px auto;
    background: #003366 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 50px 50px;
}

    .head-bar img {
        margin-left: 90px;
        width: 222px;
    }

    .head-bar span {
        font-size: 19px;
        font: normal normal 600 19px/24px Raleway;
        color: #FFFFFF;
        height: 53px;
        margin-left: 26px;
        padding-left: 26px;
        text-transform: uppercase;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-left: 1px solid #fff;
    }
.head-bar-sub span {
    font: normal normal 600 20px/24px Raleway;
    color: #FFFFFF;
    height: 53px;
    margin-left: 127px;
    padding-left: 26px;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .head-bar-sub .search {
        margin-left: auto;
        color: #6585A5;
        width: 217px;
        height: 25px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        margin-right: 112px;
        align-self: center;
    }

        .head-bar-sub .search i {
            color: #6585A5;
            padding: 5px 8px;
        }

        .head-bar-sub .search input {
            padding: 0px;
            margin: 0px;
            border: none;
            background: #fff;
            color: #6585A5;
            width: 100%;
        }

.head-logo .lang {
    height: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BCBABA;
    border-radius: 20px;
    opacity: 1;
    list-style: none;
    margin: 0px;
    padding: 8px 15px;
    margin-bottom: 15px;
    align-self: flex-end;
}

    .head-logo .lang li {
        float: left;
    }

        .head-logo .lang li:after {
            content: '|';
            padding: 0px 5px;
        }

        .head-logo .lang li:last-child:after {
            content: none;
        }

    .head-logo .lang a {
        color: #707070;
        font: normal normal 600 15px/18px Raleway;
        letter-spacing: 0px;
        color: #707070;
        opacity: 1;
    }

.head-logo .menu {
    height: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #BCBABA;
    border-radius: 20px;
    opacity: 1;
    list-style: none;
    margin: 0px;
    padding: 8px 15px;
    margin-bottom: 15px;
    align-self: flex-end;
}

    .head-logo .menu li {
        float: left;
    }

        .head-logo .menu li:after {
            content: '|';
            padding: 0px 5px;
        }

        .head-logo .menu li:last-child:after {
            content: none;
        }

    .head-logo .menu a {
        color: #707070;
        font: normal normal 600 15px/18px Raleway;
        letter-spacing: 0px;
        color: #707070;
        opacity: 1;
    }

.head-logo .logo {
    width: 600px;
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    margin-bottom: 10px;
}

    .head-logo .logo img {
        width: 100%;
    }

    .head-logo .logo .logo-text {
        height: 24px;
        text-align: right;
        font: italic normal medium 20px / 24px Raleway;
        letter-spacing: 0px;
        color: #707070;
        font-size: 20px;
        font-style: italic;
        width: 397px;
        display: inline-block;
        padding-right: 3px;
        align-self: flex-end;
    }

.head-menu {
    width: 1140px;
    height: 60px;
    border-bottom: 6px solid #003366;
    margin: 0px auto;
    display: grid;
    align-items: center;
    position: relative;
    border-radius: 4px;
}

    .head-menu > ul {
        display: flex;
        justify-content: space-between;
        font-size: 19px;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .head-menu > ul > li {
        }

            .head-menu > ul > li > a {
                color: #003366;
                font-size: 19px;
                font: normal normal 600 19px/22px Raleway;
                letter-spacing: 0px;
                color: #003366;
                opacity: 1;
                text-transform: uppercase;
            }

            .head-menu > ul > li:hover a {
                color: #0AB1AF;
            }

.head-banner {
    width: 1246px;
    height: 428px;
    border-radius: 66px;
    margin: 20px auto;
    overflow: hidden;
}

.events-qls {
    width: 1165px;
    margin: 0px auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

    .events-qls .events-list .w-header {
        width: 183px;
        height: 37px;
        border-radius: 10px;
        display: flex;
        align-content: center;
        font-size: 18px;
        font: normal normal 600 18px / 21px Raleway;
        letter-spacing: 0px;
        color: #707070;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 18px;
        margin-bottom: -8px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #BCBABA;
        padding: 6px 0px;
    }

.w-nav {
    display: flex;
    border-top: 1px solid #BCBABA;
    align-self: flex-end;
    width: 1140px;
    margin: 0px auto;
}

    .w-nav a {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 4px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #BCBABA;
        color: #707070;
        padding: 2px 12px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        margin-top: -1px;
    }

    .w-nav i {
        font-size: 22px;
        letter-spacing: 0px;
        color: #33CCCB;
        margin-left: 5px;
        margin: 5px;
    }



.events-qls .events-list {
    margin-left: 10px;
    width: 570px;
    display: flex;
    flex-direction: column;
}

    .events-qls .events-list .event {
        width: 560px;
        display: flex;
        flex-direction: column;
    }

        .events-qls .events-list .event .date {
            width: 168px;
            height: 29px;
            background: transparent linear-gradient(262deg, #33CCCB 0%, #166EC6 100%) 0% 0% no-repeat padding-box;
            border-radius: 10px;
            display: flex;
            align-content: center;
            font-size: 16px;
            font: normal normal 600 16px / 18px Raleway;
            letter-spacing: 0px;
            color: #FFFFFF;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 19px;
            margin-bottom: 5px;
        }

        .events-qls .events-list .event .text {
            font: normal normal 600 18px/21px Raleway;
            letter-spacing: 0px;
            color: #003366;
            font-size: 18px;
            padding: 0px 18px;
            margin: 0px;
        }

.ql-list {
    width: 585px;
    display: flex;
    margin-top: 16px;
    flex-wrap: wrap;
}

    .ql-list .w-5 {
        width: 110px;
        height: 100px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #BCBABA;
        border-radius: 20px;
        margin-right: 5px;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .ql-list .w-2 {
        width: 315px;
        height: 48px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #BCBABA;
        border-radius: 10px;
        margin-right: 5px;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

        .ql-list .w-5:hover, .ql-list .w-2:hover {
            background: transparent linear-gradient(140deg, #33CCCB 0%, #166EC6 100%) 0% 0% no-repeat padding-box;
            color: #FFF !important;
        }

            .ql-list .w-5:hover span, .ql-list .w-2:hover span {
                color: #FFF !important;
            }

    .ql-list i {
        font-size: 30px;
        padding: 10px;
    }

    .ql-list .w-5:nth-child(2n+1), .ql-list .w-2:nth-child(2n+1) {
        color: #215991;
    }

    .ql-list .w-5:nth-child(2n), .ql-list .w-2:nth-child(2n) {
        color: #0AB1AF;
    }

    .ql-list span {
        font: normal normal 600 13px/15px Raleway;
        letter-spacing: 0px;
        color: #707070;
        opacity: 1;
        text-align: center;
    }

.section {
    /*width: 1246px;*/
    margin: 0px auto;
    /*background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 6px #00000029;
    border: 0.30000001192092896px solid #BCBABA;
    border-radius: 20px;*/
    margin-top: 30px;
}

    .section > .title {
        height: 40px;
        background: #E7EAED 0% 0% no-repeat padding-box;
        border-radius: 20px 20px 0px 0px;
        opacity: 1;
        width: 1104px;
        font: normal normal bold 18px / 21px Raleway;
        letter-spacing: 0px;
        color: #707070;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 72px;
        margin: -1px;
        padding-right: 72px;
        margin: 0px auto;
    }

        .section > .title .arrow-nav {
            height: 18px;
        }

            .section > .title .arrow-nav .arrow-left {
                margin-right: 15px;
            }

    .section .title i {
        color: #707070;
        font-size: 20px;
        margin-left: 5px;
    }

    .section .events-pane {
        margin: 20px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .section .events-pane .event {
            width: 550px;
            margin-left: 0px;
            height: 166px;
            margin-bottom: 15px;
            display: flex;
        }

            .section .events-pane .event .content {
                margin: 28px 7px;
            }


                .section .events-pane .event .content .date {
                    background: #215991 0% 0% no-repeat padding-box;
                    border-radius: 10px;
                    font: normal normal 600 18px / 21px Raleway;
                    letter-spacing: 0px;
                    color: #FFFFFF;
                    padding: 8px 17px;
                    display: inline-block;
                    margin-bottom: 10px;
                }

                .section .events-pane .event .content p {
                    font: normal normal 600 18px/25px Raleway;
                    letter-spacing: 0px;
                    color: #707070;
                    margin: 0px;
                    padding: 0px;
                }

    .section .news-pane {
        margin: 30px auto;
        width: 1160px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .section .news-pane .news {
            width: 368px;
            margin-right: 18px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 1px 3px 6px #00000029;
            border: 0.30000001192092896px solid #BCBABA;
            border-radius: 20px;
        }

            .section .news-pane .news:last-child {
                margin-right: 0px;
            }

            .section .news-pane .news .image-container {
                width: 334px;
                height: 221px;
                overflow: hidden;
                border-radius: 30px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
                .section .news-pane .news .image-container a {
                    width: 334px;
                    height: 368px;
                    overflow: hidden;
                    border-radius: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .section .news-pane .news .image-container img {
                    width: 100%;
                    flex-shrink: 0;
                    min-width: 100%;
                    min-height: 100%
                }

            .section .news-pane .news .content {
                margin: 16px;
                display: flex;
                flex-direction: column
            }

                .section .news-pane .news .content .title {
                }

                .section .news-pane .news .content .date {
                    font-size: 14px;
                    color: #707070;
                    padding: 0px 0px 5px 18px;
                    margin-top: -14px;
                }

                .section .news-pane .news .content a {
                    font-size: 18px;
                    font: normal normal 600 18px / 21px Raleway;
                    letter-spacing: 0px;
                    color: #003366;
                    border-bottom: 1px solid #BCBABA;
                    padding: 0px 0px 5px 20px;
                    margin-left: 18px;
                    display: flex;
                    margin: 15px 0px;
                    min-height: 41px;
                    justify-content: center;
                    align-items: center;
                }

.section-page-content {
    width: 1150px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 6px #00000029;
    border: 0.30000001192092896px solid #BCBABA;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    margin: 20px auto;
}

    .section-page-content img {
        margin: 30px 30px 0px 30px;
        width: 760px;
        border-radius: 30px;
    }

    .section-page-content .page-title {
        font-size: 36px;
        font: normal normal 600 36px/42px Raleway;
        letter-spacing: 0px;
        color: #215991;
        text-align: center;
        text-transform: uppercase;
        padding: 30px 30px 0px 30px;
    }

    .section-page-content .page-content {
        font-size: 20px;
        font: normal normal 600 20px/33px Raleway;
        letter-spacing: 0px;
        color: #707070;
        text-align: left;
        padding: 15px 30px 15px 30px;
    }

        .section-page-content .page-content p {

        }

.section-stats {
    width: 897px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 6px #00000029;
    border: 0.30000001192092896px solid #BCBABA;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    margin: 20px auto;
}

    .section-stats img {
        margin: 17px 69px;
        width: 100%;
        width: 759px;
        border-radius: 30px;
    }

    .section-stats .stats {
        display: flex;
        width: 797px;
        margin: 30px 50px;
        justify-content: space-between;
        align-items: center;
    }

        .section-stats .stats .w-4 {
            margin: 25px 0px;
            display: flex;
            flex-direction: column;
        }

            .section-stats .stats .w-4 .title {
                font: normal normal 600 30px/35px Raleway;
                letter-spacing: 0px;
                color: #215991;
                border-bottom: 4px solid #8FE6E6;
                padding-bottom: 8px;
                text-align: center;
                text-align: center;
                width: 100%;
                display: inline-block;
            }

            .section-stats .stats .w-4 .count {
                font: normal normal 600 70px/82px Raleway;
                letter-spacing: 0px;
                color: #215991;
                text-align: center;
                width: 100%;
                display: inline-block;
            }

            .section-stats .stats .w-4 .fs-50 {
                font: normal normal 600 50px/59px Raleway !important;
            }

.section-stats-academic {
    width: 1100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 6px #00000029;
    border: 0.30000001192092896px solid #BCBABA;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    margin: 20px auto;
    justify-content: space-between;
    align-items: center;
    padding: 40px 20px;
}

    .section-stats-academic .stats {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

        .section-stats-academic .stats i {
            font-size: 55px;
        }

            .section-stats-academic .stats i.c1 {
                color: #F783AB;
            }

            .section-stats-academic .stats i.c2 {
                color: #EA85F7;
            }

            .section-stats-academic .stats i.c3 {
                color: #9F8FF5;
            }

            .section-stats-academic .stats i.c4 {
                color: #39B6EF;
            }

            .section-stats-academic .stats i.c5 {
                color: #45CE79;
            }

            .section-stats-academic .stats i.c6 {
                color: #FCBA25;
            }

            .section-stats-academic .stats i.c7 {
                color: #F88D3E;
            }

        .section-stats-academic .stats span.title {
            background: #215991 0% 0% no-repeat padding-box;
            border-radius: 10px;
            text-align: center;
            font: normal normal 600 22px/26px Raleway;
            letter-spacing: 0px;
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 5px 16px;
            margin: 10px;
        }

        .section-stats-academic .stats span.count {
            font: normal normal 600 42px/49px Raleway;
            letter-spacing: 0px;
            color: #215991;
            text-align: center;
        }

.section-footer-title {
    width: 897px;
    height: 135px;
    margin: 0px auto;
    text-align: center;
    font: normal normal 600 55px/70px Raleway;
    letter-spacing: 0px;
    color: #215991;
    opacity: 1;
    margin-top: 40px;
}

.section-footer-message {
    width: 971px;
    height: 119px;
    margin: 0px auto;
    text-align: center;
    font: italic normal 600 30px/42px Raleway;
    letter-spacing: 0px;
    color: #215991;
    opacity: 1;
}

.section-footer {
    width: 1140px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 115px auto 0px auto;
}

    .section-footer i {
        font-size: 30px;
        color: #215991;
        margin-right: 17px;
    }

    .section-footer .title {
        border: 1px solid #BCBABA;
        border-radius: 20px;
        font-size: 23px;
        font: normal normal 600 23px/27px Raleway;
        letter-spacing: 0px;
        color: #215991;
        padding: 10px 17px;
        margin-bottom: 25px;
    }

    .section-footer .address {
        font-size: 23px;
        font: normal normal 600 23px/33px Raleway;
        letter-spacing: 0px;
        color: #707070;
        margin-bottom: 25px;
    }

    .section-footer .phone {
        font-size: 23px;
        font: normal normal 600 23px/33px Raleway;
        letter-spacing: 0px;
        color: #707070;
        margin-bottom: 25px;
    }

    .section-footer .fax {
        font-size: 23px;
        font: normal normal 600 23px/33px Raleway;
        letter-spacing: 0px;
        color: #707070;
        margin-bottom: 25px;
    }

    .section-footer .e-mail {
        font-size: 23px;
        font: normal normal 600 23px/33px Raleway;
        letter-spacing: 0px;
        color: #707070;
        margin-bottom: 25px;
    }


    .section-footer img {
        width: 350px;
        margin-bottom: 5px;
    }

    .section-footer span {
        text-align: center;
        font: normal normal 500 23px/33px Raleway;
        letter-spacing: 0px;
        color: #003366;
        opacity: 1;
    }

    .section-footer .seperator {
        border-top: 1px solid #003366;
        height: 1px;
        width: 100%;
    }

    .section-footer span.title {
        padding: 30px 0px;
        text-align: center;
        font: normal normal 600 23px/35px Raleway;
        letter-spacing: 0px;
        color: #003366;
        opacity: 1;
    }

.section-footer-social {
    margin: 30px auto;
    width: 420px;
    text-align: center;
}

.section-footer-copyright {
    width: 1366px;
    height: 100px;
    background: #003366 0% 0% no-repeat padding-box;
    border-radius: 60px 60px 0px 0px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
}

    .section-footer-copyright span {
        font: normal normal 600 18px/21px Raleway;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

.sub-menu {
    display: none;
    position: absolute;
    top: 84px;
    left: -58px;
    background: #EAECEF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    z-index: 999;
}

.sub-menu-2 {
    left: calc(34px + 100%) !important;
    top: 0px !important;
    border-radius: 0px 20px 0px 20px !important;
}

.show {
    display: flex;
}

.sub-menu li > i {
    margin-right: 6px;
}

.sub-menu .has-submenu > a:after {
    content: " ";
    position: absolute;
    right: 10px;
    border: solid #707070;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.sub-menu .has-submenu:hover > a:after, .sub-menu .has-submenu.active > a:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transition: all .3s ease 0s;
}


.sm-xl {
    width: 1246px;
    min-height: 409px;
    padding: 15px 0px 24px 0px;
}

.relative {
    position: relative;
}

.has-submenu {
}

    .has-submenu.active > a {
        position: relative;
        color: #0AB1AF;
    }

.sf-menu > .has-submenu.active > a:after {
    content: ' ';
    background: #33CCCB 0% 0% no-repeat padding-box;
    width: 17px;
    height: 17px;
    position: absolute;
    bottom: -30px;
    left: 50% - 9px;
    left: -webkit-calc(50% - 9px);
    left: -moz-calc(50% - 9px);
    left: calc(50% - 9px);
    border-radius: 99%;
    z-index: 2;
}

.sub-menu .has-submenu.active > a:after {
    /*display:none !important;*/
}

.has-submenu.active > .sub-menu, .has-submenu.active > .sub-menu-2 {
    display: flex;
    width: auto;
}

.has-submenu .sub-menu .col-4 {
    border-right: 1px solid #BCBABA;
    padding: 0px 54px;
}

    .has-submenu .sub-menu .col-4:last-child {
        border-right: none;
    }

    .has-submenu .sub-menu .col-4 h3 {
        margin: 0px;
        padding: 0px;
        font-size: 16px;
        letter-spacing: 0px;
        color: #0AB1AF;
        margin-bottom: 21px;
    }

    .has-submenu .sub-menu .col-4 ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .has-submenu .sub-menu .col-4 ul li a {
            letter-spacing: 0px;
            color: #707070;
            margin-bottom: 16px;
            font-weight: 500;
            display: inline-block;
            font-size: 18px;
        }

.has-submenu .sub-menu.sm-s {
    width: auto;
    border-radius: 0px 0px 20px 20px;
    left: -24px;
    top: 67px;
    padding-bottom: 0px;
}

.has-submenu .sub-menu .col-1 {
    padding: 14px 24px 0px 24px;
}

    .has-submenu .sub-menu .col-1 ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .has-submenu .sub-menu .col-1 ul li a {
            letter-spacing: 0px;
            color: #707070;
            margin-bottom: 16px;
            font-weight: 500;
            display: inline-block;
            font-size: 18px;
            width: 100%;
        }

.has-submenu .sub-menu-2 .col-1 ul li a {
    text-wrap: nowrap;
}

.sub-header {
    width: 1140px;
    height: 51px;
    background: #003366 0% 0% no-repeat padding-box;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px auto;
    margin-top: 20px;
}

    .sub-header .title {
        font-size: 20px;
        font: normal normal 600 20px/22px Raleway;
        color: #FFFFFF;
    }

        .sub-header .title i {
            color: #33CCCB;
            font-size: 25px;
            margin-right: 5px;
            margin-left: 38px;
        }

    .sub-header .search {
        color: #6585A5;
        width: 217px;
        height: 25px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        border-radius: 5px;
        justify-self: flex-end;
        margin-right: 36px;
    }

        .sub-header .search i {
            color: #6585A5;
            padding: 5px 8px;
        }

.breadcrumb {
    width: 1064px;
    height: 40px;
    margin: 0px auto;
    border-bottom: 2px solid #BCBABA;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 38px;
    font-size: 13px;
    font: normal normal 400 13px/15px Raleway;
    color: #707070;
}

    .breadcrumb a {
        font-size: 13px;
        font: normal normal 400 13px/15px Raleway;
        color: #707070;
    }

.sub-header .search input {
    padding: 0px;
    margin: 0px;
    border: none;
    background: #fff;
    color: #6585A5;
}

.content-container {
    width: 1140px;
    margin: 0px auto;
    margin-bottom: 20px;
}

.mini-container {
    width: min-content;
    padding: 27px;
    margin: 0px auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 6px 6px #00000029;
    border: 1px solid #dddddd;
    border-radius: 20px;
    padding-top: 27px;
    margin-top: 21px;
    margin-bottom: 31px;
}

    .mini-container .image-container {
        overflow: hidden;
        border-radius: 20px;
        overflow: hidden;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .mini-container .image-container img {
            flex-shrink: 0;
            min-width: 100%;
            min-height: 100%;
        }

    .mini-container .full-name {
        font-size: 23px;
        font: normal normal 600 23px/30px Raleway;
        color: #003366;
        border-bottom: 1px solid #BCBABA;
        margin-top: 23px;
        padding-bottom: 5px;
        text-align: center;
    }

    .mini-container .expert {
        font-size: 23px;
        font: italic normal 600 23px/30px Raleway;
        letter-spacing: 0px;
        color: #6585A5;
        margin-bottom: 10px;
        text-align: center;
    }

.xl-container {
    width: 1140px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /*box-shadow: 4px 6px 6px #00000029;
    border: 1px solid #dddddd;*/
    border-radius: 20px;
    margin: 0px auto;
    padding-bottom: 39px;
}

.xm-container {
    width: 730px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 6px 6px #00000029;
    border: 1px solid #dddddd;
    border-radius: 20px;
    margin: 0px auto;
    padding-bottom: 39px;
    margin-left: 39px;
}

.x2-container {
    width: 558px;
    height: 544px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 6px 6px #00000029;
    border: 1px solid #dddddd;
    border-radius: 20px;
    margin: 0px auto;
    margin-bottom: 43px;
    overflow: hidden;
}

    .x2-container .title {
        height: 46px;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        font: normal normal 600 18px/20px Raleway;
        color: #215991;
        border-bottom: 1px solid #dddddd;
        text-transform: uppercase;
        background: #33CCCB 0% 0% no-repeat padding-box;
        color: #215991;
    }

    .x2-container .content {
        padding: 20px 40px;
    }

        .x2-container .content span {
            font-size: 18px;
            color: #003366;
        }

        .x2-container .content .map {
            margin-top: 10px;
            width: 482px;
            height: 341px;
            background: #BCBABA 0% 0% no-repeat padding-box;
            border-radius: 20px;
        }

            .x2-container .content .map iframe {
                width: 100%;
                height: 100%;
            }

.xl-container .title, .xm-container .title {
    height: 70px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    font: normal normal 600 23px/33px Raleway;
    color: #215991;
    border-bottom: 1px solid #dddddd;
    text-transform: uppercase;
}

.xl-container .content, .xm-container .content {
    font-size: 20px;
    font: normal normal medium 20px/33px Raleway;
    color: #003366;
    padding: 0px 39px;
}

    .xl-container .content p, .xm-container .content p {
        margin: 34px 0px;
        line-height: 32px;
        padding: 0px;
    }
    .xl-container .content a, .xm-container .content a {
        color: #0AB1AF;
    }

        .xl-container .content a:hover, .xm-container .content a:hover {
            color: #003366;
        }
    .xl-container .content img, .xm-container .content img {
        max-width: 100%;
    }

.left-nav {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .left-nav li a {
        width: 342px;
        height: 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: #003366;
        color: #fff;
        font-size: 15px;
        font: normal normal 600 15px/30px Raleway;
        margin-bottom: 5px;
        padding: 0px 14px;
        border-radius: 10px;
    }

        .left-nav li a:hover, .left-nav li.active a {
            background: rgb(22,110,198);
            background: -moz-linear-gradient(90deg, rgba(22,110,198,1) 0%, rgba(51,204,203,1) 50%);
            background: -webkit-linear-gradient(90deg, rgba(22,110,198,1) 0%, rgba(51,204,203,1) 50%);
            background: linear-gradient(90deg, rgba(22,110,198,1) 0%, rgba(51,204,203,1) 50%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#166ec6",endColorstr="#33cccb",GradientType=1);
        }

.btn {
    display: inline-block;
    padding: 6px 11px;
    border: 1px solid #BCBABA;
    border-radius: 15px;
}

    .btn.btn-default {
        font-size: 20px;
        font: normal normal 600 20px/24px Raleway;
        color: #707070;
    }

    .btn.btn-primary {
        font-size: 18px;
        font: normal normal 600 18px/30px Raleway;
        color: #215991;
    }

    .btn.btn-default i {
        margin-left: 5px;
    }

.staff-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 1110px;
    margin: 0px auto;
}

.unit-title {
    margin-bottom: 15px;
    margin-left: 36px;
    margin-top: 20px;
}

.unit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

    .unit .image-container {
        width: 365px;
        height: 204px;
        overflow: hidden;
        border-radius: 15px;
    }

        .unit .image-container img {
            width: 100%;
        }

    .unit ul {
        margin: 0px;
        padding: 0px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 6px 6px #00000029;
        border: 1px solid #dddddd;
        border-radius: 20px;
        padding: 24px 30px 14px 30px;
        list-style: none;
        min-width: 474px;
        margin-left: 15px;
        max-width: 698px;
    }

        .unit ul li {
            display: flex;
            justify-content: left;
            align-items: center;
            margin-bottom: 10px;
        }

    .unit li::before {
        content: "\f0da";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #33CCCB;
        font-size: 29px;
        margin-right: 16px;
    }

    .unit ul li a {
        font-size: 20px;
        font: normal normal 600 20px/24px Raleway;
        color: #003366;
    }

.commitee-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .commitee-container .commitee {
        padding: 27px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 6px 6px #00000029;
        border: 1px solid #dddddd;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 22px;
        min-height: 289px;
    }

        .commitee-container .commitee .image-container {
            width: 215px;
            height: 151px;
            overflow: hidden;
            border-radius: 15px;
        }

            .commitee-container .commitee .image-container img {
                width: 100%;
            }

        .commitee-container .commitee .title {
            font-size: 17px;
            font: normal normal 600 17px/21px Raleway;
            letter-spacing: 0px;
            color: #003366;
            height: 138px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

.text-container {
    width: 634px;
    text-align: center;
    font-size: 20px;
    font: normal normal 600 20px/33px Raleway;
    color: #003366;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 6px 6px #00000029;
    border: 1px solid #dddddd;
    border-radius: 20px;
    padding: 19px 23px;
    margin: 22px auto 30px auto;
}

    .text-container a {
        color: #0AB1AF;
    }

.email-container {
    width: 630px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .email-container .email {
        padding: 27px 27px 0px 27px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 4px 6px 6px #00000029;
        border: 1px solid #dddddd;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 22px;
        min-height: 267px;
    }

        .email-container .email .image-container {
            width: 240px;
            height: 169px;
            overflow: hidden;
            border-radius: 15px;
        }

            .email-container .email .image-container img {
                width: 100%;
            }

        .email-container .email .title {
            font-size: 20px;
            font: normal normal 600 20px/25px Raleway;
            letter-spacing: 0px;
            color: #003366;
            height: 125px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

.text-container-with-title {
    width: 634px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 4px 6px 6px #00000029;
    border: 1px solid #dddddd;
    border-radius: 20px 20px 0px 0px;
    margin: 22px auto 30px auto;
}

    .text-container-with-title .title {
        height: 67px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 23px;
        text-align: center;
        background: #33CCCB 0% 0% no-repeat padding-box;
        font: normal normal 600 23px/33px Raleway;
        border-radius: 20px 20px 0px 0px;
        color: #003366;
        text-transform: uppercase;
    }

    .text-container-with-title .text-content {
        text-align: center;
        font-size: 20px;
        font: normal normal 600 20px/33px Raleway;
        color: #003366;
        padding: 0px 16px;
        line-height: 20px;
    }

        .text-container-with-title .text-content a i {
            font-size: 30px;
            color: #0AB1AF;
        }


.content-container .content table thead tr {
    background: #6585A5;
}

.content-container .content table thead th {
    border-spacing: 0px;
    background: #6585A5;
    border: none;
    color: #fff;
    font-size: 20px;
    font: normal normal medium 20px/33px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    height: 51px;
    vertical-align: middle;
    padding: 0px 10px;
}

    .content-container .content table thead th:first-child {
        padding-left: 100px;
    }

    .content-container .content table thead th:last-child {
        padding-right: 100px;
    }

.content-container .content table tbody td::after {

}

.content-container .content table tbody td:first-child::after {
    margin-left: 100px;
}

.content-container .content table tbody td:last-child::after {
    margin-right: 100px;
}

.content-container .content table tbody td {
    border-spacing: 0px;
    font-size: 17px;
    font: normal normal medium 20px / 40px Raleway;
    letter-spacing: 0px;
    color: #003366;
    padding: 7px 10px;
    vertical-align: middle;
    /* position: relative; */
    border: 1px solid #dddddd;
}

    .content-container .content table tbody td p {
        line-height: initial !important;
    }

    .content-container .content table tbody td:first-child {
        /*padding-left: 100px;*/
    }

.content-container .content table.counts thead tr {
    background: #6585A5;
}

.content-container .content table.counts thead th {
    border-spacing: 0px;
    background: #6585A5;
    border: none;
    color: #fff;
    font-size: 16px;
    font: normal normal medium 16px/18px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
    padding: 2px 5px;
}

.content-container .content table.counts tbody td::after {
}

.content-container .content table.counts tbody td {
    border-spacing: 0px;
    font-size: 14px;
    font: normal normal medium 14px/16px Raleway;
    letter-spacing: 0px;
    color: #003366;
    height: 30px;
    padding: 2px 5px;
    vertical-align: middle;
    position: relative;
}

.slides {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .slides img {
        border-radius: 70px;
    }

.flex-direction-nav {
    list-style: none;
    display: none;
}

.social {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yemek-menusu {
    margin-left: -10px;
}

    .yemek-menusu tr {
        display: flex;
    }

    .yemek-menusu tbody td::after {
        border: none !important;
    }

    .yemek-menusu tr:nth-child(4n+1) td:nth-child(1) {
        display: flex;
        margin: 10px 0px 0px 10px;
        text-align: center;
        font-size: 14px;
        font: normal normal 600 14px / 21px Raleway;
        width: 140px;
        text-wrap: wrap;
        padding: 14px 32px;
        background: #FFD5E4 0% 0% no-repeat padding-box;
        border-radius: 20px;
        border: none;
    }

    .yemek-menusu tr:nth-child(4n+1) td:nth-child(2) {
        display: flex;
        margin: 10px 0px 0px 10px;
        text-align: center;
        font-size: 14px;
        font: normal normal 600 14px / 21px Raleway;
        width: 120px;
        text-wrap: wrap;
        padding: 14px 42px;
        background: #E5D1FF 0% 0% no-repeat padding-box;
        border-radius: 20px;
        border: none;
    }

    .yemek-menusu tr:nth-child(4n+1) td:nth-child(3) {
        display: flex;
        margin: 10px 0px 0px 10px;
        text-align: center;
        font-size: 14px;
        font: normal normal 600 14px / 21px Raleway;
        width: 140px;
        text-wrap: wrap;
        padding: 14px 32px;
        background: #C4DDFF 0% 0% no-repeat padding-box;
        border-radius: 20px;
        border: none;
    }

    .yemek-menusu tr:nth-child(4n+1) td:nth-child(4) {
        display: flex;
        margin: 10px 0px 0px 10px;
        text-align: center;
        font-size: 14px;
        font: normal normal 600 14px / 21px Raleway;
        width: 140px;
        text-wrap: wrap;
        padding: 14px 32px;
        background: #9CF0ED 0% 0% no-repeat padding-box;
        border-radius: 20px;
        border: none;
    }

    .yemek-menusu tr:nth-child(4n+1) td:nth-child(5) {
        display: flex;
        margin: 10px 0px 0px 10px;
        text-align: center;
        font-size: 14px;
        font: normal normal 600 14px / 21px Raleway;
        width: 140px;
        text-wrap: wrap;
        padding: 14px 32px;
        background: #9CF0BF 0% 0% no-repeat padding-box;
        border-radius: 20px;
        border: none;
    }


    .yemek-menusu tr:nth-child(4n+2) {
        height: 30px;
    }

        .yemek-menusu tr:nth-child(4n+2) td:nth-child(1) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+2) td:nth-child(2) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+2) td:nth-child(3) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+2) td:nth-child(4) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+2) td:nth-child(5) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
        }



    .yemek-menusu tr:nth-child(4n+3) {
        height: 30px;
    }

        .yemek-menusu tr:nth-child(4n+3) td:nth-child(1) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+3) td:nth-child(2) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+3) td:nth-child(3) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+3) td:nth-child(4) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+3) td:nth-child(5) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }



    .yemek-menusu tr:nth-child(4n+4) {
        height: 30px;
    }

        .yemek-menusu tr:nth-child(4n+4) td:nth-child(1) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+4) td:nth-child(2) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+4) td:nth-child(3) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+4) td:nth-child(4) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

        .yemek-menusu tr:nth-child(4n+4) td:nth-child(5) {
            display: flex;
            margin: 0px 0px 0px 10px;
            text-align: center;
            font-size: 14px;
            font: normal normal 600 14px / 21px Raleway;
            width: 204px;
            justify-content: center;
            align-items: center;
            padding: 0px 0px;
        }

/*Duyurular*/
.flex-direction-nav {
    list-style: none;
    display: none;
}

.dataTable {
    width: 1140px;
    margin: 0px auto;
}

.event-single {
    height: 66px;
    width: 1100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    margin-top: 15px;
    padding: 14px 18px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

    .event-single .date .year {
        width: 32px;
        height: 70px;
        background: #215991 0% 0% no-repeat padding-box;
        border-radius: 10px 0px 0px 10px;
    }

    .event-single .date {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .event-single .date .year {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .event-single .date .year span {
                transform: rotate(270deg);
                text-align: center;
                font-size: 20px;
                font: normal normal 600 20px/28px Raleway;
                letter-spacing: 0px;
                color: #33CCCB;
                display: inline-block;
            }

        .event-single .date .full-date {
            width: 78px;
            height: 70px;
            background: #33CCCB 0% 0% no-repeat padding-box;
            border-radius: 0px 10px 10px 0px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .event-single .date .full-date span.day {
                text-align: center;
                font-size: 30px;
                font: normal normal 600 30px/28px Raleway;
                letter-spacing: 0px;
                color: #FFFFFF;
                display: inline-block;
            }

            .event-single .date .full-date span.month {
                font: normal normal 600 16px/28px Raleway;
                letter-spacing: 0px;
                color: #215991;
                font-size: 16px;
                display: inline-block;
            }

    .event-single .content {
        display: flex;
        flex-direction: column;
        justify-items: center;
        align-items: flex-start;
        margin-left: 18px;
    }

        .event-single .content a {
            font-size: 20px;
            font: normal normal 600 20px/24px Raleway;
            letter-spacing: 0px;
            color: #003366;
            display: inline-block;
        }

        .event-single .content i {
            margin-top: 5px;
            font-size: 30px;
            color: #33CCCB;
            display: inline-block;
        }

.dataTables_wrapper {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    align-content: flex-start;
    width: 1130px;
    margin: 0px auto;
    margin-bottom:30px;
}

.dataTables_info {
    width: 425px;
    height: 64px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    float: right;
    font-size: 17px;
    font: normal normal 600 17px / 37px Raleway;
    letter-spacing: 0px;
    color: #707070;
    align-self: flex-end;
    padding: 20px;
    margin-top: 20px;
}

.dataTables_paginate {
    margin-top: -60px !important;
}

    .dataTables_paginate .pagination {
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 20px !important;
    }

        .dataTables_paginate .pagination li {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #BCBABA;
            border-radius: 4px;
            height: 33px;
            margin: 9px 3px;
        }

            .dataTables_paginate .pagination li.active {
                background: #33CCCB;
            }

                .dataTables_paginate .pagination li.active a {
                    color: #fff !important;
                }

            .dataTables_paginate .pagination li.disabled {
                background: #ddd;
            }

            .dataTables_paginate .pagination li a {
                display: inline-block;
                font-size: 17px;
                font: normal normal 600 17px/37px Raleway;
                color: #707070;
                padding: 5px;
            }

.event .event-title {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    width: 1074px;
    padding: 33px;
    text-transform: uppercase;
    margin: 15px auto;
    text-align: center;
    font-size: 25px;
    font: normal normal 600 25px/33px Raleway;
    letter-spacing: 0px;
    color: #003366;
}

.event .event-date {
    font-size: 16px;
    font: normal normal 600 16px/19px Raleway;
    letter-spacing: 0px;
    color: #215991;
    margin: 25px 170px 20px 170px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.event .content p {
    padding: 0px 131px;
    text-align: justify;
    letter-spacing: 0px;
}

.event .content img {
    width: 1024px !important;
    max-width: initial !important;
    margin-left: -116px;
    border-radius: 20px;
    height: 100%;
}

.content a {
    color: #003366;
}

    .content a:hover {
        color: #33CCCB;
    }

.custom-table {
}

    .custom-table .custom-table-thead {
        height: 50px;
        display: flex;
        padding: 0px 100px;
        justify-content: space-start;
        align-items: center;
        color: #fff;
        background: #6585A5;
        font-size: 20px;
        font: normal normal medium 20px / 33px Raleway;
        font-weight:bold;
    }

        .custom-table .custom-table-thead div.c2 {
            width: 50%;
        }

    .custom-table .custom-table-tbody {
        display: flex;
        flex-direction: column;
    }

    .custom-table .custom-table-tr {
        height: 50px;
        display: flex;
        padding: 0px 100px;
        justify-content: flex-start;
        align-items: center;
        font-size: 20px;
        font: normal normal medium 20px / 40px Raleway;
        color: #003366;
    }

        .custom-table .custom-table-tr div.c2 {
            width: 50%;
            border-bottom: 1px solid #e0e0e0;
            padding: 10px 0px;
            margin-right: 17px;
        }
.staff-container{
    display:flex;
    justify-content:flex-start;
    align-content:flex-start;
}
    .staff-container .staff-image-container {
        width: 200px;
        height: 270px;
        padding: 20px;
        overflow: hidden;
        border-radius: 20px;
        border: 1px solid #e0e0e0;
        margin-right: 15px;
        margin-bottom: 22px;
    }
        .staff-container .staff-image-container img {
            width: 100%;
            height: 100%;
            border-radius: 20px;
            object-fit: cover;
        }
    .staff-container .staff-content-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 474px;
    }
        .staff-container .staff-content-container .fullname {
            font: normal normal bold 20px/30px Raleway;
            letter-spacing: 0px;
            color: #003366;
        }
        .staff-container .staff-content-container .staff-content-row {
            font: normal normal 600 16px/35px Raleway;
            color: #003366;
            border-top: 1px solid #e0e0e0;
            padding: 5px 0px;
            width: 100%;
        }
            .staff-container .staff-content-container .staff-content-row a {
                color: #003366;
            }
                .staff-container .staff-content-container .staff-content-row a i {
                    color: #33CCCB;
                }
            .staff-container .staff-content-container .staff-content-row .label {
                width: 100px;
                display:inline-block;
            }