html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type='search'] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: none;
}
a:active,
a:hover {
outline: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type='search'] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
padding: 0;
margin: 0;
}
ul,
li {
list-style: none;
}
a {
text-decoration: none;
}
*,
:after,
:before {
box-sizing: border-box;
outline: none;
}
img {
max-width: 100%;
}
label {
display: block;
}
html
body
> div#chromeperfectpixel-panel-container.chromeperfectpixel-panel-container
.chromeperfectpixel-layer-img-container {
overflow: hidden;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraLightItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraLightItalic.woff) format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-MediumItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-MediumItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-BoldItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-BlackItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-BlackItalic.woff) format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Light.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Italic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-SemiBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Regular.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Black.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Thin.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraLight.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Bold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Medium.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ThinItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ThinItalic.woff) format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-LightItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-SemiBoldItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-SemiBoldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraBoldItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Montserrat/subset-Montserrat-ExtraBoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-MediumItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-MediumItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-BoldItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraLightItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraLightItalic.woff) format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Regular.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraLight.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Medium.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-LightItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Italic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ThinItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ThinItalic.woff) format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-SemiBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-BlackItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-BlackItalic.woff) format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Bold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraBoldItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-ExtraBoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Light.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Thin.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Black.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Noto Sans';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-SemiBoldItalic.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/NotoSans/subset-NotoSans-SemiBoldItalic.woff) format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Medium.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Regular.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Light.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-ExtraLight.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-SemiBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Bold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Thin.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Thin.woff) format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Black.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Onest';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-ExtraBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Onest/subset-Onest-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Medium.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Regular.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-SemiBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-ExtraBold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-ExtraBold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-ExtraLight.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-ExtraLight.woff) format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Light.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Manrope';
src: url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Bold.woff2) format('woff2'),
url(//a2cert.ru/wp-content/themes/a2-cert/assets/fonts/Manrope/subset-Manrope-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
:root {
--swiper-theme-color: #007aff;
}
:host {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
}
.swiper {
display: block;
list-style: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding: 0;
position: relative;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
box-sizing: initial;
display: flex;
height: 100%;
position: relative;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
width: 100%;
z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translateZ(0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
display: block;
flex-shrink: 0;
height: 100%;
position: relative;
transition-property: transform;
width: 100%;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
height: var(--swiper-centered-offset-after);
min-width: 1px;
width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, #00000080, #0000);
}
.swiper-lazy-preloader {
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top: 4px solid #0000;
box-sizing: border-box;
height: 42px;
left: 50%;
margin-left: -21px;
margin-top: -21px;
position: absolute;
top: 50%;
transform-origin: 50%;
width: 42px;
z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
content: '';
left: 0;
pointer-events: none;
position: absolute;
top: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
height: var(--swiper-virtual-size);
width: 1px;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
align-items: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
cursor: pointer;
display: flex;
height: var(--swiper-navigation-size);
justify-content: center;
position: absolute;
width: var(--swiper-navigation-size);
z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
cursor: auto;
opacity: 0.35;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
cursor: auto;
opacity: 0;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
height: 100%;
object-fit: contain;
transform-origin: center;
width: 100%;
fill: currentColor;
pointer-events: none;
}
.swiper-button-lock {
display: none;
}
.swiper-horizontal .swiper-button-next,
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev {
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-horizontal.swiper-rtl .swiper-button-next,
.swiper-horizontal.swiper-rtl ~ .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 4px);
right: auto;
}
.swiper-horizontal.swiper-rtl .swiper-button-prev,
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal .swiper-button-next {
left: auto;
right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon,
.swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon,
.swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon,
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon {
transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon,
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
transform: rotate(0deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev {
left: var(--swiper-navigation-top-offset, 50%);
margin-left: calc(0px - var(--swiper-navigation-size) / 2);
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
bottom: auto;
top: var(--swiper-navigation-sides-offset, 4px);
transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
bottom: var(--swiper-navigation-sides-offset, 4px);
top: auto;
transform: rotate(90deg);
}
.swiper-pagination {
position: absolute;
text-align: center;
transform: translateZ(0);
transition: opacity 0.3s;
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination.swiper-pagination-disabled,
.swiper-pagination-disabled > .swiper-pagination {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
left: 0;
top: var(--swiper-pagination-top, auto);
width: 100%;
}
.swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
background: var(--swiper-pagination-bullet-inactive-color, #000);
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
display: inline-block;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
.swiper-pagination-bullet button {
appearance: none;
border: none;
box-shadow: none;
margin: 0;
padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
left: var(--swiper-pagination-left, auto);
right: var(--swiper-pagination-right, 8px);
top: 50%;
transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform 0.2s, top 0.2s;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, #00000040);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
height: 100%;
left: 0;
position: absolute;
top: 0;
transform: scale(0);
transform-origin: left top;
width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
width: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar {
height: 100%;
left: 0;
top: 0;
width: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
background: var(--swiper-scrollbar-bg-color, #0000001a);
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
}
.swiper-scrollbar.swiper-scrollbar-disabled,
.swiper-scrollbar-disabled > .swiper-scrollbar {
display: none !important;
}
.swiper-scrollbar.swiper-scrollbar-horizontal,
.swiper-horizontal > .swiper-scrollbar {
bottom: var(--swiper-scrollbar-bottom, 4px);
height: var(--swiper-scrollbar-size, 4px);
left: var(--swiper-scrollbar-sides-offset, 1%);
position: absolute;
top: var(--swiper-scrollbar-top, auto);
width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
left: var(--swiper-scrollbar-left, auto);
position: absolute;
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
width: var(--swiper-scrollbar-size, 4px);
z-index: 50;
}
.swiper-scrollbar-drag {
background: var(--swiper-scrollbar-drag-bg-color, #00000080);
border-radius: var(--swiper-scrollbar-border-radius, 10px);
height: 100%;
left: 0;
position: relative;
top: 0;
width: 100%;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
text-align: center;
width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .swiper-notification {
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
margin: 0 auto;
transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-direction: column;
flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
backface-visibility: hidden;
height: 100%;
pointer-events: none;
transform-origin: 0 0;
visibility: hidden;
width: 100%;
z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
bottom: 0;
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
width: 100%;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
background: #000;
bottom: 0;
content: '';
filter: blur(50px);
left: 0;
position: absolute;
right: 0;
top: 0;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
backface-visibility: hidden;
z-index: 0;
}
.swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
backface-visibility: hidden;
pointer-events: none;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
backface-visibility: hidden;
z-index: 0;
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transform-origin: center bottom;
}
:root {
--f-button-width: 40px;
--f-button-height: 40px;
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-color: #374151;
--f-button-bg: #f8f8f8;
--f-button-shadow: none;
--f-button-transition: all 0.15s ease;
--f-button-transform: none;
--f-button-outline-width: 1px;
--f-button-outline-color: rgba(0, 0, 0, 0.7);
--f-button-svg-width: 20px;
--f-button-svg-height: 20px;
--f-button-svg-stroke-width: 1.5;
--f-button-svg-fill: none;
--f-button-svg-filter: none;
--f-button-svg-opacity: 1;
--f-button-svg-disabled-opacity: 0.5;
--f-button-svg-transition: opacity 0.15s ease;
--f-button-svg-transform: none;
}
.f-button {
width: var(--f-button-width);
height: var(--f-button-height);
border: var(--f-button-border);
border-radius: var(--f-button-border-radius);
color: var(--f-button-color);
background: var(--f-button-bg);
box-shadow: var(--f-button-shadow);
transform: var(--f-button-transform);
transition: var(--f-button-transition);
backdrop-filter: var(--f-button-backdrop-filter);
display: flex;
justify-content: center;
align-items: center;
box-sizing: content-box;
position: relative;
margin: 0;
padding: 0;
pointer-events: all;
cursor: pointer;
overflow: hidden;
}
@media (hover: hover) {
.f-button:hover:not([aria-disabled]) {
color: var(--f-button-hover-color, var(--f-button-color));
background-color: var(--f-button-hover-bg, var(--f-button-bg));
}
}
.f-button:active:not([aria-disabled]) {
color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)));
}
.f-button:focus {
outline: none;
}
.f-button:focus-visible {
outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
outline-offset: var(--f-button-outline-offset);
position: relative;
z-index: 1;
}
.f-button svg {
width: var(--f-button-svg-width);
height: var(--f-button-svg-height);
transform: var(--f-button-svg-transform);
fill: var(--f-button-svg-fill);
filter: var(--f-button-svg-filter);
opacity: var(--f-button-svg-opacity, 1);
transition: var(--f-button-svg-transition);
stroke: currentColor;
stroke-width: var(--f-button-svg-stroke-width);
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
.f-button[aria-disabled] {
cursor: default;
}
.f-button[aria-disabled] svg {
opacity: var(--f-button-svg-disabled-opacity);
}
[data-panzoom-action='toggleFS'] g:first-child {
display: flex;
}
[data-panzoom-action='toggleFS'] g:last-child {
display: none;
}
.in-fullscreen [data-panzoom-action='toggleFS'] g:first-child {
display: none;
}
.in-fullscreen [data-panzoom-action='toggleFS'] g:last-child {
display: flex;
}
[data-autoplay-action='toggle'] svg g:first-child {
display: flex;
}
[data-autoplay-action='toggle'] svg g:last-child {
display: none;
}
.has-autoplay [data-autoplay-action='toggle'] svg g:first-child {
display: none;
}
.has-autoplay [data-autoplay-action='toggle'] svg g:last-child {
display: flex;
}
:fullscreen [data-fullscreen-action='toggle'] svg [data-fullscreen-action='toggle'] svg g:first-child {
display: none;
}
:fullscreen [data-fullscreen-action='toggle'] svg [data-fullscreen-action='toggle'] svg g:last-child {
display: flex;
}
:root {
--f-spinner-color-1: rgba(0, 0, 0, 0.1);
--f-spinner-color-2: rgba(17, 24, 28, 0.8);
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-border-radius: 50%;
--f-spinner-border-width: 4px;
}
.f-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: calc(var(--f-spinner-width) * -0.5) 0 0 calc(var(--f-spinner-height) * -0.5);
padding: 0;
width: var(--f-spinner-width);
height: var(--f-spinner-height);
border-radius: var(--f-spinner-border-radius);
border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
border-top-color: var(--f-spinner-color-2);
animation: f-spinner 0.75s linear infinite, f-fadeIn 0.2s ease 0.2s both;
}
@keyframes f-spinner {
to {
transform: rotate(360deg);
}
}
.f-panzoom,
.f-zoomable {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
flex-direction: column;
}
.f-panzoom:before,
.f-panzoom:after,
.f-zoomable:before,
.f-zoomable:after {
display: block;
content: '';
}
.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
margin-bottom: auto;
}
.f-panzoom:after,
.f-zoomable:after {
margin-top: auto;
}
.f-panzoom.in-fullscreen,
.f-zoomable.in-fullscreen {
position: fixed;
top: 0;
left: 0;
margin: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
aspect-ratio: unset !important;
z-index: 9999;
}
.f-panzoom__wrapper {
position: relative;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
}
.f-panzoom__wrapper.will-zoom-out {
cursor: zoom-out;
}
.f-panzoom__wrapper.can-drag {
cursor: move;
cursor: grab;
}
.f-panzoom__wrapper.will-zoom-in {
cursor: zoom-in;
}
.f-panzoom__wrapper.is-dragging {
cursor: move;
cursor: grabbing;
}
.f-panzoom__wrapper.has-error {
display: none;
}
.f-panzoom__content {
display: block;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
}
.f-panzoom__content.is-lazyloading,
.f-panzoom__content.has-lazyerror {
visibility: hidden;
}
img.f-panzoom__content {
width: auto;
height: auto;
vertical-align: top;
object-fit: contain;
transition: none;
user-select: none;
}
.f-panzoom__wrapper > .f-panzoom__content {
visibility: hidden;
}
.f-panzoom__viewport {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.f-panzoom__viewport > .f-panzoom__content {
width: 100%;
height: 100%;
object-fit: fill;
}
picture.f-panzoom__content img {
vertical-align: top;
width: 100%;
height: auto;
max-height: 100%;
object-fit: contain;
transition: none;
user-select: none;
}
.f-panzoom__protected {
position: absolute;
inset: 0;
z-index: 1;
user-select: none;
}
html.with-panzoom-in-fullscreen {
overflow: hidden;
}
.f-fadeIn {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both
f-fadeIn;
z-index: 2;
}
.f-fadeOut {
animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both
f-fadeOut;
z-index: 1;
}
@keyframes f-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes f-fadeOut {
to {
opacity: 0;
}
}
.f-crossfadeIn {
animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
z-index: 2;
}
.f-crossfadeOut {
animation: calc(var(--f-transition-duration, 0.2s) * 0.2) ease calc(var(--f-transition-duration, 0.2s) * 0.8) both
f-crossfadeOut;
z-index: 1;
}
@keyframes f-crossfadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes f-crossfadeOut {
to {
opacity: 0;
}
}
.is-horizontal .f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX;
}
.is-horizontal .f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX;
}
.is-horizontal .f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX;
}
.is-horizontal .f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX;
}
@keyframes f-slideInPrevX {
0% {
transform: translate(calc(100% + var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideInNextX {
0% {
transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideOutNextX {
to {
transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
}
}
@keyframes f-slideOutPrevX {
to {
transform: translate(calc(100% + var(--f-carousel-gap, 0)));
}
}
.is-vertical .f-slideIn.from-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY;
}
.is-vertical .f-slideIn.from-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY;
}
.is-vertical .f-slideOut.to-next {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY;
}
.is-vertical .f-slideOut.to-prev {
animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY;
}
@keyframes f-slideInPrevY {
0% {
transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideInNextY {
0% {
transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
}
to {
transform: translateZ(0);
}
}
@keyframes f-slideOutNextY {
to {
transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
}
}
@keyframes f-slideOutPrevY {
to {
transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
}
}
.f-zoomInUp {
animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp;
}
.f-zoomOutDown {
animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
0% {
transform: scale(var(--f-zoomInUp-scale, 0.975))
translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
opacity: var(--f-zoomInUp-opacity, 0);
}
to {
transform: scale(1) translateZ(0);
opacity: 1;
}
}
@keyframes f-zoomOutDown {
to {
transform: scale(var(--f-zoomOutDown-scale, 0.975))
translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
opacity: 0;
}
}
.f-throwOutUp {
animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
to {
transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
opacity: 0;
}
}
@keyframes f-throwOutDown {
to {
transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
opacity: 0;
}
}
.has-iframe .f-html,
.has-pdf .f-html,
.has-gmap .f-html {
width: 100%;
height: 100%;
min-height: 1px;
overflow: visible;
}
.has-pdf .f-html,
.has-gmap .f-html {
padding: 0;
}
.f-html {
position: relative;
box-sizing: border-box;
margin: var(--f-html-margin, 0);
padding: var(--f-html-padding, 2rem);
color: var(--f-html-color, currentColor);
background: var(--f-html-bg);
}
.f-html.is-error {
text-align: center;
}
.f-iframe {
display: block;
margin: 0;
border: 0;
height: 100%;
width: 100%;
}
.f-caption {
align-self: center;
flex-shrink: 0;
margin: var(--f-caption-margin);
padding: var(--f-caption-padding, 16px 8px);
max-width: 100%;
max-height: calc(80vh - 100px);
overflow: auto;
overflow-wrap: anywhere;
line-height: var(--f-caption-line-height);
color: var(--f-caption-color);
background: var(--f-caption-bg);
font: var(--f-caption-font);
}
.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
padding: 0;
width: 100%;
height: 100%;
min-height: 1px;
overflow: visible;
max-width: var(--f-video-width, 960px);
max-height: var(--f-video-height, 540px);
aspect-ratio: var(--f-video-aspect-ratio);
background: var(--f-video-bg, rgba(0, 0, 0, 0.9));
}
.f-html5video {
border: 0;
display: block;
height: 100%;
width: 100%;
background: transparent;
}
.f-button.is-arrow {
--f-button-width: var(--f-arrow-width, 46px);
--f-button-height: var(--f-arrow-height, 46px);
--f-button-svg-width: var(--f-arrow-svg-width, 24px);
--f-button-svg-height: var(--f-arrow-svg-height, 24px);
--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
--f-button-border-radius: var(--f-arrow-border-radius, unset);
--f-button-bg: var(--f-arrow-bg, transparent);
--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
--f-button-shadow: var(--f-arrow-shadow);
--f-button-color: var(--f-arrow-color);
--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
--f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
overflow: visible;
}
.f-button.is-arrow.is-prev,
.f-button.is-arrow.is-next {
position: absolute;
transform: translate(0);
z-index: 20;
}
.is-horizontal .f-button.is-arrow.is-prev,
.is-horizontal .f-button.is-arrow.is-next {
inset: 50% auto auto;
transform: translateY(-50%);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
left: var(--f-arrow-pos, 0);
}
.is-horizontal.is-ltr .f-button.is-arrow.is-next {
right: var(--f-arrow-pos, 0);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
right: var(--f-arrow-pos, 0);
transform: translateY(-50%) rotateY(180deg);
}
.is-horizontal.is-rtl .f-button.is-arrow.is-next {
left: var(--f-arrow-pos, 0);
transform: translateY(-50%) rotateY(180deg);
}
.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
top: var(--f-arrow-pos, 0);
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%);
}
.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
top: auto;
right: auto;
bottom: var(--f-arrow-pos, 0);
left: 50%;
transform: translate(-50%);
}
.is-vertical .f-button.is-arrow.is-prev svg,
.is-vertical .f-button.is-arrow.is-next svg {
transform: rotate(90deg);
}
.f-carousel__toolbar {
display: grid;
grid-template-columns: 1fr auto 1fr;
margin: var(--f-toolbar-margin, 0);
padding: var(--f-toolbar-padding, 8px);
line-height: var(--f-toolbar-line-height);
background: var(--f-toolbar-bg, none);
box-shadow: var(--f-toolbar-shadow, none);
backdrop-filter: var(--f-toolbar-backdrop-filter);
position: relative;
z-index: 20;
color: var(--f-toolbar-color, currentColor);
font-size: var(--f-toolbar-font-size, 17px);
font-weight: var(--f-toolbar-font-weight, inherit);
font-family: var(
--f-toolbar-font,
-apple-system,
BlinkMacSystemFont,
'Segoe UI Adjusted',
'Segoe UI',
'Liberation Sans',
sans-serif
);
text-shadow: var(--f-toolbar-text-shadow);
text-align: center;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased;
white-space: nowrap;
pointer-events: none;
}
.f-carousel__toolbar.is-absolute {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.f-carousel__toolbar__column {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
gap: var(--f-toolbar-gap, 0);
pointer-events: none;
}
.f-carousel__toolbar__column.is-left {
justify-self: flex-start;
justify-content: flex-start;
}
.f-carousel__toolbar__column.is-middle {
justify-content: center;
}
.f-carousel__toolbar__column.is-right {
justify-self: flex-end;
justify-content: flex-end;
flex-flow: nowrap;
}
.f-carousel__toolbar__column > * {
pointer-events: all;
}
.f-counter {
position: relative;
display: flex;
flex-direction: row;
cursor: default;
user-select: none;
margin: var(--f-counter-margin, 0);
padding: var(--f-counter-padding, 4px);
line-height: var(--f-counter-line-height);
background: var(--f-counter-bg);
border-radius: var(--f-counter-border-radius);
}
.f-counter span {
padding: 0 var(--f-counter-gap, 4px);
}
:root {
--f-thumbs-gap: 8px;
--f-thumbs-margin: 0;
--f-thumbs-padding-x: 8px;
--f-thumbs-padding-y: 8px;
--f-thumbs-z-index: 1;
--f-thumb-width: 96px;
--f-thumb-height: 72px;
--f-thumb-clip-width: 46px;
--f-thumb-extra-gap: 16px;
--f-thumb-fit: cover;
--f-thumb-opacity: 1;
--f-thumb-transition: opacity 0.3s ease, transform 0.15s ease;
--f-thumb-border: none;
--f-thumb-border-radius: 4px;
--f-thumb-transfors: none;
--f-thumb-shadow: none;
--f-thumb-bg: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
--f-thumb-focus-shadow: inset 0 0 0 0.8px #222, inset 0 0 0 2.25px #fff;
--f-thumb-selected-shadow: inset 0 0 0 0.8px #222, inset 0 0 0 2.25px #fff;
}
.f-thumbs {
flex-shrink: 0;
margin: var(--f-thumbs-margin);
padding: 0;
background: var(--f-thumbs-bg);
-webkit-tap-highlight-color: transparent;
user-select: none;
transition: max-height 0.3s ease, max-width 0.3s ease;
position: relative;
overflow: hidden;
z-index: var(--f-thumbs-z-index);
}
.f-thumbs.is-horizontal {
max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2);
}
.f-thumbs.is-vertical {
max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2);
}
.f-thumbs.is-ltr {
direction: ltr;
}
.f-thumbs.is-rtl {
direction: rtl;
}
.f-thumbs__viewport {
margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
overflow: visible;
display: grid;
}
.f-thumbs.is-vertical .f-thumbs__viewport {
height: calc(100% - var(--f-thumbs-padding-y) * 2);
}
.f-thumbs__slide {
position: relative;
box-sizing: border-box;
grid-area: 1/1;
width: var(--f-carousel-slide-width);
height: var(--f-carousel-slide-height);
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: column;
cursor: pointer;
overflow: visible;
}
.f-thumbs__slide:hover button {
opacity: var(--f-thumb-hover-opacity, 1);
transform: var(--f-thumb-hover-transform, none);
}
.f-thumbs__slide:hover button:after {
border: var(--f-thumb-hover-border, none);
box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide button {
all: unset;
margin: auto;
padding: 0;
position: relative;
overflow: visible;
width: 100%;
height: 100%;
outline: none;
transition: var(--f-thumb-transition);
border-radius: var(--f-thumb-border-radius);
opacity: var(--f-thumb-opacity);
transform: var(--f-thumb-transform);
background: var(--f-thumb-bg);
}
.f-thumbs__slide button:after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
transition: none;
border-radius: inherit;
border: var(--f-thumb-border);
box-shadow: var(--f-thumb-shadow);
}
.f-thumbs__slide button:focus-within {
opacity: var(--f-thumb-focus-opacity, 1);
transform: var(--f-thumb-focus-transform, none);
}
.f-thumbs__slide button:focus-within:after {
border: var(--f-thumb-focus-border, none);
box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide:active {
opacity: var(--f-thumb-active-opacity, 1);
transform: var(--f-thumb-active-transform, none);
}
.f-thumbs__slide:active:after {
border: var(--f-thumb-active-border, none);
box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide.is-selected {
z-index: 2;
}
.f-thumbs__slide.is-selected button {
opacity: var(--f-thumb-selected-opacity, 1);
transform: var(--f-thumb-selected-transform, none);
}
.f-thumbs__slide.is-selected button:after {
border: var(--f-thumb-selected-border, none);
box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}
.f-thumbs__slide img {
display: block;
width: 100%;
height: 100%;
object-fit: var(--f-thumb-fit);
border-radius: inherit;
pointer-events: none;
}
.f-thumbs__slide img.has-lazyerror {
display: none;
}
.f-thumbs.is-classic {
--f-carousel-slide-width: var(--f-thumb-width);
--f-carousel-slide-height: var(--f-thumb-height);
--f-carousel-gap: var(--f-thumbs-gap);
}
.f-thumbs.is-modern {
--f-carousel-slide-width: calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));
--f-carousel-slide-height: var(--f-thumb-height);
--f-carousel-gap: 0;
--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));
}
.f-thumbs.is-modern .f-thumbs__viewport {
width: calc(100% + var(--f-carousel-slide-width) * 2);
margin-inline: calc(var(--f-carousel-slide-width) * -1);
}
.f-thumbs.is-modern .f-thumbs__slide {
--clip-shift: calc((var(--width-diff) * 0.5) * var(--progress));
--clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
padding: 0;
overflow: visible;
left: var(--shift, 0);
will-change: left;
transition: left var(--f-transition-duration) var(--f-transition-easing);
}
.f-thumbs.is-modern .f-thumbs__slide button {
display: block;
margin-inline: 50%;
width: var(--f-thumb-width);
clip-path: var(--clip-path);
border: none;
box-shadow: none;
transition: clip-path var(--f-transition-duration) var(--f-transition-easing),
opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
}
.f-thumbs.is-modern .f-thumbs__slide button:after {
display: none;
}
.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
outline: none;
}
.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: var(--clip-shift);
bottom: 0;
right: var(--clip-shift);
transition: border var(--f-transition-duration) var(--f-transition-easing),
box-shadow var(--f-transition-duration) var(--f-transition-easing);
border-radius: inherit;
border: var(--f-thumb-focus-border, none);
box-shadow: var(--f-thumb-focus-shadow, none);
}
.f-thumbs.is-modern {
--f-transition-duration: 0.25s;
--f-transition-easing: ease-out;
}
.f-thumbs.is-modern.is-syncing {
--f-transition-duration: 0s;
}
:root {
--f-progressbar-height: 3px;
--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
--f-progressbar-opacity: 1;
--f-progressbar-z-index: 30;
}
.f-progressbar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: var(--f-progressbar-z-index);
height: var(--f-progressbar-height);
transform: scaleX(0);
transform-origin: 0;
opacity: var(--f-progressbar-opacity);
background: var(--f-progressbar-color);
user-select: none;
pointer-events: none;
animation-name: f-progressbar;
animation-play-state: running;
animation-timing-function: linear;
}
button > .f-progressbar {
--f-progressbar-height: 100%;
--f-progressbar-opacity: 0.2;
}
@keyframes f-progressbar {
0% {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
[data-fullscreen-action='toggle'] svg g:first-child {
display: flex;
}
[data-fullscreen-action='toggle'] svg g:last-child {
display: none;
}
:fullscreen [data-fullscreen-action='toggle'] svg g:first-child {
display: none;
}
:fullscreen [data-fullscreen-action='toggle'] svg g:last-child {
display: flex;
}
.in-fullscreen-mode > .f-carousel {
flex: 1;
min-width: 0 !important;
min-height: 0 !important;
}
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
overflow: hidden !important;
overscroll-behavior-y: none;
}
.fancybox__dialog {
width: 100%;
height: 100vh;
max-height: unset;
max-width: unset;
padding: 0;
margin: 0;
border: 0;
overflow: hidden;
background: transparent;
touch-action: none;
}
.fancybox__dialog:focus {
outline: none;
}
.fancybox__dialog::backdrop {
opacity: 0;
}
@supports (height: 100dvh) {
.fancybox__dialog {
height: 100dvh;
}
}
div.fancybox__dialog {
position: fixed;
inset: 0;
z-index: 1050;
}
.fancybox__container {
--fancybox-color: #dbdbdb;
--fancybox-backdrop-bg: rgba(24, 24, 27, 0.95);
--f-toolbar-margin: 0;
--f-toolbar-padding: 8px;
--f-toolbar-gap: 0;
--f-toolbar-color: #ddd;
--f-toolbar-font-size: 16px;
--f-toolbar-font-weight: 500;
--f-toolbar-font: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', 'Liberation Sans', sans-serif;
--f-toolbar-line-height: var(--f-button-height);
--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
--f-toolbar-shadow: none;
--f-toolbar-bg: none;
--f-counter-margin: 0;
--f-counter-padding: 0px 10px;
--f-counter-gap: 4px;
--f-counter-line-height: var(--f-button-height);
--f-carousel-gap: 17px;
--f-carousel-slide-width: 100%;
--f-carousel-slide-height: 100%;
--f-carousel-slide-padding: 0;
--f-carousel-slide-bg: unset;
--f-html-color: #222;
--f-html-bg: #fff;
--f-error-color: #fff;
--f-error-bg: #333;
--f-caption-margin: 0;
--f-caption-padding: 16px 8px;
--f-caption-color: var(--fancybox-color, #dbdbdb);
--f-caption-bg: transparent;
--f-caption-font: inherit;
--f-caption-line-height: 1.375;
--f-spinner-color-1: rgba(255, 255, 255, 0.2);
--f-spinner-color-2: rgba(255, 255, 255, 0.8);
--f-spinner-width: 50px;
--f-spinner-height: 50px;
--f-spinner-border-radius: 50%;
--f-spinner-border-width: 4px;
--f-progressbar-color: rgba(255, 255, 255);
--f-button-width: 46px;
--f-button-height: 46px;
--f-button-color: #ddd;
--f-button-hover-color: #fff;
--f-button-outline-width: 1px;
--f-button-outline-color: rgba(255, 255, 255, 0.75);
--f-button-outline-offset: 0px;
--f-button-bg: rgba(54, 54, 54, 0.75);
--f-button-border: 0;
--f-button-border-radius: 0;
--f-button-shadow: none;
--f-button-transition: all 0.2s ease;
--f-button-transform: none;
--f-button-svg-width: 24px;
--f-button-svg-height: 24px;
--f-button-svg-stroke-width: 1.75;
--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.01)),
drop-shadow(1px 2px 1px rgba(24, 24, 27, 0.05));
--f-button-svg-fill: none;
--f-button-svg-disabled-opacity: 0.5;
--f-arrow-pos: 32px;
--f-arrow-width: 50px;
--f-arrow-height: 50px;
--f-arrow-svg-width: 24px;
--f-arrow-svg-height: 24px;
--f-arrow-svg-stroke-width: 2;
--f-arrow-border-radius: 50%;
--f-arrow-bg: rgba(54, 54, 54, 0.65);
--f-arrow-color: #ddd;
--f-arrow-hover-color: #fff;
--f-close-button-width: 34px;
--f-close-button-height: 34px;
--f-close-border-radius: 4px;
--f-close-button-color: #fff;
--f-close-button-hover-color: #fff;
--f-close-button-bg: transparent;
--f-close-button-hover-bg: transparent;
--f-close-button-active-bg: transparent;
--f-close-button-svg-width: 22px;
--f-close-button-svg-height: 22px;
--f-thumbs-margin: 0px;
--f-thumbs-padding-x: 8px;
--f-thumbs-padding-y: 8px;
--f-thumbs-bg: none;
--f-thumb-transition: all 0.2s ease;
--f-thumb-width: 94px;
--f-thumb-height: 76px;
--f-thumb-opacity: 1;
--f-thumb-border: none;
--f-thumb-shadow: none;
--f-thumb-transform: none;
--f-thumb-focus-opacity: 1;
--f-thumb-focus-border: none;
--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.65);
--f-thumb-focus-transform: none;
--f-thumb-hover-opacity: 1;
--f-thumb-hover-border: none;
--f-thumb-hover-transform: none;
--f-thumb-active-opacity: var(--f-thumb-hover-opacity);
--f-thumb-active-border: var(--f-thumb-hover-border);
--f-thumb-active-transform: var(--f-thumb-hover-transform);
--f-thumb-selected-opacity: 1;
--f-thumb-selected-border: none;
--f-thumb-selected-shadow: inset 0 0 0 2px #fff;
--f-thumb-selected-transform: none;
position: absolute;
inset: 0;
overflow: hidden;
outline: none;
display: flex;
flex-direction: column;
}
.fancybox__container[theme='light'] {
--fancybox-color: #222;
--fancybox-backdrop-bg: rgba(255, 255, 255, 0.97);
--f-toolbar-color: var(--fancybox-color, #222);
--f-toolbar-text-shadow: none;
--f-toolbar-font-weight: 400;
--f-html-color: var(--fancybox-color, #222);
--f-html-bg: #fff;
--f-error-color: #555;
--f-error-bg: #fff;
--f-video-bg: #fff;
--f-caption-color: #333;
--f-spinner-color-1: rgba(0, 0, 0, 0.2);
--f-spinner-color-2: rgba(0, 0, 0, 0.8);
--f-spinner-border-width: 3.5px;
--f-progressbar-color: rgba(111, 111, 116);
--f-button-color: #333;
--f-button-hover-color: #000;
--f-button-outline-color: rgba(0, 0, 0, 0.85);
--f-button-bg: rgba(255, 255, 255, 0.85);
--f-button-svg-stroke-width: 1.3;
--f-button-svg-filter: none;
--f-arrow-bg: rgba(255, 255, 255, 0.85);
--f-arrow-color: #333;
--f-arrow-hover-color: #000;
--f-arrow-svg-stroke-width: 1.3;
--f-close-button-color: #555;
--f-close-button-hover-color: #000;
--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
}
.fancybox__container::backdrop {
background-color: transparent;
}
.fancybox__container.has-vertical-thumbs {
flex-direction: row-reverse;
}
.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
overflow-x: clip;
overflow-y: visible;
}
.fancybox__container > *:not(.fancybox__carousel),
.fancybox__container .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected),
.fancybox__container
.fancybox__carousel
> .fancybox__viewport
> .fancybox__slide.is-selected
> *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
opacity: var(--f-drag-opacity, 1);
}
.fancybox__container:not(.is-ready, .is-hiding) {
visibility: hidden;
}
.fancybox__container.is-revealing > *:not(.fancybox__carousel),
.fancybox__container.is-revealing .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing
.fancybox__carousel
> .fancybox__viewport
> .fancybox__slide.is-selected
> *:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
}
.fancybox__container.is-hiding > *:not(.fancybox__carousel),
.fancybox__container.is-hiding .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected),
.fancybox__container.is-hiding
.fancybox__carousel
> .fancybox__viewport
> .fancybox__slide.is-selected
> *:not(.f-html, .f-panzoom__wrapper) {
animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
}
.fancybox__container.is-idle .f-carousel__toolbar {
pointer-events: none;
opacity: 0;
}
.fancybox__container.is-idle .f-button.is-arrow {
opacity: 0;
}
.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
pointer-events: none;
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__container.is-idle.is-ready .f-button.is-arrow {
animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__backdrop {
position: fixed;
inset: 0;
z-index: -1;
background: var(--fancybox-backdrop-bg);
}
.fancybox__carousel {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
min-width: 0;
position: relative;
z-index: 10;
overflow-y: visible;
overflow-x: clip;
}
.fancybox__carousel.is-vertical {
--f-carousel-slide-height: 100%;
}
.fancybox__carousel.is-ltr {
direction: ltr;
}
.fancybox__carousel.is-rtl {
direction: rtl;
}
.fancybox__carousel > .f-button.is-arrow:before {
position: absolute;
content: '';
inset: -30px;
z-index: 1;
}
.fancybox__viewport {
display: grid;
flex: 1;
min-height: 0;
min-width: 0;
position: relative;
overflow: visible;
transform: translate3d(0, var(--f-drag-offset, 0), 0);
}
.fancybox__viewport.is-draggable {
cursor: move;
cursor: grab;
}
.fancybox__viewport.is-dragging {
cursor: move;
cursor: grabbing;
}
.fancybox__viewport [data-selectable],
.fancybox__viewport [contenteditable] {
cursor: auto;
}
.fancybox__slide {
box-sizing: border-box;
position: relative;
grid-area: 1/1;
display: flex;
align-items: center;
flex-direction: column;
width: var(--f-carousel-slide-width);
height: var(--f-carousel-slide-height);
min-width: 0;
min-height: 0;
max-width: 100%;
margin: 0;
padding: var(--f-carousel-slide-padding);
background: var(--f-carousel-slide-bg);
backface-visibility: hidden;
transform: translateZ(0);
will-change: transform;
}
.fancybox__slide:before,
.fancybox__slide:after {
display: block;
content: '';
}
.fancybox__slide:before {
margin-bottom: auto;
}
.fancybox__slide:after {
margin-top: auto;
}
.fancybox__slide.is-selected {
z-index: 1;
}
.fancybox__slide.f-zoomable {
overflow: visible;
}
.fancybox__slide.has-error {
--f-html-color: var(--f-error-color, --f-html-color);
--f-html-bg: var(--f-error-bg, --f-html-bg);
}
.fancybox__slide.has-html {
overflow: auto;
padding: 8px;
}
.fancybox__slide.has-close-btn {
padding-top: 34px;
}
.fancybox__slide.has-controls:before {
margin: 0;
}
.fancybox__slide .f-spinner {
cursor: pointer;
}
.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
visibility: hidden;
}
.fancybox__container.is-closing .fancybox__carousel {
overflow: visible;
}
.f-button.is-close-button {
--f-button-width: var(--f-close-button-width);
--f-button-height: var(--f-close-button-height);
--f-button-border-radius: var(--f-close-border-radius);
--f-button-color: var(--f-close-button-color);
--f-button-hover-color: var(--f-close-button-hover-color);
--f-button-bg: var(--f-close-button-bg);
--f-button-hover-bg: var(--f-close-button-hover-bg);
--f-button-active-bg: var(--f-close-button-active-bg);
--f-button-svg-width: var(--f-close-button-svg-width);
--f-button-svg-height: var(--f-close-button-svg-height);
position: absolute;
top: calc(var(--f-button-height) * -1);
right: 0;
z-index: 40;
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: 20px;
padding: calc(var(--plyr-control-spacing, 10px) * 2);
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px);
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
background: #000c;
background: var(--plyr-captions-background, #000c);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__caption div {
display: inline;
}
.plyr__control {
background: #0000;
border: 0;
border-radius: 4px;
border-radius: var(--plyr-control-radius, 4px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
fill: currentColor;
display: block;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
outline: 0;
}
.plyr__control:focus-visible {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
a.plyr__control {
text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
display: none;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr [data-plyr='airplay'],
.plyr [data-plyr='captions'],
.plyr [data-plyr='fullscreen'],
.plyr [data-plyr='pip'],
.plyr__controls:empty {
display: none;
}
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--captions-enabled [data-plyr='captions'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'],
.plyr--pip-supported [data-plyr='pip'] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded='true'] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: #ffffffe6;
background: var(--plyr-menu-background, #ffffffe6);
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
border: 4px solid #0000;
border-top-color: #ffffffe6;
border: var(--plyr-menu-arrow-size, 4px) solid #0000;
border-top-color: var(--plyr-menu-background, #ffffffe6);
content: '';
height: 0;
position: absolute;
right: 14px;
right: calc(
var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 -
var(--plyr-menu-arrow-size, 4px) / 2
);
top: 100%;
width: 0;
}
.plyr__menu__container [role='menu'] {
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role='menuitem'],
.plyr__menu__container [role='menuitemradio'] {
margin-top: 2px;
}
.plyr__menu__container [role='menuitem']:first-child,
.plyr__menu__container [role='menuitemradio']:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding: 4.66667px 10.5px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7/1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control:after {
border: 4px solid #0000;
border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: 6.5px;
right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: initial;
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: 7px;
margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
margin-bottom: 3.5px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7/2);
padding-left: 28px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
position: relative;
width: calc(100% - 14px);
width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: 6.5px;
left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back:before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: '';
height: 1px;
left: 0;
margin-top: 3.5px;
margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7/2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: initial;
}
.plyr__menu__container .plyr__control[role='menuitemradio'] {
padding-left: 7px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role='menuitemradio']:after,
.plyr__menu__container .plyr__control[role='menuitemradio']:before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role='menuitemradio']:before {
background: #0000001a;
content: '';
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role='menuitemradio']:after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']:before {
background: #00b2ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']:after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role='menuitemradio']:focus-visible:before,
.plyr__menu__container .plyr__control[role='menuitemradio']:hover:before {
background: #23282f1a;
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 - -2px);
overflow: hidden;
padding-left: 24.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
pointer-events: none;
}
.plyr--full-ui input[type='range'] {
-webkit-appearance: none;
appearance: none;
background: #0000;
border: 0;
border-radius: 26px;
border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
color: #00b2ff;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
display: block;
height: 19px;
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
margin: 0;
min-width: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
background: #0000;
background-image: linear-gradient(90deg, currentColor 0, #0000 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
}
.plyr--full-ui input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: -4px;
margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type='range']::-moz-range-track {
background: #0000;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type='range']::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type='range']::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type='range']::-ms-track {
color: #0000;
}
.plyr--full-ui input[type='range']::-ms-fill-upper,
.plyr--full-ui input[type='range']::-ms-track {
background: #0000;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type='range']::-ms-fill-lower {
background: #0000;
background: currentColor;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type='range']::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: 0;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type='range']::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type='range']::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type='range']:focus {
outline: 0;
}
.plyr--full-ui input[type='range']:focus-visible::-webkit-slider-runnable-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
.plyr--full-ui input[type='range']:focus-visible::-moz-range-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
.plyr--full-ui input[type='range']:focus-visible::-ms-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
.plyr__poster {
background-color: #000;
background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
display: none;
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time:before {
content: '⁄';
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr__tooltip {
background: #fff;
background: var(--plyr-tooltip-background, #fff);
border-radius: 5px;
border-radius: var(--plyr-tooltip-radius, 5px);
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
opacity: 0;
padding: 5px 7.5px;
padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip:before {
border-left: 4px solid #0000;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-right: 4px solid #0000;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: '';
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translateY(10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
left: 16px;
left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translateY(10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0) scale(1);
}
.plyr__progress {
left: 6.5px;
left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative;
}
.plyr__progress input[type='range'],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type='range'] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
left: 0;
max-width: 120px;
overflow-wrap: break-word;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: #0000;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: -2.5px;
margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: #0000;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(
-45deg,
#23282f99 25%,
#0000 0,
#0000 50%,
#23282f99 0,
#23282f99 75%,
#0000 0,
#0000
);
background-image: linear-gradient(
-45deg,
var(--plyr-progress-loading-background, #23282f99) 25%,
#0000 25%,
#0000 50%,
var(--plyr-progress-loading-background, #23282f99) 50%,
var(--plyr-progress-loading-background, #23282f99) 75%,
#0000 75%,
#0000
);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: #0000;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: #ffffff40;
background-color: var(--plyr-video-progress-buffered-background, #ffffff40);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: #c1c8d199;
background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}
.plyr__progress__marker {
background-color: #fff;
background-color: var(--plyr-progress-marker-background, #fff);
border-radius: 1px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 3px;
width: var(--plyr-progress-marker-width, 3px);
z-index: 3;
}
.plyr__volume {
align-items: center;
display: flex;
position: relative;
}
.plyr__volume input[type='range'] {
margin-left: 5px;
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: 5px;
margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
max-width: 90px;
min-width: 60px;
position: relative;
z-index: 2;
}
.plyr--audio {
display: block;
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded='true'] {
background: #00b2ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
background-color: #c1c8d199;
background-color: var(
--plyr-audio-range-track-background,
var(--plyr-audio-progress-buffered-background, #c1c8d199)
);
}
.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
background-color: #c1c8d199;
background-color: var(
--plyr-audio-range-track-background,
var(--plyr-audio-progress-buffered-background, #c1c8d199)
);
}
.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
background-color: #c1c8d199;
background-color: var(
--plyr-audio-range-track-background,
var(--plyr-audio-progress-buffered-background, #c1c8d199)
);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}
.plyr--audio .plyr__progress__buffer {
color: #c1c8d199;
color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}
.plyr--video {
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
border-radius: inherit;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
background: linear-gradient(#0000, #000000bf);
background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: 5px;
padding: calc(var(--plyr-control-spacing, 10px) / 2);
padding-top: 20px;
padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: 35px;
padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded='true'] {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: 0.9;
padding: 15px;
padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
background-color: #ffffff40;
background-color: var(
--plyr-video-range-track-background,
var(--plyr-video-progress-buffered-background, #ffffff40)
);
}
.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
background-color: #ffffff40;
background-color: var(
--plyr-video-range-track-background,
var(--plyr-video-progress-buffered-background, #ffffff40)
);
}
.plyr--full-ui.plyr--video input[type='range']::-ms-track {
background-color: #ffffff40;
background-color: var(
--plyr-video-range-track-background,
var(--plyr-video-progress-buffered-background, #ffffff40)
);
}
.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33),
0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px)
var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}
.plyr--video .plyr__progress__buffer {
color: #ffffff40;
color: var(--plyr-video-progress-buffered-background, #ffffff40);
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
bottom: 0;
height: 100%;
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads:after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3;
}
.plyr__ads:empty:after {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
opacity: 0.8;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: #fff;
background-color: var(--plyr-tooltip-background, #fff);
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translateY(10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
border-left: 4px solid #0000;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-right: 4px solid #0000;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: '';
height: 0;
left: calc(50% + var(--preview-arrow-offset));
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: 7px;
border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__image-container:after {
border-radius: inherit;
box-shadow: inset 0 0 0 1px #00000026;
content: '';
pointer-events: none;
}
.plyr__preview-thumb__image-container img {
max-height: none;
max-width: none;
}
.plyr__preview-thumb__time-container {
background: linear-gradient(#0000, #000000bf);
background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
border-bottom-left-radius: 7px;
border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
border-bottom-right-radius: 7px;
border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
bottom: 0;
left: 0;
line-height: 1.1;
padding: 20px 6px 6px;
position: absolute;
right: 0;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
border: 0 !important;
height: 1px !important;
overflow: hidden;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing='linear'],
body[data-aos-easing='linear'] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing='ease'],
body[data-aos-easing='ease'] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing='ease-in'],
body[data-aos-easing='ease-in'] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing='ease-out'],
body[data-aos-easing='ease-out'] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing='ease-in-out'],
body[data-aos-easing='ease-in-out'] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing='ease-in-back'],
body[data-aos-easing='ease-in-back'] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing='ease-out-back'],
body[data-aos-easing='ease-out-back'] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-back'],
body[data-aos-easing='ease-in-out-back'] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing='ease-in-sine'],
body[data-aos-easing='ease-in-sine'] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing='ease-out-sine'],
body[data-aos-easing='ease-out-sine'] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-sine'],
body[data-aos-easing='ease-in-out-sine'] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing='ease-in-quad'],
body[data-aos-easing='ease-in-quad'] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing='ease-out-quad'],
body[data-aos-easing='ease-out-quad'] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-quad'],
body[data-aos-easing='ease-in-out-quad'] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing='ease-in-cubic'],
body[data-aos-easing='ease-in-cubic'] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing='ease-out-cubic'],
body[data-aos-easing='ease-out-cubic'] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-cubic'],
body[data-aos-easing='ease-in-out-cubic'] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing='ease-in-quart'],
body[data-aos-easing='ease-in-quart'] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing='ease-out-quart'],
body[data-aos-easing='ease-out-quart'] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing='ease-in-out-quart'],
body[data-aos-easing='ease-in-out-quart'] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^='fade'][data-aos^='fade'] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^='fade'][data-aos^='fade'].aos-animate {
opacity: 1;
transform: translateZ(0);
}
[data-aos='fade-up'] {
transform: translate3d(0, 100px, 0);
}
[data-aos='fade-down'] {
transform: translate3d(0, -100px, 0);
}
[data-aos='fade-right'] {
transform: translate3d(-100px, 0, 0);
}
[data-aos='fade-left'] {
transform: translate3d(100px, 0, 0);
}
[data-aos='fade-up-right'] {
transform: translate3d(-100px, 100px, 0);
}
[data-aos='fade-up-left'] {
transform: translate3d(100px, 100px, 0);
}
[data-aos='fade-down-right'] {
transform: translate3d(-100px, -100px, 0);
}
[data-aos='fade-down-left'] {
transform: translate3d(100px, -100px, 0);
}
[data-aos^='zoom'][data-aos^='zoom'] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1);
}
[data-aos='zoom-in'] {
transform: scale(0.6);
}
[data-aos='zoom-in-up'] {
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos='zoom-in-down'] {
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos='zoom-in-right'] {
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos='zoom-in-left'] {
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos='zoom-out'] {
transform: scale(1.2);
}
[data-aos='zoom-out-up'] {
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos='zoom-out-down'] {
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos='zoom-out-right'] {
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos='zoom-out-left'] {
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^='slide'][data-aos^='slide'] {
transition-property: transform;
}
[data-aos^='slide'][data-aos^='slide'].aos-animate {
transform: translateZ(0);
}
[data-aos='slide-up'] {
transform: translate3d(0, 100%, 0);
}
[data-aos='slide-down'] {
transform: translate3d(0, -100%, 0);
}
[data-aos='slide-right'] {
transform: translate3d(-100%, 0, 0);
}
[data-aos='slide-left'] {
transform: translate3d(100%, 0, 0);
}
[data-aos^='flip'][data-aos^='flip'] {
backface-visibility: hidden;
transition-property: transform;
}
[data-aos='flip-left'] {
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos='flip-left'].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos='flip-right'] {
transform: perspective(2500px) rotateY(100deg);
}
[data-aos='flip-right'].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos='flip-up'] {
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos='flip-up'].aos-animate {
transform: perspective(2500px) rotateX(0);
}
[data-aos='flip-down'] {
transform: perspective(2500px) rotateX(100deg);
}
[data-aos='flip-down'].aos-animate {
transform: perspective(2500px) rotateX(0);
}
button {
background-color: transparent;
border: 0;
padding: 0;
box-shadow: none;
line-height: 1;
text-align: left;
}
button:focus {
outline-color: transparent;
}
@media (hover: hover) {
.checkbox-bg,
.select__top,
.select__dropdown-el,
.faq__el-top,
.block-map__el {
cursor: pointer;
}
}
button {
background-color: transparent;
border: 0;
padding: 0;
box-shadow: none;
line-height: 1;
text-align: left;
}
button:focus {
outline-color: transparent;
}
@media (hover: hover) {
.checkbox-bg,
.select__top,
.select__dropdown-el,
.faq__el-top,
.block-map__el {
cursor: pointer;
}
}
@keyframes Ani2 {
0% {
border: 1px solid rgba(247, 38, 38, 0);
transform: scale(0);
}
50% {
border: 1px solid rgba(247, 38, 38, 0.5);
transform: scale(2.5);
}
100% {
border: 0 solid rgba(247, 38, 38, 0);
transform: scale(5);
}
}
#wpadminbar {
position: fixed !important;
overflow: hidden;
}
.text-count-anim span {
text-decoration: none !important;
}
.text-count-anim strong {
display: inline-flex !important;
gap: 4px;
align-items: center;
}
.point_style .pins_image {
cursor: pointer;
}
.drag_element .pins_animation {
animation: Ani2 2s infinite !important;
animation-timing-function: linear !important;
}
.drag_element .point_style img {
box-shadow: 0 0 17px 2px #f72626 !important;
border-radius: 100% !important;
}
html body #powerTip {
background: #fff3f3 !important;
border-radius: 15px !important;
padding: 15px 20px !important;
font-family: 'Manrope', sans-serif;
font-weight: 400 !important;
font-size: 13px !important;
line-height: 1.4 !important;
color: #1f1f1f !important;
}
html body #powerTip * {
color: #1f1f1f !important;
}
html body #powerTip.n:before {
border-top-color: #fff3f3 !important;
}
html body #powerTip.ne:before,
html body #powerTip.nw:before {
border-top-color: #fff3f3 !important;
}
html {
background: #f5f5f5;
padding-top: 27px;
}
@media only screen and (max-width: 1200px) {
html {
padding-top: 20px;
}
}
@media screen and (max-width: 768px) {
html {
padding-top: 0;
}
}
body {
font-family: 'Manrope', 'Arial', sans-serif;
padding: 0;
margin: 0;
font-size: 15px;
line-height: 1.4;
color: #1f1f1f;
min-height: 100vh;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 600px) {
body {
min-height: 0;
display: block;
}
}
a {
font-family: 'Manrope', Arial, sans-serif;
display: inline;
}
input,
input::placeholder {
font-family: 'Manrope', 'Arial', sans-serif;
}
button {
font-family: 'Manrope', Arial, sans-serif;
}
img {
object-fit: contain;
}
svg {
overflow: visible;
max-width: 100%;
max-height: 100%;
}
sup {
vertical-align: super;
font-size: smaller;
}
.br-mob {
display: none;
}
@media screen and (max-width: 600px) {
.br-mob {
display: block;
}
}
.wrapper {
position: relative; display: flex;
flex-direction: column;
flex: 1;
width: 100%;
}
.container {
margin: 0 auto;
width: 100%;
position: relative;
z-index: 10;
padding: 0 25px;
max-width: 1450px;
}
@media only screen and (max-width: 370px) {
.container {
padding: 0 10px;
}
.section__bg.section__bg_mob{
padding: 0 20px;
}
}
.picture {
display: block;
position: relative;
object-fit: contain;
object-position: center;
}
.picture_cover {
object-fit: cover;
overflow: hidden;
}
.picture__img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
user-select: none;
object-fit: inherit;
object-position: inherit;
}
.picture__img_abs {
position: absolute;
top: 0;
left: 0;
object-fit: inherit;
object-position: inherit;
}
@keyframes slideme {
0% {
left: -30px;
margin-left: 0px;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}
.button {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 15px;
color: #fff;
background: #f72626;
border-radius: 10px;
padding: 23px 42px;
transition: 0.3s;
min-height: 56px;
position: relative;
overflow: hidden;
box-shadow:0 2px 4px rgb(77 77 77 / 22%), 0 6px 10px rgb(255 21 21 / 16%);
}
.button:not(.button_border):not([disabled])::before {
content: '';
display: block;
width: 45px;
height: 300px;
margin-left: 60px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.6) 100%);
position: absolute;
left: -40px;
top: -150px;
z-index: 1;
transform: rotate(45deg);
transition: all 0.1s;
animation-name: slideme;
animation-duration: 3s;
animation-delay: 0.05s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}
@media screen and (max-width: 600px) {
.button {
font-size: 14px;
}
}
.button[disabled] {
pointer-events: none;
background: gray !important;
}
.button_padding_2 {
padding: 19px 35px;
}
.button_arr {
padding: 18px 42px;
}
.button_font_2 {
font-family: 'Onest', sans-serif;
letter-spacing: 0;
font-size: 16px;
}
@media screen and (max-width: 600px) {
.button_font_2 {
font-size: 14px;
}
}
.button_padding_text {
padding: 14px 20px;
}
@media (hover: hover) {
.button:hover {
background: #ff5757;
color: #ffffffc4;
}
}
.button:active {
color: #fff;
background: #c90f0f;
}
.button_border {
border: 1px solid #f837372e;
background: #ffffff;
color: #000000;
}
.button_14 {
font-size: 14px;
padding: 20px 42px;
}
.button__text {
position: relative;
z-index: 10;
}
.button__arr {
position: relative;
z-index: 10;
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-left: 10px;
}
.button__text-2 {
position: relative;
z-index: 10;
display: block;
font-family: 'Onest', sans-serif;
font-weight: 500;
font-size: 10px;
color: #fff;
margin-top: 3px;
}
.contact-icon {
display: flex;
align-items: center;
font-family: 'Manrope', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.2;
color: #1f1f1f;
gap: 10px;
transition: 0.3s;
}
.contact-icon_start {
align-items: flex-start;
}
.contact-icon strong {
color: #6e6e6e;
}
@media only screen and (max-width: 1450px) {
.contact-icon {
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
.contact-icon {
font-size: 14px;
}
}
@media (hover: hover) {
.contact-icon:hover {
color: #ff5757;
}
}
.contact-icon:active {
color: #c90f0f;
}
.contact-icon_white {
color: #fff;
}
.contact-icon_2 {
font-size: 15px;
}
.contact-icon_3 {
font-size: 16px;
line-height: 1.4;
}
.contact-icon__icon {
flex: none;
display: block;
width: 25px;
height: 25px;
user-select: none;
}
.contact-icon_2 .contact-icon__icon {
width: 24px;
height: 24px;
}
.title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
line-height: 1.2;
color: #1f1f1f;
font-size: 38px;
}
@media screen and (max-width: 600px) {
.title {
font-size: 25.5px;
line-height: 1.3;
}
}
.title_2 {
font-size: 33.9px;
}
@media screen and (max-width: 600px) {
.title_2 {
font-size: 25.5px;
}
}
.title strong {
color: #f72626;
}
.title_bold {
font-weight: 700;
}
.title_main {
font-size: 47.6px;
margin:10px;
}
@media only screen and (max-width: 1200px) {
.title_main {
font-size: 40px;
}
}
@media only screen and (max-width: 600px) {
.title_main {
font-size: 30px;
line-height: 1.2;
}
}
.title_med {
font-size: 22px;
}
.info-border {
background: #fff3f3;
border: 1px dashed rgba(0, 0, 0, 0.5);
border-radius: 15px;
padding: 17px 21px;
display: flex;
align-items: center;
gap: 12px;
max-width: 319px;
width: 100%;
}
@media only screen and (max-width: 600px) {
.info-border {
padding: 14px 15px;
align-items: flex-start;
}
}
.info-border_2 {
max-width: 100%;
height: 100%;
}
.info-border__icon {
flex: none;
width: 41px;
height: 41px;
}
.info-border__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
color: #1f1f1f;
}
.info-border__text a {
text-decoration: underline;
text-decoration-skip-ink: none;
color: #f72626;
display: inline;
}
@media only screen and (max-width: 600px) {
.info-border__text br {
display: none;
}
}
@media only screen and (max-width: 600px) {
.info-border__text {
font-size: 15px;
}
}
.info-border__text_2 {
font-size: 14px;
}
@media screen and (max-width: 600px) {
.info-border__text_2 {
font-size: 13px;
line-height: 1.3;
}
}
.form-el {
display: block;
}
.form-el__input {
display: block;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 12px;
color: #6e6e6e;
height: 57px;
border-radius: 10px;
padding: 0 25px;
border: 1px solid #f5f5f5;
transition: 0.3s;
width: 100%;
background: #f5f5f5;
}
@media (hover: hover) {
.form-el__input:hover {
border-color: #f72626;
}
}
.form-el__input:focus {
border-color: #f72626;
}
.form-el__input_error {
border-color: rgba(247, 38, 38, 0.7);
}
.form-el__error {
display: none;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 12px;
color: #ea3232;
margin-top: 5px;
}
.form-el_error .form-el__error {
display: block;
}
.checkbox {
display: flex;
align-items: flex-start;
cursor: pointer;
user-select: none;
gap: 8px;
}
.checkbox__button {
flex: none;
position: relative;
width: 18px;
height: 18px;
}
.checkbox__input {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
cursor: pointer;
z-index: 1;
}
.checkbox__button-dec {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
transition: 0.3s;
border: 1px solid #f72626;
border-radius: 5px;
background: #fff3f3;
display: flex;
align-items: center;
justify-content: center;
}
.checkbox__input:checked + .checkbox__button-dec {
background: #f72626;
}
.checkbox__button-check {
opacity: 0;
transition: 0.3s;
}
.checkbox__input:checked + .checkbox__button-dec .checkbox__button-check {
opacity: 1;
}
.checkbox__text {
display: block;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 10px;
line-height: 1.4;
color: #6e6e6e;
}
.block-icon {
display: flex;
align-items: center;
background: #fff;
border-radius: 20px;
padding: 20px 20px;
gap: 10px;
height: 100%;
}
@media only screen and (max-width: 600px) {
.block-icon {
padding: 20px 15px;
}
}
@media screen and (max-width: 600px) {
.block-icon_mob {
flex-direction: column;
align-items: flex-start;
}
}
.block-icon__icon {
flex: none;
width: 45px;
height: 45px;
display: block;
object-fit: scale-down;
}
.block-icon__text {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 15px;
line-height: 1.2;
color: #2f2f2f;
}
@media only screen and (max-width: 600px) {
.block-icon__text {
font-size: 14px;
}
}
@media only screen and (max-width: 991px) {
.block-icon__text br {
display: none;
}
}
.text {
font-size: 15px;
line-height: 1.4;
color: #1f1f1f;
}
@media screen and (max-width: 600px) {
.text {
font-size: 14px;
line-height: 1.45;
}
}
.text_m p:last-child {
margin-bottom: 10px !important;
}
.text__more {
margin-top: 8px;
}
.text__more_mob {
display: none;
}
@media screen and (max-width: 600px) {
.text__more_mob {
display: inline-block;
}
}
@media screen and (max-width: 600px) {
.text_max_mob .text__wrap { }
.text_max_mob .text__wrap .hidden-content {
display: none;
}
}
.text.active .text__wrap {
-webkit-line-clamp: none;
-webkit-box-orient: unset;
display: block;
overflow: visible;
}
.text__wrap.show-content .hidden-content {
display: block;
}
.text .wp-block-image {
margin-bottom: 20px;
}
.text p {
margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
.text p {
margin-bottom: 14px;
}
}
.text p:has(+ ul) {
margin-bottom: 9px;
}
.text p:last-child {
margin-bottom: 0;
}
.text li {
list-style: none;
}
.text strong {
font-weight: 700;
}
.text p {
min-height: 1px;
}
.text em {
font-style: italic;
}
.text ol {
padding-left: 20px;
margin-bottom: 14px;
}
.text ol li {
list-style: decimal;
margin-bottom: 11px;
}
.text ol li:last-child {
margin-bottom: 0;
}
.text a:not(.button) {
text-decoration: underline;
text-decoration-skip-ink: none;
color: #f72626;
}
@media (hover: hover) {
.text a:not(.button):hover {
text-decoration: none;
}
}
.text ul {
margin-bottom: 14px;
}
.text ul ul {
margin-top: 10px;
}
.text ul:has(ul) {
padding-left: 20px;
}
.text ul:has(ul) ul {
padding-left: 20px;
}
.text ul:has(ul) li {
list-style: disc;
padding-left: 0;
}
.text ul:has(ul) li::before {
content: none !important;
}
.text ul:last-child {
margin-bottom: 0;
}
.text ul li {
position: relative;
padding-left: 32px;
margin-bottom: 11px;
}
.text ul li:last-child {
margin-bottom: 0;
}
.text ul li::before {
content: '';
width: 19px;
height: 19px;
position: absolute;
top: 1px;
left: 3px;
background: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/icons/check.svg) no-repeat center / contain;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
font-family: 'Manrope', sans-serif;
font-weight: 600;
line-height: 1.2;
margin-bottom: 7px;
}
@media screen and (max-width: 600px) {
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
margin-bottom: 9px;
}
}
.text h1 {
font-size: 45px;
}
@media screen and (max-width: 1200px) {
.text h1 {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.text h1 {
font-size: 35px;
}
}
@media screen and (max-width: 600px) {
.text h1 {
font-size: 40px;
background-color: #ffffff;
border-radius: 15px;
}
}
.text h2 {
font-size: 36px;
margin: 0 0 20PX;
}
@media screen and (max-width: 1200px) {
.text h2 {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.text h2 {
font-size: 27px;
}
}
@media screen and (max-width: 600px) {
.text h2 {
font-size: 25.5px;
margin: 0 0 20PX;
}
}
.text h3 {
font-size: 32px;
}
@media screen and (max-width: 1200px) {
.text h3 {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.text h3 {
font-size: 25px;
}
}
@media screen and (max-width: 600px) {
.text h3 {
font-size: 23.5px;
}
}
.text h4 {
font-size: 24px;
}
@media screen and (max-width: 768px) {
.text h4 {
font-size: 22px;
}
}
@media screen and (max-width: 600px) {
.text h4 {
font-size: 20.5px;
}
}
.text h5 {
font-size: 18px;
font-weight: 800;
}
@media screen and (max-width: 768px) {
.text h5 {
font-size: 16px;
}
}
.text h6 {
font-weight: 800;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.text h6 {
font-size: 14px;
}
}
.text thead {
font-weight: bold;
}
.text li:has(table) {
background: #fff3f3;
border-radius: 15px;
padding: 14px 15px;
padding-left: 51px;
}
@media screen and (max-width: 600px) {
.text li:has(table) {
background: #fff;
}
}
.text li:has(table)::before {
left: 20px;
top: 16px;
}
.text li table {
height: auto !important;
}
.text li table tr {
height: auto !important;
}
.text li table td {
height: auto !important;
}
.text li table td:last-child {
text-align: right;
}
@media screen and (max-width: 600px) {
.text li table tr {
display: block;
}
.text li table td {
display: block;
width: 100% !important;
}
.text li table td:last-child {
margin-top: 7px;
text-align: left;
color: #1f1f1f;
font-weight: 700;
}
}
.text .custom-icon-list li::before {
background-image: var(--icon) !important;
}
.text_gray {
color: #6e6e6e;
}
.text_white {
color: #fff;
}
.text_white ul li::before {
background-image: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/icons/check-2.svg);
}
.text_18 {
font-size: 16px;
}
@media screen and (max-width: 600px) {
.text_18 {
font-size: 14px;
}
}
.text_18 ul li {
padding-left: 37px;
}
@media screen and (max-width: 600px) {
.text_18 ul li {
margin-bottom: 5px;
font-size:12px;
}
}
.text_18 ul li::before {
width: 22px;
height: 22px;
}
.text_13 {
font-size: 13px;
letter-spacing: 0;
}
.text_13 ul li {
padding-left: 29px;
margin-bottom: 7px;
}
@media screen and (max-width: 600px) {
.text_13 ul li {
margin-bottom: 5px;
}
}
.text_13 ul li::before {
width: 15px;
height: 15px;
}
.text_strong_2 ul {
padding-left: 20px;
}
.text_strong_2 ul strong {
font-weight: 800;
color: #f72626;
}
.text_strong_2 ul li {
list-style: disc;
padding-left: 0;
}
.text_strong_2 ul li::marker {
color: #f72626;
}
.text_strong_2 ul li::before {
content: none;
}
.text_ul_bg ul li {
background: #363636;
border-radius: 10px;
padding: 10px 15px;
padding-left: 52px;
}
.text_ul_bg ul li::before {
top: 12px;
left: 20px;
}
.text .dt-container {
overflow-x: auto;
}
.dt-container,
.tablepress {
margin: 0 auto;
width: 100%;
position: relative;
z-index: 10;
padding: 0 20px;
max-width: 1450px;
margin-bottom: 30px !important;
}
.checkbox-bg {
position: relative;
display: block;
user-select: none;
}
.checkbox-bg__input {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
z-index: -10;
cursor: pointer;
}
.checkbox-bg__content {
display: flex;
gap: 10px;
background: #fff3f3;
border: 1px solid #fff3f3;
border-radius: 50px;
padding: 18px 22px;
transition: 0.3s;
}
@media screen and (max-width: 600px) {
.checkbox-bg__content {
padding: 11px 22px;
align-items: center;
min-height: 56px;
}
}
@media (hover: hover) {
.checkbox-bg:hover .checkbox-bg__content {
border-color: #f72626;
}
}
.checkbox-bg__input:checked + .checkbox-bg__content {
border-color: #f72626;
background: #f72626;
}
.checkbox-bg__button {
display: block;
flex: none;
border-radius: 100%;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #f72626;
will-change: border-width;
transition: border-color 0.3s;
}
.checkbox-bg__input:checked + .checkbox-bg__content .checkbox-bg__button {
background: transparent;
border-width: 7px;
border-color: #fff;
}
.checkbox-bg__text {
font-family: 'Onest', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #2f2f2f;
transition: 0.3s;
letter-spacing: 0;
}
@media screen and (max-width: 600px) {
.checkbox-bg__text {
font-size: 14px;
line-height: 1.2;
}
}
.checkbox-bg__input:checked + .checkbox-bg__content .checkbox-bg__text {
color: #fff;
}
.tabs {
display: inline-flex;
background: #fff3f3;
border: 1px solid #f72626;
border-radius: 15px;
overflow: hidden;
}
@media screen and (max-width: 1200px) {
.tabs {
display: flex;
}
}
@media screen and (max-width: 600px) {
.tabs {
flex-direction: column;
}
}
.tabs__tab {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
transition: 0.3s;
color: #1f1f1f;
padding: 17px 19px;
border-radius: 13px;
padding-right: 35px;
}
@media (hover: hover) {
.tabs__tab:hover {
color: #f72626;
}
}
@media screen and (max-width: 1200px) {
.tabs__tab {
flex: 1;
}
}
@media screen and (max-width: 600px) {
.tabs__tab {
font-size: 14px;
padding: 12px 32px;
}
}
.tabs__tab_active {
color: #fff !important;
background: #f72626;
}
.descp-ul-bg {
--icon: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/icons/check.svg);
}
.descp-ul-bg__el {
position: relative;
padding-left: 32px;
background: #fff3f3;
border-radius: 15px;
padding: 16px 47px;
padding-right: 10px;
margin-bottom: 5px;
min-height: 53px;
}
@media screen and (max-width: 600px) {
.descp-ul-bg__el {
background: #fff;
font-size: 14px;
padding: 12px 47px;
padding-right: 10px;
}
}
.descp-ul-bg__el:last-child {
margin-bottom: 0;
}
.descp-ul-bg__el::before {
content: '';
width: 19px;
height: 19px;
position: absolute;
top: 16px;
left: 18px;
background: var(--icon) no-repeat center / contain;
}
.slider-nav {
display: flex;
gap: 30px;
justify-content: flex-end;
}
@media screen and (max-width: 600px) {
.slider-nav_center {
justify-content: center;
}
}
.slider-nav__arr {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
}
.slider-nav__arr-icon path {
transition: 0.3s;
}
@media (hover: hover) {
.slider-nav__arr:hover .slider-nav__arr-icon path {
stroke: #1f1f1f;
}
}
.link {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #f72626;
transition: 0.3s;
}
@media (hover: hover) {
.link:hover {
text-decoration: none;
}
}
.slider-scrollbar {
position: static !important;
height: 5px !important;
background: #dfdfdf !important;
margin-top: 20px;
}
.slider-scrollbar .swiper-scrollbar-drag {
background: #f72626;
}
.crumbs__el {
display: inline;
font-family: 'Onest', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.4;
letter-spacing: 0em;
color: #5e7788;
}
.crumbs__el_active {
color: #2f2f2f82;
}
.info-icon {
display: inline-flex;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #6e6e6e;
gap: 5px;
}
.info-icon__icon {
flex: none;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.link-icon {
display: flex;
align-items: center;
gap: 10px;
}
.link-icon__icon {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 19px;
height: 19px;
margin-top: 2px;
}
.link-icon__content {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #6e6e6e;
transition: 0.3s;
}
@media (hover: hover) {
.link-icon:hover .link-icon__content {
color: #f72626;
}
}
.link-icon__link {
color: #f72626;
}
.text-border {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
text-align: center;
color: #1f1f1f;
background: #fff;
border: 1px dashed #6e6e6e;
border-radius: 10px;
padding: 20px 25px;
}
@media screen and (max-width: 600px) {
.text-border {
padding: 19px 23px;
}
}
.select {
position: relative;
z-index: 80;
}
.select__top {
display: flex;
align-items: center;
gap: 10px;
background: #f5f5f5;
border-radius: 10px;
padding: 10px 25px;
height: 57px;
}
.select__val {
flex: 1;
width: 10px;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.3;
color: #6e6e6e;
}
.select__arr {
flex: none;
}
.select__dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 999;
background: #f5f5f5;
border-radius: 10px;
margin-top: 10px;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25);
overflow: hidden;
display: none;
}
.select__dropdown-el {
padding: 15px 25px;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.3;
color: #6e6e6e;
transition: 0.3s;
}
.select__dropdown-el_active {
color: #f72626 !important;
}
.timer__title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 19px;
line-height: 1.3;
color: #fff;
margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
.timer__title {
margin-bottom: 8px;
}
}
.timer__content {
display: flex;
align-items: center;
gap: 2.5px;
}
.timer__dec {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 32px;
line-height: 1.3;
color: #fff;
}
@media screen and (max-width: 600px) {
.timer__dec {
font-size: 24px;
}
}
.timer__block {
border: 1px solid #515151;
border-radius: 15px;
padding: 13px 15px;
width: 92px;
height: 95px;
text-align: center;
}
@media screen and (max-width: 600px) {
.timer__block {
width: 64px;
height: 67px;
padding: 10px 4px;
}
}
.timer__block-count {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 50px;
line-height: 1;
color: #fff;
}
@media screen and (max-width: 600px) {
.timer__block-count {
font-size: 28px;
}
}
.timer__block-text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1;
color: #919191;
margin-top: 6px;
}
@media screen and (max-width: 600px) {
.timer__block-text {
font-size: 11px;
margin-top: 4px;
}
}
.button-zoom {
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
border-radius: 5px;
background: rgba(255, 255, 255, 0.8);
width: 36px;
height: 36px;
}
.button-zoom_2 {
width: 47px;
height: 47px;
}
@media screen and (max-width: 600px) {
.button-zoom_2 {
width: 56px;
height: 56px;
}
.button-zoom_2 svg {
width: 30px;
height: auto;
}
}
.media {
display: block;
font-size: 0;
position: relative;
}
.media__img {
width: 100%;
height: auto;
}
.media__button {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 2;
transition: 0.3s;
}
.media__button path {
transition: 0.3s;
}
@media (hover: hover) {
.media:hover .media__button {
background: #f72626;
}
.media:hover .media__button path {
stroke: #fff;
}
}
.list__el {
position: relative;
background: #fff3f3;
border-radius: 15px;
padding: 16px 15px;
min-height: 53px;
padding-left: 48px;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #1f1f1f;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 5px;
}
@media screen and (max-width: 600px) {
.list__el {
display: block;
background: #fff;
}
}
.list__el:last-child {
margin-bottom: 0;
}
.list__el::before {
content: '';
position: absolute;
top: 16px;
left: 19px;
width: 18px;
height: 18px;
background: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/icons/check.svg) no-repeat center / contain;
}
.list__price {
min-width: 120px;
text-align: right;
}
@media screen and (max-width: 600px) {
.list__price {
text-align: left;
font-weight: 700;
margin-top: 5px;
}
}
.form-file {
position: relative;
display: flex;
align-items: center;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1, 4;
color: #1f1f1f;
cursor: pointer;
gap: 7px;
transition: 0.3s;
}
@media (hover: hover) {
.form-file:hover {
color: #f72626;
}
}
@media screen and (max-width: 600px) {
.form-file {
font-size: 14px;
}
}
.form-file__input {
position: absolute;
opacity: 0;
bottom: 0;
left: 0;
cursor: pointer;
z-index: -999;
}
.form-file__icon {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 27px;
height: 27px;
}
.form-file__text {
display: block;
}
.button-close {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.search {
display: flex;
position: relative;
}
.search__input {
flex: 1;
width: 10px;
background: #f5f5f5;
border: 1px solid #f5f5f5;
display: block;
height: 56px;
border-radius: 10px;
padding: 0 20px;
padding-right: 70px;
transition: 0.3s;
}
@media only screen and (max-width: 768px) {
.search__input {
padding-left: 25px;
}
}
.search__input:focus {
border-color: #f72626;
}
.search__button {
flex: none;
background: #f72626;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 100%;
position: absolute;
top: 0;
right: 0;
height: 100%;
z-index: 10;
transition: 0.3s;
}
@media (hover: hover) {
.search__button:hover {
background: #ff5757;
}
}
.search__button:active {
background: #c90f0f;
}
.search form.is-search-form {
width: 100%;
display: flex;
background: #f5f5f5;
border: 1px solid #f5f5f5;
transition: 0.3s;
border-radius: 10px;
}
.search form.is-search-form:has(input:focus) {
border-color: #f72626;
}
@media (hover: hover) {
.search form.is-search-form:hover {
border-color: #f72626;
}
}
.search form.is-search-form label {
flex: 1;
width: 10px;
}
.search form.is-search-form .is-search-input {
border: 0 !important;
background: transparent !important;
height: 56px;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 14px !important;
line-height: 1;
color: #6e6e6e;
padding-left: 19px;
}
.search form.is-search-form .is-search-input::placeholder {
font-family: 'Manrope', sans-serif;
}
.search form.is-search-form button {
flex: none;
border-radius: 10px;
background: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/search-icon.svg) no-repeat center / contain;
background-color: #f72626;
background-size: 20px;
width: 56px;
height: 56px;
transition: 0.3s;
}
@media (hover: hover) {
.search form.is-search-form button:hover {
background-color: #ff5757;
}
}
.search form.is-search-form button:active {
background-color: #c90f0f;
}
.search form.is-search-form button * {
display: none !important;
}
.is-ajax-search-posts .is-ajax-search-post {
padding: 0;
}
.is-ajax-search-posts .is-ajax-search-post a {
display: block;
padding: 15px;
color: #f72626;
}
.is-ajax-search-posts .meta,
.is-ajax-search-posts .is-search-content {
display: none;
}
@media screen and (min-width: 992px) {
.is-ajax-search-result {
max-width: 377px !important;
box-sizing: border-box !important;
}
}
.form {
background: #fff;
border-radius: 15px;
padding: 27px 31px;
}
@media only screen and (max-width: 600px) {
.form {
padding: 22px 25px;
}
}
.form__els {
margin-top: 12px;
}
.form__el {
margin-top: 10px;
}
.form__el:first-child {
margin-top: 0;
}
.form__title_2 {
font-weight: 700;
letter-spacing: 0;
}
.form__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.7;
color: #1f1f1f;
margin-top: 5px;
}
.form__text strong {
display: inline-flex;
color: #f72626;
font-weight: 700;
background: #fff3f3;
border-radius: 6px;
line-height: 1;
padding: 7.5px 7.5px;
}
.form__text-price {
display: inline-block;
color: #f72626;
font-weight: 700;
background: #fff3f3;
border-radius: 6px;
line-height: 1;
padding: 7.5px 7.5px;
}
.form__button {
width: 100%;
margin-top: 15px;
}
@media only screen and (max-width: 600px) {
.form__button {
padding-left: 10px;
padding-right: 10px;
}
}
.form__checkbox {
margin-top: 14px;
}
.form__info {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.4;
text-align: center;
color: #1f1f1f;
background: #fff3f3;
border-radius: 6px;
padding: 5px 8px;
margin-top: 10px;
}
.form__text-2 {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 10px;
line-height: 1.4;
text-align: center;
color: #000;
margin-top: 13px;
}
@media screen and (max-width: 991px) {
.form__title_mob_hide {
display: none;
}
}
.form__file {
margin-top: 15px;
}
.form-grid__row {
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
gap: 16px 0;
margin-top: 28px;
}
@media screen and (max-width: 768px) {
.form-grid__row {
margin-top: 15px;
}
}
@media screen and (max-width: 600px) {
.form-grid__row {
gap: 11px 0;
margin-top: 20px;
}
}
.form-grid__row:first-child {
margin-top: 0;
}
.form-grid__row_2 {
margin-top: 11px;
}
.form-grid__row-col {
width: 50%;
padding: 0 8px;
}
@media screen and (max-width: 768px) {
.form-grid__row-col {
width: 100%;
}
}
.form-grid__row-col_3 {
width: 33.33333%;
}
@media screen and (max-width: 991px) {
.form-grid__row-col_3 {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.form-grid__row-col_3 {
width: 100%;
}
}
.form-grid__button {
width: 100%;
}
.form-grid__info {
font-size: 13px;
}
.mobile-menu {
position: fixed;
top: 0;
top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
left: 0;
width: 100%;
bottom: 0;
overflow-y: auto;
z-index: 200;
background: rgba(20, 20, 20, 0.95);
display: none;
}
.mobile-menu__wrap {
padding: 42px 22px;
}
@media screen and (max-width: 768px) {
.mobile-menu__wrap {
padding: 20px 0;
}
}
.mobile-menu__top {
display: flex;
align-items: flex-start;
gap: 20px;
justify-content: space-between;
}
.mobile-menu__close {
flex: none;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
width: 40px;
height: 40px;
background: #f72626;
}
.mobile-menu__contact {
color: #fff !important;
margin-bottom: 10px;
}
.mobile-menu__contact:last-child {
margin-bottom: 0;
}
.mobile-menu__search {
margin-top: 18px;
}
.mobile-menu__links {
margin-top: 21px;
}
.mobile-menu__links-el {
margin-bottom: 20px;
}
.mobile-menu__links-el.mobile-menu__links-el--active-parent > .mobile-menu__links-link {
color: #ff9292;
}
.mobile-menu__links-el.mobile-menu__links-el--active-parent > .mobile-menu__links-link path {
fill: #ff9292;
}
.mobile-menu__links-el.mobile-menu__links-el--active > .mobile-menu__links-dropdown-link {
color: #ff9292;
}
.mobile-menu__links-el.mobile-menu__links-el--active > .mobile-menu__links-link {
color: #ff9292;
}
.mobile-menu__links-el:last-child {
margin-bottom: 0;
}
.mobile-menu__links-link {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
color: #fff;
display: flex;
align-items: center;
transition: 0.3s;
}
.mobile-menu__links-link:active {
color: #ff9292;
}
.mobile-menu__links-link:active path {
fill: #ff9292;
}
.mobile-menu__links-el.active .mobile-menu__links-link {
color: #ff9292;
}
.mobile-menu__links-el.active .mobile-menu__links-link path {
fill: #ff9292;
}
.mobile-menu__links-arrow {
flex: none;
margin-left: 8px;
}
.mobile-menu__links-arrow path {
transition: 0.3s;
}
.mobile-menu__links-dropdown {
padding-left: 20px;
margin-top: 14px;
display: none;
}
.mobile-menu__links-dropdown-el {
margin-bottom: 12px;
}
.mobile-menu__links-dropdown-el.mobile-menu__links-el--active > .mobile-menu__links-dropdown-link {
color: #ff9292;
}
.mobile-menu__links-dropdown-el:last-child {
margin-bottom: 0;
}
.mobile-menu__links-dropdown-link {
display: block;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
color: #cecece;
transition: 0.3s;
}
.mobile-menu__links-dropdown-link:active {
color: #ff9292;
}
.mobile-menu__links-dropdown-link:active path {
fill: #ff9292;
}
.mobile-menu__button {
width: 100%;
margin-top: 30px;
}
.card-price {
display: block;
background-color: #fff;
border-radius: 20px;
padding: 31px 30px;
height: 100%;
position: relative;
overflow: hidden;
transition: background-color 1s;
box-shadow:8px 4px 19px rgb(0 0 0 / .25);
}
@media screen and (max-width: 600px) {
.card-price {
padding: 20px 22px;
}
}
@media (hover: hover) {
.card-price:hover {
background-color: #f72626;
}
}
.card-price__bg {
position: absolute;
top: 0;
right: 0;
z-index: 1;
pointer-events: none;
}
.card-price__bg path {
transition: 0.3s;
}
@media (hover: hover) {
.card-price:hover .card-price__bg path {
fill: #ff4141;
}
}
.card-price__content {
position: relative;
z-index: 10;
}
.card-price__title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 1.3;
color: #1f1f1f;
letter-spacing: 0.04em;
transition: 0.3s;
}
@media screen and (max-width: 600px) {
.card-price__title {
font-size: 24px;
}
}
@media (hover: hover) {
.card-price:hover .card-price__title {
color: #fff;
}
}
.card-price__descrp {
margin-top: 11px;
}
@media screen and (max-width: 600px) {
.card-price__descrp {
margin-top: 15px;
}
}
.card-price__descrp-el {
position: relative;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #1f1f1f;
padding-left: 32px;
margin-bottom: 12px;
transition: 0.3s;
--icon: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/icons/check.svg);
--icon_hover: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/icons/check-white.svg);
}
@media screen and (max-width: 600px) {
.card-price__descrp-el {
padding-left: 29px;
font-size: 14px;
margin-bottom: 7px;
}
}
@media (hover: hover) {
.card-price:hover .card-price__descrp-el {
color: #fff;
}
}
.card-price__descrp-el:last-child {
margin-bottom: 0;
}
.card-price__descrp-el::before {
content: '';
width: 19px;
height: 19px;
position: absolute;
top: 3px;
left: 3px;
background: var(--icon) no-repeat center / contain;
}
@media screen and (max-width: 600px) {
.card-price__descrp-el::before {
top: 0px;
}
}
@media (hover: hover) {
.card-price:hover .card-price__descrp-el::before {
background-image: var(--icon_hover);
}
}
.card-price__price {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 27px;
line-height: 1.2;
color: #f72626;
margin-top: 24px;
transition: 0.3s;
}
@media screen and (max-width: 600px) {
.card-price__price {
font-size: 24px;
margin-top: 17px;
}
}
@media (hover: hover) {
.card-price:hover .card-price__price {
color: #fff;
}
}
.card-price__info {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
color: #1f1f1f;
margin-top: 6px;
transition: 0.3s;
}
@media (hover: hover) {
.card-price:hover .card-price__info {
color: #fff;
}
}
.card-price__button {
margin-top: 25px;
padding: 21px 10px;
width: 100%;
font-size: 14px;
transition: 0.3s;
}
@media screen and (max-width: 600px) {
.card-price__button {
padding: 10px 10px;
margin-top: 20px;
}
}
@media (hover: hover) {
.card-price:hover .card-price__button {
background: #fff;
color: #f72626;
}
}
.card-price__info-border {
margin-top: 24px;
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 600px) {
.card-price__info-border {
margin-top: 15px;
}
}
.block-about {
display: flex;
gap: 20px;
}
.block-about__left {
flex: 1;
width: 10px;
}
.block-about__img {
flex: none; width: 49%;
}
.block-about__img picture{
border-radius: 15px; height: 100%;
}
@media screen and (max-width: 991px) {
.block-about__img {
display: none;
}
}
.block-about__img_2 {
width: 31%;
}
@media screen and (max-width: 600px) {
.block-about__title br {
display: none;
}
}
.block-about__text {
margin-top: 20px;
}
@media screen and (max-width: 600px) {
.block-about__text {
margin-top: 15px;
}
}
.card-descrp {
background: #fff3f3;
border-radius: 15px;
padding: 27px 30px;
height: 100%;
position: relative;
overflow: hidden;
transition: 0.3s;
box-shadow:8px 4px 19px rgb(0 0 0 / .25);
}
@media screen and (max-width: 600px) {
.card-descrp {
padding: 15px 20px;
border-radius: 20px;
}
}
.card-descrp_white {
background: #fff;
}
@media screen and (max-width: 600px) {
.card-descrp_white {
padding: 24px 31px;
}
}
@media (hover: hover) {
.card-descrp_white:hover {
background: #1f1f1f;
}
}
@media screen and (max-width: 600px) {
.card-descrp_2 {
padding: 20px;
}
.card-descrp_2 .card-descrp__icon {
display: none;
}
.card-descrp_2 .card-descrp__bg {
display: none;
}
.card-descrp_2 .card-descrp__text {
margin-top: 8px;
}
}
.card-descrp__icon {
flex: none;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #fff3f3;
width: 55px;
height: 55px;
padding: 13px;
margin-bottom: 13px;
}
.card-descrp__content {
position: relative;
z-index: 10;
}
.card-descrp__bg {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
pointer-events: none;
}
.card-descrp__bg path {
transition: 0.3s;
}
@media (hover: hover) {
.card-descrp_white:hover .card-descrp__bg path {
fill: #363636;
}
}
.card-descrp__title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.3;
color: #1f1f1f;
transition: 0.3s;
letter-spacing: 0.034em;
}
@media screen and (max-width: 600px) {
.card-descrp__title {
font-size: 18px;
}
}
@media screen and (max-width: 600px) {
.card-descrp_white .card-descrp__title {
font-size: 24px;
}
}
@media (hover: hover) {
.card-descrp_white:hover .card-descrp__title {
color: #fff;
}
}
.card-descrp__title_2 {
font-size: 18px !important;
}
.card-descrp__text {
margin-top: 15px;
transition: 0.3s;
}
@media (hover: hover) {
.card-descrp_white:hover .card-descrp__text {
color: #fff;
}
}
.card-descrp__text ul li {
margin-bottom: 10px;
}
@media screen and (max-width: 600px) {
.card-descrp__text ul li {
margin-bottom: 8px;
}
}
@media screen and (max-width: 600px) {
.card-descrp_white .card-descrp__text ul li {
margin-bottom: 12.6px;
}
}
.card-descrp__link {
margin-top: 8px;
}
.card-info-count {
display: block;
height: 100%;
text-align: center;
background: #fff;
border-radius: 20px;
padding: 30px 0px;
}
@media screen and (max-width: 600px) {
.card-info-count {
padding: 32px 17px;
}
}
.card-info-count__title {
font-family: 'Manrope', sans-serif;
font-weight: 800;
font-size: 60px;
line-height: 1.2;
color: #f72626;
}
.card-info-count__title span {
display: inline !important;
}
@media screen and (max-width: 1200px) {
.card-info-count__title {
font-size: 50px;
}
}
@media screen and (max-width: 600px) {
.card-info-count__title {
font-size: 32px;
}
}
.card-info-count__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #2f2f2f;
}
@media screen and (max-width: 600px) {
.card-info-count__text {
font-size: 14px;
}
}
.block-calc {
background:linear-gradient(91.98deg, rgb(245, 245, 250) 15.3%, rgb(250, 236, 230) 95.73%);
border: 2px solid #f72626;
border-radius: 20px;
overflow: hidden;
padding: 37px 45px;
padding-bottom: 44px;
min-height: 462px;
position: relative;
box-shadow:8px 4px 19px rgb(0 0 0 / .25);
}
@media screen and (max-width: 1200px) {
.block-calc {
padding-right: 200px;
}
}
@media screen and (max-width: 991px) {
.block-calc {
padding: 30px;
}
}
@media screen and (max-width: 600px) {
.block-calc {
padding: 14px 20px;
padding-bottom: 20px;
}
}
.block-calc__bg {
position: absolute;
top: 0;
right: 0;
z-index: 1;
pointer-events: none;
}
@media screen and (max-width: 1200px) {
.block-calc__bg {
max-width: 200px;
}
}
@media screen and (max-width: 991px) {
.block-calc__bg {
display: none;
}
}
.block-calc__bg-2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
.block-calc__title {
max-width: 765px;
font-size: 33.8px;
line-height: 1.3;
}
@media screen and (max-width: 600px) {
.block-calc__title {
font-size: 18px;
}
}
.block-calc__title-2 {
font-size: 24px;
}
@media screen and (max-width: 600px) {
.block-calc__title-2 {
font-size: 18px;
}
}
.block-calc__text {
color: #6e6e6e;
margin-top: 15px;
max-width: 800px;
}
.block-calc__loading {
display: flex;
align-items: center;
gap: 20px;
margin-top: 14px;
}
@media screen and (max-width: 768px) {
.block-calc__loading {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
}
.block-calc__loading-text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #1f1f1f;
}
.block-calc__loading-progress {
position: relative;
max-width: 824px;
width: 100%;
background: #fff;
overflow: hidden;
height: 15px;
border-radius: 50px;
}
@media screen and (max-width: 1450px) {
.block-calc__loading-progress {
max-width: 600px;
}
}
.block-calc__loading-progress-shape {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0%;
background: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/loading-shape.svg) no-repeat;
background-repeat: repeat-x;
background-color: #f72626;
border-radius: 50px;
transition: 0.3s;
max-width: 100%;
animation: moveProgressBar 10s linear infinite alternate; }
@keyframes moveProgressBar {
from {
background-position: 0% 0%;
}
to {
background-position: 100% 0%; }
}
body {
background-image: url(//a2cert.ru/wp-content/themes/a2-cert/assets/css/your-image.jpg);
background-size: cover;
}
.block-calc__content {
margin-top: 26px;
}
@media screen and (max-width: 600px) {
.block-calc__content {
margin-top: 18px;
}
}
.block-calc__step:not(:first-child) {
display: none;
}
.block-calc__step-title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 25.5px;
line-height: 1.3;
color: #1f1f1f;
}
@media screen and (max-width: 600px) {
.block-calc__step-title {
font-size: 18px;
}
}
.block-calc__step-choose {
margin-top: 17px;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
@media screen and (max-width: 768px) {
.block-calc__step-choose {
gap: 10px;
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.block-calc__step-choose {
margin-top: 15px;
}
}
@media screen and (max-width: 768px) {
.block-calc__step-checkbox {
width: 100%;
}
}
.block-calc__prev {
display: none;
flex: none;
}
.block-calc__bottom {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin-top: 30px;
}
@media screen and (max-width: 600px) {
.block-calc__bottom {
margin-top: 25px;
}
}
.block-calc__button {
width: 100%;
max-width: 344px;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.block-calc__button {
max-width: none;
flex: 1;
width: 10px;
}
}
.block-calc__wrap {
position: relative;
z-index: 10;
}
.block-calc__final {
display: none;
position: relative;
z-index: 10;
}
@media screen and (max-width: 1450px) {
.block-calc__final {
max-width: 800px;
}
}
.block-calc__final-content {
margin-top: 40px;
line-height: 1.3;
}
.block-calc__form {
margin-top: 28px;
max-width: 704px;
width: 100%;
}
.block-calc__el {
max-width: 344px;
width: 100%;
margin-top: 16px;
}
.block-form {
overflow: hidden;
position: relative;
background: #1f1f1f;
border-radius: 20px;
padding: 41px 40px;
padding-bottom: 51px;
box-shadow:8px 4px 19px rgb(0 0 0 / .25);
}
.block-form_visible {
overflow: visible;
}
.block-form_white {
background: #fff;
}
@media screen and (max-width: 1200px) {
.block-form {
padding: 30px;
}
}
@media screen and (max-width: 600px) {
.block-form {
padding: 20px 25px;
box-shadow: 8px 4px 19px rgba(0,0,0,0.25);
}
}
.block-form__shape {
position: absolute;
top: 0;
right: 0;
z-index: 1;
pointer-events: none;
user-select: none;
}
@media screen and (max-width: 991px) {
.block-form__shape {
max-width: 200px;
}
}
.block-form__bg {
position: absolute;
bottom: 0;
right: 9px;
z-index: 2;
pointer-events: none;
aspect-ratio: 1.01;
width: 33.13%;
}
@media screen and (max-width: 1200px) {
.block-form__bg {
right: 0;
width: 30%;
}
}
@media screen and (max-width: 991px) {
.block-form__bg {
display: none;
}
}
.block-form__bg-full {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.block-form__bg_2 {
max-height: 100%;
right: 0;
}
.block-form__diplome {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 40%;
object-fit: contain;
z-index: 2;
}
.block-form__diplome_wrapper{
position: absolute;
top: 41px;
right: 0;
height: 100%;
width: 40%;
z-index: 2;
}
.block-form__diplome_wrapper .block-form__diplome{
position: relative;
top: auto;
right: auto;
height: auto;
width: auto;
object-fit: contain;
z-index: 2;
}
@media screen and (max-width: 1450px) {
.block-form__diplome {
width: 30%;
}
}
@media screen and (max-width: 991px) {
.block-form__diplome_wrapper .picture-caption,
.block-form__diplome {
display: none;
}
}
.block-form__content {
position: relative;
z-index: 10;
}
.block-form__content_2 {
max-width: 704px;
width: 100%;
}
.block-form__title {
color: #fff;
font-size: 33.6px;
}
.block-form_white .block-form__title {
color: #1f1f1f;
}
@media screen and (max-width: 600px) {
.block-form__title {
font-size: 18px;
background-color: #f7f7f7;
padding-left: 12px;
}
}
@media screen and (max-width: 1450px) {
.block-form__title br {
display: none;
}
}
.block-form__text {
margin-top: 20px;
}
@media screen and (max-width: 600px) {
.block-form__text {
margin-top: 14px;
}
}
.block-form__text_2 strong {
color: #ff9c9c;
}
.block-form__text_2 ul {
background: #363636;
border-radius: 15px;
padding: 15px 20px;
margin-top: 20px;
}
@media screen and (max-width: 600px) {
.block-form__text_2 ul {
padding: 15px 14px;
}
}
.block-form__info-2 {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #adadad;
margin-bottom: 31px;
}
@media screen and (max-width: 600px) {
.block-form__info-2 {
margin-bottom: 0;
}
}
.block-form__info {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #fff;
margin-top: 20px;
}
.block-form__info strong {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
font-family: 'Manrope', sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 1.4;
color: #f72626;
background: #fff3f3;
border-radius: 6px;
padding: 7px 10px;
margin: 0 9px;
}
@media screen and (max-width: 600px) {
.block-form__info strong {
margin-left: 0;
margin-right: 0;
padding: 5px 7px;
font-size: 14px;
}
}
@media screen and (max-width: 600px) {
.block-form__info {
line-height: 1.2;
}
}
@media screen and (max-width: 600px) {
.block-form__info_2 {
margin-top: 8px;
}
}
.block-form__info-sale {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
font-family: 'Manrope', sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 1.4;
color: #f72626;
background: #fff3f3;
border-radius: 6px;
padding: 7px 10px;
margin: 0 9px;
}
@media screen and (max-width: 600px) {
.block-form__info-sale {
margin-left: 0;
margin-right: 0;
font-size: 14px;
}
}
.block-form__form {
max-width: 704px;
width: 100%;
margin-top: 23px;
}
@media screen and (max-width: 600px) {
.block-form__form {
margin-top: 20px;
}
}
.block-form__form-2 {
margin-top: 47px;
max-width: 1000px;
width: 100%;
}
@media screen and (max-width: 600px) {
.block-form__form-2 {
margin-top: 15px;
}
}
.block-form__flex {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 32px;
}
@media screen and (max-width: 1450px) {
.block-form__flex {
gap: 30px;
}
}
@media screen and (max-width: 991px) {
.block-form__flex {
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.block-form__flex {
gap: 24px 0;
}
}
.block-form__flex-left {
flex: 1;
width: 10px;
max-width: 779px;
}
@media screen and (max-width: 991px) {
.block-form__flex-left {
width: 100%;
max-width: 100%;
}
}
.block-form__flex-left_2 {
max-width: 888px;
}
.block-form__flex-right {
flex: none;
width: 414px;
margin-top: 9px;
}
@media screen and (max-width: 991px) {
.block-form__flex-right {
width: 100%;
margin-top: 0;
padding: 0;
background: transparent;
}
.block-form__flex-right .form__text-2 {
color: #fff;
}
.block-form__flex-right .form__title_2 {
color: #fff;
}
}
.block-form__flex-right_2 {
margin-top: 0;
align-self: center;
}
@media screen and (max-width: 600px) {
.block-form__flex-right_2 .form__title_2 {
display: none;
}
}
.block-form__learn {
margin-top: 35px;
letter-spacing: 0;
}
@media screen and (max-width: 600px) {
.block-form__learn {
margin-top: 21px;
}
}
.block-form__learn-title {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.4;
color: #fff;
text-decoration: underline;
text-decoration-color: rgb(255 128 128 / 50%);
}
@media screen and (max-width: 600px) {
.block-form__learn-title {
font-size: 14px;
}
}
.block-form__learn-content {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-top: 10px;
}
.block-form__learn-el {
font-family: 'Manrope', sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 1.4;
color: #9b313f;
background: #fff3f3;
border-radius: 6px;
padding: 7px 10px;
}
.block-form__learn-text {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
color: #fff;
}
@media screen and (max-width: 600px) {
.block-form__learn-text {
display: none;
}
}
.block-form__title-2 {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #1f1f1f;
margin-top: 18px;
margin-bottom: 15px;
}
@media screen and (max-width: 600px) {
.block-form__title_mob_size {
font-size: 24px;
}
}
.block-form__descrp {
--icon: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/icons/check-2.svg);
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
gap: 10px 0;
margin-top: 20px;
letter-spacing: 0;
}
@media screen and (max-width: 600px) {
.block-form__descrp {
gap: 5px 0;
}
}
.block-form__descrp-col {
padding: 0 5px;
}
@media screen and (max-width: 1200px) {
.block-form__descrp-col {
width: 100% !important;
}
}
.block-form__descrp-col:nth-child(1n) {
width: 58%;
}
.block-form__descrp-col:nth-child(3n) {
width: 58%;
}
.block-form__descrp-col:nth-child(2n) {
width: 42%;
}
.block-form__descrp-el {
position: relative;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #fff;
background: #363636;
border-radius: 10px;
padding: 13px 15px;
padding-left: 52px;
min-height: 50px;
height: 100%;
position: relative;
}
@media screen and (max-width: 600px) {
.block-form__descrp-el {
border-radius: 8px;
padding: 10px 15px;
padding-left: 41px;
font-size: 14px;
}
}
.block-form__descrp-el::before {
content: '';
width: 19px;
height: 19px;
position: absolute;
top: 15px;
left: 20px;
background: var(--icon) no-repeat center / contain;
}
@media screen and (max-width: 600px) {
.block-form__descrp-el::before {
top: 12px;
left: 12px;
}
}
.block-form__form-grid {
margin-top: 15px;
}
.block-text-img {
display: flex;
justify-content: space-between;
gap: 30px;
}
@media screen and (max-width: 991px) {
.block-text-img {
flex-direction: column;
}
}
.block-text-img__left {
flex: 1;
width: 10px;
max-width: 650px;
}
@media screen and (max-width: 991px) {
.block-text-img__left {
width: 100%;
max-width: 100%;
}
}
.block-text-img__right {
flex: none;
width: 491px;
}
@media screen and (max-width: 1200px) {
.block-text-img__right {
width: 40%;
}
}
@media screen and (max-width: 991px) {
.block-text-img__right {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.block-text-img__title br {
display: none;
}
}
.block-text-img__text {
margin-top: 20px;
}
@media screen and (max-width: 600px) {
.block-text-img__text {
margin-top: 13px;
}
}
.block-text-img__button {
margin-top: 35px;
}
@media screen and (max-width: 600px) {
.block-text-img__button {
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
}
.block-text-img__img {
display: block;
width: 100%;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.25);
aspect-ratio: 0.71;
object-fit: cover;
}
.block-tabs {
display: flex;
align-items: flex-start;
gap: 33px;
}
@media screen and (max-width: 1200px) {
.block-tabs {
margin-right: 0 !important;
margin-bottom: 0 !important;
}
}
.block-tabs__left {
flex: 1;
width: 10px;
margin-top: 40px;
padding-bottom: 40px;
}
@media screen and (max-width: 1200px) {
.block-tabs__left {
width: 100%;
padding-bottom: 0;
}
}
@media screen and (max-width: 600px) {
.block-tabs__left {
margin-top: 19px;
}
}
.block-tabs__tabs {
position: relative;
}
@media screen and (max-width: 600px) {
.block-tabs__tabs {
padding-right: 36px;
}
}
.block-tabs__tabs-shape {
display: none;
}
@media screen and (max-width: 600px) {
.block-tabs__tabs-shape {
display: block;
position: absolute;
top: 50%;
right: 14px;
z-index: 1;
pointer-events: none;
transform: translateY(-50%);
}
}
.block-tabs__right {
flex: none;
width: 39.5%;
align-self: flex-end;
}
@media screen and (max-width: 1200px) {
.block-tabs__right {
display: none;
}
}
.block-tabs__img {
display: block;
width: 100%;
aspect-ratio: 0.94;
}
.block-tabs__content {
margin-top: 20px;
}
@media screen and (max-width: 600px) {
.block-tabs__content {
margin-top: 13px;
}
}
.block-tabs__content-block:not(:first-child) {
display: none;
}
.block-tabs__buttons {
display: flex;
margin-top: 30px;
gap: 20px;
}
@media screen and (max-width: 1450px) {
.block-tabs__buttons {
flex-direction: column;
}
}
@media screen and (max-width: 1200px) {
.block-tabs__buttons {
flex-direction: row;
}
}
@media screen and (max-width: 768px) {
.block-tabs__buttons {
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.block-tabs__buttons {
margin-top: 20px;
gap: 10px;
}
}
.block-tabs__buttons-button {
flex: 1;
width: 10px;
padding-left: 10px;
padding-right: 10px;
}
@media screen and (max-width: 1450px) {
.block-tabs__buttons-button {
width: 100%;
}
}
.card-article {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 20px;
background: #fff;
border-radius: 20px;
height: 100%;
box-shadow: 8px 4px 19px rgb(0 0 0 / .25);
}
.card-article__img {
display: block;
object-fit: contain;  border-radius: 15px;
height: 217px;
margin: 0 auto;
}
@media screen and (max-width: 600px) {
.card-article__img {
aspect-ratio: 1.35;
}
}
.card-article__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
width: 100%;
gap: 10px;
}
.card-article__date {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #6e6e6e;
}
.card-article__title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #1f1f1f;
margin-top: 10px;
}
.card-article__title:first-child {
margin-top: 0;
}
.card-article__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #6e6e6e;
margin-top: 5px;
}
@media screen and (max-width: 1450px) {
.card-article__text {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
}
@media screen and (max-width: 600px) {
.card-article__text {
font-size: 14px;
}
}
.card-article__link {
margin-top: 5px;
}
@media (hover: hover) {
.card-article:hover .card-article__link {
text-decoration: none;
}
}
.faq__row {
margin-bottom: 10px;
}
.faq__row:last-child {
margin-bottom: 0;
}
.faq__el {
background: #fff;
border: 1px solid #fff;
border-radius: 10px;
transition: 0.3s;
}
@media (hover: hover) {
.faq__el:hover {
border-color: #f72626;
}
}
.faq__el:last-child {
margin-bottom: 0;
}
.faq__el_active {
background: #ebebeb;
}
.faq__el-top {
display: flex;
gap: 10px;
padding: 25px 36px;
}
@media screen and (max-width: 600px) {
.faq__el-top {
padding: 20px 25px;
}
}
.faq__el-title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 19px;
line-height: 1.3;
color: #1f1f1f;
}
@media screen and (max-width: 600px) {
.faq__el-title {
font-size: 16px;
}
}
.faq__el-button {
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
margin-left: auto;
user-select: none;
}
.faq__el_active .faq__el-button-icon path:first-child {
display: none;
}
.faq__el-dropdown {
padding: 25px 36px;
padding-top: 0;
margin-top: -10px;
display: none;
}
@media screen and (max-width: 600px) {
.faq__el-dropdown {
padding: 20px 25px;
padding-top: 0;
margin-top: -6px;
}
}
.card-review {
display: block;
position: relative;
text-decoration: none !important;
}
.card-review__img {
display: block;
width: 100%;
aspect-ratio: 0.72;
object-fit: contain;
position: relative;
z-index: 1;
}
.card-review__button {
position: absolute;
z-index: 10;
bottom: 22px;
right: 22px;
transition: 0.3s;
}
.card-review__button path {
transition: 0.3s;
}
@media (hover: hover) {
.card-review:hover .card-review__button {
background: #f72626;
}
.card-review:hover .card-review__button path {
stroke: #fff;
}
}
.card-review-2 {
text-decoration: none !important;
display: block;
background: #fff;
border-radius: 20px;
padding: 20px 25px;
height: 100%;
}
.card-review-2__top {
display: flex;
align-items: center;
justify-content: space-between;
}
.card-review-2__name {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #4b4b4b;
}
.card-review-2__rating {
display: flex;
align-items: center;
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #4b4b4b;
gap: 5px;
}
.card-review-2__rating-star {
flex: none;
}
.card-review-2__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #4b4b4b;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
@media screen and (max-width: 600px) {
.card-review-2__text {
font-size: 14px;
}
.card-review-2__text br {
display: none;
}
}
.card-review-2__link {
display: flex;
align-items: center;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #2189d4;
gap: 8px;
margin-top: 10px;
transition: 0.3s;
}
@media screen and (max-width: 600px) {
.card-review-2__link {
font-size: 14px;
}
}
@media (hover: hover) {
.card-review-2:hover .card-review-2__link {
color: #f72626;
}
}
.card-review-2__link-icon {
flex: none;
width: 22px;
height: 30px;
}
.card-review-platform {
text-decoration: none !important;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
background: #fff;
border: 1px solid #fff;
border-radius: 20px;
padding: 31px 41px;
transition: 0.3s;
}
@media (hover: hover) {
.card-review-platform:hover {
border-color: #f72626;
}
}
@media screen and (max-width: 600px) {
.card-review-platform {
padding: 22px 22px;
min-height: 166px;
}
}
.card-review-platform__logo {
height: 57px;
width: auto;
object-fit: scale-down;
}
.card-review-platform__info {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
text-align: center;
color: #6e6e6e;
margin-top: 5px;
}
@media screen and (max-width: 600px) {
.card-review-platform__info {
font-size: 14px;
margin-top: -3px;
}
}
.card-review-platform__val {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 1.3;
text-align: center;
color: #1f1f1f;
margin-top: 10px;
}
@media screen and (max-width: 600px) {
.card-review-platform__val {
font-size: 24px;
margin-top: 4px;
}
}
.audio-player .plyr__menu {
display: none;
}
.audio-player .plyr__controls {
background: #1f1f1f;
border-radius: 30px;
}
.audio-player .plyr__control[data-plyr='play'] {
border-radius: 100%;
padding: 0;
width: 40px;
height: 40px;
background: #f72626;
display: flex;
align-items: center;
justify-content: center;
}
.audio-player .plyr__control[data-plyr='play'] .icon--not-pressed {
margin-left: 5px;
}
.audio-player .plyr__control[data-plyr='play'].plyr__control--overlaid {
display: none;
}
.audio-player .plyr__time {
font-family: 'Noto Sans', sans-serif;
font-weight: 400;
font-size: 17px;
line-height: 1.14;
color: #ffffff;
}
.audio-player .plyr__volume input[type='range'] {
max-width: 60px;
}
.audio-player .plyr__tooltip {
display: none;
}
#plyr-play path {
fill: #fff;
}
#plyr-pause path {
stroke: #fff;
fill: #fff;
}
#plyr-volume path {
stroke: #fff;
fill: #fff;
}
.plyr--full-ui input[type='range'] {
color: #f72626;
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded='true'] {
background: #f72626;
}
.card-review-audio {
display: block;
}
.card-review-audio__name {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #1f1f1f;
margin-top: 10px;
}
.card-review-audio__info {
margin-top: 5px;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #6e6e6e;
}
.navigation {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
@media screen and (max-width: 600px) {
.navigation {
gap: 3px;
}
}
.navigation__el {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex: none;
border-radius: 60px;
width: 45px;
height: 45px;
background: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 15px;
color: #4b4b4b;
transition: 0.3s;
}
.navigation__el path {
transition: 0.3s;
}
.navigation__el.current {
background: #f72626;
color: #fff;
}
.navigation__el.current path {
stroke: #fff;
}
@media (hover: hover) {
.navigation__el:hover {
background: #f72626;
color: #fff;
}
.navigation__el:hover path {
stroke: #fff;
}
}
@media screen and (max-width: 600px) {
.navigation__el_arr:nth-last-child(1) {
display: none;
}
}
@media screen and (max-width: 600px) {
.navigation__el_arr {
display: none;
}
}
.navigation__el_arr_2 {
margin-right: 10px;
}
@media screen and (max-width: 600px) {
.navigation__el_arr_2 {
margin: 0;
}
}
.navigation__el_arr_2:nth-last-child(2) {
margin: 0;
margin-left: 10px;
}
@media screen and (max-width: 600px) {
.navigation__el_arr_2:nth-last-child(2) {
margin: 0;
}
}
.block-widget {
background: #fff;
border-radius: 20px;
padding: 20px;
}
.block-widget__title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #1f1f1f;
margin-bottom: 10px;
display: block;
}
.block-widget__links-el {
margin-bottom: 5px;
}
.block-widget__links-el:last-child {
margin-bottom: 0;
}
.block-widget__links-link {
display: block;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #6e6e6e;
transition: 0.3s;
}
@media (hover: hover) {
.block-widget__links-link:hover {
color: #f72626;
}
}
.block-widget__tags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.block-widget__tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 10px;
color: #8f7272;
background: #fff3f3;
border-radius: 8px;
padding: 10.3px 9px;
transition: 0.3s;
}
@media (hover: hover) {
.block-widget__tag:hover {
background: rgba(255, 97, 97, 0.3);
}
}
.block-widget__tag:nth-child(1),
.block-widget__tag:nth-child(2),
.block-widget__tag:nth-child(7),
.block-widget__tag:nth-child(16) {
font-size: 15px;
}
.block-widget__link {
margin-bottom: 10px;
}
.block-widget__link:last-child {
margin-bottom: 0;
}
.card-contact {
background: #fff;
border-radius: 20px;
padding: 30px 35px;
height: 100%;
}
@media screen and (max-width: 991px) {
.card-contact {
padding: 20px;
}
}
@media screen and (max-width: 600px) {
.card-contact {
padding: 30px 35px;
}
}
.card-contact__title {
font-family: 'Manrope', sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.4;
color: #6e6e6e;
margin-bottom: 15px;
}
.card-contact__el {
margin-bottom: 3px;
}
.card-contact__el:last-child {
margin-bottom: 0;
}
.form-info {
display: block;
background: #fff;
border-radius: 15px;
padding: 24px 30px;
}
@media screen and (max-width: 600px) {
.form-info {
padding: 17px 24px;
}
}
.form-info__title {
font-weight: 700;
letter-spacing: 0;
}
.form-info__text {
margin-top: 7px;
}
.form-info__button {
width: 100%;
margin-top: 14px;
height: 56px;
line-height: 1.3;
padding: 11px 28px;
}
.form-info__info {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 11px;
line-height: 1.4;
text-align: center;
color: #1f1f1f;
margin-top: 10px;
}
@media screen and (max-width: 600px) {
.form-info__info {
margin-left: -10px;
margin-right: -10px;
}
}
.form-info__info p {
margin-bottom: 8px;
}
.form-info__info p:last-child {
margin-bottom: 0;
}
.form-info__info strong {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
background: #fff3f3;
border-radius: 6px;
padding: 4px 7px;
font-weight: 700;
color: #f72626;
}
@media screen and (max-width: 600px) {
.form-info__info strong {
letter-spacing: 0;
padding: 4px 5px;
}
}
.form-info__info-price {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
background: #fff3f3;
border-radius: 6px;
padding: 4px 7px;
font-weight: 700;
color: #f72626;
}
@media screen and (max-width: 600px) {
.form-info__info-price {
letter-spacing: 0;
padding: 4px 5px;
}
}
.card-icon-info {
display: block;
background:linear-gradient(142deg, rgb(255 255 255) 15.3%, rgb(250 236 230 / 34%) 95.73%);
box-shadow: 8px 4px 19px rgb(0 0 0 / .25);
border-radius: 15px;
padding: 25px 30px;
height: 100%;
}
@media screen and (max-width: 600px) {
.card-icon-info {
padding: 19px 24px;
}
}
.card-icon-info__icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: #fff3f3;
width: 68px;
height: 68px;
}
.card-icon-info__title {
font-size: 25.4px;
margin-top: 16px;
}
.card-icon-info__text {
margin-top: 15px;
}
@media screen and (max-width: 600px) {
.card-icon-info__text br {
display: none;
}
}
.block-info {
position: relative;
display: block;
background: #1f1f1f;
border-radius: 20px;
overflow: hidden;
padding: 47px 50px;
}
@media screen and (max-width: 991px) {
.block-info {
padding: 30px;
padding-bottom: 250px;
}
}
@media screen and (max-width: 600px) {
.block-info {
padding: 19px 25px;
padding-bottom: 265px;
}
}
.block-info__bg {
position: absolute;
top: 0;
right: 0;
z-index: 1;
user-select: none;
pointer-events: none;
}
.block-info__gift {
position: absolute;
top: 0;
max-height: 100%;
height: 100%;
width: 26%;
right: 7%;
transform: rotate(-7deg);
z-index: 1;
user-select: none;
pointer-events: none;
}
@media screen and (max-width: 991px) {
.block-info__gift {
width: 100%;
height: 250px;
top: auto;
bottom: 0;
right: 0;
}
}
@media screen and (max-width: 600px) {
.block-info__gift {
bottom: 18px;
height: 236px;
}
}
.block-info__content {
position: relative;
z-index: 10;
max-width: 644px;
}
.block-info__title {
color: #fff;
letter-spacing: 0;
font-size: 33.6px;
line-height: 1.4;
}
@media screen and (max-width: 600px) {
.block-info__title {
font-size: 18px;
}
}
.block-info__title strong {
display: inline-block;
line-height: 1;
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 24px;
color: #f72626;
background: #fff3f3;
border-radius: 12px;
padding: 13px 18px;
}
@media screen and (max-width: 600px) {
.block-info__title strong {
font-size: 18px;
margin-top: 10px;
}
}
.block-info__title-price {
display: inline-block;
line-height: 1;
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 24px;
color: #f72626;
background: #fff3f3;
border-radius: 12px;
padding: 13px 18px;
}
@media screen and (max-width: 600px) {
.block-info__title-price {
font-size: 18px;
margin-top: 10px;
}
}
.block-info__button {
margin-top: 20px;
font-size: 16px;
padding: 19px 52px;
}
@media screen and (max-width: 600px) {
.block-info__button {
padding-left: 10px;
padding-right: 10px;
width: 100%;
margin-top: 24px;
}
}
.block-steps {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
gap: 30px 0;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.block-steps {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 600px) {
.block-steps {
gap: 20px 0;
}
}
.block-steps__col {
width: 20%;
padding: 0 15px;
padding-top: 66px;
position: relative;
}
@media screen and (max-width: 1450px) {
.block-steps__col {
width: 33.33333%;
}
}
@media screen and (max-width: 768px) {
.block-steps__col {
width: 100% !important;
padding-top: 0;
padding-left: 40px;
}
}
@media screen and (max-width: 768px) {
.block-steps__col {
padding: 0;
padding-left: 40px;
}
}
@media screen and (max-width: 768px) {
.block-steps__col::before {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.block-steps__col::after {
content: '';
position: absolute;
height: auto !important;
width: auto !important;
border: 0;
border-left: 1px dashed #f72626;
top: 34px !important;
bottom: -20px !important;
left: 11px !important;
right: auto !important;
}
}
.block-steps__col:nth-child(1)::before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 66px;
width: 63px;
background: #f5f5f5;
}
.block-steps__col:nth-child(1)::after {
content: '';
position: absolute;
top: 39px;
left: 0;
width: 2000px;
border-top: 1px dashed #f72626;
}
.block-steps__col:last-child::before {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 66px;
width: 210px;
background: #f5f5f5;
}
@media screen and (max-width: 1450px) {
.block-steps__col:last-child::before {
width: 100vw;
left: 75px;
}
}
@media screen and (max-width: 768px) {
.block-steps__col:last-child::after {
display: none;
}
}
@media screen and (max-width: 1450px) {
.block-steps__col:nth-child(3)::before {
content: '';
position: absolute;
top: 0;
left: 75px;
z-index: 1;
height: 66px;
width: 100vw;
background: #f5f5f5;
}
}
@media screen and (max-width: 1450px) {
.block-steps__col:nth-child(4)::before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 66px;
width: 63px;
background: #f5f5f5;
}
.block-steps__col:nth-child(4)::after {
content: '';
position: absolute;
top: 39px;
left: 0;
width: 2000px;
border-top: 1px dashed #f72626;
}
}
.block-steps__step {
width: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 63px;
z-index: 10;
}
@media screen and (max-width: 768px) {
.block-steps__step {
left: 0;
width: 24px;
}
}
.block-steps__step-count {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
text-align: center;
color: #1f1f1f;
}
.block-steps__step-point {
width: 14px;
height: 14px;
border-radius: 100%;
display: block;
background: #f72626;
box-shadow: 0px 0px 0 4px #ffcaca;
margin-top: 9px;
}
.block-steps__block {
position: relative;
z-index: 10;
overflow: hidden;
border-radius: 20px;
padding: 25px 29px;
padding-right: 20px;
background: #fff;
min-height: 336px;
transition: 0.3s;
}
@media screen and (max-width: 991px) {
.block-steps__block {
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.block-steps__block {
min-height: 0;
}
}
@media (hover: hover) {
.block-steps__block:hover {
background: #1f1f1f;
}
}
.block-steps__block-bg {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
pointer-events: none;
user-select: none;
}
@media screen and (max-width: 768px) {
.block-steps__block-bg {
display: none;
}
}
.block-steps__block-bg path {
transition: 0.3s;
}
@media (hover: hover) {
.block-steps__block:hover .block-steps__block-bg path {
fill: #363636;
}
}
.block-steps__block-content {
position: relative;
z-index: 10;
}
.block-steps__block-icon {
flex: none;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #fff3f3;
padding: 13px;
width: 55px;
height: 55px;
}
@media screen and (max-width: 600px) {
.block-steps__block-icon {
display: none;
}
}
.block-steps__block-title {
font-size: 24px;
margin-top: 17px;
font-weight: 600;
transition: 0.3s;
}
@media screen and (max-width: 991px) {
.block-steps__block-title {
font-size: 20px;
}
}
@media screen and (max-width: 600px) {
.block-steps__block-title {
margin-top: 0;
font-size: 18px;
}
}
@media (hover: hover) {
.block-steps__block:hover .block-steps__block-title {
color: #fff;
}
}
.block-steps__block-text {
margin-top: 15px;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.block-steps__block-text br {
display: none;
}
}
@media screen and (max-width: 600px) {
.block-steps__block-text {
margin-top: 9px;
}
}
@media (hover: hover) {
.block-steps__block:hover .block-steps__block-text {
color: #fff;
}
}
.block-steps__block-link {
margin-top: 8px;
transition: 0.3s;
}
@media (hover: hover) {
.block-steps__block:hover .block-steps__block-link {
color: #ff9c9c;
}
}
.block-timer {
display: block;
overflow: hidden;
position: relative;
background: #1f1f1f;
border-radius: 20px;
padding: 38px 49px;
}
@media screen and (max-width: 991px) {
.block-timer {
padding: 30px;
}
}
@media screen and (max-width: 600px) {
.block-timer {
padding: 37px 25px;
}
}
.block-timer__bg {
position: absolute;
top: 0;
right: 0;
z-index: 1;
user-select: none;
pointer-events: none;
}
.block-timer__bg-2 {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
user-select: none;
pointer-events: none;
}
.block-timer__content {
display: flex;
gap: 40px;
position: relative;
z-index: 10;
}
@media screen and (max-width: 1450px) {
.block-timer__content {
flex-wrap: wrap;
}
}
@media screen and (max-width: 600px) {
.block-timer__content {
gap: 20px;
}
}
.block-timer__title {
color: #fff;
font-size: 34px;
}
@media screen and (max-width: 600px) {
.block-timer__title {
font-size: 18px;
}
}
.block-timer__left {
max-width: 450px;
}
@media screen and (max-width: 1450px) {
.block-timer__left {
max-width: 100%;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.block-timer__left {
width: 100%;
}
}
.block-timer__info {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #fff;
margin-top: 10px;
}
@media screen and (max-width: 600px) {
.block-timer__info {
font-size: 14px;
}
}
.block-timer__price {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 47px;
line-height: 1.2;
color: #ff9c9c;
margin-top: 12px;
}
.block-timer__timer {
margin-top: 18px;
}
@media screen and (max-width: 600px) {
.block-timer__timer {
margin-top: 14px;
}
}
.block-timer__descrp {
width: 334px;
background: #363636;
border-radius: 15px;
padding: 30px;
margin-left: auto;
}
@media screen and (max-width: 1450px) {
.block-timer__descrp {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 768px) {
.block-timer__descrp {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.block-timer__descrp {
padding: 16px 14px;
}
}
.block-timer__form {
width: 400px;
}
@media screen and (max-width: 1450px) {
.block-timer__form {
width: calc(50% - 20px);
}
}
@media screen and (max-width: 768px) {
.block-timer__form {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.block-timer__form {
padding: 0;
background: transparent;
border-radius: 0;
}
}
.block-map {
display: flex;
gap: 30px;
}
@media screen and (max-width: 1200px) {
.block-map {
display: block;
}
}
.block-map__left {
width: 520px;
flex: none;
}
@media screen and (max-width: 1200px) {
.block-map__left {
width: 470px;
}
}
@media screen and (max-width: 1200px) {
.block-map__left {
width: 100%;
}
}
.block-map__right {
flex: 1;
width: 10px;
}
@media screen and (max-width: 1200px) {
.block-map__right {
width: 100%;
}
}
.block-map__map {
margin-top: 21px;
width: 100%;
height: auto;
}
.block-map__map path {
cursor: pointer;
}
.block-map__map path[stroke] {
pointer-events: none;
}
.block-map__map path[fill] {
pointer-events: all;
transition: 0.3s;
}
.block-map__map path[fill].active {
fill: #f72626;
stroke: #f72626;
}
@media (hover: hover) {
.block-map__map path[fill]:hover {
fill: #f72626;
stroke: #f72626;
}
}
.block-map__right {
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 543px;
background: #f5f5f5;
border-radius: 15px;
padding: 30px 10px 30px 30px;
gap: 6px 5px;
}
@media screen and (max-width: 1450px) {
.block-map__right {
max-height: 767px;
}
}
@media screen and (max-width: 1200px) {
.block-map__right {
max-height: 496px;
}
}
@media screen and (max-width: 991px) {
.block-map__right {
max-height: 600px;
}
}
@media screen and (max-width: 768px) {
.block-map__right {
max-height: none;
padding: 20px;
flex-direction: row;
gap: 9px 0;
margin-left: -5px;
margin-right: -5px;
}
}
@media screen and (max-width: 600px) {
.block-map__right {
padding: 0;
background: transparent;
border-radius: 0;
margin-top: 14px;
}
}
.block-map__link {
display: none;
}
@media screen and (max-width: 768px) {
.block-map__link {
display: block;
margin-top: 15px;
}
}
.block-map__el {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
color: #000;
display: flex;
align-items: center;
gap: 7.5px;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.block-map__el {
width: 50%;
padding: 0 10px;
}
}
@media screen and (max-width: 600px) {
.block-map__el {
padding: 0 6px;
}
}
@media screen and (min-width: 769px) {
.block-map__el {
display: flex !important;
}
}
@media screen and (max-width: 768px) {
.block-map__el:nth-child(n + 11) {
display: none;
}
}
.block-map__el path {
transition: 0.3s;
}
.block-map__el.active {
color: #f72626;
}
.block-map__el.active path {
fill: #f72626;
}
@media screen and (max-width: 600px) {
.block-map__el:hover {
color: #f72626;
}
.block-map__el:hover path {
fill: #f72626;
}
}
@media (hover: hover) {
.block-map__el:hover {
color: #f72626;
}
.block-map__el:hover path {
fill: #f72626;
}
}
.block-map__el-icon {
flex: none;
}
.block-learn {
display: block;
background: #fff;
border-radius: 20px;
padding: 39px 50px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 991px) {
.block-learn {
padding: 30px;
}
}
@media screen and (max-width: 600px) {
.block-learn {
padding: 20px 20px;
}
}
.block-learn__wrap {
position: relative;
z-index: 10;
}
.block-learn__bg {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
user-select: none;
pointer-events: none;
}
.block-learn__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
letter-spacing: 0;
}
@media screen and (max-width: 991px) {
.block-learn__top {
display: block;
}
}
.block-learn__top-right {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 10px;
}
@media screen and (max-width: 991px) {
.block-learn__top-right {
margin-top: 10px;
}
}
@media screen and (max-width: 768px) {
.block-learn__top-right {
justify-content: flex-start;
}
}
@media screen and (max-width: 600px) {
.block-learn__top-right {
margin-top: 12px;
}
}
.block-learn__type {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1;
font-family: 'Manrope', sans-serif;
font-weight: 700;
font-size: 24px;
color: #f72626;
background: #fff3f3;
border-radius: 6px;
padding: 15px 13px;
flex: none;
}
@media screen and (max-width: 600px) {
.block-learn__type {
font-size: 18px;
padding: 12px 18px;
}
}
.block-learn__tag {
display: inline-flex;
align-items: center;
background: #f0ffe8;
border-radius: 8px;
padding: 10px 15px;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
color: #4a803c;
gap: 10px;
}
@media screen and (max-width: 600px) {
.block-learn__tag {
background: transparent;
padding: 0;
align-items: flex-start;
font-size: 14px;
width: 100%;
}
}
.block-learn__title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 19.1px;
line-height: 1.3;
color: #1f1f1f;
margin-top: 20px;
}
@media screen and (max-width: 600px) {
.block-learn__title {
margin-top: 13px;
}
}
.block-learn__flex {
display: flex;
align-items: flex-start;
gap: 20px;
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.block-learn__flex {
display: block;
}
}
.block-learn__flex-left {
flex: none;
width: auto;
}
@media screen and (max-width: 768px) {
.block-learn__flex-left {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.block-learn__flex-left_mob_hide {
display: none;
}
}
.block-learn__flex-right {
flex: 1;
width: 10px;
}
@media screen and (max-width: 768px) {
.block-learn__flex-right {
width: 100%;
margin-top: 15px;
}
}
.block-learn__img {
display: block;
width: auto;
height: 205px;
}
.block-learn__text {
letter-spacing: 0;
}
.block-learn__text ul li {
margin-bottom: 9px;
}
.block-learn__buttons {
display: flex;
margin-top: 29px;
gap: 15px;
}
@media screen and (max-width: 768px) {
.block-learn__buttons {
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.block-learn__buttons {
margin-top: 16px;
}
}
.block-learn__buttons-button {
max-width: 385px;
width: 100%;
padding: 20px 42px;
}
@media screen and (max-width: 768px) {
.block-learn__buttons-button {
max-width: 100%;
}
}
.card-licenses {
background: #fff3f3;
border-radius: 15px;
padding: 25px;
text-align: center;
}
@media screen and (max-width: 600px) {
.card-licenses {
background: #fff;
}
}
.card-licenses__img {
display: block;
width: 100%;
height: 181px;
user-select: none;
}
.card-licenses__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
text-align: center;
color: #1f1f1f;
margin-top: 20px;
letter-spacing: 0;
}
.card-licenses__link {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.4;
display: inline-block;
color: #1f1f1f;
background: #fff;
border-radius: 6px;
padding: 10px 15px;
margin-top: 20px;
}
@media screen and (max-width: 600px) {
.card-licenses__link {
background: #fff3f3;
}
}
.card-licenses__button {
margin-top: 17px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.block-licenses {
display: flex;
align-items: center;
gap: 66px;
}
@media screen and (max-width: 991px) {
.block-licenses {
gap: 30px;
}
}
@media screen and (max-width: 768px) {
.block-licenses {
display: block;
}
}
.block-licenses__left {
flex: 1;
width: 10px;
}
@media screen and (max-width: 768px) {
.block-licenses__left {
width: 100%;
}
}
.block-licenses__right {
flex: none;
width: 330px;
}
@media screen and (max-width: 768px) {
.block-licenses__right {
width: 100%;
margin-top: 20px;
}
}
.block-licenses__text {
margin-top: 26px;
}
@media screen and (max-width: 600px) {
.block-licenses__text {
margin-top: 18px;
}
}
.block-licenses__slider {
margin-top: 20px;
}
@media screen and (max-width: 991px) {
.block-licenses__slider-nav {
justify-content: center;
margin-left: 15px;
}
}
.block-table {
display: block;
}
.block-table__row {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 1.4;
color: #4b4b4b;
background: #fff;
border-radius: 10px;
padding: 15px 20px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 48px;
}
@media screen and (max-width: 600px) {
.block-table__row {
gap: 15px;
}
}
@media screen and (max-width: 768px) {
.block-table__row:nth-child(n + 4) {
display: none;
}
}
.block-table__row:nth-child(even) {
background: transparent;
}
.block-table__text {
text-align: right;
min-width: 70px;
}
.block-table__button {
display: none;
margin-top: 15px;
}
@media screen and (max-width: 768px) {
.block-table__button {
display: block;
}
}
.fixed-buttons {
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 80;
display: flex;
flex-direction: column;
gap: 10px;
}
@media screen and (max-width: 1522px) {
.fixed-buttons {
display: none;
}
}
.fixed-buttons__button {
display: flex;
align-items: center;
border-radius: 15px 0 0 15px;
padding: 21px 15px;
background: #fff;
border: 1px solid #fff;
border-right: 0;
writing-mode: vertical-lr;
gap: 7px;
transition: 0.3s;
}
@media (hover: hover) {
.fixed-buttons__button:hover {
border-color: #f72626;
}
}
.fixed-buttons__button-icon {
flex: none;
}
.fixed-buttons__button-text {
writing-mode: vertical-lr;
text-orientation: mixed;
rotate: 180deg;
font-family: 'Onest', sans-serif;
font-weight: 500;
font-size: 15px;
color: #1f1f1f;
}
.header {
position: relative;
z-index: 100;
}
@media screen and (max-width: 991px) {
.header {
position: sticky;
top: calc(20px + var(--wp-admin--admin-bar--height, 0px));
}
}
@media screen and (max-width: 768px) {
.header {
top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
padding: 10px 0;
background: #ffffff;
border-radius: 0px 0px 10px 10px;
}
}
.header__wrap {
display: flex;
align-items: center;
background: #fff;
border-radius: 20px;
padding: 22px 22px;
}
@media only screen and (max-width: 768px) {
.header__wrap {
padding: 0;
background: transparent;
border-radius: 0;
}
}
.header__logo {
flex: none;
display: block;
}
.header__logo-img {
display: block;
width: 372px;
height: 55px;
}
@media only screen and (max-width: 1450px) {
.header__logo-img {
width: 250px;
height: 37px;
}
}
@media only screen and (max-width: 600px) {
.header__logo-img {
width: 200px;
height: 30px;
}
}
@media only screen and (max-width: 370px) {
.header__logo-img {
width: 230px;
height: 34px;
}
}
.header__button {
margin-left: 40px;
}
@media only screen and (max-width: 1450px) {
.header__button {
margin-left: 20px;
}
}
@media only screen and (max-width: 1200px) {
.header__button {
font-size: 14px;
margin-left: auto;
}
}
@media only screen and (max-width: 991px) {
.header__button {
display: none;
}
}
.header__text {
flex: none;
width: 155px;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 1.4;
color: #6e6e6e;
margin-left: 30px;
margin-right: 20px;
}
@media only screen and (max-width: 1450px) {
.header__text {
margin-left: 20px;
margin-right: 10px;
}
}
@media only screen and (max-width: 1200px) {
.header__text {
display: none;
}
}
.header__contacts {
display: flex;
align-items: center;
gap: 35px;
margin-left: auto;
}
@media only screen and (max-width: 1450px) {
.header__contacts {
gap: 20px;
}
}
@media only screen and (max-width: 1200px) {
.header__contacts {
margin-left: auto;
}
}
@media only screen and (max-width: 600px) {
.header__contacts {
display: none;
}
}
@media only screen and (max-width: 991px) {
.header__contacts-el:first-child {
display: none;
}
}
.header__nav {
margin-top: 10px;
}
@media only screen and (max-width: 991px) {
.header__nav {
display: none;
}
}
.header__nav-wrap {
background: #fff;
border-radius: 20px;
padding: 10px 10px;
display: flex;
align-items: center;
min-height: 80px;
}
.header__links {
display: flex;
align-items: stretch;
gap: 0;
flex: 1;
width: 10px;
}
.header__links_not-button {
padding-left: 20px;
}
.header__links-button {
flex: none;
border-radius: 10px;
width: 60px;
height: 60px;
background: #fff3f3;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s;
}
.header__links-button path {
transition: stroke 0.3s;
}
@media (hover: hover) {
.header__links-button:hover {
background: #ff5757;
}
.header__links-button:hover path {
stroke: #fff;
}
}
.header__links-button:active {
background: #c90f0f;
}
.header__links-button:active path {
stroke: #fff;
}
.header__links-button_active {
background: #c90f0f;
}
.header__links-button_active path {
stroke: #fff;
}
.header__links-el {
position: relative;
margin-right: 20px;
}
.header__links-el.header__links-el--active > .header__links-link,
.header__links-el.header__links-el--active-parent > .header__links-link {
color: #f72626;
}
.header__links-el:nth-child(n + 11) {
display: none;
}
.header__links-el:last-child {
margin-right: 0;
}
.header__links-el_button {
margin-right: 17px; }
.header__links-dropdown {
position: absolute;
top: 100%;
left: -10px;
border-radius: 20px;
width: 221px;
background: #fff;
padding: 20px 25px;
margin-top: 20px;
z-index: 100;
transition: opacity 0.3s;
will-change: opacity, pointer-events;
opacity: 0;
pointer-events: none;
}
.header__links-el:not(.header__links-el_button) .header__links-dropdown {
width: 300px;
}
.header__links-el:not(.header__links-el_button):hover .header__links-dropdown {
opacity: 1 !important;
pointer-events: all;
}
.header__links-dropdown-el:hover .header__links-dropdown {
opacity: 1 !important;
pointer-events: all;
}
.header__links-dropdown_sub {
top: -10px;
left: 100%;
margin-top: 0;
margin-left: 35px;
}
.header__links-dropdown_menu {
transition: opacity 0s;
opacity: 1;
pointer-events: all;
display: none;
}
.header__links-dropdown-el {
position: relative;
margin-bottom: 15px;
}
.header__links-dropdown-el.header__links-el--active > .header__links-dropdown-link {
color: #ff5757;
}
.header__links-dropdown-el:last-child {
margin-bottom: 0;
}
.header__links-dropdown-link {
display: block;
font-family: 'Onest', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.0;
color: #2f2f2f;
transition: color 0.3s;
display: flex;
align-items: center;
}
.header__links-dropdown-el:hover > .header__links-dropdown-link {
color: #ff5757;
}
.header__links-dropdown-el:hover > .header__links-dropdown-link::after {
content: '';
position: absolute;
left: 100%;
right: -35px;
top: -5px;
bottom: -5px;
top: 0;
z-index: 2;
}
@media (hover: hover) {
.header__links-dropdown-link:hover {
color: #ff5757;
}
}
.header__links-dropdown-link:active {
color: #c90f0f;
}
.header__links-link {
display: flex;
align-items: center;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
color: #1f1f1f;
gap: 8px;
transition: color 0.3s;
height: 100%;
position: relative;
z-index: 10;
white-space: nowrap;
}
.header__links-el:hover .header__links-link {
color: #ff5757;
}
.header__links-el:hover .header__links-link::after {
content: '';
position: absolute;
left: 0;
right: -20px;
bottom: -20px;
top: 0;
z-index: 2;
}
@media (hover: hover) {
.header__links-link:hover {
color: #ff5757;
}
}
.header__links-link:active {
color: #c90f0f;
}
.header__links-arrow {
flex: none;
}
.header__links-dropdown-el:hover .header__links-arrow path {
fill: #ff5757;
}
.header__links-dropdown-link > .header__links-arrow {
rotate: -90deg;
margin-left: auto;
}
.header__links-arrow path {
transition: fill 0.3s;
}
.header__links-el:hover > .header__links-link .header__links-arrow path {
fill: #ff5757;
}
.header__links-el--active-parent > .header__links-link .header__links-arrow path {
fill: #ff5757;
}
.header__links-el--active > .header__links-link .header__links-arrow path {
fill: #ff5757;
}
@media (hover: hover) {
.header__links-link:hover .header__links-arrow path {
fill: #ff5757;
}
}
@media (hover: hover) {
.header__links-dropdown-link:hover .header__links-arrow path {
fill: #ff5757;
}
}
.header__links-link:active .header__links-arrow path {
fill: #c90f0f;
}
.header__links-dropdown-link:active .header__links-arrow path {
fill: #c90f0f;
}
.header__nav-search {
flex: none;
width: 250px;
margin-left: 38px;
}
@media only screen and (max-width: 991px) {
.header__nav-search {
display: none;
}
}
.header__burger {
display: none;
}
@media only screen and (max-width: 991px) {
.header__burger {
display: flex;
align-items: center;
justify-content: center;
flex: none;
width: 40px;
height: 40px;
border-radius: 8px;
background: #f72626;
margin-left: 20px;
}
}
@media only screen and (max-width: 600px) {
.header__burger {
margin-left: auto;
}
}
.sec-header {
position: relative;
padding: 20px 0;
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.sec-header {
padding-top: 0;
}
}
@media only screen and (max-width: 991px) {
.sec-header__container {
display: flex;
flex-direction: column;
}
}
.sec-header__wrap {
position: relative;
overflow: hidden;
border-radius: 20px;
padding: 24px 61px;
padding-right: 25px;
}
@media only screen and (max-width: 1450px) {
.sec-header__wrap {
padding-left: 25px;
}
}
@media only screen and (max-width: 991px) {
.sec-header__wrap {
display: contents;
}
}
.sec-header__wrap-content {
z-index: 10;
display: flex;
align-items: flex-start;
gap: 30px;
}
@media only screen and (max-width: 991px) {
.sec-header__wrap-content {
display: block;
display: contents;
}
}
@media only screen and (max-width: 991px) {
.sec-header__content {
position: relative;
padding: 16px 25px;
border-radius: 20px;
overflow: hidden;
order: 1;
}
}
@media only screen and (max-width: 600px) {
.sec-header__content {
padding-bottom: 24px;
}
}
@media screen and (max-width: 600px) {
.sec-header__content_2 {
padding: 0;
border-radius: 0;
}
}
@media screen and (max-width: 600px) {
.sec-header__content-wrap {
position: relative;
padding: 16px 0;
padding-bottom: 15px;
border-radius: 20px;
overflow: hidden;
order: 1;
border-top: 1px solid #C3D4DF;
border-radius: 0;
}
.sec-header__content-wrap hr,
.sec-header__content-wrap picture{
display: none;
}
.sec-header__content-wrap .sec-header__text{
max-width: 100%;
}
.sec-header__content-wrap .title_main{
font-size: 24px;
}
}
.sec-header__content-body {
margin-top: 24px;
position: relative;
z-index: 10;
}
@media only screen and (max-width: 991px) {
.sec-header__content-body {
margin-top: 0;
}
}
.sec-header__title {
max-width: 700px;
}
.sec-header__title span {
display: inline;
}
.sec-header__text-border {
position: relative;
z-index: 10;
background: #fff3f3;
border: 1px dashed rgba(0, 0, 0, 0.5);
border-radius: 15px;
padding: 18px 20px;
margin-top: 25px;
}
@media screen and (max-width: 600px) {
.sec-header__text-border {
margin-top: 15px;
padding: 15px 14px;
}
.sec-header__text-border ul li {
margin-bottom: 4px;
}
}
.sec-header__text-border strong {
font-weight: 800;
color: #f72626;
}
.sec-header__doc {
position: absolute;
bottom: 0;
right: 28%;
z-index: 2;
user-select: none;
pointer-events: none;
width: 463px;
height: auto;
}
@media only screen and (max-width: 991px) {
.sec-header__doc {
display: none;
}
}
.sec-header__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
}
@media only screen and (max-width: 991px) {
.sec-header__bg {
object-position: bottom;
}
}
.sec-header__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
color: #1f1f1f;
margin-top: 15px;
margin:10px;
}
@media only screen and (max-width: 1200px) {
.sec-header__text {
max-width: 312px;
}
}
@media only screen and (max-width: 600px) {
.sec-header__text {
font-size: 14px;
margin-top: 9px;
max-width: 251px;
}
}
@media only screen and (max-width: 600px) {
.sec-header__text br {
display: none;
}
}
.sec-header__info {
margin-top: 32px;
max-width: 391px;
}
@media only screen and (max-width: 991px) {
.sec-header__info {
margin-top: 20px;
}
}
.sec-header__form {
max-width: 367px;
width: 100%;
margin-left: auto;
position: relative;
z-index: 10;
box-shadow:8px 4px 19px rgb(0 0 0 / .25);
}
@media only screen and (max-width: 991px) {
.sec-header__form {
max-width: 100%;
order: 3;
margin-top: 20px;
box-shadow: 8px 4px 19px rgb(0 0 0 / .25)
}
}
.sec-header__descrp {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
gap: 20px 0;
margin-top: 30px;
}
@media only screen and (max-width: 991px) {
.sec-header__descrp {
order: 2;
margin-top: 20px;
}
}
@media only screen and (max-width: 600px) {
.sec-header__descrp {
gap: 15px 0;
margin-left: -7.5px;
margin-right: -7.5px;
}
}
.sec-header__descrp-col {
width: 20%;
padding: 0 10px;
}
@media only screen and (max-width: 1450px) {
.sec-header__descrp-col {
width: 33.3333%;
}
}
@media only screen and (max-width: 991px) {
.sec-header__descrp-col {
width: 50%;
}
}
@media only screen and (max-width: 600px) {
.sec-header__descrp-col {
padding: 0 7.5px;
}
}
@media only screen and (max-width: 991px) {
.sec-header__descrp-col:last-child {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.sec-header__descrp-col:last-child {
width: 100%;
}
.sec-header__descrp-col:last-child .block-icon {
display: flex;
align-items: center;
}
.sec-header__descrp-col:last-child .block-icon .block-icon__text {
margin-top: 0;
}
}
.sec-header__descrp-col_3 {
width: 33.3333333%;
}
@media screen and (max-width: 991px) {
.sec-header__descrp-col_3 {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.sec-header__descrp-col_3 {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.sec-price__wrap_flex {
display: flex;
flex-direction: column;
}
}
@media only screen and (max-width: 768px) {
.sec-price__title {
width: 100%;
order: 1;
}
}
@media only screen and (max-width: 768px) {
.sec-price__content {
width: 100%;
order: 5;
}
}
@media only screen and (max-width: 768px) {
.sec-price__bottom {
width: 100%;
order: 2;
}
}
.sec-page__wrap {
padding-top: 18px;
padding-bottom: 103px;
}
@media screen and (max-width: 600px) {
.sec-page__wrap {
padding-top: 4px;
}
}
@media screen and (max-width: 600px) {
.sec-page__wrap {
padding-bottom: 70px;
}
}
.sec-page__wrap_bottom {
padding-bottom: 0;
}
.sec-page__crumbs {
margin-bottom: 19px;
}
@media screen and (max-width: 600px) {
.sec-page__crumbs {
margin-bottom: 15px;
}
}
.sec-page__news {
display: flex;
align-items: flex-start;
gap: 30px;
}
@media screen and (max-width: 991px) {
.sec-page__news {
display: block;
}
}
.sec-page__news-block {
margin-bottom: 20px;
}
.sec-page__news-block:last-child {
margin-bottom: 0;
}
.sec-page__news-left {
flex: 1;
width: 10px;
}
@media screen and (max-width: 991px) {
.sec-page__news-left {
width: 100%;
}
}
.sec-page__news-sidebar {
flex: none;
width: 330px;
}
@media screen and (max-width: 991px) {
.sec-page__news-sidebar {
width: 100%;
margin-top: 70px;
}
}
.sec-page__navigation {
margin-top: 37px;
}
@media screen and (max-width: 600px) {
.sec-page__navigation {
margin-top: 30px;
}
}
.sec-page__404 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 44px;
}
.sec-page__404-img {
display: block;
width: 589px;
aspect-ratio: 2.14;
margin-top: 30px;
}
.sec-page__404-text {
margin-top: 31px;
}
@media screen and (max-width: 600px) {
.sec-page__404-text {
margin-top: 25px;
}
}
.sec-page__404-button {
margin-top: 41px;
max-width: 278px;
width: 100%;
}
@media screen and (max-width: 600px) {
.sec-page__404-button {
margin-top: 30px;
}
}
.sec-page__thanks {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 101px;
text-align: center;
}
.sec-page__thanks-title {
margin-top: 15px;
}
.sec-page__thanks-icon {
display: block;
width: 44px;
height: 44px;
}
.sec-page__thanks-text {
margin-top: 12px;
}
@media screen and (max-width: 600px) {
.sec-page__thanks-text {
max-width: 233px;
}
}
.section {
position: relative;
z-index: 10;
}
.section_hidden {
overflow: hidden;
}
.section__wrap {
padding-bottom: 90px;
}
@media screen and (max-width: 1200px) {
.section__wrap {
padding-bottom: 70px;
}
}
.section__bg-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
border-radius: 20px;
}
.section__fix-bg {
position: relative;
z-index: 10;
}
.section__wrap_bottom {
padding-bottom: 60px;
}
@media screen and (max-width: 1200px) {
.section__wrap_bottom {
padding-bottom: 70px;
}
}
@media screen and (max-width: 600px) {
.section__wrap_bottom_mob {
margin-bottom: 51px;
}
}
@media screen and (max-width: 600px) {
.section__wrap_bottom_mob_2 {
margin-bottom: 54px;
}
}
.section__bg {
background: #fff;
border-radius: 20px;
padding: 40px 50px;
padding-bottom: 50px;
}
@media screen and (max-width: 1200px) {
.section__bg {
padding: 30px;
}
}
@media screen and (max-width: 600px) {
.section__bg {
padding: 20px 25px;
}
}
@media screen and (max-width: 600px) {
.section__bg_mob {
padding: 0;
border-radius: 0;
background: transparent !important;
}
}
.section__bg-remove-right-padding {
margin-right: -50px;
}
.section__bg-remove-padding {
margin-right: -50px;
margin-bottom: -50px;
}
#block-quiz .section__text,
.sec-price .section__text {
padding: 0 50px;
}
.section__text {
margin-top: 22px;
}
@media screen and (max-width: 600px) {
.section__text {
margin-top: 15px;
}
.sec-price .section__text {
padding: 0;
}
}
.section__text:first-child {
margin-top: 0;
}
@media screen and (max-width: 600px) {
.section__text_hide-mob {
display: none;
}
}
.section__text-2 {
margin-top: 15px;
color: #6e6e6e;
}
.section__text-2:first-child {
margin-top: 0;
}
.section__content {
margin-top: 30px;
}
@media screen and (max-width: 600px) {
.section__content {
margin-top: 20px;
}
}
.section__content:first-child {
margin-top: 0;
}
.section__grid_swiper {
overflow: visible;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 600px) {
.section__grid_swiper {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
@media screen and (max-width: 600px) {
.section__grid_swiper_mob {
margin-left: -7.5px;
margin-right: -7.5px;
}
}
.section__grid_swiper_hidden {
overflow: hidden;
}
.section__grid-content {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
gap: 30px 0;
}
@media screen and (max-width: 600px) {
.section__grid-content {
gap: 15px 0;
margin-left: -7.5px;
margin-right: -7.5px;
}
}
.section__grid_swiper .section__grid-content {
flex-wrap: nowrap;
margin: 0;
}
@media screen and (max-width: 600px) {
.section__grid_swiper_mob .section__grid-content {
flex-wrap: nowrap;
margin: 0;
}
}
.section__grid-content_gap_20 {
gap: 20px 0;
}
@media screen and (max-width: 600px) {
.section__grid-content_mob_gap_10 {
gap: 10px 0;
}
}
.section__grid-col {
padding: 0 15px;
height: auto;
display: block;
}
@media screen and (max-width: 600px) {
.section__grid-col {
padding: 0 7.5px;
}
}
.section__grid-col_1 {
width: 100%;
}
.section__grid-col_card-descrp {
width: 446px;
}
@media screen and (max-width: 991px) {
.section__grid-col_card-descrp {
width: 350px;
}
}
@media screen and (max-width: 600px) {
.section__grid-col_card-descrp {
width: 324px;
}
}
.section__grid-col_5 {
width: 20%;
}
.section__grid-col_2 {
width: 50%;
}
.section__grid-col_3_2 {
width: 66.666666%;
}
.section__grid-col_3 {
width: 33.33333%;
}
.section__grid-col_4 {
width: 25%;
}
@media screen and (max-width: 1450px) {
.section__grid-col_desc_2 {
width: 50%;
}
}
@media screen and (max-width: 1450px) {
.section__grid-col_desc_3 {
width: 33.333333%;
}
}
@media screen and (max-width: 1200px) {
.section__grid-col_descSm_2 {
width: 50%;
}
}
@media screen and (max-width: 1200px) {
.section__grid-col_descSm_3 {
width: 33.33333%;
}
}
@media screen and (max-width: 991px) {
.section__grid-col_tablet_1 {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.section__grid-col_tablet_2 {
width: 50%;
}
}
@media screen and (max-width: 991px) {
.section__grid-col_tablet_3 {
width: 33.33333%;
}
}
@media screen and (max-width: 768px) {
.section__grid-col_tabletSm_1 {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.section__grid-col_mob_1 {
width: 100%;
}
}
.section__bottom {
margin-top: 20px;
}
.section__bottom:first-child {
margin-top: 0;
}
.section__nav {
margin-top: 20px;
margin-right: 15px;
margin-left: 15px;
}
.section__grid_swiper_mob .section__nav {
display: none;
}
@media screen and (max-width: 600px) {
.section__grid_swiper_mob .section__nav {
display: flex;
}
}
.section__nav:has(.slider-nav__arr_next.swiper-button-lock):has(.slider-nav__arr_prev.swiper-button-lock) {
display: none;
}
@media screen and (max-width: 600px) {
.section__nav_mob_hide {
display: none;
}
}
.section__top {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
}
.section__top-nav {
margin-left: auto;
}
@media screen and (max-width: 600px) {
.section__top-nav {
margin-left: 0;
position: absolute;
bottom: 18px;
left: 0;
z-index: 10;
width: 100%;
justify-content: center;
}
}
.section__scrollbar {
display: none;
margin-left: 15px;
margin-right: 15px;
width: auto !important;
}
@media screen and (max-width: 600px) {
.section__scrollbar {
margin-left: 7.5px;
margin-right: 7.5px;
}
}
@media screen and (max-width: 600px) {
.section__scrollbar {
display: block;
}
}
.section__reviews {
margin-top: 21px;
}
@media screen and (max-width: 600px) {
.section__reviews {
margin-top: 0;
}
}
.section__text-border {
margin-top: 30px;
}
@media screen and (max-width: 600px) {
.section__text-border {
margin-top: 9px;
}
}
.section__map {
display: block;
width: 100%;
height: 456px;
border-radius: 15px;
margin-top: 30px;
}
@media screen and (max-width: 600px) {
.section__map {
height: 441px;
}
}
.section__block {
margin-bottom: 20px;
}
.section__block:last-child {
margin-bottom: 0;
}
.section__buttons {
display: flex;
align-items: center;
justify-content: center;
margin-top: 38px;
gap: 30px;
flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
.section__buttons {
margin-top: 20px;
gap: 10px;
}
}
.section__buttons_2 {
justify-content: flex-start;
flex-wrap: wrap;
}
.section__buttons_2 .section__buttons-button {
max-width: none;
width: auto;
}
@media screen and (max-width: 600px) {
.section__buttons_2 .section__buttons-button {
width: 100%;
}
}
.section__buttons-button {
max-width: 385px;
width: 100%;
}
@media screen and (max-width: 600px) {
.section__buttons-button {
padding-left: 10px;
padding-right: 10px;
max-width: 100%;
}
}
.section__img-doc {
display: block;
width: 100%;
aspect-ratio: 1.41;
}
@media screen and (max-width: 600px) {
.section__img-doc {
height: auto;
aspect-ratio: unset;
}
}
.section__button {
margin-top: 30px;
max-width: 293px;
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
@media screen and (max-width: 600px) {
.section__button {
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
}
.section__flex {
display: flex;
gap: 20px;
}
@media screen and (max-width: 768px) {
.section__flex {
flex-direction: column-reverse;
}
}
.section__flex-left {
flex: 1;
width: 10px;
}
@media screen and (max-width: 768px) {
.section__flex-left {
width: 100%;
}
}
.section__flex-right {
flex: none;
width: 280px;
}
@media screen and (max-width: 768px) {
.section__flex-right {
width: 100%;
}
}
.section__text-list {
margin-top: 12px;
}
.section__text-list:first-child {
margin-top: 0;
}
.section__filter-mob {
display: none;
margin-top: 20px;
margin-bottom: 15px;
}
.section__filter-mob .select__val {
font-weight: 700;
color: #1f1f1f;
}
.section__filter-mob .select__dropdown-el {
color: #1f1f1f;
}
.section__filter-mob .select__top {
background: #fff;
}
.section__filter-mob .select__dropdown-el {
background: #fff;
}
@media screen and (max-width: 768px) {
.section__filter-mob {
display: block;
}
}
.footer {
background: #1f1f1f;
}
.footer__wrap {
padding: 60px 0;
}
@media screen and (max-width: 991px) {
.footer__wrap {
padding: 50px 0;
}
}
@media screen and (max-width: 600px) {
.footer__wrap {
padding: 27px 0;
padding-bottom: 30px;
}
}
.footer__content {
display: flex;
justify-content: space-between;
gap: 78px;
}
@media screen and (max-width: 1450px) {
.footer__content {
gap: 0 30px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 991px) {
.footer__content {
flex-direction: column;
gap: 0;
}
}
.footer__left {
width: 372px;
}
@media screen and (max-width: 1450px) {
.footer__left {
width: 600px;
}
}
@media screen and (max-width: 1200px) {
.footer__left {
width: 400px;
}
}
@media screen and (max-width: 991px) {
.footer__left {
display: contents;
width: 100%;
}
}
.footer__logo {
font-size: 0;
display: block;
}
@media screen and (max-width: 991px) {
.footer__logo {
order: 1;
}
}
.footer__logo-img {
display: block;
width: 372px;
height: 55px;
}
@media screen and (max-width: 991px) {
.footer__logo-img {
margin-left: auto;
margin-right: auto;
}
}
.footer__text {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
color: #a7a7a7;
margin-top: 25px;
}
@media screen and (max-width: 991px) {
.footer__text {
order: 2;
text-align: center;
}
}
@media screen and (max-width: 600px) {
.footer__text {
margin-top: 17px;
}
}
.footer__text-2 {
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 12.7px;
line-height: 1.3;
color: #a7a7a7;
margin-top: 47px;
margin-bottom: 21px;
}
@media screen and (max-width: 991px) {
.footer__text-2 {
order: 5;
margin-top: 20px;
text-align: center;
}
}
.footer__left-links {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media screen and (max-width: 991px) {
.footer__left-links {
order: 6;
align-items: center;
}
}
.footer__link {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.6;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #a7a7a7;
margin-bottom: 10px;
transition: 0.3s;
}
@media (hover: hover) {
.footer__link:hover {
color: #f72626;
}
}
.footer__link:last-child {
margin-bottom: 0;
}
.footer__grid {
display: flex;
flex-wrap: wrap;
margin-left: -18px;
margin-right: -18px;
gap: 24px 0;
}
@media screen and (max-width: 600px) {
.footer__grid {
gap: 19px 0;
}
}
.footer__grid-col {
width: 50%;
padding: 0 18px;
}
.footer__block-title {
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #fff;
display: block;
margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
.footer__block-title {
margin-bottom: 12px;
font-size: 16px;
}
}
@media screen and (max-width: 600px) {
.footer__block-title_2 {
font-size: 18px;
}
}
.footer__links-el {
margin-bottom: 8px;
}
.footer__links-el:last-child {
margin-bottom: 0;
}
.footer__links-link {
display: block;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.4;
color: #a7a7a7;
transition: 0.3s;
}
@media (hover: hover) {
.footer__links-link:hover {
color: #f72626;
}
}
.footer__center {
flex: 1;
width: 10px;
margin-top: 22px;
}
@media screen and (max-width: 991px) {
.footer__center {
width: 100%;
order: 3;
margin-top: 30px;
}
}
.footer__right {
margin-top: 22px;
width: 480px;
flex: none;
}
@media screen and (max-width: 1450px) {
.footer__right {
width: 100%;
}
}
@media screen and (max-width: 991px) {
.footer__right {
order: 4;
margin-top: 27px;
}
}
.footer__contacts {
display: flex;
flex-wrap: wrap;
flex-direction: column;
max-height: 60px;
gap: 8px 5px;
}
@media screen and (max-width: 600px) {
.footer__contacts {
flex-direction: column;
max-height: none;
}
}
@media screen and (max-width: 600px) {
.footer__contacts-tel {
order: 1;
}
}
@media screen and (max-width: 600px) {
.footer__contacts-locate {
order: 3;
}
}
@media screen and (max-width: 600px) {
.footer__contacts-mail {
order: 2;
}
}
.footer__map {
display: block;
width: 100%;
border-radius: 15px;
height: 225px;
margin-top: 23px;
}
@media screen and (max-width: 991px) {
.footer__map {
height: 308px;
}
}
@media screen and (max-width: 600px) {
.footer__map {
margin-top: 20px;
}
}
.footer__links-2-el {
margin-bottom: 12px;
}
@media screen and (max-width: 600px) {
.footer__links-2-el {
margin-bottom: 12px;
}
}
.footer__links-2-link {
display: block;
font-family: 'Manrope', sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.3;
color: #fff;
display: block;
}
@media screen and (max-width: 600px) {
.footer__links-2-link {
font-size: 16px;
}
}
button {
background-color: transparent;
border: 0;
padding: 0;
box-shadow: none;
line-height: 1;
text-align: left;
}
button:focus {
outline-color: transparent;
}
@media (hover: hover) {
.checkbox-bg,
.select__top,
.select__dropdown-el,
.faq__el-top,
.block-map__el {
cursor: pointer;
}
}
.noscroll {
overflow: hidden;
}
.btn-close {
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
cursor: pointer;
user-select: none;
width: 36px;
height: 36px;
border-radius: 100%;
transition: 0.3s;
}
.btn-close path {
transition: 0.3s;
}
.overlay {
background: #141414;
opacity: 0.8;
}
.modal {
position: fixed;
top: 0;
left: 0px;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
z-index: 999;
display: none;
}
.modal__wrap {
width: 100%;
min-height: 100%;
overflow: hidden;
padding: 20px 15px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.modal__content {
position: relative;
z-index: 10;
max-width: 690px;
width: 100%;
background: #fff;
border-radius: 20px;
padding: 25px 30px;
padding-bottom: 30px;
overflow: hidden;
}
.modal__content-img {
position: absolute;
bottom: -2px;
right: -28px;
z-index: 1;
user-select: none;
pointer-events: none;
height: 100%;
width: 60%;
object-position: bottom;
}
@media screen and (max-width: 600px) {
.modal__content-img {
display: none;
}
}
.modal__content-close {
position: absolute;
top: 20px;
right: 20px;
z-index: 20;
}
.modal__close {
cursor: pointer;
}
.modal__overlay {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 1;
}
.modal__form {
padding: 0;
position: relative;
z-index: 10;
max-width: 333px;
width: 100%;
background: transparent;
border-radius: 0;
}
@media screen and (max-width: 600px) {
.modal__form {
max-width: 100%;
}
}
@media screen and (max-width: 991px) {
.modal__title {
padding-right: 50px;
}
}
.modal__thanks {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 25px 0;
}
.modal__thanks-title {
margin-top: 15px;
}
.modal__thanks-text {
margin-top: 15px;
}
button.to-top{
box-shadow: 8px 4px 18.6px 0px #00000026;
background: #fff;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
right: 80px;
bottom: 80px;
z-index: 20;
opacity: 0;
}
button.to-top.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.to-top:hover {
transform: translateY(-5px);
}
@media screen and (max-width: 600px) {
button.to-top{
bottom: 80px;
right: auto;
left: 30px;
}
}
.container__breadcrumbs{
padding-top: 10px;
}
.wp-caption-text,
.picture-caption{
text-align: center;
font-size: 12px;
display: block;
padding-top: 5px;
text-decoration: none;
color: #1f1f1f;
}
.aligncenter{
text-align:center;
}
.wp-caption{}
.text__wrap img{
max-width: 100%;
}
.text__wrap :where(div[id*="attachment_"]){
max-width: 100%!important;
} .section__form-3-edit .subtitle.mb{
display: none;
}
@media screen and (max-width: 600px) {
.section__form-3-edit{}
.section__form-3-edit .title{
font-size: 18px;
}
.section__form-3-edit .subtitle{
font-size: 13px;
}
.section__form-3-edit .subtitle.mb{
display: block;
}
.section__form-3-edit .block-form__info-2{
display: none;
}
.section__form-3-edit .text_white{
color: #1f1f1f;
}
.section__form-3-edit .text h4{
font-size: 14px;
}
.section__form-3-edit .block-form{
background: #FFFFFF;
}
.section__form-3-edit .block-form__text_2 strong{
color: #f72626;
}
.section__form-3-edit .block-form__text_2 ul{
background: none;
border-radius: 0;
padding: 15px 0;
margin-top: 20px;
border-top: 1px solid #C8C8C8;
border-bottom: 1px solid #C8C8C8;
}
.section__form-3-edit .block-form__learn-title{
color: #000;
}
.section__form-3-edit .block-form__learn-content {
display: flex;
align-items: center;
gap: 5px;
margin-top: 10px;
flex-wrap: nowrap;
}
.section__form-3-edit .block-form__learn-el {
font-family: 'Manrope', sans-serif;
font-weight: 700;
font-size: 8px;
line-height: 1.2;
color: #fff;
background: #363636;
border-radius: 6px;
padding: 7px 10px 7px 60px;
background-repeat: no-repeat;
background-position: 0% 100%;
}
.section__form-3-edit .block-form__learn-content .block-form__learn-el:nth-child(1){
background-image: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/3ad855a7-daa9-4d12-aec3-96207d7fd211 1.png);
}
.section__form-3-edit .block-form__learn-content .block-form__learn-el:nth-child(3){
background-image: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/3ad855a7-daa9-4d12-aec3-96207d7fd2112.png);
}
.section__form-3-edit .block-form__flex-right{
width: calc(100% + 50px);
padding: 20px;
background: #1F1F1F;
margin-bottom: -20px;
}
.section__form-3-edit .block-form__flex-right .form__text-2{
color: #6e6e6e;
}
} @media screen and (max-width: 600px) {
#block-quiz .title{
font-size:18px;
}
.block-calc__title{
font-size: 14px;
}
.block-calc{
box-shadow: 8px 4px 18.6px 0px #00000026;
border: none;
}
.block-calc__loading{
margin: 0 -20px;
padding: 10px 20px;
background: #FDECEC;
flex-direction: row;
align-items: center;
}
.block-calc__loading-text{
white-space: nowrap;
}
.block-calc__loading-progress-shape{
background-color: #FF8383;
}
} .block-form-white{
background: #fff;
}
.block-form-white .block-form__shape{
opacity: 0.1;
}
.block-form-white .block-form__title{
color: #1F1F1F;
}
.block-form-white .block-form__info{
background: #FFE6E6;
color: #1f1f1f;
position: relative;
padding: 20px 30px;
margin-top: 0;
border-radius: 0 30px 0 15px;
display: inline-block;
left: -40px;
bottom: -51px;
}
.block-form-white .block-form__info::after{
content: '';
background-image: url('data:image/svg+xml,<svg width="80" height="71" viewBox="0 0 80 71" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M76.3988 0.198446C76.2323 -0.0218217 75.9187 -0.0653734 75.6984 0.10117L72.109 2.81516C71.8887 2.9817 71.8452 3.29527 72.0117 3.51554C72.1782 3.73581 72.4918 3.77936 72.7121 3.61282L75.9027 1.20038L78.3152 4.39102C78.4817 4.61129 78.7953 4.65484 79.0155 4.4883C79.2358 4.32175 79.2794 4.00818 79.1128 3.78791L76.3988 0.198446ZM0 70V70.5C10.3486 70.5 27.5726 66.5957 43.1577 55.9124C58.7602 45.2172 72.7237 27.7236 76.4952 0.568784L76 0.5L75.5048 0.431216C71.7763 27.2764 57.9898 44.5328 42.5923 55.0876C27.1774 65.6543 10.1514 69.5 0 69.5V70Z" fill="%23EFB4B4"/></svg>');
height: 69px;
width: 85px;
display: block;
position: absolute;
right: -90px;
top: -30px;
}
.block-form-white .block-form__info strong{
background: #fff;
}
.block-form-white .block-form__form::before{
content: '';
display: block;
width: calc(100% + 40px);
height: 1px;
background: #CFCFCF;
position: relative;
left: -40px;
}
@media screen and (max-width: 600px) {
.block-form-white .block-form__shape{
display: none;
}
.block-form-white .block-form__form::before {
width: calc(100% + 50px);
left: -25px;
}
.block-form-white .block-form__info::after{
display: none;
}
.block-form-white .block-form__info{
display: block;
left: -25px;
bottom: -20px;
font-size: 12px;
line-height: 1px;
width: calc(100% + 50px);
border-radius: 0;
text-align: center;
}
.block-form-white .block-form__info strong{
background: none;
}
}
.section__text-imgbutton .block-about{
align-items: flex-start;
}
.section__text-imgbutton .block-about__left{
position: relative;
}
.section__text-imgbutton .block-form__shape{
opacity: 0.1;
}
.section__text-imgbutton .block-about__img{
width: 31%;
padding: 150px 50px 50px;
color: #fff;
text-align: center;
border-radius: 20px;
background-size: cover;
background-position: center;
position: sticky;
top: 0;
}
.section__text-imgbutton .block-about__img h3{
font-size: 24px;
}
.section__text-imgbutton .block-about__img p{
font-size: 15px;
padding-top:5px;
padding-bottom: 20px;
}
@media screen and (max-width: 600px) {
.section__text-imgbutton .block-about {
align-items: flex-start;
flex-direction: column;
gap: 0;
}
.section__text-imgbutton .block-about__left{
width: 100%;
order: 2;
border-radius: 0 0 20px 20px;
}
.section__text-imgbutton .block-form__shape{
display: none;
}
.section__text-imgbutton .block-about__img{
display: block;
order: 1;
width: 100%;
border-radius: 20px 20px 0 0;
padding: 120px 20px 20px;
}
}
.form-4-white .block-form{
background: #fff;
}
.form-4-white .block-form__shape{
opacity: 0.1;
}
.form-4-white .block-form__title{
color: #1f1f1f;
}
.form-4-white .block-form__descrp-el{
background: #F5F5F5;
color: #1f1f1f;
}
.form-4-white .block-form__descrp-col{
width: 50%;
}
.form-4-white .block-form__descrp{
max-width: 80%;
}
.form-4-white .block-form__learn-el{
color: #1f1f1f;
background: none;
border-radius: 0;
padding: 0;
font-weight: normal;
}
.form-4-white .block-form__learn-el span{
color: #f72626;
background: #fff3f3;
border-radius: 6px;
padding: 7px 10px;
}
.form-4-white .mb{
display: none;
}
@media screen and (max-width: 600px) {
.form-4-white .ds .block-form__title,
.form-4-white .ds .block-form__text,
.form-4-white .ds .block-form__descrp,
.form-4-white .block-form__shape{
display:none;
}
.form-4-white .mb{
display: block;
margin-bottom: 10px;
}
.form-4-white .block-form__descrp{
max-width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
gap: 10px;
}
.form-4-white .block-form__descrp-el{
padding-left: 15px;
padding-top: 38px;
word-break: break-word;
}
}
.learn-compact{}
.learn-compact__head{
display: flex;
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
align-items: center;
}
.learn-compact__head div:nth-child(1){
width: 14%;
}
.learn-compact__head div:nth-child(2){
width: 32%;
padding: 0 10px;
}
.learn-compact__head div:nth-child(3){
padding: 0 10px;
}
.learn-compact__head .search{
width: 250px;
margin-left: auto;
}
.learn-compact__head .search .search-form {
width: 100%;
display: flex;
background: #fff;
border: 1px solid #fff;
transition: 0.3s;
border-radius: 10px;
}
.learn-compact__head .search .search-form:has(input:focus) {
border-color: #fff;
}
@media (hover: hover) {
.learn-compact__head .search .search-form:hover {
border-color: #fff;
}
}
.learn-compact__head .search .search-form label {
flex: 1;
width: 10px;
}
.learn-compact__head .search .search-form .search-input {
border: 0 !important;
background: transparent !important;
height: 56px;
font-family: 'Manrope', sans-serif;
font-weight: 400;
font-size: 14px !important;
line-height: 1;
color: #6e6e6e;
padding-left: 19px;
}
.learn-compact__head .search .search-form .search-input::placeholder {
font-family: 'Manrope', sans-serif;
}
.learn-compact__head .search .search-form button {
flex: none;
border-radius: 10px;
background: url(//a2cert.ru/wp-content/themes/a2-cert/assets/img/search-icon.svg) no-repeat center / contain;
background-color: #f72626;
background-size: 20px;
width: 56px;
height: 58px;
transition: 0.3s;
}
@media (hover: hover) {
.learn-compact__head .search .search-form button:hover {
background-color: #ff5757;
}
}
.learn-compact__head .search .search-form button:active {
background-color: #c90f0f;
}
.learn-compact__head .search .search-form button * {
display: none !important;
} .learn-compact__item-code .title,
.learn-compact__item-description .title,
.learn-compact__item-duration .title{
display: none;
}
.learn-compact__items{
display: flex;
flex-direction: column;
gap: 0;
}
.learn-compact__item{
display: flex;
border-radius: 20px;
background: #fff;
position: relative;
}
.learn-compact__item:nth-child(odd){}
.learn-compact__item:nth-child(even){
background: transparent;
}
.learn-compact__item-code{
width: 14%;
padding: 20px 10px 20px 20px;
}
.learn-compact__item-code .code{
font-size: 24px;
font-weight: 500;
}
.learn-compact__item-description{
width: 32%;
padding: 20px 10px;
}
.learn-compact__item-description .description{}
.learn-compact__item-duration{
padding: 20px 10px;
display: flex; flex-grow: 1;
justify-content: space-between;
}
.learn-compact__item-duration .duration{
display: flex; margin-right: 30px;
}
.learn-compact__item-duration .duration span{
padding-top: 2px;
}
.learn-compact__item-duration .duration span,
.learn-compact__item-duration .format span{
padding-left: 7px;
}
.learn-compact__item-duration .format .f{
display: flex;
align-items: center;
}
.learn-compact__item-duration .format{
flex-direction: column;
align-items: start;
gap: 7px;
display: flex;
}
.learn-compact__item-duration .entry_open{
display: flex;
align-items: center;
}
.learn-compact__item-duration .entry_open-icon{
display: block;
width: 18px;
height: 18px;
background: #F72626;
border: 4px solid #f68686;
border-radius: 50%;
margin-right: 7px;
margin-left: 3px;
}
.learn-compact__item-duration .entry_open-icon.open{
background: #29B24A;
border-color: #CEFFDA;
}
.learn-compact__item-controls{
padding: 20px 20px 20px 10px;
}
.learn-compact__item-selection_of_specialists::after{
content: 'Выбор специалистов';
display: block;
padding: 7px 15px;
color: #fff;
font-size: 12px;
background: #F72626;
border-radius: 0 20px 0 20px;
position: absolute;
bottom: 0;
width: 110px;
}
@media screen and (max-width: 600px) {
.learn-compact__head div:nth-child(1),
.learn-compact__head div:nth-child(2),
.learn-compact__head div:nth-child(3){
display: none;
}
.learn-compact__head .search{
width: 100%;
}
.learn-compact__item{
flex-direction: column;
padding: 20px;
}
.learn-compact__item-code,
.learn-compact__item-description,
.learn-compact__item-duration{
width: 100%;
padding: 0 0 10px 0;
}
.learn-compact__item-controls{
width: 100%;
padding: 0;
display: flex;
}
.learn-compact__item-controls .button{
width: 100%;
}
.learn-compact__item-duration{
flex-direction: column;
}
.learn-compact__item-code .title, .learn-compact__item-description .title, .learn-compact__item-duration .title{
display: block;
font-size: 14px;
font-weight: 500px;
padding-bottom: 3px;
}
.learn-compact__item:nth-child(2n){
background: #fff;
}
.learn-compact__items{
gap: 10px
}
.learn-compact__item-selection_of_specialists::after{
width: 161px;
top: 0;
bottom: auto;
right: 0;
text-align: center;
}
.learn-compact__item-duration .entry_open{
position: absolute;
top: 20px;
right: 20px;
}
.learn-compact__item-selection_of_specialists .learn-compact__item-duration .entry_open{
top: 45px;
}
.learn-compact__item-duration .entry_open,
.learn-compact__item-duration .format,
.learn-compact__item-duration .duration,
.learn-compact__item-description .description{
font-size: 13px;
}
}
.programs-grid__items {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 20px;
}
.programs-grid-item{
border-radius: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
box-shadow: 8px 4px 19px rgba(0,0,0,0.25);
}
.programs-grid-item__grad{
padding: 30px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
min-height: 450px;
display: flex;
flex-direction:column;
}
.programs-grid-item .mark{
flex-grow: 1;
}
.programs-grid-item .cost{}
.programs-grid-item .cost,
.programs-grid-item .count{
padding: 5px 10px;
background: #fff;
border-radius: 7px;
display: inline-flex;
align-items: center;
margin: 0 7px 7px 0;
}
.programs-grid-item .cost svg,
.programs-grid-item .count svg{
margin-right: 7px;
}
.programs-grid-item .count{}
.programs-grid-item .title{
color: #fff;
font-size: 22px;
font-weight: 500;
padding: 25px 0;
}
.programs-grid-item .controls{}
.programs-grid-item .controls .button{
width: 100%;
}
@media screen and (max-width: 600px) {
.programs-grid-item__grad{
min-height: 100vw;
}
}/*/*//**/.stazh-calculator-block {
max-width: 1200px;
margin: 0 auto 40px;
}
.stazh-calculator-block *, 
.stazh-calculator-block *::before, 
.stazh-calculator-block *::after { 
box-sizing: border-box; 
margin: 0; 
padding: 0; 
}
:root {
--primary-red: #f72626;
--primary-red-hover: #ff5757;
--primary-red-light: #FFF5F5;
--bg-gray: #F5F5F5;
--bg-light: #FAFAFA;
--border-gray: #E5E5E5;
--text-dark: #1A1A1A;
--text-gray: #6B6B6B;
--text-light: #9B9B9B;
--white: #FFFFFF;
--shadow: 0 2px 12px rgba(0,0,0,.06);
--shadow-hover: 0 4px 20px rgba(0,0,0,.08);
--radius: 20px;
}
.stazh-calculator-block .calculator-wrapper {
background: var(--white);
border-radius: var(--radius);
box-shadow: var(--shadow);
overflow: hidden;
} .stazh-calculator-block .calc-header {
background: var(--bg-light);
padding: 32px 40px;
border-bottom: 1px solid var(--border-gray);
}
.stazh-calculator-block .header-icon {
width: 48px;
height: 48px;
background: var(--white);
border: 2px solid var(--primary-red);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.stazh-calculator-block .header-icon svg {
width: 24px;
height: 24px;
stroke: var(--primary-red);
fill: none;
}
.stazh-calculator-block .calc-header h2 {
font-size: 24px;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 8px;
letter-spacing: -.3px;
}
.stazh-calculator-block .calc-header p {
font-size: 14px;
color: var(--text-gray);
line-height: 1.6;
} .stazh-calculator-block .calc-body {
padding: 40px;
} .stazh-calculator-block .section {
margin-bottom: 32px;
}
.stazh-calculator-block .section-label {
font-size: 12px;
font-weight: 600;
color: var(--text-gray);
text-transform: uppercase;
letter-spacing: .8px;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 8px;
}
.stazh-calculator-block .tooltip-icon {
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--bg-gray);
color: var(--text-light);
font-size: 10px;
font-weight: 700;
cursor: help;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
.stazh-calculator-block .tooltip-icon:hover::after {
content: attr(data-tip);
position: absolute;
top: 24px;
left: 0;
z-index: 10;
background: var(--text-dark);
color: var(--white);
font-size: 11px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
padding: 10px 14px;
border-radius: 8px;
width: 260px;
line-height: 1.5;
box-shadow: var(--shadow-hover);
} .stazh-calculator-block .init-row {
display: flex;
gap: 12px; }
.stazh-calculator-block .init-field {
display: flex;
align-items: center;
background: var(--bg-light);
border: 1.5px solid var(--border-gray);
border-radius: var(--radius);
overflow: hidden;
transition: all .2s;
}
.stazh-calculator-block .init-field:focus-within {
border-color: var(--primary-red);
background: var(--primary-red-light);
}
.stazh-calculator-block .init-field input {
width: 50px;
padding: 12px 6px;
font: inherit;
font-size: 15px;
font-weight: 600;
border: none;
background: transparent;
outline: none;
color: var(--text-dark);
text-align: right;
}
.stazh-calculator-block .init-field span {
padding: 12px 16px 12px 4px;
font-size: 14px;
color: var(--text-light);
font-weight: 500;
white-space: nowrap;
} .stazh-calculator-block .periods-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.stazh-calculator-block .period-row {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
animation: slideIn .2s ease;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.stazh-calculator-block .date-input {
display: flex;
align-items: center;
background: var(--bg-light);
border: 1.5px solid var(--border-gray);
border-radius: var(--radius);
overflow: hidden;
transition: all .2s;
flex: 1;
min-width: 150px;
max-width: 190px;
}
.stazh-calculator-block .date-input:focus-within {
border-color: var(--primary-red);
background: var(--primary-red-light);
}
.stazh-calculator-block .date-input input[type="date"] {
flex: 1;
padding: 11px 14px;
font: inherit;
font-size: 14px;
border: none;
background: transparent;
outline: none;
color: var(--text-dark);
cursor: pointer;
min-width: 0;
}
.stazh-calculator-block .dash {
color: var(--border-gray);
font-size: 18px;
flex-shrink: 0;
}
.stazh-calculator-block .comment-input {
flex: 2;
min-width: 180px;
padding: 11px 16px;
font: inherit;
font-size: 14px;
border: 1.5px solid var(--border-gray);
border-radius: var(--radius);
background: var(--bg-light);
outline: none;
color: var(--text-dark);
transition: all .2s;
}
.stazh-calculator-block .comment-input:focus {
border-color: var(--primary-red);
background: var(--primary-red-light);
}
.stazh-calculator-block .comment-input::placeholder {
color: var(--text-light);
}
.stazh-calculator-block .btn-remove {
background: none;
border: none;
cursor: pointer;
color: var(--text-light);
font-size: 18px;
line-height: 1;
padding: 6px;
border-radius: 6px;
transition: all .2s;
flex-shrink: 0;
}
.stazh-calculator-block .btn-remove:hover {
color: var(--primary-red);
background: var(--primary-red-light);
}
.stazh-calculator-block .btn-add {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 8px;
padding: 10px 20px;
background: none;
border: 1.5px dashed var(--border-gray);
border-radius: var(--radius);
color: var(--text-gray);
font: inherit;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all .2s;
}
.stazh-calculator-block .btn-add:hover {
background: var(--bg-light);
border-color: var(--primary-red);
color: var(--primary-red);
} .stazh-calculator-block .error-msg {
margin-top: 16px;
padding: 12px 18px;
background: var(--primary-red-light);
border: 1px solid #FFD5D5;
border-radius: var(--radius);
color: var(--primary-red);
font-size: 13px;
font-weight: 500;
display: none;
}
.stazh-calculator-block .error-msg.visible {
display: block;
} .stazh-calculator-block .actions-bar {
display: flex;
align-items: center;
gap: 12px;
margin-top: 40px;
padding-top: 32px;
border-top: 1px solid var(--border-gray);
}
.stazh-calculator-block .btn-calc {
padding: 14px 40px;
background: var(--primary-red);
color: var(--white);
border: none;
border-radius: 50px;
font: inherit;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: all .2s;
box-shadow: 0 4px 14px rgba(232, 71, 71, .25);
}
.stazh-calculator-block .btn-calc:hover {
background: var(--primary-red-hover);
box-shadow: 0 6px 20px rgba(232, 71, 71, .35);
}
.stazh-calculator-block .btn-calc:active {
transform: translateY(0);
}
.stazh-calculator-block .btn-icon {
width: 46px;
height: 46px;
background: var(--bg-light);
border: 1.5px solid var(--border-gray);
border-radius: var(--radius);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-gray);
font-size: 18px;
transition: all .2s;
}
.stazh-calculator-block .btn-icon:hover {
background: var(--primary-red-light);
border-color: var(--primary-red);
color: var(--primary-red);
} .stazh-calculator-block .result-section {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid var(--border-gray);
display: none;
animation: fadeIn .3s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.stazh-calculator-block .result-section.visible {
display: block;
}
.stazh-calculator-block .result-total {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 28px;
padding: 24px;
background: var(--bg-gray);
border-radius: var(--radius);
}
.stazh-calculator-block .result-label {
font-size: 14px;
color: var(--text-gray);
font-weight: 500;
}
.stazh-calculator-block .result-value {
font-size: 28px;
font-weight: 700;
color: var(--text-dark);
letter-spacing: -.5px;
}
.stazh-calculator-block .result-badge {
padding: 6px 14px;
background: var(--primary-red);
color: var(--white);
border-radius: 20px;
font-size: 12px;
font-weight: 700;
letter-spacing: .3px;
} .stazh-calculator-block .result-table {
width: 100%;
border-collapse: collapse;
overflow: hidden;
font-size: 14px;
}
.stazh-calculator-block .result-table th {
background: var(--bg-gray);
padding: 14px 18px;
text-align: left;
font-size: 12px;
font-weight: 600;
color: var(--text-gray);
text-transform: uppercase;
letter-spacing: .6px;
border-bottom: 1.5px solid var(--border-gray);
}
.stazh-calculator-block .result-table td {
padding: 14px 18px;
border-bottom: 1px solid var(--bg-gray);
vertical-align: middle;
}
.stazh-calculator-block .result-table tr:last-child td {
border-bottom: none;
}
.stazh-calculator-block .result-table tr:hover td {
background: var(--bg-light);
}
.stazh-calculator-block .result-table tr.row-init td {
background: var(--primary-red-light);
}
.stazh-calculator-block .result-table tr.row-init:hover td {
background: var(--primary-red-light);
}
.stazh-calculator-block .overlap-tag {
display: inline-block;
margin-left: 10px;
color: var(--primary-red);
font-size: 12px;
font-weight: 600;
}
.stazh-calculator-block .duration-zero {
color: var(--text-light);
}
.stazh-calculator-block .comment-cell {
color: var(--text-light);
font-style: italic;
font-size: 13px;
} @media (max-width: 768px) {
.stazh-calculator-block .calc-header,
.stazh-calculator-block .calc-body {
padding: 24px;
}
.stazh-calculator-block .period-row { align-items: stretch;
}
.stazh-calculator-block .date-input {
min-width: 92px;
max-width: 100%;
}
.stazh-calculator-block .init-field input{
width: 47px;
padding: 12px 5px;
}
.stazh-calculator-block .result-total {
flex-direction: column;
align-items: flex-start;
}
.stazh-calculator-block .btn-calc{
width: 100%;
text-align: center;
}
}
.wp-block-columns{
margin: 0 auto;
width: 100%;
position: relative;
z-index: 10;
padding: 0 20px;
max-width: 1450px;
}
.wp-block-columns .container{
padding: 0;
} @media (max-width: 768px) {
.dt-container,
.tablepress{
overflow: scroll;
display: block;
padding: 0;
font-size: 0.8rem;
}
.tablepress>:not(caption)>*>*{
padding: 3px; }
.tablepress>:not(caption)>*>*::after {
content: "\A";
white-space: pre;
}
} .section__grid-col_card-descrp{
width: 100%;
max-width: 475px;
}
.card-descrp,
.card-article{
box-shadow: 8px 4px 7px rgb(0 0 0 / .25);
}
.section__grid_swiper{
overflow: hidden;
margin: 20px 0;
}
.SmartCaptcha-Shield_visible,
.SmartCaptcha-Shield{
display: none!important;
}
.sec-page__news-left .card-article__img {
display: block;
object-fit: cover;
width: 100%;
aspect-ratio: 1.89;
border-radius: 15px;
height: 217px;
margin: 0 auto;
} .lwpcngNotice_message{
display: block!important;
}
.lwpcngNotice-dark{
background: #1f1f1f;
}
.lwpcngNotice-dark .lwpcngNotice_accept{
color: #ffffff;
background: #f72626;
border: 0;
padding: 10px 35px;
border-radius: 50px;
}
.lwpcngNotice-dark .lwpcngNotice_accept:hover{
background: #ff5757;
color: #fff;
}
.lwpcngNotice-dark A, .lwpcngNotice-dark A:hover, .lwpcngNotice-dark A:visited{
color: #fff;
}