.bonus_box{
  border: 1px solid #C4C4C4;
  border-radius: 30px;
  box-sizing: border-box;
}

.bonus-head{
/*    background: url(./images/bonus/accum.svg) left center no-repeat;*/
/*    width: 490px;*/
    height: 100px;
}

.accumlogo {
  background: url(./images/bonus/accum.svg) left center no-repeat;
}

.spentlogo {
  background: url(./images/bonus/spent.svg) left center no-repeat;
}


.bonus-head h2{
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 35px;
  margin-left: 50px;
  padding-top: 40px;
color: #000000;
}

.accum, .spent {
  text-align: right;
  font-size: 12px;
}

.accum p{
  color: #8E8E8E;
  padding-right: 2%;
}

.spent p{
  color: #8E8E8E;
}


.accordion-button {
  width: 100%;
  height: 52px;
  border-radius: 10px!important;
  background: #F3F2F2;
  padding: 2px!important;
}

.accordion-button::after {
  width: initial!important;
}

.acc_btn_acum:not(.collapsed) {
  box-shadow: none!important;
  background: linear-gradient(180deg, #394AA1 0%, #8B4CBC 100%);
color: white;
}

.acc_btn_spent:not(.collapsed) {
  box-shadow: none!important;
  background: linear-gradient(180deg, #FFF36D 0%, #FFB21D 100%);
color: #494949;
}


.accordion-header {
/*  padding-top: .5rem !important;
padding-bottom: .5rem !important;*/
}

.acc_btn_acum,.acc_btn_spent{
  width: 100%;
  height: 52px;
  border-radius: 10px;
  border:none;
  background: #F3F2F2;
  margin-left: auto;
  margin-right: auto;
}

.acc_btn_acum:hover {
  background: #7C6DD9;
  color: white;
}

.acc_btn_spent:hover {
  background: #FEC15B;
  color: #494949;
}

.acc_btn_acum:hover .pic_2{background: url(./images/bonus/icon2_w.png) center center no-repeat}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-button::after {
  background-image: none!important;
}

.accordion-item {
  border: none!important;
}

.acc_body {
  margin: 0 auto;
/*  font-family: Roboto Condensed;*/
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  color: #606060;
  padding: 3px;
}

.accordion-body.acc_body a {
  color: #353535;
}




/*
  .top-banner {
    height: 200px;
    width: 1180px;
    margin: 50px auto;
    background: url(./images/bonus/top_banner.svg) center center no-repeat;
  }

  .bonus-col, .spent-col{
  display: block;
  float: left;
  padding-bottom: 40px;
}

.bonus-col{
border: 1px solid #C4C4C4;
border-radius: 30px;
box-sizing:border-box;
}



.bonus {
	margin: 0 auto;
	/*border: 1px solid #C4C4C4;*/
	/*box-sizing: border-box;
	border-radius: 30px;*/
}

*/

.spent-col{
	background: #394AA1;
	border-radius: 30px;
}


.bonus-head{
	margin-bottom: 10px;
	margin-left: auto;
margin-right: auto;
}


.accum h2{
	color: white;
}


.spent h2{
	color: white;
}


/*.accumlogo {
	background: url(./images/bonus/accum.svg) left center no-repeat;
}

.spentlogo {
	background: url(./images/bonus/spent.svg) left center no-repeat;
}*/

.bonus-head-prompt{
margin: 0 auto;
/*width: 490px;*/
margin-right: 20px;
/*padding-right: 50px;*/
}

.bonus-head-prompt p{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
/*color: #8E8E8E;*/
text-align: right;
}


.bonus-line {
  height: 52px;
  line-height: 52px;
	border-radius: 10px;
	background: #F3F2F2;
	margin-bottom: 10px;
	margin-left: auto;
  margin-right: auto;
}

/*.bonus-line:hover {
	background: #7C6DD9;
}
*/

.bonus-line:hover{
	color: white;
}

.bonus-line:checked {
	color: white;
}

.bonus-line-text:{
color: white;
} 

.twoline{
	margin-top: 5px;
  line-height: 20px;
}

/*.spentline {
	background: #FFE766;
}

.accumline {
	background: #EFEFEF;
}*/

.bonus-line-pict {
width: 12%;
height: inherit; 
}

.pic_1{background: url(./images/bonus/icon1.png) center center no-repeat}
.pic_2{background: url(./images/bonus/icon2.png) center center no-repeat}
.pic_3{background: url(./images/bonus/icon3.png) center center no-repeat}
.pic_4{background: url(./images/bonus/icon4.png) center center no-repeat}
.pic_5{background: url(./images/bonus/icon5.png) center center no-repeat}
.pic_6{background: url(./images/bonus/icon6.png) center center no-repeat}
.pic_7{background: url(./images/bonus/icon7.png) center center no-repeat}
.pic_8{background: url(./images/bonus/icon8.png) center center no-repeat}
.pic_9{background: url(./images/bonus/icon9.png) center center no-repeat}
.pic_10{background: url(./images/bonus/icon10.png) center center no-repeat}
.pic_11{background: url(./images/bonus/kassa.svg) center center no-repeat}

/*.accordion-header:hover .pic_2{background: url(./images/bonus/icon2_w.png) center center no-repeat}*/
/*.accordion-header:hover .pic_3{background: url(./images/bonus/icon3_w.png) center center no-repeat}*/
.accordion-header:hover .pic_4{background: url(./images/bonus/icon4_w.png) center center no-repeat}
.accordion-header:hover .pic_5{background: url(./images/bonus/icon5_w.png) center center no-repeat}
.accordion-header:hover .pic_6{background: url(./images/bonus/icon6_w.png) center center no-repeat}
.accordion-header:hover .pic_7{background: url(./images/bonus/icon7_w.png) center center no-repeat}
.accordion-header:hover .pic_8{background: url(./images/bonus/icon8_w.png) center center no-repeat}
.accordion-header:hover .pic_9{background: url(./images/bonus/icon9_w.png) center center no-repeat}
.accordion-header:hover .pic_11{background: url(./images/bonus/kassa_w.svg) center center no-repeat}

.accordion__header:hover {
  background: #7C6DD9;
  color: white;
}


.bonus-line-text {
  width: 85%;
text-align: left;
font-family: Open Sans;
font-style: normal;
/*font-weight: bold;*/
font-size: 15px;
/*color: #494949;*/
}

.bonus-line-perc {
	display: block;
	width: 23%;
	height: inherit;
  font-size: 15px;
  text-align: center;
  font-family: Open Sans;
font-style: normal;
font-weight: bold;
}

.ac {
	border-left: 2px solid #C4C4C4;
}

.sp {
	border-left: 2px solid #F69400;
}

.bonus-line-perc p {
font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 20px;
text-align: center;

color: #494949;
}


.regulation {
	display: block;
	width: 100%;
	height: auto;
	/*margin: 50px auto;*/
}

.regulation p{
/*  display: block;
  margin: auto;*/
  font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 35px;
text-align: right;
color: #606060;
padding-right: 20px;
}

.regulation a{
  color: #606060;
}


.regulation button{
	border: 2px solid #FF8A00;
	box-sizing: border-box;
	border-radius: 26px;
	padding: 15px;
	display: block;
	margin: auto;
	font-family: Open Sans;
font-style: normal;
font-weight: normal;
font-size: 26px;
line-height: 35px;
text-align: center;

color: #FF8A00;
}

/*.accordion {
  display: block;
  font-size: inherit;
  margin: 0px;
  position: relative;
}*/


.oneline {
  padding-top: 15px;
}


/*      width: 100%;
    background: linear-gradient( 
180deg
 , #394AA1 0%, #8B4CBC 100%);
    color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: none;
    height: 52px;*/

}

