/* Start:/local/templates/sobrano/components/bitrix/news/bukmekers/style.css?17574277485097*/
.bukmekers-detail{position:relative}
.bukmekers-header .bukmekers{display:flex;align-items:center;justify-content:flex-start;width:100%;position:relative}
.bukmekers-header .bukmekers .picture{width:60px;border-radius:40px 40px 40px 0;height:60px;position:relative;display:inline-block}
.bukmekers-header .bukmekers .bukmekers-info{padding:0 0 0 20px}
.bukmekers-header .bukmekers .bukmekers-info h1{margin:0 0 5px;font-size:25px}
.bukmekers-header .bukmekers .bukmekers-info p{font-size:14px;color:var(--colorGray);margin:0}
.bukmekers-detail .course-items{margin:0}
.bukmekers-detail .course-items .item{background:var(--colorBody)}
.bukmekers-detail .bukmekers-header,.bukmekers-detail .detail,.bukmekers-detail .detail,.bukmekers-detail .reviews,.bukmekers-detail .requisites,.bukmekers-detail .сourses{background:var(--colorWhite);padding:30px 20px;border-radius:10px;margin:20px 0 30px;position:relative}
.bukmekers-detail .bukmekers-header{padding:30px 20px 20px}
.bukmekers-detail h2.name{margin:0 0 30px}
.bukmekers-detail .requisites-items{display:grid;grid-template-columns:repeat(3,minmax(0,100%));gap:20px 20px;width:100%}
.bukmekers-detail .requisites-items .item span{font-size:15px;font-weight:600;display:block;margin:0 0 10px}
.bukmekers-detail .requisites-items .item p{font-size:14px;color:var(--colorGray);margin:0}
.bukmekers-detail p,.bukmekers-detail li{color:var(--colorBlack);font-size:14px}
.bukmekers-detail p{margin:0 0 10px}
.bukmekers-detail .features-items{display:flex;justify-content:space-between;position:relative;width:100%;margin:0 0 10px}
.bukmekers-detail .features-items .item{width:49%;background:var(--colorWhite);padding:30px 30px 20px;border-radius:5px;margin:0 0 20px;position:relative}
.bukmekers-detail .features-items .item .name{font-size:19px;font-weight:500;display:block;margin:0 0 20px;line-height:22px}
.bukmekers-detail .features-items .item ul{margin:0;list-style:none;padding:0}
.bukmekers-detail .features-items .item ul li{padding:0 0 0 20px;width:100%;position:relative;line-height:22px;font-size:14px;margin:0 0 5px}
.bukmekers-detail .features-items .item ul li:before{border:0;position:absolute;left:0;top:-1px;font-weight:700;font-size:16px}
.bukmekers-detail .features-items .item.minus ul li:before{color:var(--colorRed);content:"-"}
.bukmekers-detail .features-items .item.plus ul li:before{color:var(--colorGreen);content:"+"}
.bukmekers-detail .app{background:var(--colorBlue);border-radius:5px;color:var(--colorWhite);padding:25px 30px 0;align-items:flex-end;margin:0 0 30px;position:relative;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.bukmekers-detail .app .name{font-size:20px;line-height:24px;margin:0 0 10px;font-weight:500;color:var(--colorWhite)}
.bukmekers-detail .app .description{margin:0;color:var(--colorWhite)}
.bukmekers-detail .app .app-btn-content{width:50%;display:flex;flex-wrap:wrap;position:relative}
.bukmekers-detail .app .app-btn-box{display:flex;align-items:center;justify-content:flex-start;position:relative;width:100%;margin:20px 0 30px}
.bukmekers-detail .app .app-btn-box a{color:var(--colorBlack);background:var(--colorWhite);border:1px solid #dcdcdc;border-radius:3px;display:flex;padding:3px 15px 9px;margin:0 10px 0 0;align-items:center}
.bukmekers-detail .app .app-btn-box a:hover{text-decoration:none;background:var(--colorBody)}
i.android,i.apple{top:3px;position:relative;height:24px;margin:0 10px 0 0;width:24px;display:flex;align-items:center;justify-content:center;font-size:24px;background-size:100% 100% !important}
i.android{background:url(/local/templates/sobrano/assets/icon/android.svg) no-repeat center center}
i.apple{background:url(/local/templates/sobrano/assets/icon/iphone.svg) no-repeat center center}
.bukmekers-detail .app .app-btn-box a .descr{line-height:initial;position:relative}
.bukmekers-detail .app .app-btn-box a p{font-size:14px;line-height:10px;margin:5px 0 0}
.bukmekers-detail .app .app-btn-box a span{font-size:10px;line-height:10px}
.bukmekers-detail .app .app-logo{width:40%;display:flex;align-items:center;justify-content:center;height:150px;background:url(/local/templates/sobrano/assets/img/app-bg-box.png) no-repeat center center}
.bukmekers-detail .app .app-logo img{border-radius:8px;filter:drop-shadow(12.0906px 12.0906px 16.1208px rgba(0,0,0,.4));height:70px;width:70px}
@media screen and (max-width:780px){
.bukmekers-detail .requisites-items{grid-template-columns:repeat(2,minmax(0,100%))}
.bukmekers-detail .features-items{flex-direction:column}
.bukmekers-detail .features-items .item{width:100%}
}
@media screen and (max-width:680px){
.bukmekers-detail .app .app-btn-content{width:100%}
.bukmekers-detail .app .app-logo{width:100%}
.bukmekers-detail .app{padding:20px 20px 0}
.bukmekers-detail .features-items .item{padding:20px}
}
@media screen and (max-width:580px){
.bukmekers-menu .item{margin:5px}
.bukmekers-detail .requisites-items{grid-template-columns:repeat(1,minmax(0,100%))}
.bukmekers-detail .app .app-btn-box a{margin:0;width:49%}
.bukmekers-detail .app .app-btn-box{justify-content:space-between}
}

/* End */


/* Start:/local/templates/sobrano/components/bitrix/system.pagenavigation/.default/style.css?17574277482421*/
.bx-pagination{margin:20px 0}
.bx-pagination .bx-pagination-container{text-align:center;position:relative}
.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}
.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 0 2px}
.bx-pagination .bx-pagination-container ul li span{transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:var(--colorBodyHover);padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:var(--colorGray);font-size:13px;border-radius:16px;vertical-align:middle}
.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:var(--colorGray);vertical-align:middle}
.bx-pagination .bx-pagination-container ul li a:hover span{background:var(--colorWhite)}
.bx-pagination .bx-pagination-container ul li.bx-active span{background:var(--colorBlue);color:var(--colorWhite)}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:var(--colorWhite);border:1px solid var(--colorBodyHover);line-height:28px;padding:0 18px;color:var(--colorGray)}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:var(--colorWhite);border:1px solid var(--colorBodyHover);line-height:28px;padding:0 18px}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:var(--colorWhite);border-color:var(--colorWhite);color:var(--colorBlack)}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:var(--colorBlue);color:var(--colorWhite)}
.ajax-load-more{ background: var(--colorWhite); border: 1px solid var(--colorBodyHover); padding: 6px 18px 8px; color: var(--colorGray); border-radius: 16px; text-align: center; line-height: 120%; margin: 15px auto 0; max-width: 150px; cursor: pointer; font-size: 13px; }
.ajax-load-more:hover{background: var(--colorWhite);border-color: var(--colorWhite);color: var(--colorBlack);}
/* End */


