.team_holder_wrapper {
    width: 100%;
    position: relative;
    height: 820px;
    margin-bottom: 30px;
}

.teamcircle {
    position: absolute;
    border-radius: 50%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    cursor: pointer;
    overflow: hidden;
    outline: none !important;
    opacity: 0;

}

.team_holder_layer_one .teamcircle,
.team_holder_layer_two .teamcircle,
.team_holder_layer_three .teamcircle,
.team_holder_layer_four .teamcircle,
.team_holder_layer_five .teamcircle,
.team_holder_layer_six .teamcircle,
.team_holder_layer_seven .teamcircle,
.team_holder_layer_eight .teamcircle,
.team_holder_layer_nine .teamcircle,
.team_holder_layer_ten .teamcircle {
    opacity: 1;
}

.teamcircle .mod_window_content {
    display: none !important;
}

.teamcircle:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    opacity: 0.7;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.teamcircle_content:after {
    opacity: 1;
}

.teamcircle_content:hover:after {
    opacity: 0.7 !important;
}

.teamcircle:hover:after {
    opacity: 0;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.teamcircle_blue:after {
    background: #115270;
}

.teamcircle_green:after {
    background: #86bd45;
}

.teamcircle_lightblue:after {
    background: #0098bd;
}

.teamcircle_orange:after {
    background: #ec6607;
}

.modalWindow {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 1000;
}

.modalWindow.active {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.modalWindowWrap {
    width: 600px;
    position: relative;
}

.modalWindowWrap .close_btn {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    line-height: 30px !important;
    z-index: 5;
}

.modal_content {
    width: 100%;
    height: auto;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

#bg_mod_lightblue .modal_content {
    background: #0098bd;
}

#bg_mod_lightblue .close_btn {
    color: #0098bd;
}

#bg_mod_orange .modal_content {
    background: #ec6607;
}

#bg_mod_orange .close_btn {
    color: #ec6607;
}

#bg_mod_green .modal_content {
    background: #86bd45;
}

#bg_mod_green .close_btn {
    color: #86bd45;
}

#bg_mod_blue .modal_content {
    background: #115270;
}

#bg_mod_blue .close_btn {
    color: #115270;
}

.mod_window_content {
    display: none;
}

