@font-face {
    font-family: Lava; /* Гарнитура шрифта */
    src: url("fonts/Lava/LavaPro-Regula.ttf"); /* Путь к файлу со шрифтом */
   }

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-HeavyItalic.eot');
    src: local('Lava Pro Heavy Italic'), local('LavaPro-HeavyItalic'),
        url('fonts/Lava/LavaPro-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-HeavyItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-HeavyItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-BoldItalic.eot');
    src: local('Lava Pro Bold Italic'), local('LavaPro-BoldItalic'),
        url('fonts/Lava/LavaPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-BoldItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-BoldItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Medium.eot');
    src: local('Lava Pro Medium'), local('LavaPro-Medium'),
        url('fonts/Lava/LavaPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Medium.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Medium.woff') format('woff'),
        url('fonts/Lava/LavaPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Bold.eot');
    src: local('Lava Pro Bold'), local('LavaPro-Bold'),
        url('fonts/Lava/LavaPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Bold.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Bold.woff') format('woff'),
        url('fonts/Lava/LavaPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Regular.eot');
    src: local('Lava Pro Regular'), local('LavaPro-Regular'),
        url('fonts/Lava/LavaPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Regular.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Regular.woff') format('woff'),
        url('fonts/Lava/LavaPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-MediumItalic.eot');
    src: local('Lava Pro Medium Italic'), local('LavaPro-MediumItalic'),
        url('fonts/Lava/LavaPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-MediumItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-MediumItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-RegularItalic.eot');
    src: local('Lava Pro Regular Italic'), local('LavaPro-RegularItalic'),
        url('fonts/Lava/LavaPro-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-RegularItalic.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-RegularItalic.woff') format('woff'),
        url('fonts/Lava/LavaPro-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lava Pro';
    src: url('fonts/Lava/LavaPro-Heavy.eot');
    src: local('Lava Pro Heavy'), local('LavaPro-Heavy'),
        url('fonts/Lava/LavaPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lava/LavaPro-Heavy.woff2') format('woff2'),
        url('fonts/Lava/LavaPro-Heavy.woff') format('woff'),
        url('fonts/Lava/LavaPro-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}



.competition-collapsible-rating-ul li {
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-right: 10px;
    font-family: Lora;
    font-size: 1.0rem;
}

.competition-collapsible-ul-italic {
    line-height: 2.1;
}

.rating-background-img {
    position: relative;
    width: 100%;
    height: 250px;
    z-index: 1;
    opacity: 1;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-backgroundImage {
    background-image: url("/images/rating-header.jpg");
   
    height: 250px;
    object-fit: cover;
    object-position: 20% 50px;
    width: 100%;
    z-index: 1;
}

.rating-breadcrumbs {
    display: flex;
    justify-content: center;
    background-color: #f8f8f8;
}
 .rating-breadcrumbs-body {
    display: flex;
    width: 80%;
    margin-bottom: 10px;
    background-color: #f8f8f8;
}

.rating-description {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #f8f8f8;
}

.rating-description-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 4px;
    padding-bottom: 10px;
}

.rating-season {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 80%;
    height: 80px;
    margin-top: 0px;
    margin-bottom: 10px;
    border-radius: 10px;
    /*border-bottom: 1px solid #e8e9eb;*/
    /* background-color: #ffffff; */
}

.rating-season-list {
    display: flex;
    flex-direction: row;
    align-items: center;


}

.rating-season-list-li {
    list-style-type:  none;
    text-decoration: none;
    padding: 10px;
    color: #939495;
    cursor: pointer;
}

.rating-season-list-li a{
    text-decoration: none;
    color: #939495;
}

.rating-season-list-arrow-left {
    list-style-type:  none;
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.rating-season-list-arrow-right {
    list-style-type:  none;
     margin-top: 5px;
     margin-left: 10px;
     cursor: pointer;
}

.ratingSeasonActive {
    text-decoration: none;
    list-style-type:  none;
    padding: 10px;
    background-color: #f8f8f8;
    color: #C29525;
    border-bottom: 2px solid #C29525;
}

.ratingSeasonActive a {
    text-decoration: none;
    color: #C29525;
}

.rating-season-list-li-active {
    list-style-type:  none;
    padding: 10px;
    background-color: #f8f8f8;
    color: #C29525;
    border-bottom: 2px solid #C29525;
}

.rating-season-status {
    position: relative;
    width: 80%;
    height: 1px;
    background-color: #C29525;
}

.rating-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 30px;
}

.rating-title-p {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-family: 'Lava Pro';
    font-weight: bold;
}

.rating-title-small {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-family: 'Lora';
    
}

.Xlarge {
    font-size: 1.4rem;
    line-height: 1.3;
}

.large {
    font-size: 1.2rem;
    line-height: 1.3;
}

.medium {
    font-size: 0.8rem;
    line-height: 1.0;
    text-align: center;
}

.competition-collapsible-header-rating {
    padding: 10px;
    border-top: 1px solid #cecece;
    font-family: Lora;
    font-size: 1.0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.competition-collapsible-header-rating img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: transform 0.2s ease-in-out;
}

.rating-text {
    position: absolute;
    font-family: 'Lava Pro';
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 1.5;
    letter-spacing: 0.5px;
    z-index: 10;
}

.rating-body {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #f8f8f8;
    margin-bottom: 20px;
}

.rating-body-items {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-radius: 10px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #ffffff;
}

.rating-body-items-mini {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-radius: 10px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #ffffff;
}


.rating-body-items-mini:nth-child(3) {
    background-color: #f0fcf0;
 }

 .rating-body-items-mini:nth-child(4) {
    background-color: #f0fcf0;
 }

 .rating-body-items-mini:nth-child(5) {
    background-color: #f0fcf0;
 }


.rating-body-header {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #ffffff;
}

.rating-body-items:nth-child(1) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #ffffff;
}

.rating-body-items:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #eefced;
}