/* Start:/local/templates/sobrano/components/bitrix/news.list/bukmekers/style.css?17574277483381*/
.bukmekers-items { display: grid ; gap: 20px; width: 100%; margin: 30px 0; position: relative; }
.bukmekers-items .item { position: relative; background: var(--colorWhite); padding: 20px; display: grid ; justify-content: center; align-items: center; margin: 0; border-radius: 10px; grid-template-columns: 31% 15% 15% 15% 20%;    gap: 10px; }
.bukmekers-items .item .photo{display: flex ; flex-direction: column; align-items: flex-start; justify-content: center; position: relative;}
.bukmekers-items .item .photo img { height: 40px; width: 120px; position: relative; }
.bukmekers-items .item .photo a { color: var(--colorGray); font-size: 12px; }
.bukmekers-items .item .rating,.bukmekers-items .item .comments{display: flex ; align-items: center; justify-content: center; flex-direction: column; font-size: 14px; font-weight: 600;}
.bukmekers-items .item .rating{}
.bukmekers-items .item .comments{}
.bukmekers-items .item .rating:after,.bukmekers-items .item .comments:after{ color: var(--colorGray); font-size: 11px; background: var(--colorWhite); padding: 0 5px; position: relative;  font-weight: 400;}
.bukmekers-items .item .rating:after { content: 'Рейтинг';}
.bukmekers-items .item .comments:after{content:'Отзывы'}
.bukmekers-items .item .bonus { border: 1px solid var(--colorSearchHover); padding: 7px 15px; position: relative; border-radius: 32px; }
.bukmekers-items .item .bonus span{    font-weight: 600;font-size: 14px; }
.bukmekers-items .item .bonus span:before { content: ''; background: url(/local/templates/sobrano/assets/icon/bonus.svg) center center no-repeat; width: 15px; height: 15px; display: inline-block; background-size: 100% 100%; position: relative; top: 2px; margin: 0 6px 0 0; }
.bukmekers-items .item .bonus span:after { content: ''; background: url(/local/templates/sobrano/components/bitrix/catalog/course/icon/arrow.svg) no-repeat center center; width: 9px; height: 7px; background-size: 100% 100%; display: inline-block; position: absolute; right: 13px; top: 14px; opacity: 0.3; transform: rotate(270deg); }
.bukmekers-items .item .bonus:before { content: 'Новым игрокам'; position: absolute; top: -9px; left: 10px; color: var(--colorGray); font-size: 11px; background: var(--colorWhite); padding: 0 5px; }
.bukmekers-items .item .btn-box{display: flex ; align-items: center; flex-direction: row; justify-content: flex-end;     gap: 5px;}
.bukmekers-items .item .btn-box .btn{ width: 50%; height: 35px; padding: 10px 0; line-height: 15px; margin: 0; border-radius: 32px;}
@media screen and (max-width:880px){
.bukmekers-items .item { grid-template-columns: 20% 15% 15% 20% 25%;}
}
@media screen and (max-width:680px){
	.bukmekers-items .item{ display: flex ; flex-wrap: wrap;gap: 0;}
	.bukmekers-items .item .rating,.bukmekers-items .item .comments{        width: 30%;}
	.bukmekers-items .item .btn-box,.bukmekers-items .item .bonus { width: 100%;}
	.bukmekers-items .item .bonus { margin:15px 0}
}
@media screen and (max-width:480px){
	.bukmekers-items .item .btn-box .btn-detail{display:none}
	.bukmekers-items .item .photo { align-items: center; width: 100%; }
	.bukmekers-items .item .bonus { width: 50%;margin: 0;}
	.bukmekers-items .item .btn-box{ width: 50%;}
	.bukmekers-items .item .btn-box .btn { width: 97%;}
	.bukmekers-items .item .rating, .bukmekers-items .item .comments { width: 50%; margin: 15px 0; }
}
/* End */
/* /local/templates/sobrano/components/bitrix/news/bukmekers/style.css?17574277485097 */
/* /local/templates/sobrano/components/bitrix/system.pagenavigation/.default/style.css?17574277482421 */
/* /local/templates/sobrano/components/bitrix/news.list/bukmekers/style.css?17574277483381 */