@media (min-width: 1400px) {
    .roundInfo {
        border-radius: 50%;
        border: 10px solid #FFF;
        width: 700px;
        height: 700px;
        margin: 95px auto;
        box-shadow: 0 0 0 75px #808080;
        position: relative;
        text-align: center;
        overflow: hidden;
        font-size: 16px;
        font-weight: 100;
      /*  font-family: roboto-condensed-light;*/
    }

    .roundInfo img {
        position: absolute;
        z-index: 3;
        width: 290px;
        top: 21%;
        left: 29%;
    }

    .roundInfo .info {
        text-transform: uppercase;
        padding: 19px 0;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .roundInfo .row {
        padding: 3px 0 0 0;
        color: white;
    }

    .roundInfo .subinfo {
        padding: 15px;
        margin-left: 0px;
    }

    /*FILA 1*/
    .roundInfo .row1 {
        background: #002E2E;
    }

    .roundInfo .row1 .info {
        padding: 16px 0;
    }

    .roundInfo .row1 .info > div {
        max-width: 210px;
        margin: 0 auto;
        word-break: break-word;
    }

    /*FILA 2*/
    .roundInfo .row2 .info {
        padding: 14px 0px;
    }

    .roundInfo .row2 .info:nth-child(1) {
        background: #066380;
    }

    .roundInfo .row2 .info:nth-child(1) > div {
        width: 245px;
        float: right;
    }

    .roundInfo .row2 .info:nth-child(2) {
        background: #29ABE2;
    }

    .roundInfo .row2 .info:nth-child(2) > div {
        width: 245px;
        float: left;
    }

    /*FILA 3*/
    .roundInfo .row3 .info {
        padding: 14px 0px;
    }

    .roundInfo .row3 .info:nth-child(1) {
        background: #EFECCA;
        color: #524444;
    }

    .roundInfo .row3 .info:nth-child(1) > div {
        width: 333px;
        float: right;
    }

    .roundInfo .row3 .info:nth-child(2) {
        background: #8BC53E;
    }

    .roundInfo .row3 .info:nth-child(2) > div {
        width: 333px;
        float: left;
    }

    /*FILA 4*/
    .roundInfo .row4 .info:nth-child(1) {
        background: #BFB9AE;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(1) > div {
        width: 440px;
        float: right;
    }

    .roundInfo .row4 .info:nth-child(2) {
        background: #FCEE21;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(2) > div {
        width: 425px;
        float: left;
    }

    /*FILA 5*/
    .roundInfo .row5 .info:nth-child(1) {
        background: #E6E2AF;
        color: #524444;
    }

    .roundInfo .row5 .info:nth-child(1) > div {
        width: 145px;
        margin-right: 136px;
        float: right;
    }

    .roundInfo .row5 .info:nth-child(2) {
        background: #FBB03B;
    }

    .roundInfo .row5 .info:nth-child(2) > div {
        width: 232px;
        margin-left: 99px;
        float: left;
    }

    /*FILA 6*/
    .roundInfo .row6 .info:nth-child(1) {
        background: #7D7972;
    }

    .roundInfo .row6 .info:nth-child(1) > div {
        width: 175px;
        margin-right: 113px;
        float: right;
    }

    .roundInfo .row6 .info:nth-child(2) {
        background: #F15A24;
    }

    .roundInfo .row6 .info:nth-child(2) > div {
        width: 168px;
        float: left;
        margin-left: 138px;
    }

    /*FILA 7*/
    .roundInfo .row7 .info:nth-child(1) {
        background: #A7A37E;
        padding: 31px 0;

    }

    .roundInfo .row7 .info:nth-child(1) > div {
        width: 207px;
        float: right;
        margin-right: 58px;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) {
        background: #C1272D;
        border-bottom: 1px solid #fff;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) .subinfoInfo {
        width: 333px;
        margin-left: 30px;
        float: left;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) {
        background: #D4145A;
        border-top: 1px solid #fff;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) .subinfoInfo {
        width: 333px;
        float: left;
        margin-right: 24px;
    }

    /*FILA 8*/
    .roundInfo .row8 .info:nth-child(1) {
        background: #9D7A42;

    }

    .roundInfo .row8 .info:nth-child(1) > div {
        width: 295px;
        float: right;
    }

    .roundInfo .row8 .info:nth-child(2) {
        background: #662D91;
    }

    .roundInfo .row8 .info:nth-child(2) > div {
        width: 292px;
        float: left;
    }

    /*FILA 9 */
    .roundInfo .row9 {
        text-align: center;
    }

    .roundInfo .row9 .info {
        background: #858727;
        text-align: center;
        padding-bottom: 60px;
    }

    .roundInfo .row9 .info:nth-child(1) > div {
        width: 276px;
        margin: 0 auto;
    }

}

@media (min-width:768px) and (max-width:991px) {
    .roundInfo {
        width: 100%;
        position: relative;
        text-align: center;
        font-size: 13px;
        font-weight: 100;
       /* font-family: roboto-condensed-light;*/
        margin: 15px 0px;

    }

    .roundInfo img {
        position: absolute;
        z-index: 3;
        top: 7%;
        left: 36%;
    }

    .roundInfo .info {
        text-transform: uppercase;
        padding: 9px 0;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .roundInfo .row {
        padding: 3px 0 0 0;
        color: white;
    }

    .roundInfo .subinfo {
        padding: 8px;
        margin-left: 0px;
    }

    /*FILA 1*/
    .roundInfo .row1 {
        background: #002E2E;
    }

    .roundInfo .row1 .info {
        padding: 9px 0;
    }

    .roundInfo .row1 .info > div {
        max-width: 210px;
        margin: 0 auto;
        word-break: break-word;
    }

    /*FILA 2*/
    .roundInfo .row2 .info {
        padding: 14px 0px;
    }

    .roundInfo .row2 .info:nth-child(1) {
        background: #066380;
    }

    .roundInfo .row2 .info:nth-child(1) > div {

    }

    .roundInfo .row2 .info:nth-child(2) {
        background: #29ABE2;
    }

    .roundInfo .row2 .info:nth-child(2) > div {

    }

    /*FILA 3*/
    .roundInfo .row3 .info {
        padding: 8px 0px;
    }

    .roundInfo .row3 .info:nth-child(1) {
        background: #EFECCA;
        color: #524444;
    }

    .roundInfo .row3 .info:nth-child(1) > div {

    }

    .roundInfo .row3 .info:nth-child(2) {
        background: #8BC53E;
    }

    .roundInfo .row3 .info:nth-child(2) > div {

    }

    /*FILA 4*/
    .roundInfo .row4 .info:nth-child(1) {
        background: #BFB9AE;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(1) > div {

    }

    .roundInfo .row4 .info:nth-child(2) {
        background: #FCEE21;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(2) > div {

    }

    /*FILA 5*/
    .roundInfo .row5 .info:nth-child(1) {
        background: #E6E2AF;
        color: #524444;
        padding: 18px 0;
    }

    .roundInfo .row5 .info:nth-child(1) > div {

    }

    .roundInfo .row5 .info:nth-child(2) {
        background: #FBB03B;
    }

    .roundInfo .row5 .info:nth-child(2) > div {
        width: 248px;
        margin: 0 auto;
    }

    /*FILA 6*/
    .roundInfo .row6 .info:nth-child(1) {
        background: #7D7972;
    }

    .roundInfo .row6 .info:nth-child(1) > div {

    }

    .roundInfo .row6 .info:nth-child(2) {
        background: #F15A24;
    }

    .roundInfo .row6 .info:nth-child(2) > div {

    }

    /*FILA 7*/
    .roundInfo .row7 .info:nth-child(1) {
        background: #A7A37E;
        padding: 17px 0;

    }

    .roundInfo .row7 .info:nth-child(1) > div {
        width: 170px;
        margin: 0 auto;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) {
        background: #C1272D;
        border-bottom: 1px solid #fff;
        margin-right: 0px;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) .subinfoInfo {

    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) {
        background: #D4145A;
        border-top: 1px solid #fff;
        margin-right: 0px;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) .subinfoInfo {

    }

    /*FILA 8*/
    .roundInfo .row8 .info:nth-child(1) {
        background: #9D7A42;

    }

    .roundInfo .row8 .info:nth-child(1) > div {

    }

    .roundInfo .row8 .info:nth-child(2) {
        background: #662D91;
    }

    .roundInfo .row8 .info:nth-child(2) > div {

    }

    /*FILA 9 */
    .roundInfo .row9 {
        text-align: center;
    }

    .roundInfo .row9 .info {
        background: #858727;
        text-align: center;
    }

    .roundInfo .row9 .info:nth-child(1) > div {

    }

}

@media (max-width:767px) {
    .roundInfo {
        width: 100%;
        position: relative;
        text-align: center;
        font-size: 13px;
        font-weight: 100;
        /*font-family: roboto-condensed-light;*/
        margin: 15px 0px;

    }

    .roundInfo img {
        position: absolute;
        z-index: 3;
        top: -80px;
        width: 20%;
        right: 0;
    }

    .roundInfo .info {
        text-transform: uppercase;
        padding: 9px 0;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .roundInfo .row {
        padding: 3px 0 0 0;
        color: white;
    }

    .roundInfo .subinfo {
        padding: 8px;
        margin-left: 0px;
    }

    /*FILA 1*/
    .roundInfo .row1 {
        background: #002E2E;
    }

    .roundInfo .row1 .info {

    }

    .roundInfo .row1 .info > div {

    }

    /*FILA 2*/
    .roundInfo .row2 .info {

    }

    .roundInfo .row2 .info:nth-child(1) {
        background: #066380;
    }

    .roundInfo .row2 .info:nth-child(1) > div {

    }

    .roundInfo .row2 .info:nth-child(2) {
        background: #29ABE2;
    }

    .roundInfo .row2 .info:nth-child(2) > div {

    }

    /*FILA 3*/
    .roundInfo .row3 .info {

    }

    .roundInfo .row3 .info:nth-child(1) {
        background: #EFECCA;
        color: #524444;
    }

    .roundInfo .row3 .info:nth-child(1) > div {

    }

    .roundInfo .row3 .info:nth-child(2) {
        background: #8BC53E;
    }

    .roundInfo .row3 .info:nth-child(2) > div {

    }

    /*FILA 4*/
    .roundInfo .row4 .info:nth-child(1) {
        background: #BFB9AE;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(1) > div {

    }

    .roundInfo .row4 .info:nth-child(2) {
        background: #FCEE21;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(2) > div {

    }

    /*FILA 5*/
    .roundInfo .row5 .info:nth-child(1) {
        background: #E6E2AF;
        color: #524444;

    }

    .roundInfo .row5 .info:nth-child(1) > div {

    }

    .roundInfo .row5 .info:nth-child(2) {
        background: #FBB03B;
    }

    .roundInfo .row5 .info:nth-child(2) > div {
    }

    /*FILA 6*/
    .roundInfo .row6 .info:nth-child(1) {
        background: #7D7972;
    }

    .roundInfo .row6 .info:nth-child(1) > div {

    }

    .roundInfo .row6 .info:nth-child(2) {
        background: #F15A24;
    }

    .roundInfo .row6 .info:nth-child(2) > div {

    }

    /*FILA 7*/
    .roundInfo .row7 .info:nth-child(1) {
        background: #A7A37E;


    }

    .roundInfo .row7 .info:nth-child(1) > div {

    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) {
        background: #C1272D;

        margin-right: 0px;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) .subinfoInfo {

    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) {
        background: #D4145A;

        margin-right: 0px;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) .subinfoInfo {

    }

    /*FILA 8*/
    .roundInfo .row8 .info:nth-child(1) {
        background: #9D7A42;

    }

    .roundInfo .row8 .info:nth-child(1) > div {

    }

    .roundInfo .row8 .info:nth-child(2) {
        background: #662D91;
    }

    .roundInfo .row8 .info:nth-child(2) > div {

    }

    /*FILA 9 */
    .roundInfo .row9 {
        text-align: center;
    }

    .roundInfo .row9 .info {
        background: #858727;
        text-align: center;
    }

    .roundInfo .row9 .info:nth-child(1) > div {

    }

}

@media (min-width:992px) and (max-width: 1400px) {
    .roundInfo {
        border-radius: 50%;
        border: 10px solid #FFF;
        width: 500px;
        height: 500px;
        margin: 95px auto;
        box-shadow: 0 0 0 75px #808080;
        position: relative;
        text-align: center;
        overflow: hidden;
        font-size: 13px;
        font-weight: 100;
       /* font-family: roboto-condensed-light;*/

    }

    .roundInfo img {
        position: absolute;
        z-index: 3;
        top: 21%;
        left: 29%;
    }

    .roundInfo .info {
        text-transform: uppercase;
        padding: 8px 0;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .roundInfo .row {
        padding: 3px 0 0 0;
        color: white;
    }

    .roundInfo .subinfo {
        padding: 8px;
        margin-left: 0px;
    }

    /*FILA 1*/
    .roundInfo .row1 {
        background: #002E2E;
    }

    .roundInfo .row1 .info {
        padding: 9px 0;
    }

    .roundInfo .row1 .info > div {
        max-width: 200px;
        margin: 0 auto;
        word-break: break-word;
    }

    /*FILA 2*/
    .roundInfo .row2 .info {
        padding: 8px 0px;
    }

    .roundInfo .row2 .info:nth-child(1) {
        background: #066380;
    }

    .roundInfo .row2 .info:nth-child(1) > div {
        width: 192px;
        float: right;
    }

    .roundInfo .row2 .info:nth-child(2) {
        background: #29ABE2;
    }

    .roundInfo .row2 .info:nth-child(2) > div {
        width: 192px;
        float: left;
    }

    /*FILA 3*/
    .roundInfo .row3 .info {
        padding: 8px 0px;
    }

    .roundInfo .row3 .info:nth-child(1) {
        background: #EFECCA;
        color: #524444;
    }

    .roundInfo .row3 .info:nth-child(1) > div {
        width: 120px;
        margin-right: 70px;
        float: right;
    }

    .roundInfo .row3 .info:nth-child(2) {
        background: #8BC53E;
    }

    .roundInfo .row3 .info:nth-child(2) > div {
        width: 115px;
        margin-left: 84px;
        float: left;
    }

    /*FILA 4*/
    .roundInfo .row4 .info:nth-child(1) {
        background: #BFB9AE;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(1) > div {
        width: 302px;
        float: right;
    }

    .roundInfo .row4 .info:nth-child(2) {
        background: #FCEE21;
        color: #524444;
    }

    .roundInfo .row4 .info:nth-child(2) > div {
        width: 302px;
        float: left;
    }

    /*FILA 5*/
    .roundInfo .row5 .info:nth-child(1) {
        background: #E6E2AF;
        color: #524444;
        padding: 18px 0;
    }

    .roundInfo .row5 .info:nth-child(1) > div {
        width: 76px;
        margin-right: 136px;
        float: right;
    }

    .roundInfo .row5 .info:nth-child(2) {
        background: #FBB03B;
    }

    .roundInfo .row5 .info:nth-child(2) > div {
        width: 170px;
        margin-left: 66px;
        float: left;
    }

    /*FILA 6*/
    .roundInfo .row6 .info:nth-child(1) {
        background: #7D7972;
    }

    .roundInfo .row6 .info:nth-child(1) > div {
        width: 136px;
        margin-right: 82px;
        float: right;
    }

    .roundInfo .row6 .info:nth-child(2) {
        background: #F15A24;
    }

    .roundInfo .row6 .info:nth-child(2) > div {
        width: 149px;
        float: left;
        margin-left: 77px;
    }

    /*FILA 7*/
    .roundInfo .row7 .info:nth-child(1) {
        background: #A7A37E;
        padding: 17px 0;

    }

    .roundInfo .row7 .info:nth-child(1) > div {
        width: 175px;
        float: right;
        margin-right: 21px;

    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) {
        background: #C1272D;
        border-bottom: 1px solid #fff;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(1) .subinfoInfo {
        width: 236px;
        float: left;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) {
        background: #D4145A;
        border-top: 1px solid #fff;
    }

    .roundInfo .row7 .info:nth-child(2) > .subinfo:nth-child(2) .subinfoInfo {
        width: 190px;
        float: left;
    }

    /*FILA 8*/
    .roundInfo .row8 .info:nth-child(1) {
        background: #9D7A42;

    }

    .roundInfo .row8 .info:nth-child(1) > div {
        width: 200px;
        float: right;
    }

    .roundInfo .row8 .info:nth-child(2) {
        background: #662D91;
    }

    .roundInfo .row8 .info:nth-child(2) > div {
        width: 157px;
        float: left;
        font-size: 12px;
        padding-bottom: 1px;
    }

    /*FILA 9 */
    .roundInfo .row9 {
        text-align: center;
    }

    .roundInfo .row9 .info {
        background: #858727;
        text-align: center;
        padding-bottom: 8px;
    }

    .roundInfo .row9 .info:nth-child(1) > div {
        width: 215px;
        margin: 0 auto;
    }

}

.roundInfo .info{
    cursor:pointer;
}

.roundInfoContainer .tooltip{
    z-index:100;
    min-width: 325px;
}
.roundInfoContainer .tooltip.top .tooltip-arrow{
    border-top-color: #E6E6E6;
    border-width: 8px 8px 0;
}
.roundInfoContainer .tooltip.left .tooltip-arrow{
    border-width: 8px 0 8px 13px;
    border-left-color: #E6E6E6;
}
.roundInfoContainer .tooltip.right .tooltip-arrow{
    border-right-color: #E6E6E6;
    border-width: 8px 13px 8px 0;
}
.roundInfoContainer .tooltip.bottom .tooltip-arrow{
    border-bottom-color: #E6E6E6;
}

.roundInfoContainer .tooltip .tooltip-inner{
    background-color: transparent;
    min-width: 300px;
}
.roundInfoToolTip{
    background-color: #E6E6E6;
    color: black;

    min-width: 300px;
    border-radius: 3% 3% 3% 3%;
}

.roundInfoContainer .tooltip.top .roundInfoToolTip{
    box-shadow: 0px -5px 16px #4E4646;
}
.roundInfoContainer .tooltip.right .roundInfoToolTip{
    box-shadow: 5px 5px 16px #4E4646;
}
.roundInfoContainer .tooltip.left .roundInfoToolTip{
    box-shadow: -5px 5px 16px #4E4646;
}
.roundInfoContainer .tooltip.bottom .roundInfoToolTip{
    box-shadow: 0px 5px 16px #4E4646;
}



.roundInfoToolTipTitle{
    padding: 15px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3% 3% 0 0;
}

.roundInfoToolTipText{
    padding: 15px;
    min-height: 100px;
}

.darkGreenInfo{
    background:#002E2E !important;
}
.blueishInfo{
    background: #066380 !important;
}
.lightBlueInfo{
    background: #29ABE2 !important;
}
.beigeInfo{
    background: #EFECCA !important;
    color: #524444 !important;
}
.greenInfo{
    background: #8BC53E !important;
}
.lightGrayInfo{
    background: #BFB9AE !important;
    color: #524444 !important;
}
.yellowInfo{
    background: #FCEE21 !important;
    color: #524444 !important;
}
.darkBeigeInfo{
    background: #E6E2AF !important;
    color: #524444 !important;
}
.lightOrangeInfo{
    background: #FBB03B !important;
}
.darkGrayInfo{
    background: #7D7972 !important;
}
.orangeInfo{
    background: #F15A24 !important;
}
.grayGreenInfo{
    background: #A7A37E !important;
}
.redInfo{
    background: #C1272D !important;
}
.pinkInfo{
    background: #D4145A !important;
}
.brownInfo{
    background: #9D7A42 !important;
}
.purpleInfo{
    background: #662D91 !important;
}
.greenMustardInfo{
    background: #858727 !important;
}