.accordion__header:hover {
  background: #7C6DD9;
  color: white;
}

.accordion__header:hover .pic_2{
  background: url(./images/bonus/icon2_w.png) center center no-repeat;
}

.accordion__header:hover .pic_3{
  background: url(./images/bonus/icon3_w.png) center center no-repeat;
}
.accordion__header:hover .pic_4{
  background: url(./images/bonus/icon4_w.png) center center no-repeat;
}

.accordion__header:hover .pic_5{
  background: url(./images/bonus/icon5_w.png) center center no-repeat;
}

.accordion__header:hover .pic_6{
  background: url(./images/bonus/icon6_w.png) center center no-repeat;
}

.accordion__header:hover .pic_7{
  background: url(./images/bonus/icon7_w.png) center center no-repeat;
}
.accordion__header:hover .pic_8{
  background: url(./images/bonus/icon8_w.png) center center no-repeat;
}
.accordion__header:hover .pic_9{
  background: url(./images/bonus/icon9_w.png) center center no-repeat;
}

.accordion__header:hover .pic_11{
  background: url(./images/bonus/kassa_w.svg) center center no-repeat;
}


.accordion__header:hover:before, .accordion__header:hover:after {
  background-color: white;
}

.accordion input:checked ~ .pic2{
  background: url(./images/bonus/icon2_w.png) center center no-repeat;
}