.rating-body-items:nth-child(3) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #f0fcf0;
}

.rating-body-items:nth-child(4) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #f0fcf0;
}

.rating-body-items:nth-child(5) {
     display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #f0fcf0;
}

.rating-body-items:nth-child(6) {
     display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    height: 50px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #f0fcf0;
}

.rating-body-items p {
    margin: 20px;
}

.rating-number {
    font-family: Lora;
    font-size: 0.9rem;
    margin-left: 20px;
    width: 10%;
}

.rating-name {
    display: block;
    font-family: Lora;
    font-size: 1.0rem;
    margin-left: 0px;
    width: 30%;
}

.rating-name-header {
    font-family: Lora;
    font-size: 1.0rem;
    margin-left: 0px;
    text-align: center;
    width: 30%;
    color: #939495;
}

.rating-score-header {
    width: 20%;
    font-family: Lora;
    font-size: 1.0rem;
    text-align: left;
    color: #939495;
    margin-left: 20px;
}

.rating-level-header {
    width: 50%;
}

.rating-level {
    width: 40%;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-name-mobile {
    display: none;
    font-family: Lora;
    font-size: 0.8rem;
    margin-left: 0px;
    margin-bottom: 5px;
    width: 100%;
}



.rating-level-bar {
    margin-left: 20px;
    border-radius: 4px;
    width: 100%;
    background-color: #e9e9eb;
}

.rating-score {
    width: 20%;
    font-family: Lora;
    font-size: 1.0rem;
    text-align: left;
    color: black;
    margin-left: 20px;
}

.raiting-level-bar-load {
    border-radius: 4px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 10px;
    max-width: 800px;
    background-color: #5e7f50;
    /*
    background-color: #5e7f50;
    */
}

.rating-loader {
    position: relative;
    
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.rating-loader p {
    margin-left: 8px;
}

.animated-gif {
    width: 40px;
    height: auto;
}



mark {
    background: #ffffff;
    padding: 0 3px;
    border-bottom: 1px dashed #333;
   }

@media screen and (max-width: 1024px) {
    .rating-name {
    font-family: Lora;
    font-size: 0.8rem;
    margin-left: 0px;
    width: 30%;
}

.rating-description-body {
    width: 90%;
}

.rating-body-items-mini {
    width: 90%;
}

.rating-body-items {
    width: 90%;
    height: 50px;
}

.rating-body-items:nth-child(1) {
    width: 90%;
    height: 50px;
}

.rating-body-items:nth-child(2) {
    width: 90%;
    height: 50px;
}

.rating-body-items:nth-child(3) {
    width: 90%;
    height: 50px;
}

.rating-body-items:nth-child(4) {
    width: 90%;
    height: 50px;
}

.rating-body-items:nth-child(5) {
    width: 90%;
    height: 50px;
}

.rating-level-bar {
    margin-left: 10px;
}

.rating-body-header {
    width: 90%;
    height: 50px;
}

}


@media screen and (max-width: 1299px) {
    


}

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

}

@media screen and (max-width: 670px) {
    .rating-name {
     display: none;  
}

.rating-breadcrumbs-body {
    width: 95%;
}

.rating-body-items {
    width: 98%;
    height: 70px;
}

.rating-description-body {
    width: 98%;
}

.large {
    font-size: 1.1rem;
    line-height: 1.3;
}

.Xlarge {
    font-size: 1.2rem;
    line-height: 1.3;
}

.rating-level-bar {
    margin-left: 0px;
}

.rating-level {
    width: 60%;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-score {
    width: 30%;
    font-size: 0.9rem;
    margin-left: 10px;
}

.rating-score-header {
    width: 30%;
}

.rating-number {
    font-family: Lora;
    font-size: 0.9rem;
    margin-left: 10px;
    width: 10%;
}

.rating-body-header {
    width: 98%;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #ffffff;
}

.rating-body-items-mini {
    width: 98%;
    height: 70px;
}

.rating-body-items:nth-child(1) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 98%;
    height: 70px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #ffffff;
}

.rating-body-items:nth-child(2) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 98%;
    height: 70px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #eefced;
}

.rating-body-items:nth-child(3) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 98%;
    height: 70px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #f0fcf0;
}

.rating-body-items:nth-child(4) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 98%;
    height: 70px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #f0fcf0;
}

.rating-body-items:nth-child(5) {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 98%;
    height: 70px;
    border-bottom: 1px solid #e8e9eb;
    background-color: #f0fcf0;
}

.rating-name-mobile {
    display: block;
    font-family: Lora;
    font-size: 0.8rem;
    margin-left: 0px;
    margin-bottom: 5px;
    width: 100%;
}


}