Мои сайтыCRMТарифы и оплатаПрофильДоменыУчебники	Справочный центрУроки и статьи(Денис)Выйти
Мои сайты
→
АА Краснодар
→
Настройки сайта
→
Добавление CSS-кода
Редактирование пользовательского CSS-кода
Закрыть Сохранить
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/* AA events 3 in row */
@media screen and (min-width:981px){
#rec1740704641 .t686__container.t-card__container:before,#rec1740704641 .t686__container.t-card__container:after,#rec1740704641 .t686__separator{display:none!important;content:none!important}
#rec1740704641 .t686__container.t-card__container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px!important;max-width:1200px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
#rec1740704641 .t686__container.t-card__container>.t-card__col{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;clear:none!important;transform:none!important}
#rec1740704641 .t686__table,#rec1740704641 .t686__cell,#rec1740704641 .t686__bg,#rec1740704641 .t686__overlay{width:100%!important}
}
/* AA hero 2x2 and scenario images */
.aa26-kicker{display:none!important}
.aa26-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:820px!important}
.aa26-card-img{height:156px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:#f7f8ff!important}
@media(max-width:560px){.aa26-facts{grid-template-columns:1fr!important}}
/* AA header one row */
@media screen and (min-width:981px){
#rec2460456601 .t228__maincontainer{max-width:1180px!important;padding-left:16px!important;padding-right:16px!important}
#rec2460456601 .t228__imgwrapper{width:170px!important;font-size:21px!important;white-space:nowrap!important}
#rec2460456601 .t228__leftside{min-width:178px!important;width:178px!important}
#rec2460456601 .t228__centerside{min-width:0!important;white-space:nowrap!important}
#rec2460456601 .t228__list_item{padding-left:9px!important;padding-right:9px!important;white-space:nowrap!important}
#rec2460456601 .t-menu__link-item{font-size:14px!important;line-height:1!important;white-space:nowrap!important}
#rec2460456601 .t228__rightside{min-width:520px!important;white-space:nowrap!important}
#rec2460456601 .t228__right_buttons{white-space:nowrap!important}
#rec2460456601 .t-sociallinks__wrapper{gap:8px!important}
#rec2460456601 .t-btnflex_type_button{font-size:14px!important;width:auto!important;min-width:142px!important}
#rec2460456601 .t-btnflex_type_button2{font-size:12px!important;width:auto!important;min-width:132px!important;padding-left:14px!important;padding-right:14px!important}
}
/* AA reviews: update monthly */
.aa-reviews{box-sizing:border-box;background:#f6f7fb;color:#101220;padding:72px 0;font-family:Circe,Arial,sans-serif}
.aa-reviews *{box-sizing:border-box}.aa-reviews__wrap{max-width:1180px;margin:0 auto;padding:0 20px}.aa-reviews__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.aa-reviews h2{margin:0 0 10px;font-size:44px;line-height:1.08;font-weight:900;color:#101220}.aa-reviews p{margin:0;font-size:19px;line-height:1.4;color:#4b5063}.aa-reviews__rating{min-width:180px;padding:18px 20px;border-radius:8px;background:#fff;border:1px solid #dfe3ef;text-align:center}.aa-reviews__rating b{display:block;font-size:38px;line-height:1;color:#a000ff}.aa-reviews__rating span{display:block;margin-top:6px;font-size:14px;color:#555b70}.aa-reviews__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.aa-reviews__grid article{min-height:250px;padding:24px 22px;border:1px solid #dfe3ef;border-radius:8px;background:#fff;position:relative;box-shadow:0 12px 28px rgba(20,21,31,.06)}.aa-reviews__grid article:before{display:block;margin-bottom:14px;color:#ffb000;font-size:19px;letter-spacing:2px;font-weight:900;white-space:pre-line}.aa-reviews__grid article:after{display:block;color:#242838;font-size:17px;line-height:1.45;white-space:pre-line}.aa-reviews__grid article:nth-child(1):before{content:'★★★★★\AЕкатерина Иванова · 2ГИС'}.aa-reviews__grid article:nth-child(1):after{content:'Отмечали 10-летие сына: чисто, аккуратно, внимательный персонал, игры понравились и детям, и взрослым.'}.aa-reviews__grid article:nth-child(2):before{content:'★★★★★\AОльга Ильяшенко · 2ГИС'}.aa-reviews__grid article:nth-child(2):after{content:'Гости разного возраста играли вместе, пакет Стандарт+ подошел по времени, а комната отдыха оказалась уютной.'}.aa-reviews__grid article:nth-child(3):before{content:'★★★★★\AГалина Ямпольская · 2ГИС'}.aa-reviews__grid article:nth-child(3):after{content:'День рождения прошел активно: большая площадка, дружелюбная команда, дискотека и сладкая вата для детей.'}@media(max-width:760px){.aa-reviews{padding:48px 0}.aa-reviews__head{display:block}.aa-reviews h2{font-size:34px}.aa-reviews__rating{margin-top:18px}.aa-reviews__grid{grid-template-columns:1fr}}
/* AA menu readable + hero slider + popup close */

/* AA header full width responsive */
#rec2460456601 { width: 100% !important; }
#rec2460456601 .t228 { width: 100% !important; }
#rec2460456601 .t228__maincontainer {
  width: 100% !important;
  max-width: none !important;
  padding-left: clamp(18px, 3.2vw, 64px) !important;
  padding-right: clamp(18px, 3.2vw, 64px) !important;
  box-sizing: border-box !important;
}
@media screen and (min-width: 981px) {
  #rec2460456601 .t228__maincontainer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
  }
  #rec2460456601 .t228__leftside {
    width: auto !important;
    min-width: 190px !important;
    flex: 0 0 auto !important;
  }
  #rec2460456601 .t228__imgwrapper {
    width: auto !important;
    min-width: 180px !important;
    font-size: 20px !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .t228__centerside {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
  }
  #rec2460456601 .t228__list {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .t228__list_item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .t-menu__link-item,
  #rec2460456601 .aa-more-link {
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .t228__rightside {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .t228__right_buttons {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .t-sociallinks__wrapper {
    display: flex !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .t-btnflex_type_button {
    font-size: 14px !important;
    min-width: 146px !important;
    width: auto !important;
  }
  #rec2460456601 .t-btnflex_type_button2 {
    font-size: 12px !important;
    min-width: 132px !important;
    width: auto !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media screen and (min-width: 981px) and (max-width: 1180px) {
  #rec2460456601 .t228__maincontainer {
    gap: 14px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  #rec2460456601 .t228__leftside { min-width: 160px !important; }
  #rec2460456601 .t228__imgwrapper {
    min-width: 150px !important;
    font-size: 18px !important;
  }
  #rec2460456601 .t228__list { gap: 10px !important; }
  #rec2460456601 .t-menu__link-item,
  #rec2460456601 .aa-more-link { font-size: 13px !important; }
  #rec2460456601 .t228__rightside { gap: 10px !important; }
  #rec2460456601 .t-sociallinks__wrapper { gap: 5px !important; }
  #rec2460456601 .t-btnflex_type_button {
    font-size: 12px !important;
    min-width: 120px !important;
  }
  #rec2460456601 .t-btnflex_type_button2 {
    font-size: 11px !important;
    min-width: 112px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 980px) {
  #rec2460456601 .t228__maincontainer {
    min-height: 64px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #rec2460456601 .t228__imgwrapper {
    font-size: 19px !important;
    white-space: nowrap !important;
  }
  #rec2460456601 .aa-more-wrap,
  #rec2460456601 .aa-dd__menu { display: none !important; }
}

/* AA final header font and popup close */
html body #aa-pop button,
html body #aa-pop .aa-pop-card button,
html body div#aa-pop > div > button {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #1b1b28 !important;
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: 42px !important;
  opacity: 1 !important;
  cursor: pointer !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: 10px !important;
  right: 10px !important;
}
@media screen and (min-width: 1181px) {
  html body #rec2460456601 .t228__list_item .t-menu__link-item,
  html body #rec2460456601 .t228__list_item a.t-menu__link-item,
  html body #rec2460456601 .t228__list_item .aa-more-link,
  html body #rec2460456601 .t228__list_item a.aa-more-link,
  html body #rec2460456601 a.aa-more-link {
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  html body #rec2460456601 .t228__list { gap: 20px !important; }
}
@media screen and (min-width: 981px) and (max-width: 1180px) {
  html body #rec2460456601 .t228__list_item .t-menu__link-item,
  html body #rec2460456601 .t228__list_item a.t-menu__link-item,
  html body #rec2460456601 .t228__list_item .aa-more-link,
  html body #rec2460456601 .t228__list_item a.aa-more-link,
  html body #rec2460456601 a.aa-more-link {
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  html body #rec2460456601 .t228__list { gap: 12px !important; }
}
@media screen and (max-width: 640px) {
  html body #aa-pop button,
  html body #aa-pop .aa-pop-card button,
  html body div#aa-pop > div > button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    font-size: 34px !important;
    line-height: 38px !important;
    top: 8px !important;
    right: 8px !important;
  }
}

