

/* 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 */
/* /local/templates/sobrano/components/bitrix/news/bukmekers/style.css?17574277485097 */
/* /local/templates/sobrano/components/bitrix/system.pagenavigation/.default/style.css?17574277482421 */