.modal_content .mod_window_content {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.modal_content {
    color: #fff;
}

.modal_content h2 {
    font-size: 24px;
    font-weight: 400;
}

.modal_content p {
    font-size: 16px;
    margin-top: 15px;
}

.modal_content a {
    color: #fff;
    text-decoration: underline;
}

.teamcircle_content .prev_content {
    position: relative;
    z-index: 3;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    font-weight: bold;
}

.team_holder_layer_one .teamcircle_content .prev_content,
.team_holder_layer_three .teamcircle_content .prev_content,
.team_holder_layer_six .teamcircle_content .prev_content {
    font-size: 16px;
    width: 80%;
    text-align: center;
    line-height: 20px;
}

.team_holder_layer_two .teamcircle_content .prev_content,
.team_holder_layer_five .teamcircle_content .prev_content,
.team_holder_layer_eight .teamcircle_content .prev_content {
    font-size: 24px;

}

.team_holder_layer_four .teamcircle_content .prev_content,
.team_holder_layer_seven .teamcircle_content .prev_content {
    font-size: 34px;
}

@media screen and (min-width: 1301px) {

    /* layout 1 */
    .team_holder_layer_one .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        top: 0;
        right: 0;
    }

    .team_holder_layer_one .teamcircle_blue_two {
        width: 260px;
        height: 260px;
        bottom: 0px;
        left: 0px;
    }

    .team_holder_layer_one .teamcircle_green_one {
        width: 260px;
        height: 260px;
        bottom: 0;
        right: 50px;
    }

    .team_holder_layer_one .teamcircle_green_two {
        width: 395px;
        height: 395px;
        top: 325px;
        left: 380px;
    }

    .team_holder_layer_one .teamcircle_orange_one {
        width: 395px;
        height: 395px;
        top: 0;
        left: 0;
    }

    /* layout 1 end */
    /* layout 2 */
    .team_holder_layer_two .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        top: 20px;
        right: 45px;
    }

    .team_holder_layer_two .teamcircle_blue_two {
        width: 260px;
        height: 260px;
        top: 20px;
        left: 45px;
    }


    .team_holder_layer_two .teamcircle_green_one {
        width: 260px;
        height: 260px;
        top: 40px;
        left: 405px;
    }

    .team_holder_layer_two .teamcircle_green_two {
        width: 395px;
        height: 395px;
        bottom: 35px;
        left: 455px;
    }


    .team_holder_layer_two .teamcircle_orange_one {
        width: 395px;
        height: 395px;
        bottom: 55px;
        left: 0px;
    }

    /* layout 2 end */
    /* layout 3 */
    .team_holder_layer_three .teamcircle_blue_one {
        width: 260px;
        height: 260px;
        top: 0px;
        left: 45px;
    }

    .team_holder_layer_three .teamcircle_blue_two {
        width: 395px;
        height: 395px;
        bottom: 0px;
        right: 0px;
    }


    .team_holder_layer_three .teamcircle_green_one {
        width: 395px;
        height: 395px;
        bottom: 40px;
        left: 10px;
    }

    .team_holder_layer_three .teamcircle_green_two {
        width: 260px;
        height: 260px;
        bottom: 55px;
        right: 455px;
    }


    .team_holder_layer_three .teamcircle_orange_one {
        width: 395px;
        height: 395px;
        top: 15px;
        right: 405px;
    }

    /* layout 3 end */
    /* layout 4 */
    .team_holder_layer_four .teamcircle_blue_one {
        width: 260px;
        height: 260px;
        top: 10px;
        left: 45px;
    }

    .team_holder_layer_four .teamcircle_blue_two {
        width: 395px;
        height: 395px;
        bottom: 10px;
        right: calc(50% - 450px);
    }


    .team_holder_layer_four .teamcircle_green_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        left: calc(50% - 400px);
    }

    .team_holder_layer_four .teamcircle_green_two {
        width: 260px;
        height: 260px;
        top: 40px;
        right: 50px;
    }


    .team_holder_layer_four .teamcircle_orange_one {
        width: 260px;
        height: 260px;
        top: 30px;
        left: calc(50% - 90px);
    }

    /* layout 4 end */
    /* layout 5 */
    .team_holder_layer_five .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        left: 0px;
    }

    .team_holder_layer_five .teamcircle_blue_two {
        width: 395px;
        height: 395px;
        top: 150px;
        left: calc(50% - 200px);

    }


    .team_holder_layer_five .teamcircle_green_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        right: 30px;
    }

    .team_holder_layer_five .teamcircle_green_two {
        width: 260px;
        height: 260px;
        top: 0px;
        right: 50px;
    }


    .team_holder_layer_five .teamcircle_orange_one {
        width: 260px;
        height: 260px;
        top: 0px;
        left: 20px;
    }

    /* layout 5 end */
    /* layout 6 */
    .team_holder_layer_six .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        top: 0px;
        left: 0px;
    }

    .team_holder_layer_six .teamcircle_blue_two {
        width: 260px;
        height: 260px;
        bottom: 30px;
        left: calc(50% - 210px);
    }


    .team_holder_layer_six .teamcircle_green_one {
        width: 395px;
        height: 395px;
        top: 0px;
        right: calc(20% + 50px);
    }

    .team_holder_layer_six .teamcircle_green_two {
        width: 260px;
        height: 260px;
        bottom: 20px;
        left: 30px;

    }


    .team_holder_layer_six .teamcircle_orange_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        right: 0px;
    }

    /* layout 6 end */
    /* layout 7 */
    .team_holder_layer_seven .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        top: 10px;
        left: calc(50% - 180px);
    }

    .team_holder_layer_seven .teamcircle_blue_two {
        width: 395px;
        height: 395px;
        bottom: 0px;
        left: 0;
    }


    .team_holder_layer_seven .teamcircle_green_one {
        width: 260px;
        height: 260px;
        bottom: 20px;
        left: calc(50% - 130px);
    }

    .team_holder_layer_seven .teamcircle_green_two {
        width: 260px;
        height: 260px;
        top: 0px;
        right: 50px;
    }


    .team_holder_layer_seven .teamcircle_orange_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        right: 0;
    }

    /* layout 7 end */
    /* layout 8 */
    .team_holder_layer_eight .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        top: 0px;
        left: 190px;
    }

    .team_holder_layer_eight .teamcircle_blue_two {
        width: 260px;
        height: 260px;
        bottom: 0px;
        left: 0px;

    }


    .team_holder_layer_eight .teamcircle_green_one {
        width: 395px;
        height: 395px;
        top: 5px;
        right: 100px;
    }

    .team_holder_layer_eight .teamcircle_green_two {
        width: 260px;
        height: 260px;
        bottom: 0px;
        right: 0px;
    }


    .team_holder_layer_eight .teamcircle_orange_one {
        width: 260px;
        height: 260px;
        bottom: 5px;
        left: calc(50% - 120px);
    }

    /* layout 8 end */
    /* layout 9 */
    .team_holder_layer_nine .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        right: 0px;
    }

    .team_holder_layer_nine .teamcircle_blue_two {
        width: 395px;
        height: 395px;
        top: 0px;
        left: 0px;
    }


    .team_holder_layer_nine .teamcircle_green_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        left: calc(50% - 280px);
    }

    .team_holder_layer_nine .teamcircle_green_two {
        width: 260px;
        height: 260px;
        top: 30px;
        right: 40px;
    }


    .team_holder_layer_nine .teamcircle_orange_one {
        width: 260px;
        height: 260px;
        top: 35px;
        left: calc(50% - 80px);
    }

    /* layout 9 end */
    /* layout 10 */
    .team_holder_layer_ten .teamcircle_blue_one {
        width: 395px;
        height: 395px;
        bottom: 0px;
        left: 0px;
    }

    .team_holder_layer_ten .teamcircle_blue_two {
        width: 395px;
        height: 395px;
        top: 5px;
        right: 0px;
    }


    .team_holder_layer_ten .teamcircle_green_one {
        width: 395px;
        height: 395px;
        top: 0px;
        left: 300px;
    }

    .team_holder_layer_ten .teamcircle_green_two {
        width: 260px;
        height: 260px;
        bottom: 55px;
        right: 425px;
    }


    .team_holder_layer_ten .teamcircle_orange_one {
        width: 260px;
        height: 260px;
        bottom: 35px;
        right: 85px;
    }

    /* layout 10 end */
}