/*.accordion__header:before, .accordion__header:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
}*/

/*.accordion__header:before {
  height: 2px;
  margin-top: -1px;
  top: 50%;
  right: 20px;
  width: 8px;
}
.accordion__header:after {
  height: 8px;
  margin-top: -4px;
  top: 50%;
  right: 23px;
  width: 2px;
}*/


.accordion2 {
  display: block;
  font-size: inherit;
  margin: 0px;
  position: relative;
}

.accordion2 input {
  display: none;
  position: absolute;
  visibility: hidden;
  left: 50%;
  top: 50%;
  z-index: 1;
}

.accordion2__header {
  cursor: pointer;
 /* transition: background 0.2s;*/
  z-index: 2;
}

.accordion2__header:hover {
  background: #FEC15B;
  color: #494949;
}

/*
.accordion2__header:hover ~ .sp {
    border-left: 2px solid #F69400;
}*/

.accordion2__header:hover:before, .accordion2__header:hover:after {
  background-color: white;
}

/*.accordion__header:before, .accordion__header:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
}*/

/*.accordion__header:before {
  height: 2px;
  margin-top: -1px;
  top: 50%;
  right: 20px;
  width: 8px;
}
.accordion__header:after {
  height: 8px;
  margin-top: -4px;
  top: 50%;
  right: 23px;
  width: 2px;
}*/

.accordion2 input:checked ~ .accordion2__header {
	background: linear-gradient(180deg, #FFF36D 0%, #FFB21D 100%);
  /*color: white;*/
}

.accordion2 input:checked ~ .bonus-line {
	color: #494949;
}

.accordion2 input:checked ~ .accordion2__header:hover {
  color: white;
}
.accordion2 input:checked ~ .accordion2__header:before {
  background-color: white;
}
.accordion2 input:checked ~ .accordion2__header:after {
  display: none;
}
.accordion2:first-child .accordion2__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.accordion2:last-child .accordion2__header {
  border-bottom-width: 1px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.accordion2:last-child input:checked ~ .accordion2__header {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.accordion2__content {
  display: none;
  width: 480px;
  margin: 0 auto;
/*  font-family: Roboto Condensed;*/
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 13px;
color: #606060; 
}

/*.accordion2__content a{
color: #ffe766; 
}*/


.accordion2 input:checked ~ .accordion2__content {
  display: block;
}
.accordion2:last-child .accordion2__content {
  border-bottom-width: 1px;
  border-radius: 0px 0px 4px 4px;
}



/*@media only screen and (min-device-width: 320px) and (max-device-width: 550px) {
  .top-banner {
    height: 100px;
    width: 280px;
    margin: 10px auto;
    background: url(./images/bonus/top_banner_320.svg) center center no-repeat;
  }

  .bonus {
  width: 100%;
  /*height: 840px;*/
  margin: 0 auto;
  /*border: 1px solid #C4C4C4;*/
  /*box-sizing: border-box;
  border-radius: 30px;*/
  }


  .bonus-line {width: 100%; height: 60px;padding-left: 5px; padding-right: 5px;}
  .bonus-line-text p {font-size: 12px; margin-top: 1.5em;}

/*  .bonus-head{
  background: url(./images/bonus/accum.svg) left center no-repeat;
  width: 490px;
  height: 100px;
  margin-bottom: 10px;
  margin-left: 10px;
margin-right: auto;
}*/


/*.accordion, .accordion2 {padding-left: 10px; padding-right: 10px;}
.accordion__content, .accordion2__content {width: 100%; padding-left: 5px; padding-right: 5px;}*/

.twoline{
  margin-top: 1em!important;
  line-height: 14px!important;
}

/*.bonus-head-prompt {margin-right: 4%;}
.accum p{padding-right: 5px;}
.spent p {color: #8E8E8E; padding-right: 0px;}*/


}  /*media only */*/