/* AA hide duplicate old footer */
#rec2437786911 {
  display: none !important;
}

/* AA requested: larger menu and visible hero slider */
@media screen and (min-width: 1181px) {
  html body #rec2460456601 .t228__list_item .t-menu__link-item,
  html body #rec2460456601 .t228__list_item a.t-menu__link-item,
  html body #rec2460456601 .t228__list_item .aa-more-link,
  html body #rec2460456601 .t228__list_item a.aa-more-link,
  html body #rec2460456601 a.aa-more-link {
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  html body #rec2460456601 .t228__list { gap: 22px !important; }
}
@media screen and (min-width: 981px) and (max-width: 1180px) {
  html body #rec2460456601 .t228__list_item .t-menu__link-item,
  html body #rec2460456601 .t228__list_item a.t-menu__link-item,
  html body #rec2460456601 .t228__list_item .aa-more-link,
  html body #rec2460456601 .t228__list_item a.aa-more-link,
  html body #rec2460456601 a.aa-more-link {
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  html body #rec2460456601 .t228__list { gap: 14px !important; }
}
html body .aa26-hero {
  position: relative !important;
  overflow: hidden !important;
}
html body .aa26-hero .aa-hero-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.9) !important;
  background: rgba(160,0,255,.9) !important;
  color: #fff !important;
  font-size: 42px !important;
  line-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 20 !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