@media screen and (max-width: 1300px) {
    .team_holder_wrapper {
        width: 100%;
        position: relative;
        height: calc((100vw - 120px) * 0.695);
    }

    /* layout 1 */
    .team_holder_layer_one .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.0);
        right: calc((100vw - 120px) * 0.0)
    }

    .team_holder_layer_one .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        bottom: calc((100vw - 120px) * 0.016);
        left: calc((100vw - 120px) * 0.038);
    }


    .team_holder_layer_one .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        bottom: calc((100vw - 120px) * 0.033);
        right: calc((100vw - 120px) * 0.05);
    }

    .team_holder_layer_one .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        left: calc((100vw - 120px) * 0.325);
        top: calc((100vw - 120px) * 0.3);
    }


    .team_holder_layer_one .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.0);
        left: calc((100vw - 120px) * 0.0);
    }

    /* layout 1 end */
    /* layout 2 */
    .team_holder_layer_two .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.00);
        right: calc((100vw - 120px) * 0.00)
    }

    .team_holder_layer_two .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        top: calc((100vw - 120px) * 0.016);
        left: calc((100vw - 120px) * 0.038);
    }


    .team_holder_layer_two .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        top: calc((100vw - 120px) * 0.033);
        left: calc((100vw - 120px) * 0.358);
        /*right: calc((100vw - 120px) * 0.347);*/
    }

    .team_holder_layer_two .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        left: calc((100vw - 120px) * 0.46);
        bottom: calc((100vw - 120px) * 0.00);
    }


    .team_holder_layer_two .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.047);
        left: calc((100vw - 120px) * 0.072);
    }

    /* layout 2 end */
    /* layout 3 */
    .team_holder_layer_three .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        top: calc((100vw - 120px) * 0.025);
        left: calc((100vw - 120px) * 0.038)
    }

    .team_holder_layer_three .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.0);
        right: calc((100vw - 120px) * 0.0);
    }


    .team_holder_layer_three .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.033);
        left: calc((100vw - 120px) * 0.0);
    }

    .team_holder_layer_three .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        right: calc((100vw - 120px) * 0.38);
        top: calc((100vw - 120px) * 0.4);
    }


    .team_holder_layer_three .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.03);
        right: calc((100vw - 120px) * 0.3);
    }

    /* layout 3 end */
    /* layout 4 */
    .team_holder_layer_four .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        top: calc((100vw - 120px) * 0.0);
        left: calc((100vw - 120px) * (45 / 1080));
    }

    .team_holder_layer_four .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.0);
        right: calc((((100vw - 120px) / 5) - (100vw - 120px) * 0.1));
    }


    .team_holder_layer_four .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.0);
        left: calc((((100vw - 120px) / 2) - (100vw - 120px) * 0.35));
    }

    .team_holder_layer_four .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        right: calc((100vw - 120px) * (15 / 1080));
        top: calc((100vw - 120px) * 0.015);
    }


    .team_holder_layer_four .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        top: calc((100vw - 120px) * 0.01);
        left: calc((((100vw - 120px) / 2) - (100vw - 120px) * 0.077));
    }

    /* layout 4 end */
    /* layout 5 */
    .team_holder_layer_five .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.0);
        left: calc((100vw - 120px) * 0.0);
    }

    .team_holder_layer_five .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * (100 / 1080));
        left: calc((((100vw - 120px) / 2) - (100vw - 120px) * 0.21));
    }


    .team_holder_layer_five .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.0);
        right: calc((((100vw - 120px) / 2) - (100vw - 120px) * 0.47));
    }

    .team_holder_layer_five .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        right: calc((100vw - 120px) * (50 / 1080));
        top: calc((100vw - 120px) * (40 / 1080));
    }


    .team_holder_layer_five .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        top: calc((100vw - 120px) * 0.0);
        left: calc((100vw - 120px) * 0.0);
    }

    /* layout 5 end */
    /* layout 6 */
    .team_holder_layer_six .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.0);
        left: calc((100vw - 120px) * 0.0);
    }

    .team_holder_layer_six .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        bottom: calc((100vw - 120px) * (40 / 1080));
        left: calc(((100vw - 120px) / 2) - 150px);
    }


    .team_holder_layer_six .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.0);
        right: calc(((100vw - 120px) / 2) - 280px);
    }

    .team_holder_layer_six .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        left: calc((100vw - 120px) * (50 / 1080));
        bottom: calc((100vw - 120px) * (20 / 1080));
    }


    .team_holder_layer_six .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.0);
        right: calc(((100vw - 120px) * 0.0));
    }

    /* layout 6 end */
    /* layout 7 */
    .team_holder_layer_seven .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * (0 / 1080));
        left: calc(((100vw - 120px) / 2) - ((100vw - 120px) * (150 / 1080)));
    }

    .team_holder_layer_seven .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.0);
        left: calc((100vw - 120px) * 0.0);
    }


    .team_holder_layer_seven .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        bottom: calc((100vw - 120px) * (20 / 1080));
        right: calc(((100vw - 120px) / 2) - 100px);
    }

    .team_holder_layer_seven .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        right: calc((100vw - 120px) * (50 / 1080));
        top: calc((100vw - 120px) * (0 / 1080));
    }


    .team_holder_layer_seven .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * (0 / 1080));
        right: calc((100vw - 120px) * 0.0);
    }

    /* layout 7 end */
    /* layout 8 */
    .team_holder_layer_eight .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * (0 / 1080));
        left: calc((100vw - 120px) * 0.14);
    }

    .team_holder_layer_eight .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        bottom: 10px;
        left: calc(((100vw - 120px) / 2) * 0.0);
    }


    .team_holder_layer_eight .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * (5 / 1080));
        right: calc((((100vw - 120px) / 2) - (100vw - 120px) * 0.4));
    }

    .team_holder_layer_eight .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        right: calc((100vw - 120px) * (40 / 1080));
        bottom: calc((100vw - 120px) * (0 / 1080));
    }


    .team_holder_layer_eight .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        bottom: 5px;
        left: calc(((100vw - 120px) / 2) - 150px);
    }

    /* layout 8 end */
    /* layout 9 */
    .team_holder_layer_nine .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * (0 / 1080));
        right: calc((100vw - 120px) * (0 / 1080));
    }

    .team_holder_layer_nine .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: 0;
        left: calc((100vw - 120px) * 0.0);
    }


    .team_holder_layer_nine .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * (0 / 1080));
        left: calc((((100vw - 120px) / 2) - (100vw - 120px) * 0.23));
    }

    .team_holder_layer_nine .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        right: calc((100vw - 120px) * (70 / 1080));
        top: calc((100vw - 120px) * (5 / 1080));
    }


    .team_holder_layer_nine .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        top: calc((100vw - 120px) * (10 / 1080));
        left: calc(((100vw - 120px) / 2) - 100px);
    }

    /* layout 9 end */
    /* layout 10 */
    .team_holder_layer_ten .teamcircle_blue_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        bottom: calc((100vw - 120px) * 0.025);
        left: calc((100vw - 120px) * 0.038)
    }

    .team_holder_layer_ten .teamcircle_blue_two {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.016);
        right: calc((100vw - 120px) * 0.038);
    }


    .team_holder_layer_ten .teamcircle_green_one {
        width: calc((100vw - 120px) * 0.335);
        height: calc((100vw - 120px) * 0.335);
        top: calc((100vw - 120px) * 0.013);
        left: calc((100vw - 120px) * 0.247);
    }

    .team_holder_layer_ten .teamcircle_green_two {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        right: calc((100vw - 120px) * 0.36);
        bottom: calc((100vw - 120px) * 0.047);
    }


    .team_holder_layer_ten .teamcircle_orange_one {
        width: calc((100vw - 120px) * 0.22);
        height: calc((100vw - 120px) * 0.22);
        bottom: calc((100vw - 120px) * 0.03);
        right: calc((100vw - 120px) * 0.072);
    }

    /* layout 10 end */
}

