html {
  scroll-behavior: smooth;
}

.show-sm {
  display: none;
}

.paste-info {
  height: 10px;
}

.promo-td-inner {
  text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;
  color: white;
  font:
    1.1em,
    serif;
  margin-top: 8px;
} 

.promo-td {
  text-shadow:
    1px 1px 2px black,
    0 0 1em blue,
    0 0 0.2em blue;
  color: white;
  font:
    1.1em,
    serif;
  margin-top: 8px;
} 

@media (max-width: 767.98px) {

  .paste-info {
    height: 50px;
  }

  .one_overview_rating {
    .margin-left: 50px;
  }

  .hide-sm {
    display: none;
  }
  .show-sm {
    display: block;
  }
  .buttons-padding {
    margin-top: 15px;
  } 

  .promo-td {
    margin-top: -13px;
  } 

}

.acor-container .acor-body {
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    color: rgba(0, 0, 0, 0);
    background-color: #BFE2FF;
    line-height: 18px;

    box-sizing: border-box;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
    font-family: Verdana, sans-serif;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);
}
.acor-container .acor-body p {
    margin: 0 0 10px;
}
.acor-container label {
    cursor: pointer;
    background-color: #337AB7;
    display: block;
    padding: 15px 20px;
    width: 100%;
    color: #BFE2FF;
    font-weight: 300;
    box-sizing: border-box;
    z-index: 100;
    font-family: Verdana, sans-serif;  
    margin: 0 0 5px;
    transition: color .35s;
}
.acor-container label:hover {
    color: #FFF;
}
.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\276F';
    float: right;
}
.acor-container input:checked + label {
    background-color: #285f8f;
    color: #FFF;
    box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);
}
.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
    margin-top: -5px;
    color: #000;
    padding: 20px 30px 10px;
}




.radio-stars {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.radio-stars__item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 17px;
  height: 17px;
  background: url("../img/rating-star.svg") no-repeat center;
  background-size: contain;
  margin: 0 0.2rem 0 0;
}
.radio-stars__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.radio-stars__value {
  color: #A6A6A6;
  font-size: 17px;
  font-family: "Oswald", "Arial", sans-serif;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 1rem;
  padding-top: -0.3rem;
}
.radio-stars__value:before {
  content: "0.0";
  display: block;
}
.radio-stars input {
  display: none;
}
.radio-stars input:nth-child(5):checked ~ .radio-stars__labels .radio-stars__item {
  background-image: url("../img/rating-star-1.svg");
}
.radio-stars input:nth-child(5):checked ~ .radio-stars__value:before {
  content: "5";
}
.radio-stars input:nth-child(4):checked ~ .radio-stars__labels .radio-stars__item:nth-child(2), .radio-stars input:nth-child(4):checked ~ .radio-stars__labels .radio-stars__item:nth-child(3), .radio-stars input:nth-child(4):checked ~ .radio-stars__labels .radio-stars__item:nth-child(4), .radio-stars input:nth-child(4):checked ~ .radio-stars__labels .radio-stars__item:nth-child(5) {
  background-image: url("../img/rating-star-1.svg");
}
.radio-stars input:nth-child(4):checked ~ .radio-stars__value:before {
  content: "4";
}
.radio-stars input:nth-child(3):checked ~ .radio-stars__labels .radio-stars__item:nth-child(3), .radio-stars input:nth-child(3):checked ~ .radio-stars__labels .radio-stars__item:nth-child(4), .radio-stars input:nth-child(3):checked ~ .radio-stars__labels .radio-stars__item:nth-child(5) {
  background-image: url("../img/rating-star-1.svg");
}
.radio-stars input:nth-child(3):checked ~ .radio-stars__value:before {
  content: "3";
}
.radio-stars input:nth-child(2):checked ~ .radio-stars__labels .radio-stars__item:nth-child(4), .radio-stars input:nth-child(2):checked ~ .radio-stars__labels .radio-stars__item:nth-child(5) {
  background-image: url("../img/rating-star-1.svg");
}
.radio-stars input:nth-child(2):checked ~ .radio-stars__value:before {
  content: "2";
}
.radio-stars input:nth-child(1):checked ~ .radio-stars__labels .radio-stars__item:nth-child(5) {
  background-image: url("../img/rating-star-1.svg");
}
.radio-stars input:nth-child(1):checked ~ .radio-stars__value:before {
  content: "1";
}





