/* Start:/bitrix/components/new/club/templates/general/style.css?176096052017162*/
:root {
--club-social-network-background: #4e8ec6;
--svg-logo-vk: url("data:image/svg+xml,") center center no-repeat;
--svg-logo-rutube: url('data:image/svg+xml,') center center no-repeat;
--svg-logo-ok: url('data:image/svg+xml,') center center no-repeat;
--svg-logo-tg: url('data:image/svg+xml,') center center no-repeat;
--svg-logo-max: url('data:image/svg+xml,') center center no-repeat;
--svg-logo-dzen: url('data:image/svg+xml,') center center no-repeat;
}
#pg_clubs > .pg {
padding: 0;
}
#pg_clubs .catalog {
padding-top: 1rem;
}
.club_directions {
position: relative;
min-height: 6rem;
}
.club_directions > li {
position: relative;
}
#pg_clubs .catalog_item_content h4 {
margin: 1rem 0 0.5rem 0;
min-height: 3rem;
}
#pg_clubs .catalog_item_content .catalog_item_img,
#pg_clubs .catalog_item_content .catalog_item_href {
order: unset;
}
.catalog_item_content .prop_list_point > li:before {
opacity: 0.3;
}
#pg_clubs #cf_wnd {
transform: translateY(-50%);
}
#pg_clubs .availability_in_store_phone a {
display: block;
}
#pg_clubs .availability_in_store_phone:before {
line-height: 110%;
}
#pg_clubs .availability_in_store_email:before {
content: "\f2e9";
font: 1.6rem web01;
position: relative;
min-width: 2rem;
text-align: center;
opacity: 0.15;
line-height: 110%;
}
.availability_in_store_email {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
margin: 0.25rem 0 0 0;
}
.availability_in_store_email > div {
margin: 0 0 0 0.5rem;
color: #777;
font-size: 0.95rem;
text-align: left;
}
#pg_clubs .catalog_item ul.prop_list_point {
margin-left: 2.8rem;
}
.club_info {
padding-bottom: 0.5rem;
}
#pg_clubs .availability_in_store_address a {
display: block;
color: #777;
}
#pg_club .club_contacts_addresses a {
color: #4e8ec6;
}
#pg_clubs .availability_in_store_address a > span,
#pg_club .club_contacts_addresses a > span {
background-image: linear-gradient(#aaa, #aaa);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 0.13rem;
transition: background-size 0.3s;
}
#pg_club .club_contacts_addresses a > span {
background-image: linear-gradient(#74A7BF, #74A7BF);
}
html.bx-no-touch #pg_clubs .availability_in_store_address a:hover > span,
html.bx-no-touch #pg_club .club_contacts_addresses a:hover > span {
background-size: 100% 0.13rem;
}
#pg_clubs .availability_in_store_address > div {
overflow: hidden;
text-overflow: ellipsis;
}
#pg_club {
background: #FFF;
}
#pg_club .ya_map {
width: 100%;
/*pointer-events: none;*/
position: relative;
background: #eee;
min-height: 300px;
}
#pg_club .ya_map > div {
filter: grayscale(100%);
opacity: 0.6;
}
/*#pg_club .ya_map:before,*/
#pg_club .ya_map:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgb(255, 255, 255) 10%, rgba(255,255,255,0) 100%);
}
/*#pg_club .ya_map:before {
background: #FFF;
}*/
.club_contacts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
justify-content: center;
align-items: self-start;
}
.club_contacts > div {
width: 33.3%;
min-height: 8rem;
padding: 1rem;
position: relative;
border-left: 0.2rem dotted #878787;
margin-bottom: 0.5rem;
}
.club_contacts > div:first-of-type,
.club_contacts > div:nth-child(3n + 4) {
border: 0;
}
.club_contacts_ok,
.club_contacts_rutube,
.club_contacts_vk,
.club_contacts_tg,
.club_contacts_max,
.club_contacts_dzen {
display: block;
width: 3rem;
height: 3rem;
min-width: 3rem;
min-height: 3rem;
position: relative;
border-radius: 50%;
box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.2);
}
.club_contacts_ok:before,
.club_contacts_rutube:before,
.club_contacts_vk:before,
.club_contacts_tg:before,
.club_contacts_max:before,
.club_contacts_dzen:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
mask: var(--svg-logo-vk);
background-color: var(--club-social-network-background);
}
.club_contacts_rutube:before {
mask: var(--svg-logo-rutube);
background-color: #000;
}
.club_contacts_ok:before {
mask: var(--svg-logo-ok);
background-color: #f70;
}
.club_contacts_tg:before {
mask: var(--svg-logo-tg);
background-color: #039be5;
}
.club_contacts_max:before {
mask: var(--svg-logo-max);
background-color: #844ede;
}
.club_contacts_dzen:before {
mask: var(--svg-logo-dzen);
background-color: #000;
}
.club_contacts_social_networks > div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.club_contacts_directions:before,
.club_contacts_social_networks:before,
.club_contacts_mails_websites:before,
.club_contacts_phones:before,
.club_contacts_addresses:before {
content: "\f2eA";
font: 5rem web01;
color: #000;
opacity: 0.05;
position: absolute;
right: 1rem;
top: 1.5rem;
}
.club_contacts_addresses:before {
content: '\f2d9';
}
.club_contacts_mails_websites:before {
content: '\f0ac';
font-size: 4.5rem;
}
.club_contacts_social_networks:before {
content: '\f27a';
font-size: 4.5rem;
}
.club_contacts_directions:before {
content: '\f00b';
font-size: 3.5rem;
right: 1.5rem;
}
.club_logo {
position: absolute;
background: #FFF;
border-top-left-radius: 1rem;
border-bottom-right-radius: 1rem;
overflow: hidden;
top: 3rem;
left: 1rem;
padding: 1rem;
box-shadow: 0.1rem 0.1rem 0.2rem rgba(0,0,0,0.1);
min-width: 15rem;
}
.club_no_logo {
transform: scale(0.6);
}
.club_no_logo > .img_no_photo {
margin: 0 auto;
}
.club_description {
margin-top: -4rem;
padding: 0 1rem 1rem 1rem;
z-index: 1; /*WARNING*/
}
.club_description h3 {
font-size: 1.4rem;
font-weight: bold;
}
.club_description > p {
text-indent: 1.5rem;
}
.club_description * {
color: #414141;
position: relative;
}
#pg_club .club_directions.prop_list_point > li:before {
mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNCAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGNpcmNsZSBmaWxsPSIjMDEwMjAyIiBjeD0iNyIgY3k9IjciIHI9IjMiLz48L3N2Zz4=) center center no-repeat;
background: none;
background-color: #4e8ec6;
}
#pg_club .h1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
}
#pg_club h1:after {
display: none;
}
#pg_club .h1:before {
content: '';
position: absolute;
bottom: 0.75rem;
left: 0;
right: 3rem;
height: 2px;
background: linear-gradient(to right, rgba(160, 160, 160, 1) 0%, rgba(160, 160, 160, 0) 100%);
}
#pg_club .h1 > .catalog_item_stickers {
right: auto;
position: relative;
top: auto;
padding: 0 0.5rem 0.5rem 1rem;
opacity: 1;
background: #FFF;
}
.club_leaders {
width: 100%;
}
.club_leaders h2 {
font-size: 1.7rem;
padding: 0.4rem 1rem 0.6rem 1rem;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(78, 142, 198) 100%);
color: #FFF;
text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
opacity: 0.7;
}
.club_leaders > div {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding: 0 0.5rem 0.5rem 7.5rem;
margin-top: -3.5rem;
min-height: 20rem;
}
.club_leader {
text-align: center;
margin-left: 1rem;
margin-top: 1rem;
}
.club_leader > div {
transition: all 0.2s;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.club_leader img {
width: 10rem;
height: 10rem;
border-radius: 50%;
}
.club_leader > div > p {
position: relative;
width: 10rem;
height: 10rem;
border-radius: 50%;
background: #FFF;
}
.club_leader > div > p > .img_no_photo {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.7);
}
.club_leader > div > p:after {
content: "";
position: absolute;
top: -0.1rem;
left: -0.1rem;
bottom: -0.1rem;
right: -0.1rem;
border-radius: 50%;
background: radial-gradient(circle at center, rgba(255,255,255,0) 30%, #FFF 70%);
}
html.bx-no-touch .club_leader:hover > div {
transform: translateY(-1rem);
}
html.bx-no-touch .club_leader:hover > div > p:after {
background: none;
}
.club_leader > div {
color: #414141;
cursor: default;
}
.club_logo > a {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.club_leader > div > div {
max-width: 20rem;
}
.club_leader > div > div,
.club_leader > div > div ul,
.club_leader > div > div ul li {
position: relative;
}
.club_leader > div > div ul li {
text-align: left;
}
.club_leader_name {
font-size: 1.1rem;
font-weight: bold;
color: #000;
}
@media all and (max-width: 1000px)
{
.club_contacts > div {
width: 50%;
}
.club_contacts_directions:before,
.club_contacts_social_networks:before,
.club_contacts_mails_websites:before,
.club_contacts_phones:before,
.club_contacts_addresses:before {
display: none;
}
.club_contacts > div:nth-child(3n + 4) {
border-left: 0.2rem dotted #878787;
}
.club_contacts > div:nth-child(2n + 1) {
border: 0;
}
#pg_club .ya_map {
width: 99%;
}
}
@media all and (max-width: 700px)
{
.club_contacts > div {
width: 100%;
}
.club_contacts > div {
border: 0 !important;
}
.club_contacts_phones,
.club_contacts_mails_websites,
.club_contacts_addresses,
.club_description h3,
.club_contacts h2 {
text-align: center;
}
.club_leaders > div,
.club_contacts_social_networks > div {
justify-content: center;
}
.club_leaders > div {
padding-left: 2rem;
}
}
@media all and (min-width: 1101px)
{
#pg_clubs .catalog .catalog_item_img
{
height: 12vw;
min-height: 12vw;
}
}
/* End */
/* /bitrix/components/new/club/templates/general/style.css?176096052017162 */