@media screen and (max-width: 991px) {
    .team_holder_layer_one .teamcircle_content .prev_content,
    .team_holder_layer_three .teamcircle_content .prev_content,
    .team_holder_layer_six .teamcircle_content .prev_content,
    .team_holder_layer_nine .teamcircle_content .prev_content {
        font-size: 14px;
        width: 80%;
        text-align: center;
        line-height: 16px;
    }

    .team_holder_layer_two .teamcircle_content .prev_content,
    .team_holder_layer_five .teamcircle_content .prev_content,
    .team_holder_layer_eight .teamcircle_content .prev_content,
    .team_holder_layer_ten .teamcircle_content .prev_content {
        font-size: 20px;
        line-height: 24px;

    }

    .team_holder_layer_four .teamcircle_content .prev_content,
    .team_holder_layer_seven .teamcircle_content .prev_content {
        font-size: 24px;
        line-height: 28px;
    }
}

@media screen and (max-width: 776px) {
    .teamcircle {
        display: flex;
        opacity: 0 !important;
    }

    .teamcircle.activated {
        opacity: 1 !important;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .team_holder_wrapper {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .team_holder_wrapper .teamcircle:after {
        display: none !important;
    }

    .teamcircle_content.teamcircle:after {
        display: block !important;
        border-radius: 0;
    }

    .teamcircle_content.teamcircle .prev_content {
        font-size: 32px !important;
    }

    .team_holder_wrapper .teamcircle {
        position: relative !important;
        width: 100% !important;
        height: calc((100vw - 30px) * 0.75) !important;
        margin: 15px 0 0 0;
        border-radius: 0 !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        display: flex;

    }

    .modalWindowWrap {
        width: calc(100vw - 60px);
        position: relative;
    }


}