html body .aa26-hero .aa-hero-prev { left: 28px !important; right: auto !important; }
html body .aa26-hero .aa-hero-next { right: 28px !important; left: auto !important; }
html body .aa26-hero .aa-hero-dots {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 28px !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 10px !important;
  z-index: 21 !important;
}
html body .aa26-hero .aa-hero-dots button {
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  background: transparent !important;
  padding: 0 !important;
  opacity: 1 !important;
}
html body .aa26-hero .aa-hero-dots button.is-active,
html body .aa26-hero .aa-hero-dots button.active {
  background: #fff !important;
}
@media screen and (max-width: 640px) {
  html body .aa26-hero .aa-hero-arrow {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    font-size: 34px !important;
  }
  html body .aa26-hero .aa-hero-prev { left: 12px !important; }
  html body .aa26-hero .aa-hero-next { right: 12px !important; }
  html body .aa26-hero .aa-hero-dots { bottom: 16px !important; }
}

/* AA requested: hide duplicate old top menu and set menu 20px */
#nav2437786821,
#rec2437786821 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
@media screen and (min-width: 1181px) {
  html body #rec2460456601 .t228__list_item .t-menu__link-item,
  html body #rec2460456601 .t228__list_item a.t-menu__link-item,
  html body #rec2460456601 .t228__list_item .aa-more-link,
  html body #rec2460456601 .t228__list_item a.aa-more-link,
  html body #rec2460456601 a.aa-more-link {
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  html body #rec2460456601 .t228__list { gap: 18px !important; }
}
@media screen and (min-width: 981px) and (max-width: 1180px) {
  html body #rec2460456601 .t228__list_item .t-menu__link-item,
  html body #rec2460456601 .t228__list_item a.t-menu__link-item,
  html body #rec2460456601 .t228__list_item .aa-more-link,
  html body #rec2460456601 .t228__list_item a.aa-more-link,
  html body #rec2460456601 a.aa-more-link {
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  html body #rec2460456601 .t228__list { gap: 10px !important; }
}

/* AA header right side two rows */
@media screen and (min-width: 981px) {
  html body #rec2460456601 .t228__maincontainer {
    min-height: 92px !important;
  }
  html body #rec2460456601 .t228__rightside {
    align-items: center !important;
    height: auto !important;
  }
  html body #rec2460456601 .t228__rightcontainer {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 8px !important;
    height: auto !important;
    width: auto !important;
  }
  html body #rec2460456601 .t-sociallinks {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
  html body #rec2460456601 .t-sociallinks__wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }
  html body #rec2460456601 .t228__right_buttons {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
  html body #rec2460456601 .t228__right_buttons_wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    height: auto !important;
    white-space: nowrap !important;
  }
}
@media screen and (min-width: 981px) and (max-width: 1180px) {
  html body #rec2460456601 .t228__maincontainer {
    min-height: 88px !important;
  }
  html body #rec2460456601 .t228__rightcontainer {
    gap: 6px !important;
  }
  html body #rec2460456601 .t228__right_buttons_wrap {
    gap: 10px !important;
  }
}

/* AA header right side two rows fixed nav */
@media screen and (min-width: 981px) {
  html body #nav2460456601 .t228__maincontainer {
    min-height: 92px !important;
  }
  html body #nav2460456601 .t228__rightside {
    align-items: center !important;
    height: auto !important;
  }
  html body #nav2460456601 .t228__rightcontainer {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 8px !important;
    height: auto !important;
    width: auto !important;
  }
  html body #nav2460456601 .t-sociallinks {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
  html body #nav2460456601 .t-sociallinks__wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
  }
  html body #nav2460456601 .t228__right_buttons {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
  }
  html body #nav2460456601 .t228__right_buttons_wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    height: auto !important;
    white-space: nowrap !important;
  }
}
@media screen and (min-width: 981px) and (max-width: 1180px) {
  html body #nav2460456601 .t228__maincontainer {
    min-height: 88px !important;
  }
  html body #nav2460456601 .t228__rightcontainer {
    gap: 6px !important;
  }
  html body #nav2460456601 .t228__right_buttons_wrap {
    gap: 10px !important;
  }
}