:root {
--index: calc(1vw + 1vh);
--font-size: 16px;
--line-height: 1.4;
--item-width: 325px;
--burger-color: black;
--burger-color-active: white;
--container-width: 1341px;
--container-padding: 30px;
--font-default: Diatype, sans-serif;
--transition: cubic-bezier(0.445, 0.05, 0.55, 0.95);
--transition2: cubic-bezier(0.785, 0.135, 0.15, 0.86);
--transition3: cubic-bezier(0.715, -0.235, 0.12, 1.3);
--bg-body: white;
--color-body: #000000;
--color-text: #000000;
--color-white: #ffffff;
--color-black: #000000;
--color-black2: #262424;
--color-gray1: #e3e3e3;
--color-gray2: #e6e6e6;
--color-gray3: #dadada;
--color-gray4: #e1e1e1;
--color-gray5: #d9d9d9;
--color-gray: #dbdbdb;
--color-grayLight: #dfdacc;
--color-grayLight2: #fffbf6;
--color-orange: #fff3c8;
}
@media screen and (max-width: 480px) {
:root {
--item-width: 100%;
}
}
@media screen and (max-width: 768px) {
:root {
--container-padding: 10px;
}
}
@font-face {
font-family: "ApercuPro";
font-style: normal;
font-weight: 400;
src: url(//aceacademy.ru/wp-content/themes/ace/fonts/ApercuPro-Regular.woff2) format("woff2");
font-display: swap;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none !important;
}
input,
a {
outline: none !important;
color: var(--color-text);
}
button,
input,
textarea {
font-family: var(--font-default);
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
*::-webkit-input-placeholder {
opacity: 1;
}
*:-moz-placeholder {
opacity: 1;
}
*::-moz-placeholder {
opacity: 1;
}
*:-ms-input-placeholder {
opacity: 1;
}
input:focus {
outline: none;
}
html {
font-size: var(--font-size);
}   @media screen and (min-width: 480px) {
.-md4-hidden {
display: none !important;
}
}
@media screen and (max-width: 480px) {
.-md3-hidden {
display: none !important;
}
}
@media screen and (max-width: 1280px) {
.-md1-hidden {
display: none !important;
}
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
width: 100%;
max-width: var(--container-width);
}
.container-fluid {
padding-right: var(--container-padding);
padding-left: var(--container-padding);
margin-right: auto;
margin-left: auto;
}
.wrapper {
min-height: 100vh;
overflow: hidden;
}
.burger-content {
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
display: none;
z-index: 999;
}
.burger-content__body {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.burger {
cursor: pointer;
display: none;
width: 26px;
position: relative;
z-index: 1000;
padding-bottom: 7.5px;
margin-left: 20px;
}
@media screen and (max-width: 992px) {
.burger {
display: block;
}
}
.burger i {
position: relative;
display: inline-block;
width: 26px;
height: 1px;
background: var(--burger-color);
transition: all 0.2s ease-out;
}
.burger i::before {
content: "";
width: 26px;
height: 1px;
background: var(--burger-color);
position: absolute;
left: 0;
transition: all 0.2s ease-out;
top: -9px;
}
.burger i::after {
content: "";
width: 26px;
height: 1px;
background: var(--burger-color);
position: absolute;
left: 0;
transition: all 0.2s ease-out;
bottom: -9px;
}
.burger.active i {
background: transparent;
}
.burger.active i::before {
top: 0;
transform: rotateZ(45deg);
background: var(--burger-color-active);
}
.burger.active i::after {
bottom: 0;
transform: rotateZ(-45deg);
background: var(--burger-color-active);
}
html {
background: white;
}
@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
}
.greyed {
background: #f4f7fb;
padding-top: 250px;
}
.prog-bann {
color: white;
padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
.prog-bann {
padding-bottom: 35px;
}
.greyed {
padding-top: 290px;
}
}
.prog-bann .ace-breadcrumbs {
position: relative;
z-index: 1;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.prog-bann .breadcrumbs {
margin-left: -10px;
color: white;
line-height: 139%;
}
.prog-bann .breadcrumbs span {
font-family: "ApercuPro-Light";
color: white;
}
.prog-bann .breadcrumbs span a {
color: white;
font-family: "ApercuPro-Light";
text-decoration: none;  transition: 0.3s ease;
}
.prog-bann .breadcrumbs span a:hover {
opacity: 0.6;
}
.prog-bann .breadcrumbs span span {
margin-left: 13px;
margin-right: 13px;
}
.prog-bann__body {
position: relative;
padding: 45px;
border-radius: 8px;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 1200px) {
.prog-bann__body {
padding: 30px;
}
}
.prog-bann__body::after {
content: "";
position: absolute;
width: 64.3%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); left: 0;
top: 0;
z-index: 0;
}
.prog-bann__offer {
margin-top: 86px;
margin-bottom: 32px;
position: relative;
z-index: 1;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.prog-bann__offer {
line-height: 120%;
margin-top: 40px;
margin-bottom: 20px;
}
}
.prog-bann__desc {
max-width: 573px;
margin-bottom: 85px;
line-height: 139%;
position: relative;
z-index: 1;
font-family: "ApercuPro-Regular";
}
@media screen and (max-width: 768px) {
.prog-bann__desc {
font-size: 13px;
margin-bottom: 40px;
}
}
.prog-bann__items {
display: flex;
-moz-column-gap: 48px;
column-gap: 48px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.prog-bann__items {
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media screen and (max-width: 992px) {
.prog-bann__items {
row-gap: 20px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.prog-bann__items {
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
}
}
.prog-bann__item {
padding: 23px;
background: rgba(0, 0, 0, 0.27);
border-radius: 8px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
flex-grow: 1;
text-align: center;
font-family: "ApercuPro";
}
@media screen and (max-width: 768px) {
.prog-bann__item {
font-size: 13px;
padding: 15px;
}
}
.bann-about {
padding-bottom: 79px;
}
@media screen and (max-width: 768px) {
.bann-about {
padding-bottom: 40px;
}
}
.bann-about__offer {
margin-bottom: 35px;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.bann-about__offer {
margin-bottom: 15px;
}
}
.bann-about__content {
display: flex;
justify-content: space-between;
-moz-column-gap: 18px;
column-gap: 18px;
}
@media screen and (max-width: 992px) {
.bann-about__content {
-moz-column-gap: 0;
column-gap: 0;
row-gap: 18px;
flex-direction: column;
}
}
.bann-about__desc {
width: 65%;
line-height: 139%;
font-family: "ApercuPro-Regular";
}
@media screen and (max-width: 992px) {
.bann-about__desc {
width: 100%;
}
}
.bann-about__img,
.bann-about__video {
width: 45%;
overflow: hidden;
border-radius: 8px;
display: block;
}
@media screen and (max-width: 992px) {
.bann-about__img,
.bann-about__video {
width: 100%;
height: 400px;
}
}
@media screen and (max-width: 768px) {
.bann-about__img,
.bann-about__video {
height: 300px;
}
}
.bann-about__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.bann-about__img--preview {
cursor: pointer;
position: relative;
}
.bann-about__img--preview::after {
content: "";
background-image: url(//aceacademy.ru/wp-content/themes/ace/images/play.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.step {
padding-bottom: 71px;
margin-bottom: 0 !important;
z-index: 2;
position: relative;
}
@media screen and (max-width: 768px) {
.step {
padding-bottom: 35px;
margin-bottom: -300px;
}
}
.step--second {
margin-bottom: 0;
margin-top: -290px;
}
@media screen and (max-width: 768px) {
.step--second {
margin-top: -320px;
}
}
.step__body {
background: #ffde32;
padding: 35px 35px 0 35px;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
.step__body {
padding: 20px;
}
}
.step__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
gap: 30px;
}
.step__offer {
text-transform: uppercase;
}
@media (max-width: 1024px) {
.step__offer {
width: 100%;
}
.step__head {
flex-wrap: wrap;
}
}
.step__head-content {
font-size: 24px;
line-height: 123%;
margin: 0;
max-width: 380px;
}
@media (max-width: 767px) {
.step__head-content {
font-size: 18px;
line-height: normal;
}
}
.step__items {
display: flex;
-moz-column-gap: 18px;
column-gap: 18px;
}
@media screen and (max-width: 768px) {
.step__items {
flex-direction: column;
row-gap: 18px;
-moz-column-gap: 0;
column-gap: 0;
}
}
.step__item {
border: 1px solid white;
border-radius: 8px 8px 0px 0px;
padding: 35px 87px 35px 35px;
flex: 1;
}
.step__item:first-child {
flex: 0 1 750px;
}
@media screen and (max-width: 1300px) {
.step__item:first-child {
flex: 1;
}
}
@media screen and (max-width: 1200px) {
.step__item {
padding-right: 35px;
}
}
@media screen and (max-width: 768px) {
.step__item {
padding: 20px;
}
.step__item:first-child {
border-radius: 8px;
}
}
.step__item ol {
margin-top: 33px;
padding-left: 23px;
display: flex;
flex-direction: column;
row-gap: 16px;
}
@media screen and (max-width: 992px) {
.step__item ol {
margin-top: 15px;
}
}
.step__item ol li {
list-style: decimal;
font-size: 18px;
font-family: "ApercuPro-Bold";
line-height: 139%;
}
@media screen and (max-width: 768px) {
.step__item ol li {
font-size: 14px;
}
} .step__item form {
margin-top: 60px;
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 18px;
column-gap: 18px;
row-gap: 18px;
}
@media screen and (max-width: 992px) {
.step__item form {
margin-top: 30px;
}
}
.step__item form input[type="text"],
.step__item form input[type="tel"],
.step__item form input[type="email"] {
border: none;
font-family: "ApercuPro";
font-size: 16px;
border-radius: 8px; padding: 16px 21px;
height: 100%;
grid-column: 12 span;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.step__item form input[type="text"] {
font-size: 14px;
}
.step__item form {
column-gap: 0;
}
}
.step__item form input[type="text"],
.step__item form input[type="tel"] {
grid-column: 6 span;
}
@media screen and (max-width: 992px) {
.step__item form input[type="text"],
.step__item form input[type="tel"] {
grid-column: 12 span;
}
}
.step--second .step__item {
border-color: rgba(255, 255, 255, 0.45);
padding-right: 35px;
}
.step--second .step__item--bg {
background: rgba(255, 255, 255, 0.33);
border: none;
}
.step__form-bottom {
display: flex;
align-items: center;
grid-column: 12 span;
}
@media screen and (max-width: 992px) {
.step__form-bottom {
flex-wrap: wrap;
row-gap: 10px;
}
}
.step__form-bottom input {
margin-bottom: 0;
margin-right: 18px;
border-radius: 8px;
font-size: 16px;
font-family: "ApercuPro";
letter-spacing: 0;
padding: 17px 72px;
height: auto;
transition: 0.3s ease;
}
.step__form-bottom input:hover {
opacity: 0.6;
}
@media screen and (max-width: 1200px) {
.step__form-bottom input {
padding: 15px 42px;
}
}
@media screen and (max-width: 768px) {
.step__form-bottom input {
font-size: 14px;
width: 100%;
text-align: center;
margin-right: 0;
}
}
.step__form-bottom span {
font-size: 13px;
line-height: 120%;
color: rgba(0, 0, 0, 0.35);
font-family: "ApercuPro-Regular";
}
.wpcf7-spinner {
display: none;
}
.wpcf7-response-output {
border: none !important;
padding: 0 !important;
margin: 0 !important;
grid-column: 12 span;
font-size: 13px;
font-family: "ApercuPro-Light";
} .step__item .ninja-forms-all-fields-wrap {
margin-top: 60px;
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 18px;
column-gap: 18px;
row-gap: 18px;
}
@media screen and (max-width: 992px) {
.step__item .ninja-forms-all-fields-wrap {
margin-top: 30px;
}
}
.step__item .ninja-forms-all-fields-wrap input[type="text"],
.step__item .ninja-forms-all-fields-wrap input[type="tel"],
.step__item .ninja-forms-all-fields-wrap input[type="email"] {
border: none;
font-family: "ApercuPro";
font-size: 16px;
border-radius: 8px;
padding: 24px;
height: 40px;
width: 100%;
margin-bottom: 0;
}
.step__item .field-wrap {
grid-column: 12 span;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.step__item .ninja-forms-all-fields-wrap input[type="text"],
.step__item .ninja-forms-all-fields-wrap input[type="tel"],
.step__item .ninja-forms-all-fields-wrap input[type="email"] {
font-size: 14px;
}
}
.step__item .field-wrap:nth-child(1),
.step__item .field-wrap:nth-child(2) {
grid-column: 6 span;
} @media screen and (max-width: 992px) {
.step__item .field-wrap:nth-child(1),
.step__item .field-wrap:nth-child(2) {
grid-column: 12 span;
}
}
.step--second .step__item {
border-color: rgba(255, 255, 255, 0.45);
padding-right: 35px;
}
.step--second .step__item--bg {
background: rgba(255, 255, 255, 0.33);
border: none;
}
.step__item .submit-wrap {
display: flex;
align-items: center;
grid-column: 12 span;
}
@media screen and (max-width: 992px) {
.step__item .submit-wrap {
flex-wrap: wrap;
row-gap: 10px;
}
}
.step__item input[type="submit"] {
margin-bottom: 0;
margin-right: 18px;
border-radius: 8px;
font-size: 16px;
font-family: "ApercuPro";
letter-spacing: 0;
padding: 0px 72px;
height: 48px !important;
transition: 0.3s ease;
}
.step__item label {
display: none !important;
}
.step__item .submit-wrap input[type="submit"]:hover {
opacity: 0.6;
}
@media screen and (max-width: 1200px) {
.step__item .submit-wrap input[type="submit"] input {
padding: 15px 42px;
}
}
@media screen and (max-width: 768px) {
.step__item .submit-wrap input[type="submit"] {
font-size: 14px;
width: 100%;
text-align: center;
padding: 0 30px;
margin-right: 0;
}
}
.step__item .ninja-forms-field-description {
font-size: 13px;
line-height: 120%;
color: rgba(0, 0, 0, 0.35);
font-family: "ApercuPro-Regular";
}
.step__item .ninja-forms-field-description p {
margin-bottom: 0;
}
.how {
padding-bottom: 104px;
}
@media screen and (max-width: 768px) {
.how {
padding-bottom: 50px;
}
}
.how__offer {
text-transform: uppercase;
margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
.how__offer {
margin-bottom: 20px;
}
}
.how__items {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 18px;
column-gap: 18px;
row-gap: 18px;
}
@media screen and (max-width: 768px) {
.how__items {
grid-column: 0;
}
}
.how__item {
grid-column: 6 span;
background: white;
border-radius: 8px;
padding: 35px 54px 28px 33px;
}
@media screen and (max-width: 768px) {
.how__item {
grid-column: 12 span;
padding: 20px;
}
}
.how__item-top {
display: flex;
align-items: center;
-moz-column-gap: 17px;
column-gap: 17px;
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.how__item-top {
margin-bottom: 15px;
}
}
.how__item-num {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 49px;
height: 49px;
background-image: url(//aceacademy.ru/wp-content/themes/ace/images/something.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
font-size: 35px;
font-family: "ApercuPro-Bold";
}
.how__item-offer {
margin-bottom: 0;
}
.how__item-desc {
font-family: "ApercuPro-Regular";
line-height: 139%;
}
.space {
overflow: hidden;
padding-top: 70px;
padding-bottom: 35px;
}
@media screen and (max-width: 768px) {
.space {
padding-top: 35px;
padding-bottom: 18px;
}
}
.space__body {
overflow: hidden;
}
.space__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 45px;
flex-wrap: wrap;
row-gap: 10px;
}
@media screen and (max-width: 768px) {
.space__top {
margin-bottom: 20px;
}
}
.space__offer {
text-transform: uppercase;
}
.space__btns {
display: flex;
align-items: center;
}
.space__btn {
cursor: pointer;
padding: 11px 0;
display: flex;
align-items: center;
}
.space__btn.prev {
padding-right: 26px;
border-right: 1px solid rgba(0, 0, 0, 0.28);
}
.space__btn.next {
padding-left: 26px;
}
.space__slide {
display: flex;
-moz-column-gap: 18px;
column-gap: 18px;
}
@media screen and (max-width: 768px) {
.space__slide {
flex-direction: column;
row-gap: 18px;
-moz-column-gap: 0;
column-gap: 0;
}
}
.space__slide-items {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 18px;
column-gap: 18px;
row-gap: 18px;
width: 43%;
}
@media screen and (max-width: 768px) {
.space__slide-items {
width: 100%;
}
}
.space__item {
grid-column: 6 span;
height: 200px;
overflow: hidden;
border-radius: 8px;
width: 100%;
}
@media screen and (max-width: 768px) {
.space__item {
height: 140px;
}
}
.space__item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.space__slide-big {
overflow: hidden;
border-radius: 8px;
width: 57%;
height: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 768px) {
.space__slide-big {
width: 100%;
height: 260px;
}
}
.space__slide-big img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.trainers {
padding-bottom: 70px;
padding-top: 35px;
}
@media screen and (max-width: 768px) {
.trainers {
padding-bottom: 35px;
padding-top: 18px;
}
}
.trainers__body {
overflow: hidden;
}
.trainers__item-img {
height: 378px;
margin-bottom: 21px;
overflow: hidden;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
.trainers__item-img {
margin-bottom: 10px;
}
}
.trainers__item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.trainers__offer {
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.trainers__offer {
margin-bottom: 10px;
}
}
.trainers__desc {
font-family: "ApercuPro-Regular";
color: #858585;
margin-bottom: 0;
}
.greyed2 {
background: #f4f7fb;
padding-bottom: 355px;
}
.wait {
padding-top: 70px;
padding-bottom: 70px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.wait {
padding-top: 35px;
padding-bottom: 35px;
}
}
.wait__offer {
margin-bottom: 45px;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.wait__offer {
margin-bottom: 20px;
}
}
.wait .swiper-slide {
transition: 0.3s ease;
}
.wait .swiper-slide-active:has(+ next) {
opacity: 0;
}
.wait .swiper-button-next {
width: 131px;
height: 131px;
position: absolute;
top: 55%;
right: 0;
transform: translateY(-50%);
border: 1px solid rgba(0, 0, 0, 0.08);
background: rgba(0, 0, 0, 0.26);
border-radius: 100%;
}
@media screen and (max-width: 768px) {
.wait .swiper-button-next {
height: 50px;
width: 50px;
}
}
.wait .swiper-button-next::after {
content: "";
width: 20px;
height: 36px;
background-image: url(//aceacademy.ru/wp-content/themes/ace/images/wait-arrow-right.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
.wait .swiper-button-next::after {
width: 18px;
height: 34px;
}
}
.wait .swiper-scrollbar {
left: 0;
bottom: -19px;
width: 100%;
height: 5px;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.wait .swiper-scrollbar-drag {
background: #000;
}
.wait__slider {
position: relative;
}
.wait__slide {
height: 454px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
color: white;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 35px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.wait__slide {
height: 400px;
padding: 25px;
}
}
.wait__slide::after {
content: "";
z-index: 0;
width: 100%;
height: 70%;
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.83));
}
.wait__slide-text {
position: relative;
z-index: 1;
line-height: 139%;
font-family: "ApercuPro";
}
.answers {
padding-bottom: 70px;
}
.answers__offer {
margin-bottom: 35px;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.answers__offer {
margin-bottom: 20px;
}
.answers {
padding-bottom: 35px;
}
}
.answers__content {
display: flex;
justify-content: space-between;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 20px;
}
@media screen and (max-width: 992px) {
.answers__content {
flex-direction: column-reverse;
-moz-column-gap: 0;
column-gap: 0;
}
}
.answers__left {
max-width: 503px;
}
.answers__left-desc {
font-family: "ApercuPro";
line-height: 152%;
margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
.answers__left-desc {
margin-bottom: 20px;
}
}
.answers__left-small {
font-family: "ApercuPro-Regular";
line-height: 152%;
margin-bottom: 15px;
}
.answers__social {
display: flex;
align-items: center;
-moz-column-gap: 15px;
column-gap: 15px;
}
.answers__social-item {
width: 29px;
height: 29px;
transition: 0.3s ease;
}
.answers__social-item:hover {
opacity: 0.6;
}
.answers__social-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
background-size: contain;
}
.answers__items {
max-width: 593px;
}
@media screen and (max-width: 992px) {
.answers__items {
max-width: 100%;
}
}
.answers__item {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.answers__item:last-child {
border: none;
}
.answers__item-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
-moz-column-gap: 10px;
column-gap: 10px;
cursor: pointer;
} @media screen and (max-width: 768px) {
.answers__item-top {
padding: 15px 0;
}
}
.answers__item-top img {
transition: 0.3s ease;
}
.answers__item-top img.active {
transform: rotate(180deg);
}
.answers__item-offer {
margin-bottom: 0;
}
.answers__item-desc {
padding-bottom: 37px;
line-height: 139%;
display: none;
font-family: "ApercuPro-Regular";
}
@media screen and (max-width: 768px) {
.answers__item-desc {
padding-bottom: 20px;
}
}
ul.menu {
display: flex;
float: none;
}
.bann-reviews {}
.bann-reviews__offer {
text-transform: uppercase;
margin-bottom: 25px;
}
.qtranxs_widget ul {
margin: 0;
}
.qtranxs_widget ul li {
display: inline; list-style-type: none; margin: 0 5px 0 0; opacity: 0.5;
-o-transition: 1s ease opacity;
-moz-transition: 1s ease opacity;
-webkit-transition: 1s ease opacity;
transition: 1s ease opacity;
}  .qtranxs_widget ul li.active {
opacity: 0.8;
}
.qtranxs_widget ul li:hover {
opacity: 1;
}
.qtranxs_widget img {
box-shadow: none;
vertical-align: middle;
display: initial;
}
.qtranxs_flag {
height: 12px;
width: 18px;
display: block;
}
.qtranxs_flag_and_text {
padding-left: 20px;
}
.qtranxs_flag span {
display: none;
}
.blockGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
@media (max-width: 991px) {
.blockGrid {
gap: 12px;
}
}
.block-col-6 {
grid-column: 6 span;
}
@media (max-width: 991px) {
.block-col-6 {
grid-column: 12 span;
}
}
.sect-m {
margin: 70px 0px;
}
.sect {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 1400px) {
.sect {
padding-bottom: 50px;
padding-top: 50px;
margin: 50px 0px;
}
}
.bg--gray {
background-color: #f4f7fb;
}
.content {
font-size: 16px;
line-height: 22px;
}
.content-pr {
padding-right: 20px;
}
.advGrid {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 18px;
row-gap: 18px;
margin-top: 30px;
}
@media (max-width: 575px) {
.advGrid {
row-gap: 10px;
}
}
.advItem {
background-color: #fff;
padding: 25px;
border-radius: 8px;
}
.advItem--four {
grid-column: 3 span;
}
@media (max-width: 991px) {
.advItem--four {
grid-column: 4 span;
}
}
@media (max-width: 767px) {
.advItem--four {
grid-column: 6 span;
}
}
@media (max-width: 575px) {
.advItem--four {
grid-column: 12 span;
}
}
@media (max-width: 575px) {
.advItem {
padding: 15px;
}
}
.advTitle {
font-size: 18px;
line-height: 25px;
}
.advItem .teachers__item-num-wrapper {
margin-bottom: 10px;
}
.blockGrid .programItem--two {
grid-column: 6 span;
}
.blockGrid .programItem--two .popular__slide-footer {
padding-top: 15px;
}
@media (max-width: 991px) {
.blockGrid--sm-mt {
margin-top: 20px;
}
}
.category-programs .part:nth-child(5) {
display: none;
}
.content--mb {
margin-bottom: 40px;
}
.programCard {
text-decoration: none;
}
.programCardImg {
height: 300px;
width: 100%;
border-radius: 8px;
margin-bottom: 20px;
object-fit: cover;
}
.programCard:hover .popular__slide-arrow {
transform: translateX(10px);
}
.summerBlock {
margin-top: 70px;
}
.title--mb.title-2 {
margin-bottom: 35px;
}
@media (max-width: 991px) {
.title--mb.title-2 {
margin-bottom: 20px;
}
}
.bg--blue {
background-color: #f4f7fb;
}
.individualImg {
width: 100%;
border-radius: 8px;
height: 350px;
object-fit: cover;
}
@media (max-width: 991px) {
.individualImg {
margin-top: 30px;
}
}
@media (max-width: 575px) {
.individualImg {
height: 300px;
}
}
.advItem--three {
grid-column: 4 span;
}
@media (max-width: 767px) {
.advItem--three {
grid-column: 6 span;
}
}
@media (max-width: 470px) {
.advItem--three {
grid-column: 12 span;
}
}
.advGrid--mt20 {
margin-top: 20px;
}
.top-banner.azul {
background-image: url(//aceacademy.ru/wp-content/themes/ace/images/header-bg.png);
background-color: #f4f7fb;
}
.button--standart {
padding-left: 15px;
padding-right: 15px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
min-width: 200px;
width: fit-content;
border-radius: 8px;
text-decoration: none;
}
@media (max-width: 420px) {
.button--standart {
width: 100%;
}
}
.button--red {
background-color: #ff3355;
color: #fff;
transition: background-color 0.2s linear;
}
.button--red:hover {
background-color: #000;
}
.button--mt {
margin-top: 20px;
}
.programCard {
display: flex;
flex-direction: column;
}
.popular__slide-footer {
flex: 1;
}
.programSlide {
height: auto;
}
.programSlide .programCard {
height: 100%;
}
.programSlide .popular__slide-footer {
align-items: flex-end;
padding-top: 20px;
}
.programSlide .popular__slide-years {
margin-bottom: 0;
}
.breadcrumbsW .breadcrumbs a {
color: #000000;
text-decoration: none;
font-weight: 300;
font-size: 13px;
transition: color 0.2s linear;
}
.breadcrumbsW .breadcrumbs a:hover span {
color: #ff3355;
}
.breadcrumbsW .breadcrumbs span {
color: #000;
font-size: 13px;
transition: color 0.2s linear;
}
.navArrow {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
background-color: transparent;
background-repeat: no-repeat;
background-size: 10px;
background-position: center;
}
.navArrowPrev {
background-image: url(//aceacademy.ru/wp-content/themes/ace/images/icon-prev.svg);
}
.navArrowNext {
background-image: url(//aceacademy.ru/wp-content/themes/ace/images/icon-next.svg);
}
.sliderW {
position: relative;
}
.sliderW .navArrow {
position: absolute;
flex-shrink: 0;
padding: 0;
width: 50px;
height: 50px;
top: 50%;
transform: translateY(-50%);
background-color: white !important;
z-index: 1;
transition: border-color 0.2s linear;
}
.sliderW .navArrowPrev {
left: -60px;
}
.sliderW .navArrowNext {
right: -60px;
}
.sliderW .navArrow:hover {
border-color: #000;
transform: translateY(-50%);
}
.sliderW .navArrowPrev:hover {
left: -60px;
}
.sliderW .navArrowNext:hover {
right: -60px;
}
.sliderW .navArrow.swiper-button-disabled {
pointer-events: none;
opacity: 0.4;
}
@media (max-width: 1400px) {
.sliderW .navArrowPrev {
left: -17px;
background-color: #fff;
}
.sliderW .navArrowNext {
right: -17px;
background-color: #fff;
}
.sliderW .navArrowPrev:hover {
left: -17px;
}
.sliderW .navArrowNext:hover {
right: -17px;
}
}
@media (max-width: 767px) {
.sliderW .navArrow {
display: none;
}
}
.header {}
.header__wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 13px 0px 45px 0px;
border-radius: 0px 0px 70px 70px;
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(5px);
z-index: 100;
}
.header__wrapper._transition {
transition: transform .4s ease;
}
.header__container {
background-color: transparent !important;
}
.header__top { display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.header__logo {
display: block;
width: 330px;
height: 60px;
}
.header__buttons {
display: flex;
gap: 15px;
}
.header__buttons .button._red {
width: 150px;
}
.header__social {
display: flex;
gap: 15px;
}
@media (max-width: 1024px) {
.header {
border-radius: 0px 0px 30px 30px;
}
.header__social {
margin: 15px 0px;
}
.header__logo {
height: 46px;
}
}
.header__social a {
transition: color 0.2s ease;
}
.header__social a:hover {
color: #f35;
}
.header__contacts {}
.header__contacts-tel {
font-size: 24px;
font-weight: 500;
text-decoration: none;
transition: color 0.2s ease;
}
.header__contacts-tel:hover {
color: #f35;
}
.header__contacts-address {
font-size: 13px;
font-weight: 300;
max-width: 200px;
letter-spacing: 0.13px;
margin: 0;
}
@media (max-width: 1024px) {
.header__buttons {
flex-wrap: wrap;
}
.header__buttons .button {
width: 100% !important;
}
}
.button {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
border-radius: 8px;
padding: 5px 15px;
background-color: white;
border: none;
cursor: pointer;
font-size: 16px;
font-weight: 500;
text-align: center;
text-decoration: none;
transition: color 0.2s ease, background-color 0.2s ease;
}
.button:hover {
color: white;
background-color: #f35;
}
.button._red {
color: white;
background-color: #f35;
}
.button._red:hover {
background-color: rgb(212, 34, 63);
}
@media (max-width: 1239px) {
.header__logo {
width: 250px;
}
.header__contacts-tel {
font-size: 18px;
}
}
.header__burger-btn {
display: none;
background-color: transparent;
padding: 0;
width: 40px;
height: 40px;
color: black;
}
.header__burger-btn div {
height: 2px;
width: 100%;
background-color: currentColor;
}
@media (max-width: 1024px) {
.header__wrapper {
border-radius: 0px 0px 30px 30px;
padding-bottom: 15px;
}
.header__main {
padding-top: 0 !important;
}
.header__burger-btn {
display: flex;
justify-content: center;
flex-direction: column;
gap: 5px;
}
}
.burger-menu {
position: fixed;
top: 0;
bottom: 0;
left: 0;
max-width: 320px;
width: 100%;
background-color: white;
overflow-y: auto;
padding: 20px;
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(5px);
z-index: 100;
transform: translateX(-320px);
transition: transform .4s ease;
}
.burger-menu._open {
transform: translateX(0);
}
.burger-menu__btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
padding: 0;
width: 30px;
height: 30px;
margin: 0px 0px 15px auto;
}
.burger-menu__btn div {
position: absolute;
width: 20px;
height: 2px;
background-color: black;
}
.burger-menu__btn div:first-child {
transform: rotate(45deg);
}
.burger-menu__btn div:nth-child(2) {
transform: rotate(-45deg);
}
.body-hidden {
overflow: hidden;
touch-action: none;
}
.header__main {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 48px;
overflow: hidden;
padding-left: 5px;
transition: max-height 0.4s ease, padding 0.4s ease;
}
@media (any-hover: hover) {
.header:hover .header__main {
padding-top: 48px !important;
max-height: none !important;
height: auto !important;
}
}
@media (max-width: 1024px) {
.burger-menu .menu {
flex-direction: column;
align-items: start;
gap: 15px;
margin-bottom: 20px;
}
.burger-menu .menu a {
text-decoration: none !important;
}
.burger-menu .sub-menu {
opacity: 1;
background-color: transparent !important;
position: static !important;
display: block !important;
margin-top: 0 !important;
}
.header__contacts {
margin-bottom: 20px;
}
.burger-menu .sub-menu {
display: flex !important;
flex-direction: column;
gap: 5px;
padding: 20px;
}
}
@media (max-width: 799px) {
.burger-menu .menu-item {
font-size: 16px;
}
.burger-menu .menu-item::after {
display: none !important;
}
.burger-menu .sub-menu {
gap: 15px;
}
}
.header-offset {
height: 210px;
}
@media (max-width: 1024px) {
.header-offset {
height: 130px;
}
}
.intro {
position: relative;
min-height: 705px;
padding: 310px 0px 120px 0px;
color: white;
margin-bottom: 70px;
z-index: 1;
}
.intro::before {
position: absolute;
content: "";
inset: 0;
right: 30%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.58) 7.57%, rgba(0, 0, 0, 0) 77.8%);
mask: linear-gradient(to right, black, black, transparent);
backdrop-filter: blur(8px);
z-index: -1;
}
@media (max-width: 743px) {
.intro::before {
right: 0;
}
}
.intro__title-disable {
position: absolute;
opacity: 0;
visibility: hidden;
left: -10000px;
z-index: -999;
}
.intro__container {
display: flex;
align-items: center;
gap: 50px;
}
.intro__slider-btn {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
backdrop-filter: blur(4px);
background-color: rgba(255, 255, 255, 0.5);
width: 50px;
height: 50px;
color: black;
flex-shrink: 0;
padding: 0;
transition: background-color 0.2s ease, color 0.2s ease;
}
.intro__slider-btn:hover {
color: white;
background-color: #f35;
}
.intro__slider-btn._next {
margin-left: auto;
}
.intro__slider {
position: static !important;
margin: 0 !important;
max-width: 610px;
}
.intro__slider .swiper-slide {
position: static !important;
opacity: 0 !important;
transition: opacity 0.4s ease !important;
}
.intro__slider .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.intro__slide-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0 !important;
z-index: -2;
transition: opacity 0.4s ease !important;
}
.intro__slide-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 576px) {
.intro__slide-img {
filter: brightness(75%);
}
}
.intro__slide-img._active {
opacity: 1 !important;
}
.intro__slide-title {
font-size: 45px;
font-weight: 700;
margin: 0px 0px 25px 0px;
}
@media (min-width: 480px) {
.intro__slide-title br {
display: none;
}
}
.intro__slide-content {
font-size: 16px;
font-weight: 500;
line-height: 139%;
}
@media (max-width: 480px) {
.intro__slide-content {
font-size: 18px;
}
}
.intro__slide-buttons {
display: flex;
gap: 25px;
margin-top: 45px;
}
@media (max-width: 1200px) {
.intro {
min-height: 500px;
padding: 270px 0px 80px 0px;
}
}
@media (max-width: 1024px) {
.intro {
min-height: none;
padding: 200px 0px 80px 0px;
}
}
@media (max-width: 743px) {
.intro {
padding-top: 150px;
padding-bottom: 50px;
}
.intro__container {
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.intro__slider {
max-width: none;
width: 100%;
order: 1;
}
.intro__slider-btn._prev {
order: 2;
}
.intro__slider-btn._next {
order: 3;
margin-left: 0;
}
.intro__slide-title {
font-size: 38px;
}
}
@media (max-width: 460px) {
.intro__slide-buttons {
flex-wrap: wrap;
}
.intro__slide-buttons .button {
width: 100%;
}
}
.header__tel-mobile {
display: none;
}
@media (max-width: 1024px) {
.header__top {
justify-content: start;
gap: 20px;
}
.header__tel-mobile {
display: block;
flex-shrink: 0;
width: 30px;
height: 30px;
margin-left: auto;
}
.header__tel-mobile img {
width: 100%;
height: 100%;
}
}
@media (max-width: 480px) {
.header__logo {
width: 200px;
}
}
.intro .breadcrumbs,
.intro .breadcrumbs a {
color: white;
}
.intro .breadcrumbs {
margin-bottom: 90px;
}
.intro._default {
padding-top: 210px;
padding-bottom: 50px;
}
.intro__info {}
.intro__info-wrapper {
display: flex;
align-items: center;
gap: 40px;
}
.intro__info-main {
max-width: 575px;
}
.intro__title {
font-size: 45px;
line-height: 125%;
text-transform: uppercase;
font-weight: 700;
margin: 0px 0px 25px 0px;
}
.intro__content {
font-size: 16px;
font-weight: 500;
line-height: 139%;
margin: 0px 0px 20px 0px;
}
.intro__video-btn {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
width: 185px;
height: 185px;
text-decoration: none;
color: white;
border-radius: 50%;
background: rgba(0, 0, 0, 0.25);
backdrop-filter: blur(10.050000190734863px);
transition: transform .2s ease;
}
.intro__video-btn:hover {
transform: scale(1.07);
}
.intro__video-btn svg {
transform: translateX(4px);
}
.intro__video-btn span {
font-size: 12px;
max-width: 110px;
text-align: center;
}
.intro__items {
display: flex;
flex-wrap: wrap;
gap: 48px;
row-gap: 20px;
margin-top: 90px;
}
@media (max-width: 1099px) {
.intro__info-wrapper {
gap: 30px;
justify-content: space-between;
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.intro._default {
padding-top: 105px;
}
.intro__title {
font-size: 38px;
}
.intro .breadcrumbs {
margin-bottom: 30px;
}
}
@media (max-width: 743px) {
.intro__title {
font-size: 32px;
}
.intro__items {
margin-top: 45px;
}
}
.avialable-program__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.card-post {
display: flex;
flex-direction: column;
height: auto !important;
padding: 25px;
border-radius: 8px;
border: 1px solid black;
text-decoration: none !important;
transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card-post:hover {
border-color: #FFDE32;
background-color: white;
box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.15);
}
.card-post:hover .card-post__name svg {
transform: rotate(0deg);
color: inherit;
}
.card-post__icon {
display: block;
width: 66px;
}
.card-post__year {
color: #858585;
font-size: 14px;
margin-top: 22px;
}
.card-post__name {
display: flex;
align-items: center;
gap: 10px;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
padding-top: 10px;
margin-top: auto;
}
.card-post__name svg {
transform: rotate(-45deg);
flex-shrink: 0;
color: #F35;
transition: transform .2s ease, color .2s ease;
}
@media (max-width: 1299px) {
.avialable-program__grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 991px) {
.avialable-program__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.card-post__name {
font-size: 18px;
}
.card-post {
padding: 25px 15px;
}
}
@media (max-width: 575px) {
.card-post {
grid-column: 2 span;
min-height: 200px;
}
}
.intro__form-wrapper {
padding: 35px;
width: 420px;
background-color: white;
color: black;
border-radius: 8px;
flex-shrink: 0;
margin-left: auto;
max-width: 100%;
}
.intro__form-title {
color: #000;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 25px;
}
.intro__form {
display: flex;
flex-direction: column;
gap: 15px;
}
.intro__form-policy {
color: rgba(0, 0, 0, 0.35);
font-size: 13px;
line-height: 120%;
margin-top: 15px;
}
.intro__form-policy a {
color: inherit;
transition: color .2s ease;
}
.intro__form-policy a:hover {
color: #F35;
text-decoration: underline;
}
.input {
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.40);
background: white;
width: 100%;
font-size: 16px;
font-weight: 500;
padding: 16px 28px;
}
.input:placeholder {
color: #A5A5A5;
}
@media (max-width: 1099px) {
.intro__form-wrapper {
margin-right: auto;
width: 600px;
}
}
@media (max-width: 575px) {
.intro__form-wrapper {
padding: 25px;
}
}
.s-steps {
background: #F4F7FB;
padding-top: 75px;
}
.s-steps__wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.s-steps__item {
display: flex;
align-items: start;
gap: 15px;
padding: 25px;
background-color: white;
border-radius: 8px;
}
.s-steps__item-num {
width: 48px;
text-align: center;
font-size: 35px;
font-weight: 500;
line-height: 139%; 
background: url(//aceacademy.ru/wp-content/themes/ace/images/blob.svg) center / 100% auto no-repeat;
flex-shrink: 0;
}
.s-steps__item-val {
font-size: 22px;
line-height: 139%;
}
@media (max-width: 1299px) {
.s-steps__wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
.s-steps__item-val {
font-size: 18px;
}
}
@media (max-width: 767px) {
.s-steps__item {
grid-column: 2 span;
padding: 25px 15px;
}
.s-steps__item-num {
font-size: 28px;
}
}
.s-tour {
overflow: hidden;
margin: 40px 0px;
}
.s-tour__slider {
overflow: visible !important;
}
.s-tour__slide {
overflow: hidden;
height: 325px;
border-radius: 8px;
transition: opacity .2s ease;
}
.s-tour__slide:hover {
opacity: 0.8;
}
.s-tour__slide-img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1199px) {
.s-tour__slide {
height: 250px !important;
}
}
@media (max-width: 991px) {
.s-tour__slide {
width: 290px !important;
}
}
@media (max-width: 575px) {
.blockGrid .programItem--two {
grid-column: 12 span;
}
}
.available-program__card {
display: flex;
flex-direction: column;
grid-column: 1 span;
text-decoration: none;
}
.available-program__card:hover svg {
transform: rotate(-45deg);
}
.available-program__card:hover .available-program__card-title {
color: #f35;
}
.available-program__card-img {
width: 100%;
border-radius: 8px;
object-fit: cover;
aspect-ratio: 1/1;
display: block;
margin-bottom: 15px;
}
.available-program__card-year {
margin: 20px 0px 10px 0px; 
color: #858585;
font-size: 14px;
font-weight: 500;
}
.available-program__card-title {
display: flex;
align-items: center;
gap: 16px;
margin-top: auto;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
transition: color .2s ease;
}
.available-program__card-title svg {
width: 16px;
height: 16px;
flex-shrink: 0;
transition: transform .2s ease
}
@media (max-width: 575px) {
.available-program__card-title {
font-size: 18px;
}
}
@media (max-width: 440px) {
.available-program__card {
grid-column:  2 span;
}
}
.contentTitle {
margin-bottom: 20px;
}
.float-btns {
position: fixed;
bottom: 30px;
right: 20px;
display: flex;
flex-direction: column;
gap: 20px;
z-index: 404;
}
.float-btn-wrap {
position: relative;
}
.float-btn-wrap a {
text-decoration: none;
}
.whatsapp-button,
.telegram-button,
.phone-button,
.max-button {
background: #43d854;
border-radius: 50%;
width: 55px;
height: 55px;
color: #fff;
text-align: center;
line-height: 53px;
font-size: 35px;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.float-btn-wrap svg {
width: 30px;
height: auto;
}
.telegram-button {
color: #2AABEE;
background: #fff;
font-size: 55px;
}
.phone-button {
background: #2AABEE;
color: #fff;
}
.max-button {
background: linear-gradient(90deg, rgba(63, 194, 253, 1) 0%, rgba(48, 66, 241, 1) 50%, rgba(166, 91, 220, 1) 100%);
}
.whatsapp-button:before,
.whatsapp-button:after,
.telegram-button:before,
.telegram-button:after,
.phone-button:before,
.phone-button:after,
.max-button:before,
.max-button:after {
content: " ";
display: block;
position: absolute;
border: 50%;
border: 1px solid #43d854;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
border-radius: 50%;
animation: animate 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden;
}
.telegram-button:before,
.telegram-button:after {
border: 1px solid #2AABEE;
}
.phone-button:before,
.phone-button:after {
border: 1px solid #2AABEE;
}
.whatsapp-button:after,
.telegram-button:after,
.phone-button:after {
animation-delay: .5s;
}
.max-button:before,
.max-button:after {
border: 1px solid #3fc2fd;
}
@keyframes animate {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.postid-447 .answers,
.postid-10027 .answers {
display: none;
}
.b-cookie {
position: fixed;
left: 15px;
bottom: 15px;
z-index: 500;
border: #f7f4ed;
border-radius: 12px;
background-color: white;
box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.25);
width: 500px;
max-width: calc(100% - 30px);
font-size: 15px;
transition:
opacity 0.3s ease,
transform 0.3s ease,
visibility 0.3s ease;
}
.b-cookie._open {
opacity: 1;
transform: translate(0, 0);
visibility: visible;
}
.b-cookie._hide {
opacity: 0;
}
.b-cookie__body {
padding: 15px 20px 20px 20px;
}
.b-cookie__close {
cursor: pointer;
width: 20px;
height: 20px;
margin: 0px 0px 15px auto;
transition: opacity .3s ease;
}
.b-cookie__close svg {
width: 100%;
height: 100%;
}
.b-cookie__close:hover {
opacity: 0.7;
}
.b-cookie__content {
margin: 0;
}
.b-cookie__content a {
text-decoration: underline;
}
.b-cookie__content a:hover {
text-decoration: none;
}
.b-cookie__btn {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 100%;
max-width: 100%;
padding: 12px 20px;
border-radius: 4px;
margin-top: 15px;
user-select: none;
background-color: #f35;
color: white;
transition: opacity 0.3s ease;
}
.b-cookie__btn:hover {
opacity: 0.8;
}