/* Rating */
/* --------------------------------------------------------------- */
.rating {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rating__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rating__stars div {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: url("../img/rating-star.svg") no-repeat center;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.2rem;
}
.rating__stars div.rating-1 {
  background-image: url("../img/rating-star-1.svg");
}
.rating__stars div.rating-05 {
  background-image: url("../img/rating-star-05.svg");
}
.rating__value {
  font-size: 1.2rem;
  font-family: "Oswald", "Arial", sans-serif;
  font-weight: 400;
  margin-left: 1rem;
  line-height: 1.2;
}
.rating--md .rating__stars div {
  width: 1.6rem;
  height: 1.6rem;
}
.rating--sm .rating__stars div {
  width: 1.3rem;
  height: 1.3rem;
}
.rating--sm .rating__value {
  font-size: 1.2rem;
}



.ribbon3 {
  opacity: .9;
  width: 170px;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  position: absolute;
  left: -8px;
  top: 20px;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff, 0 0 1em red;
}
.ribbon3:before, .ribbon3:after {
  content: "";
  position: absolute;
}
.ribbon3:before {
  height: 0;
  width: 0;
  top: -8.5px;
  left: 0.1px;
  border-bottom: 9px solid black;
  border-left: 9px solid transparent;
}
.ribbon3:after {
  height: 0;
  width: 0;
  right: -14.5px;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 15px solid #59324C;
}


.new-table {
  width: 100%;
}
.new-table .bukmeker-logs {
  padding: 10px; 
  background: #fff; 
  border-bottom: 10px solid #EFF0F3;
}
.new-table .td-link {
  background: #fff; 
  border-bottom: 10px solid #EFF0F3;
}
.new-table .td-button {
  padding: 10px; 
  background: #fff;
}
.new-table .bukmeker-logs img {
  max-width: 110px;
  display: inline-block;
}


.bonus-table {
  width: 100%;
  margin-bottom: 20px;
}
.bonus-table .bukmeker-logs {
  padding: 10px; 
  background: #fff; 
  border-bottom: 2px solid #EFF0F3;
}
.bonus-table .td-link {
  background: #fff; 
  border-bottom: 2px solid #EFF0F3;
}
.bonus-table .td-button {
  padding: 10px; 
  background: #fff;
}
.bonus-table .bukmeker-logs img {
  max-width: 110px;
  display: inline-block;
}

.text .text-pay-systems p {
  color: #fff;
}
.text .text-pay-systems h2 {
  color: #fff;
}

#bonus_info12 {
  color: #2A2F3C;
}

#bonus_info2 {
  color: #2A2F3C;
}



.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #fff;
    max-width: 600px;
    width:95%;
    margin: 5% auto;
  padding: 5px 20px 13px 20px;
  border: 10px solid #ddd;
  position: relative;
  /*--CSS3 CSS3 Тени для Блока--*/
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  /*--CSS3 Закругленные углы--*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
 
 
.popup h2, .popup_click h2 {
    font:28px Monotype Corsiva, Arial;
    font-weight: bold;
  text-align: center;
  color: #008000;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  }
.popup h3, .popup_click h3 {
    font:24px Monotype Corsiva, Arial;      
  color: #008000;
  text-align: left;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  }
/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
  border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
  cursor: pointer;
    text-align: center;
    text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
  -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(255, 69, 0, 0.8);
}


.info-header {
  position: fixed;
  width: 100%;
  text-align: center;
  font-size: 12px;
  background: #660033;
  color: #fff;
  z-index: 999;
}

.popup-bg {
  background: #660033;
}