.pro-name-detail{font-size: 40px;line-height: 45px;margin-bottom: 20px;font-weight: 700;text-transform: uppercase;padding-bottom: 10px;border-bottom: 1px solid #fff}
.pro-match span{min-width: 115px;padding: 5px;height: 70px;font-weight: 700;font-size: 40px;line-height: 65px;display: block;margin-bottom: 10px;color: #fff}
.pro-match p{float: left;text-align: center;margin-right: 30px;margin-bottom: 15px;font-size: 25px;line-height: 30px}
.pro-rating-result{background: url('../images/star_l.png') repeat-x;background-position: 0 -45px;width: 250px;height: 45px;margin-bottom: 30px;position: relative}
.pro-rating-result span{position: absolute;width: 0;height: 100%;background: url('../images/star_l.png') repeat-x;background-position: 0 0;left: 0;top: 0;margin: 0}
.pro-information{margin-bottom: 100px}
.pro-information table tr td{font-size: 20px;line-height: 30px;padding: 10px 0;width: 50%}
.pro-information table tr td:last-child{font-family: 'Merriweather', serif}
.pro-history .pro-title{text-transform: capitalize}
.pro-history .pro-list table tr th:nth-child(2),.pro-history .pro-list table tr th:nth-child(5),.pro-history .pro-list table tr td:nth-child(2),.pro-history .pro-list table tr td:nth-child(5){width: 10%}
.pro-history .pro-list table tr th:nth-child(6),.pro-history .pro-list table tr th:nth-child(6){width: 16%}
.pro-history .pro-list table tr th:nth-child(1),.pro-history .pro-list table tr th:nth-child(4),.pro-history .pro-list table tr td:nth-child(1),.pro-history .pro-list table tr td:nth-child(4){width: 18%;text-align: left}
.pro-open-popup{text-transform: uppercase;font-weight: 700;display: inline-block;padding: 3px 15px;font-size: 13px;line-height: 18px;font-family: 'Roboto', sans-serif;color: #000;background: -moz-linear-gradient(top, rgba(221,221,221,1) 1%, rgba(219,219,219,1) 2%, rgba(0,0,0,0.49) 100%); background: -webkit-linear-gradient(top, rgba(221,221,221,1) 1%,rgba(219,219,219,1) 2%,rgba(0,0,0,0.49) 100%); background: linear-gradient(to bottom, rgba(221,221,221,1) 1%,rgba(219,219,219,1) 2%,rgba(0,0,0,0.49) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#7d000000',GradientType=0 );}
.pro-open-popup:hover{color: #000}
.pro-bg-popup{background-color: rgba(0,0,0,.8);position: fixed;z-index: 100;left: 0;top: 0;width: 100%;height: 100%}
.pro-bg-popup:not(.active){display: none}
.pro-content-popup{width: 800px;height: 500px;background-color: #fff;padding: 15px;margin:50px auto 0 auto;position: relative}
.pro-iframe{height: 100%}
.pro-content-popup iframe{width: 100%;height: 100%}
.pro-content-popup .fa-close{position: absolute;width: 40px;height: 40px;text-align: center;line-height: 40px;color: #000;right: -20px;top: -20px;background-color: #bbb;border-radius: 100%;cursor: pointer}
.pro-wrapper-rating{text-align: center}
.pro-wrapper-rating .pro-rating{margin-bottom: 90px}
.pro-wrapper-rating .pro-rating .fa{cursor: pointer;margin: 0 5px}
.pro-rating .fa:not(.rate_active){color: #ddd}
.pro-rating .fa.rate_active,.pro-wrapper-rating .pro-rating .fa.rate_hover{color:#f5cd39}
.pro-rating{margin-bottom: 50px}
.pro-rating .fa{font-size: 50px;margin-right: 10px}
.pro-selection{background-color: #a8a7a5;display: inline-block;position: relative;margin-bottom: 100px}
.pro-selection:before{ width: 0; height: 0; content: ""; position: absolute; border-bottom: 75px solid #a8a7a5; border-right: 10px solid transparent; border-left: 10px solid transparent; top: -75px; left: 50%; transform: translateX(-50%); }
.pro-selection a{ margin-bottom: 0; padding: 15px 45px; font-size: 25px; line-height: 30px;color: #5c544e;display: inline-block}
.pro-selection a:first-child{color: #181717}
.table-competitions{margin-bottom: 50px;margin-top: -50px;}.table-competitions th,.table-competitions td{width: 16.66666667%}.table-competitions th h2{font-size: 32px;margin-top: 0;margin-bottom: 20px;text-align: center;}
@media only screen and (max-width: 991px){
    .pro-content-popup{width: 90%;height: 400px}
}
@media only screen and (max-width: 767px){
    .pro-information{margin-bottom: 50px}
    .pro-name-detail{font-size: 25px;line-height: 30px}
    .pro-match p{font-size: 20px;line-height: 25px}
    .pro-match span{ min-width: 50px; height: 50px; line-height: 45px; font-size: 25px; }
    .pro-information table tr td{font-size: 18px;line-height: 23px;padding: 10px 0 10px 0}
    .pro-history .pro-list table tr th{font-size: 20px;line-height: 25px}
    .pro-content-popup .fa-close{right: 0;top: 0;border-radius: 0}
    .table-competitions{margin-top: -30px}.table-competitions h2{margin-bottom: 10px}.table-competitions tr{display: block;clear: both;}.table-competitions th,.table-competitions td{display: inline;float: left;width: 50%;text-align: center;}.table-competitions th{clear: both}
    .table-competitions tr:first-child{width: 100%}.table-competitions tr:first-child th{float: none;width: 100%;display: block;}
}
@media only screen and (max-width: 570px){
    .pro-information [class*='col-']{width: 100%;margin-bottom: 30px}
    .pro-information [class*='col-']:last-child{margin-bottom: 0}
    .pro-history .pro-list table tr th:nth-child(3),.pro-history .pro-list table tr td:nth-child(3){display: none}
    .pro-history .pro-list table tr th,.pro-history .pro-list table tr td{width: 25%}
    .pro-history .pro-list table tr th,.pro-history .pro-list table tr td{font-size: 15px;line-height: 20px}
}
@media only screen and (max-width: 480px){
    .pro-history .pro-list table tr th:nth-child(5),.pro-history .pro-list table tr td:nth-child(5){display: none}
    .pro-history .pro-list table tr th,.pro-history .pro-list table tr td{width: 33.3333%}
}
@media only screen and (max-width: 370px){
    .pro-information table tr td{font-size: 16px;line-height: 21px}
    .pro-selection a{padding: 10px 30px;font-size: 20px;line-height: 25px}
}