@font-face {
    font-family: "Knockout";
    src: url(https://awards.infcdn.net/fonts/knockout-regular.ttf);
}

@font-face {
    font-family: "OpenSans";
    src: url(https://awards.infcdn.net/fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: "BebasNeueLight";
    font-weight: 300;
    src: url(https://awards.infcdn.net/fonts/BebasNeueLight.ttf);
}


#circle_bw {
    position: relative;
    width: 185px;
    height: 185px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: block !important;
    background: var(--wpr-bg-9dd1eb37-4d92-4a33-a3c7-a6e761fa8890) no-repeat center center;
    background-size: contain;
    flex-shrink: 0 !important;
    align-self: center;
    cursor: pointer;
}
#circle_bw.circle_bw_black {
    box-shadow: 0 4px 44px rgba(0, 0, 0, 0.1);
}

#circle_bw .circle_bw_year {
    font-size: 13px;
    font-family: 'BebasNeueLight', sans-serif;
    position: absolute;
    left: 148px;
    top: 83px;
    line-height: 1.3 !important;
    color: #000000 !important;
    margin: 0;
    padding: 0;
}
#circle_bw .circle_bw_name {
    font-size: 10px;
    font-family: 'OpenSans', sans-serif;
    position: absolute;
    left: 4px;
    bottom: -1px;
    letter-spacing: 0.2px;
    height: 181px;
    width: 178px;
    text-transform: capitalize;
    /*transform: rotate(-3deg);*/
}

.t123 #circle_bw .circle_bw_name {font-size: 0;}

#circle_bw .circle_bw_name .circle_bw_link {padding: 0 !important;}

#circle_bw .circle_bw_nom {
    font-family: 'Knockout', sans-serif;
    text-transform: uppercase;
    position: absolute;
    left: -7px;
    top: -4px;
    font-size: 16px;
    letter-spacing: 0;
    /*transform: rotate(2deg);*/
}

#circle_bw .circle_bw_nom textPath {
    font-size: 16px;
    font-family: 'Knockout', sans-serif;
}

#circle_bw .circle_bw_nom > svg {
    max-width: 200px;
    width: 200px;
    height: 200px;
}

#circle_bw .circle_bw_nom.circle_bw_two_str2 {
    left: 50%;
    transform: translate(-50%, 0);
}

#circle_bw .circle_bw_nom.circle_bw_two_str2 svg {
    height: 168px;
    width: 168px;
}

#circle_bw .circle_bw_link svg {
    height: 178px;
    width: 178px;
}

#circle_bw .circle_bw-two_str {
    top: -8px;
    /*transform: none;*/
    /*left: -7px;*/
}
#circle_bw .circle_bw_two_str2 {
    top: 7px;
    /*left: 9px;*/
    transform: none;
}

#circle_bw.circle_bw_black {
    background: var(--wpr-bg-5aae86a9-c60c-4d64-8b3c-a6390d58c0ec) no-repeat center center;
    background-size: contain;
}
#circle_bw.circle_bw_black .circle_bw_year, #circle_bw.circle_bw_black .circle_bw_nom_txt, #circle_bw.circle_bw_black .circle_bw_name_txt {
    color: #ffffff !important;
    fill: #ffffff !important;
}
#circle_bw.circle_bw_black .circle_bw_home{
    font-size: 0;
    position: absolute;
    opacity: 0;
}

#circle_bw .circle_bw_nom .circle_bw_nom_txt.f14,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f14,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f14,
#circle_bw .circle_bw_nom .circle_bw_nom_txt.f14 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f14 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f14 textPath
{font-size: 13px !important;}

#circle_bw .circle_bw_nom .circle_bw_nom_txt.f12,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f12,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f12,
#circle_bw .circle_bw_nom .circle_bw_nom_txt.f12 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f12 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f12 textPath
{font-size: 11px !important;}

#circle_bw .circle_bw_nom .circle_bw_nom_txt.f9,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f9,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f9,
#circle_bw .circle_bw_nom .circle_bw_nom_txt.f9 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f9 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f9 textPath
{font-size: 8px !important;}

#circle_bw .circle_bw_nom .circle_bw_nom_txt.f8,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f8,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f8,
#circle_bw .circle_bw_nom .circle_bw_nom_txt.f8 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str .circle_bw_nom_txt.f8 textPath,
#circle_bw .circle_bw_nom.circle_bw-two_str2 .circle_bw_nom_txt.f8 textPath
{font-size: 7px !important;}

#circle_bw .circle_bw_name_txt, #circle_bw .circle_bw_name_txt textPath {
    font-size: 16px;
    font-family: 'OpenSans', sans-serif;
}
#circle_bw .f14 .circle_bw_name_txt, #circle_bw .f14 .circle_bw_name_txt textPath {
    font-size: 14px;
}
#circle_bw .f12 .circle_bw_name_txt, #circle_bw .f12 .circle_bw_name_txt textPath {
    font-size: 12px;
}
#circle_bw .f10 .circle_bw_name_txt, #circle_bw .f10 .circle_bw_name_txt textPath {
    font-size: 10px;
}
#circle_bw .f9 .circle_bw_name_txt, #circle_bw .f9 .circle_bw_name_txt textPath {
    font-size: 9px;
}
#circle_bw .f8 .circle_bw_name_txt, #circle_bw .f8 .circle_bw_name_txt textPath {
    font-size: 8px;
}
#circle_bw .f7 .circle_bw_name_txt, #circle_bw .f7 .circle_bw_name_txt textPath {
    font-size: 7px;
}