@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-display: swap;
font-family: 'TildaSans';
font-weight: 300;
src: url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Light.woff2) format('woff2'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Light.eot?#iefix) format('embedded-opentype'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Light.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'TildaSans';
font-weight: 400;
src: url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Regular.woff2) format('woff2'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Regular.eot?#iefix) format('embedded-opentype'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Regular.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'TildaSans';
font-weight: 500;
src: url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Medium.woff2) format('woff2'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Medium.eot?#iefix) format('embedded-opentype'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Medium.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'TildaSans';
font-weight: 700;
src: url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Semibold.woff2) format('woff2'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Semibold.eot?#iefix) format('embedded-opentype'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Semibold.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'TildaSans';
font-weight: 700;
src: url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Bold.woff2) format('woff2'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Bold.eot?#iefix) format('embedded-opentype'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Bold.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'TildaSans';
font-weight: 800;
src: url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-ExtraBold.woff2) format('woff2'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-ExtraBold.woff) format('woff');
}
@font-face {
font-display: swap;
font-family: 'TildaSans';
font-weight: 900;
src: url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Black.woff2) format('woff2'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Black.eot?#iefix) format('embedded-opentype'),
url(//psy-ippp.ru/wp-content/themes/ippp/assets/fonts/TildaSans/TildaSans-Black.woff) format('woff');
}
 html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.bold,
p .bold {
font-weight: 600;
}
.italic,
p .italic {
font-style: italic;
}
@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
display: block
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.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 {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.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 {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.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 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.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 {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
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 {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
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);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.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: .2s transform, .2s top
}
.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: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.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 {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.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 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.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 {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
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 {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
html {
font-size: 16px
}
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 20px;
border: 0;
cursor: pointer;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
white-space: nowrap
}
.btn,
.btn span {
font-size: 22px;
line-height: 110%;
font-weight: 600
}
@media (min-width:768px) and (max-width:1280px) {
.btn,
.btn span {
font-size: 18px
}
}
@media (max-width:767px) {
.btn,
.btn span {
font-size: 18px
}
}
.btn--primary {
color: #fff;
background-color: #307ce9
}
.btn--secondary {
color: #000;
background-color: #fff
}
.btn--primary_color,
.btn--primary_color span {
color: #307ce9
}
.btn--svg {
gap: 10px
}
.btn--bordered {
background-color: transparent;
color: #307ce9;
border: 2px solid #307ce9
}
.custom-checkbox,
.custom-checkbox .wpcf7-list-item-label {
cursor: pointer;
display: flex;
align-items: center;
gap: 6px;
}
.custom-checkbox input[type=checkbox] {
display: none
}
.custom-checkbox input:checked+.checkbox-box,
.custom-checkbox input:checked+.wpcf7-list-item-label .checkbox-box::after {
background-color: transparent;
border-color: #000
}
.custom-checkbox input:checked+.checkbox-box::after,
.custom-checkbox input:checked+.wpcf7-list-item-label .checkbox-box::after {
content: '';
position: absolute;
left: 5px;
top: 0;
width: 4px;
height: 10px;
border: solid #000;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.custom-checkbox.custom-checkbox--white input:checked+.checkbox-box,
.custom-checkbox.custom-checkbox--white input:checked+.wpcf7-list-item-label .checkbox-box {
border-color: #fff
}
.custom-checkbox.custom-checkbox--white input:checked+.checkbox-box::after,
.custom-checkbox.custom-checkbox--white input:checked+.wpcf7-list-item-label .checkbox-box:after {
border-color: #fff
}
.checkbox-box {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20px;
height: 20px;
border: 2px solid #000;
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
margin-right: 6px;
}
.custom-checkbox--white .checkbox-box {
border: 2px solid #fff
}
.checkbox-label {
font-size: 14px;
font-weight: 400;
line-height: 110%
}
.custom-checkbox--white .checkbox-label {
color: #fff
}
.checkbox-label a {
color: #ff8562
}
.input {
background-color: #fff;
outline: 0;
font-weight: 400;
font-size: 16px;
line-height: 100%;
height: 50px;
border: 1px solid #000;
color: #000
}
.input:not(.iti__search-input) {
padding: 20px
}
.input::-webkit-input-placeholder {
color: #4a4a4a
}
.input::-moz-placeholder {
color: #4a4a4a
}
.input:-ms-input-placeholder {
color: #4a4a4a
}
.input::-ms-input-placeholder {
color: #4a4a4a
}
.input::placeholder {
color: #4a4a4a
}
.input.error {
border: 1px solid red;
color: red
}
.popup {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff; width: 560px;
max-height: 100vh; }
.popup.opened {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.popup__close {
position: absolute;
top: 20px;
right: 20px;
cursor: pointer
}
.popup__close:hover svg {
opacity: 1
}
.popup__close svg {
width: 44px;
height: 44px;
-o-object-fit: contain;
object-fit: contain;
opacity: .6
}
@media screen and (max-width: 767px) {
.popup__close svg {
stroke: black;
}
}
.popup-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10001;
background-color: rgba(0, 0, 0, .5);
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.popup-container.opened {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.popup__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px 45px
}
@media screen and (max-width: 767px) {
.popup__content {
padding: 20px 15px;
}
}
.popup__title {
font-weight: 600;
font-size: 36px;
line-height: 44px;
color: #000;
margin-bottom: 10px;
text-align: center
}
@media screen and (max-width: 767px) {
.popup__title {
font-size: 28px;
}
}
.popup__subtitle {
font-weight: 300;
font-size: 16px;
line-height: 25px;
color: #000;
margin-bottom: 20px;
text-align: center
}
@media screen and (max-width: 767px) {
.popup__subtitle {
font-size: 14px;
}
}
.popup__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 25px;
margin-bottom: 20px
}
.popup__item {
width: 100%
}
.popup__item input {
height: 60px;
width: 100%;
background-color: #f0f0f0;
border-radius: 8px;
border: none
}
.popup__item input:not(.iti__search-input) {
padding: 20px
}
.popup__item .iti {
width: 100%
}
.popup__agreement {
margin-bottom: 20px
}
.popup__agreement a {
color: #ff8562
}
.popup__btn {
height: 60px;
width: 100%;
}
.popup__btn:hover {
background-color: white;
border: 1px solid #307ce9;
color: #307ce9;
}
.popup__btn-inner {
width: 100%
}
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px
}
@media (max-width:767px) {
.tabs {
gap: 20px
}
}
.tabs__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff
}
@media (max-width:767px) {
.tabs__header {
overflow: auto;
white-space: nowrap;
scrollbar-width: none;
-ms-overflow-style: none
}
.tabs__header::-webkit-scrollbar {
display: none
}
}
.tabs__header-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 49px;
font-weight: 500;
font-size: 16px;
line-height: 120%;
text-transform: uppercase;
color: #000;
padding: 15px 30px;
width: 100%;
cursor: pointer
}
.tabs__header-item.active {
background-color: #bb966e;
color: #fff
}
.tabs__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.tabs__body-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
font-size: 16px;
line-height: 120%;
padding: 12px 50px;
border-bottom: 1px solid #0000001A
}
@media (max-width:767px) {
.services-tabs .tabs__body-item {
padding: 12px 16px !important;
text-align: center
}
}
.tabs__body-head {
display: grid;
grid-template-columns: 3fr 1fr 1fr 1fr;
background-color: #000
}
@media (max-width:767px) {
.services-tabs .tabs__body-head {
grid-template-columns: 1fr 1fr 1fr
}
}
.tabs__body-head .tabs__body-item {
color: #fff
}
@media (max-width:767px) {
.services-tabs .tabs__body-head .tabs__body-item:first-child {
display: none
}
}
.tabs__body-row {
display: grid;
grid-template-columns: 3fr 1fr 1fr 1fr;
background-color: #fff
}
@media (max-width:767px) {
.services-tabs .tabs__body-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-template-columns: unset
}
}
.tabs__body-row .tabs__body-item {
text-align: center
}
.tabs__body-row .tabs__body-item span {
margin-left: 3px
}
.tabs__body-row .tabs__body-item:nth-child(1) {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
text-transform: uppercase;
font-size: 20px;
text-align: left;
padding: 12px 50px
}
@media (max-width:767px) {
.services-tabs .tabs__body-row .tabs__body-item:nth-child(1) {
width: 100%;
font-size: 14px
}
}
@media (max-width:767px) {
.services-tabs .tabs__body-row .tabs__body-item:nth-child(2),
.services-tabs .tabs__body-row .tabs__body-item:nth-child(3),
.services-tabs .tabs__body-row .tabs__body-item:nth-child(4) {
width: 33.333%
}
}
.tab-content {
display: none
}
.tab-content.active {
display: block
}
.grid {
display: grid
}
.grid--cols-4 {
grid-template-columns: repeat(4, 1fr)
}
@media (max-width:767px) {
.grid--cols-4.programs__grid {
grid-template-columns: repeat(1, 1fr)
}
}
.grid--cols-3 {
grid-template-columns: repeat(3, 1fr)
}
.grid--cols-2 {
grid-template-columns: repeat(2, 1fr)
}
.grid--cols-1 {
grid-template-columns: repeat(1, 1fr)
}
.video__wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.video__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video__poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
cursor: pointer;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease
}
@media screen and (max-width: 767px) {
.video__poster {
object-fit: contain;
}
}
.video__button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 64px;
height: 64px;
background: rgba(0, 0, 0, .6);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.video__button::before {
content: '';
display: block;
margin-left: 5px;
border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #fff
}
.form-inline__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px
}
.form-inline__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px
}
@media (min-width:768px) and (max-width:1280px) {
.form-inline__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width:767px) {
.form-inline__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
#courseForm .form-inline__item {
width: 581px;
display: flex;
justify-content: flex-end;
}
#courseForm .form-inline__item > p {
width: 100%;
}
#courseForm .form-inline__item:not(:first-child) > p {
display: flex;
justify-content: flex-end;
}
@media (min-width:768px) and (max-width:1280px) {
#courseForm .form-inline__item {
width: 100%
}
}
@media (max-width:767px) {
#courseForm .form-inline__item {
width: 100%
}
}
.form-inline__item .iti {
width: 100%
}
.form-inline__item .iti input {
width: 100%
}
.form-inline__btn {
height: 50px
}
@media (min-width:768px) and (max-width:1280px) {
.form-inline__btn {
width: 100%
}
}
@media (max-width:767px) {
.form-inline__btn {
width: 100%
}
}
.form-inline__agreement a {
color: #ff8562
}
.header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 101;
background-color: #fff
}
.header .container {
width: 1279px;
}
@media (max-width: 1300px){
.header .container {
width: calc(100% - 30px);
}
}
@media (max-width:767px) {
.header {
height: 75px;
border-bottom: 1px solid #efefef
}
}
.header__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 0;
width: 100%
}
@media (min-width:768px) and (max-width:1280px) {
.header__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (max-width:767px) {
.header__inner {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0
}
}
.header__logo {
width: 181px;
height: 56px;
margin-right: 40px
}
@media (min-width:768px) and (max-width:1280px) {
.header__logo {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media (max-width:767px) {
.header__logo {
width: 180px;
height: 54px
}
}
.header__logo picture img {
-o-object-fit: contain;
object-fit: contain
}
.header__menu {
margin-right: 64px
}
@media (max-width:767px) {
.header__menu {
display: none
}
}
@media (min-width:768px) and (max-width:1280px) {
.header__menu {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
width: 100%
}
}
.header__menu-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px
}
@media (min-width:768px) and (max-width:1280px) {
.header__menu-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.header__menu-list .header__menu-item:hover .header__menu-sublist {
visibility: visible;
opacity: 1;
z-index: 2
}
.header__menu-sublist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
position: absolute;
top: calc(100% + 10px);
right: 0;
left: -24px;
width: 250px;
height: auto;
gap: 16px;
padding: 24px 24px 12px;
visibility: hidden;
opacity: 0;
z-index: -1;
border-radius: 8px;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in
}
.header__menu-item {
position: relative;
cursor: pointer
}
.header__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px
}
@media (min-width:768px) and (max-width:1280px) {
.header__info {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: auto
}
}
@media (max-width:767px) {
.header__info {
display: none
}
}
.header__btn {
width: 169px;
height: 48px
}
.header__btn-inner {
margin-left: auto
}
@media (min-width:768px) and (max-width:1280px) {
.header__btn-inner {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: 24px
}
}
@media (max-width:767px) {
.header__btn-inner {
display: none
}
}
.header__toggle {
display: none
}
@media (max-width:767px) {
.header__toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 24px;
height: 24px;
cursor: pointer
}
.header__toggle span {
display: block;
height: 2px;
background-color: #307ce9;
border-radius: 1px;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.header__toggle span:nth-child(1) {
width: 100%;
margin-bottom: 6px
}
.header__toggle span:nth-child(2) {
width: 100%;
margin-bottom: 6px
}
.header__toggle span:nth-child(3) {
width: 100%
}
.header__toggle.opened span {
margin: 0;
height: 3px
}
.header__toggle.opened span:nth-child(1) {
-webkit-transform: rotate(45deg) translate(2px, 2px);
transform: rotate(45deg) translate(2px, 2px)
}
.header__toggle.opened span:nth-child(2) {
opacity: 0
}
.header__toggle.opened span:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(2px, -2px);
transform: rotate(-45deg) translate(2px, -2px)
}
}
.footer {
background-color: #e5e7ec;
padding: 40px 0 70px
}
@media (max-width:767px) {
.footer {
padding: 20px 0 40px
}
}
.footer__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.footer__row--top {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
padding-bottom: 40px;
border-bottom: 1px solid #fff;
margin-bottom: 15px
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
}
@media (max-width:767px) {
.footer__row--top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px
}
}
.footer__row--mid {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--mid {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px
}
}
@media (max-width:767px) {
.footer__row--mid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px
}
}
.footer__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--top .footer__col:nth-child(1) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%
}
}
@media (max-width:767px) {
.footer__row--top .footer__col:nth-child(1) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--top .footer__col:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(50% - 12px)
}
}
@media (max-width:767px) {
.footer__row--top .footer__col:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--top .footer__col:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: calc(50% - 12px)
}
}
@media (max-width:767px) {
.footer__row--top .footer__col:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--mid .footer__col:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: calc(50% - 12px)
}
}
@media (max-width:767px) {
.footer__row--mid .footer__col:nth-child(1) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--mid .footer__col:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: calc(50% - 12px)
}
}
@media (max-width:767px) {
.footer__row--mid .footer__col:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
}
@media (min-width:768px) and (max-width:1280px) {
.footer__row--mid .footer__col:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: calc(50% - 12px)
}
}
@media (max-width:767px) {
.footer__row--mid .footer__col:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
.footer__copyright p {
font-weight: 400;
font-size: 16px;
line-height: 25px
}
.footer__docs ul li a {
font-weight: 400;
font-size: 16px;
line-height: 25px;
text-decoration: underline
}
.footer__text p {
font-weight: 400;
font-size: 14px;
line-height: 17px
}
.footer__text a {
color: #ff8562
}
@media (min-width:768px) and (max-width:1280px) {
.footer-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 24px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.footer-contacts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width:768px) and (max-width:1280px) {
.footer-contacts__item {
gap: 12px;
width: calc(50% - 12px)
}
}
.footer-contacts__item:first-child {
margin-bottom: 10px
}
@media (min-width:768px) and (max-width:1280px) {
.footer-contacts__item:first-child {
margin-bottom: 0
}
}
.footer-contacts__item-link {
font-size: 28px;
line-height: 110%;
font-weight: 700;
color: #03467c
}
.footer-contacts__item-name {
font-size: 16px;
line-height: 110%;
font-weight: 400
}
.footer-contacts__text {
margin-top: 40px
}
@media (min-width:768px) and (max-width:1280px) {
.footer-contacts__text {
margin-top: unset;
width: 100%
}
.footer-contacts__text br {
display: none
}
}
.footer-contacts__text p {
font-size: 16px;
line-height: 25px;
font-weight: 400;
margin-bottom: 10px
}
.footer-contacts__text p:last-child {
margin-bottom: 0
}
.footer-menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px
}
.footer-menu__link {
font-size: 18px;
line-height: 110%;
font-weight: 400
}
.footer-menu__title {
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 6px;
border-bottom: 1px solid #fff;
margin-bottom: 15px
}
.footer-soc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px;
cursor: pointer;
margin-top: 40px
}
@media (min-width:768px) and (max-width:1280px) {
.footer-soc {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset
}
}
@media (max-width:767px) {
.footer-soc {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset
}
}
.footer-soc__item svg {
width: 42px;
height: 42px;
-o-object-fit: contain;
object-fit: contain
}
.footer-soc__item svg path {
fill: #03457c
}
@media (min-width:768px) and (max-width:1280px) {
.footer__logo {
width: 66.666%;
margin: auto 0
}
}
@media (max-width:767px) {
.footer__logo {
width: 66.666%;
margin-right: auto
}
}
.cookies {
display: none;
position: fixed;
width: 1296px;
bottom: 0;
left: 0;
right: 0;
z-index: 101;
margin: 0 auto;
background-color: #fff;
padding: 24px;
-webkit-box-shadow: 0 0 10px 0 #00000026;
box-shadow: 0 0 10px 0 #00000026
}
.cookies__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
grid-gap: 20px
}
.cookies__content {
font-size: 16px;
line-height: 120%;
color: #000
}
.cookies__content a {
display: contents;
color: #000;
text-decoration: underline
}
.cookies__btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 50px;
font-size: 16px;
font-weight: 700;
background-color: #000;
color: #fff;
padding: 18px 40px;
border: 0;
text-transform: uppercase
}
@media (min-width:768px) and (max-width:1024px) {
.cookies {
width: 700px
}
.cookies__content br {
display: none
}
}
@media (max-width:767px) {
.cookies {
width: calc(100vw / 1.05);
padding: 15px 15px 15px
}
.cookies__content {
font-size: 9px;
line-height: 9px
}
.cookies__content br {
display: none
}
}
@media (max-width:576px) {
.cookies {
border-radius: 20px;
bottom: 50px
}
.cookies__wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.cookies__action {
width: 100%
}
.cookies__btn {
width: 100%
}
}
.docs {
margin-bottom: 70px
}
.docs__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 70px 24px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (max-width:767px) {
.docs__grid {
grid-template-columns: repeat(1, 1fr);
gap: 24px
}
}
.docs__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px
}
.docs__ico {
width: 65px;
height: 65px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
@media (max-width:1280px) {
.docs__ico {
width: 45px;
height: 45px
}
}
.docs__ico picture img {
-o-object-fit: contain;
object-fit: contain
}
.docs__name {
font-weight: 700;
font-size: 20px;
line-height: 20px
}
@media (max-width:1280px) {
.docs__name {
font-size: 16px
}
.docs__name br {
display: none
}
}
.faq {
padding: 40px 0 70px
}
@media screen and (max-width: 767px) {
.faq {
padding: 20px 0 30px;
}
}
.faq__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px
}
.faq__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 82px;
background-color: #fff;
padding: 25px 30px
}
@media (max-width:767px) {
.faq__item {
padding: 20px;
min-height: unset
}
}
.faq__item.opened .faq__item-hidden {
visibility: visible;
opacity: 1;
max-height: 2500px
}
.faq__item.opened .faq__item-visible svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.faq__item-visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
gap: 12px
}
.faq__item-visible:hover svg {
background-color: #eee
}
.faq__item-visible svg {
width: 40px;
height: 40px;
padding: 8px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-o-object-fit: contain;
object-fit: contain;
border-radius: 50% 50%;
-webkit-transition: all ease-in-out .5s;
transition: all ease-in-out .5s
}
@media (max-width:767px) {
.faq__item-visible svg {
width: 24px;
height: 24px;
padding: 0
}
}
.faq__item-name {
font-size: 24px;
line-height: 32px;
font-weight: 600;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (max-width:767px) {
.faq__item-name {
font-size: 20px;
line-height: 120%
}
}
.faq__item-hidden {
max-height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-transition: max-height .3s ease, opacity .9s ease;
transition: max-height .3s ease, opacity .9s ease
}
.faq__item-hidden ul {
padding: 0 0 0 20px;
list-style-type: decimal;
margin: 0 0 20px
}
.faq__item-hidden ul.first {
padding: 20px 0 0 20px
}
.faq__item-hidden ul.disc {
list-style-type: disc
}
.faq__item-hidden ul li {
font-size: 20px;
line-height: 31px;
font-weight: 300
}
@media (max-width:767px) {
.faq__item-hidden ul li {
font-size: 16px;
line-height: 120%
}
}
.faq__item-hidden p {
font-size: 20px;
line-height: 31px;
font-weight: 300
}
@media (max-width:767px) {
.faq__item-hidden p {
font-size: 16px;
line-height: 120%
}
}
.faq__item-hidden p:first-child {
padding-top: 20px
}
.faq__item-hidden p b {
font-weight: 500
}
.course-form__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-wrap: wrap;
background-color: #d6e7ff;
padding: 100px
}
@media (max-width:1280px) {
.course-form__inner {
padding: 40px 20px
}
}
.course-form__inner form {
width: 670px
}
.course-form__title {
width: 100%;
font-size: 40px;
font-weight: 700;
margin-bottom: 40px;
text-transform: uppercase
}
@media (max-width:767px) {
.course-form__title {
font-size: 30px;
line-height: 120%;
text-align: center
}
}
.course-form__title span {
color: #307ce9
}
.course-form__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px
}
.course-form__item > p {
width: 100%;
}
.course-form__item .wpcf7-form-control-wrap {
width: 100%;
display: block;
}
.course-form__item .iti {
width: 100%;
}
.course-form__item input {
width: 100%;
background-color: #fff;
height: 50px; border: none;
padding: 0 20px
}
.course-form__agreement {
margin-bottom: 2rem
}
.course-form__btn {
width: 100%;
height: 50px
}
.mobile-menu {
display: none;
position: fixed;
top: 75px;
right: 0;
bottom: 0;
left: 0;
z-index: 1001;
background-color: #fff;
padding: 24px;
max-height: calc(100vh - 75px);
overflow-y: auto
}
.mobile-menu.opened {
display: block
}
.mobile-menu__nav {
margin-bottom: 70px
}
.mobile-menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
padding: 0;
margin: 0
}
.mobile-menu__item {
border-bottom: 1px solid #efefef;
padding-bottom: 10px
}
.mobile-menu__item:last-child {
border-bottom: unset;
padding-bottom: 0
}
.mobile-menu__link {
color: #000;
font-size: 16px;
line-height: 120%;
text-transform: uppercase;
font-weight: 500
}
.mobile-menu__info {
margin-bottom: 40px
}
.mobile-menu__btn {
width: 100%
}
.teachers {
padding: 40px 0 70px;
position: relative
}
@media (max-width:767px) {
.teachers {
padding: 20px 0 40px
}
}
.teachers__item {
width: 260px
}
@media (max-width:1280px) {
.teachers__item {
width: 200px
}
}
.teachers__list .teachers__item {
width: calc(100% / 4 - 24px);
display: flex;
flex-direction: column;
}
@media (min-width:768px) and (max-width:1280px) {
.teachers__list .teachers__item {
width: calc(100% / 3 - 24px)
}
}
@media (min-width:577px) and (max-width:991px) {
.teachers__list .teachers__item {
width: calc(100% / 2 - 24px)
}
}
@media (max-width:576px) {
.teachers__list .teachers__item {
width: 100%
}
}
.teachers__item-image {
width: 100%;
height: 260px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
@media (max-width:1280px) {
.teachers__item-image {
height: auto
}
}
.teachers__item-image picture img {
-o-object-fit: cover;
object-fit: cover;
border-radius: 50% 50%
}
.teachers__item-content {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
@media (max-width:767px) {
.teachers__item-content {
padding: 0
}
}
.teachers__item-text-content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.teachers__item-name {
text-align: center;
font-size: 20px;
line-height: 27px;
font-weight: 600;
margin-bottom: 8px
}
@media (min-width:768px) and (max-width:1280px) {
.teachers__item-name {
font-size: 24px;
line-height: 120%
}
}
@media (max-width:767px) {
.teachers__item-name br {
display: none
}
}
.teachers__list .teachers__item-name {
min-height: 55px
}
@media (min-width:768px) and (max-width:1280px) {
.teachers__list .teachers__item-name {
min-height: unset
}
}
@media (max-width:767px) {
.teachers__list .teachers__item-name {
min-height: unset
}
}
.teachers__item-job {
text-align: center;
font-weight: 700;
font-size: 14px;
line-height: 22px;
margin-bottom: 10px
}
@media (min-width:768px) and (max-width:1280px) {
.teachers__item-job {
font-size: 20px;
line-height: 120%
}
}
@media (max-width:767px) {
.teachers__item-job br {
display: none
}
} @media (min-width:768px) and (max-width:1280px) {
.teachers__list .teachers__item-job {
min-height: unset
}
}
@media (max-width:767px) {
.teachers__list .teachers__item-job {
min-height: unset
}
}
.teachers__item-text {
text-align: center;
font-size: 14px;
font-weight: 300;
line-height: 22px
}
@media (min-width:768px) and (max-width:1280px) {
.teachers__item-text {
font-size: 18px;
line-height: 120%
}
}
.teachers__list .teachers__item-text {
min-height: 150px
}
@media (min-width:768px) and (max-width:1280px) {
.teachers__list .teachers__item-text {
min-height: unset
}
}
@media (max-width:767px) {
.teachers__list .teachers__item-text {
min-height: unset
}
}
.teachers__item-btn {
width: 100%;
height: 52px;
margin-top: 20px
}
.teachers__item-btn span {
font-size: 16px;
line-height: 100%
}
.teachers__slider {
overflow: hidden
}
@media (max-width:1280px) {
.teachers__slider {
margin: 0 64px
}
}
.teachers__navigation-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 34px;
height: 34px;
background-color: rgba(88, 88, 88, .5);
border: 2px solid #fff;
border-radius: 50% 50%;
padding: 0;
outline-offset: 5px;
cursor: pointer;
-webkit-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
margin: 0 30px
}
.teachers__navigation-button:after,
.teachers__navigation-button:before {
display: none
}
.teachers__navigation-button svg {
width: 8px;
height: 13px;
-o-object-fit: contain;
object-fit: contain
}
.teachers__navigation-button-container {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
top: 0;
bottom: 0;
cursor: pointer
}
.teachers__navigation-button-container:hover .teachers__navigation-button {
background-color: rgba(88, 88, 88, .9)
}
.teachers__navigation-button-container--prev {
left: 0
}
.teachers__navigation-button-container--prev svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.teachers__navigation-button-container--next {
right: 0
}
.teachers__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 24px
}
.teachers-detail {
margin-bottom: 100px
}
.teachers__subtitle{
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 37px;
color: #000000;
}
.teachers-detail__characteristics{
flex-direction: column;
display: flex;
row-gap: 20px;
}
.teachers-detail__characteristic-item{
display: grid;
grid-template-columns: 200px 1fr;
column-gap: 10px;
row-gap:5px;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px;
}
.teachers-characteristic__name{
color: #307CE9;
}
h1.teachers-hero__title, .teachers-hero__title {
margin-bottom:5px;
font-weight: 900;
}
.teachers__title.section__title{
font-size:32px;
font-weight: 900;
line-height: normal;
margin-bottom:20px;
}
.teachers-detail__wrapper { margin-top:30px;
display: grid;
grid-template-columns: 397px 1fr;
gap: 0;
}
@media (max-width:767px) {
.teachers-detail__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.teachers-detail__image { width: auto;
height: 100%
}
@media (max-width:767px) {
.teachers-detail__image {
width: 100%
}
}
.teachers-detail__image picture img { -o-object-fit: cover;
object-fit: cover
}
.teachers-detail__content {
width: auto; background-color: #efefef;
padding:30px;
display:flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width:767px) {
.teachers-detail__content {
width: 100%;
padding: 20px
}
}
.teachers-detail__job {
font-size: 26px;
font-weight: 700;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 16px;
margin-bottom: 20px;
position: relative
}
.teachers-detail__job:after {
content: '';
position: absolute;
left: 0;
width: 50px;
height: 3px;
background-color: #000;
bottom: 0;
z-index: 1
} .teachers-detail__text, .teachers-detail__text p{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 27px;
color: #000000;
}
.lecture-examples {
padding: 40px 0 70px
}
@media (max-width:767px) {
.lecture-examples {
padding: 20px 0 40px
}
}
.lecture-examples__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 70px 100px
}
@media (min-width:768px) and (max-width:1280px) {
.lecture-examples__grid {
gap: 40px 24px
}
}
@media (max-width:767px) {
.lecture-examples__grid {
grid-template-columns: repeat(1, 1fr);
gap: 24px
}
}
.lecture-examples__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 25px
}
.lecture-examples__item-name {
font-size: 20px;
line-height: 24px;
font-weight: 400
}
@media (max-width:767px) {
.lecture-examples__item-name {
font-size: 16px
}
}
.lecture-examples__item-text {
font-size: 20px;
line-height: 24px;
font-weight: 700
}
@media (max-width:767px) {
.lecture-examples__item-text {
font-size: 16px;
padding-right: 10px
}
}
.lecture-examples__video {
width: auto;
height: 275px
}
@media (min-width:768px) and (max-width:1280px) {
.lecture-examples__video {
height: 200px
}
}
@media (max-width:767px) {
.lecture-examples__video {
height: 200px
}
}
.lecture-examples__video iframe {
width: 100%;
height: 275px;
-o-object-fit: cover;
object-fit: cover
}
@media (min-width:768px) and (max-width:1280px) {
.lecture-examples__video iframe {
height: 200px
}
}
@media (max-width:767px) {
.lecture-examples__video iframe {
height: 200px
}
}
.discount {
padding-bottom: 70px
}
@media (max-width:767px) {
.discount {
padding-bottom: 40px
}
}
@media (max-width:767px) {
.discount .container {
width: 100%
}
}
.discount__content {
display: flex;
flex-direction: column;
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/home/discount.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
width: 100%;
height: 500px;
background-color: #307ce9;
padding: 40px 58px
}
@media (min-width: 992px) and (max-width: 1280px){
.discount__content {
padding: 40px 20px;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 991px){
.discount__content {
padding: 20px;
height: auto;
}
.discount__title {
font-size: 30px;
}
.discount__item-icon {
width: 36px;
height: 36px;
}
.discount__item-text {
font-size: 18px;
}
.discount__list {
margin-bottom: 30px;
}
}
@media (max-width:991px) {
.discount__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 20px;
height: auto;
background-image: none;  }
.discount__content:after {
content: '';
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/home/discount-mob.png);
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
transform: unset;
top: 90px;
right: 28px;
width: 90px;
height: 79px;
background-size: contain;
}
}
@media (min-width: 768px) and (max-width: 991px){
.discount__content:after {
transform: unset;
top: unset;
bottom: 0;
right: 0;
width: 220px;
height: 168px;
background-size: contain;
}
}
.discount__title {
font-weight: 800;
line-height: 100%;
font-size: 39px;
text-transform: uppercase;
margin-bottom: 30px;
color: #fff
}
@media (min-width: 1281px) {
.discount__title {
max-width: 70%;
}
}
@media (max-width:767px) {
.discount__title {
font-size: 24px;
line-height: 100%;
margin-bottom: 43px;
}
}
.discount__title span.yellow {
color: #ffb100
}
.discount__btn {
width: 313px;
height: 64px;
margin-top: auto;
}
.discount__btn span{
color: #307CE9;
}
@media (max-width:767px) {
.discount__btn {
width: 100%;
margin-top: unset;
}
}
.discount__btn span {
font-weight: 600;
font-size: 20px;
line-height: 100%;
}
.discount__list {
display: flex;
flex-direction: column;
gap: 5px;
margin-bottom: 70px;
}
.discount__item {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
}
.discount__item-icon {
width: 45px;
height: 45px;
flex: 0 0 auto;
}
.discount__item-icon picture {
display: inline-block;
width: 100%;
height: 100%;
}
.discount__item-icon picture img{
display: inline-block;
width: 100%;
height: 100%;
object-fit: contain;
}
.discount__item-text {
font-weight: 500;
font-size: 24px;
line-height: 100%;
color: #fff;
}
@media (max-width: 767px){
.discount__list {
margin-bottom: 47px;
}
.discount__item {
gap: 10px;
}
.discount__item-icon {
width: 40px;
height: 40px;
}
.discount__item-text {
font-size: 18px;
}
}
.diploma {
padding: 40px 0 70px
}
@media (max-width:767px) {
.diploma {
padding: 20px 0 40px
}
}
.diploma__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
gap: 74px
}
@media (max-width:1280px) {
.diploma__wrapper {
gap: 24px
}
}
@media (max-width:991px) {
.diploma__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.diploma__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(50%)
}
@media (max-width:991px) {
.diploma__left {
width: 100%
}
}
.diploma__text {
font-size: 24px;
font-weight: 700;
line-height: 37px;
margin-bottom: 31px
}
@media (min-width:768px) and (max-width:1280px) {
.diploma__text {
font-size: 20px;
line-height: 120%
}
.diploma__text br {
display: none
}
}
@media (max-width:767px) {
.diploma__text {
font-size: 16px;
line-height: 120%
}
.diploma__text br {
display: none
}
}
.diploma__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: calc(50% + 74px)
}
@media (min-width:992px) and (max-width:1280px) {
.diploma__right {
width: calc(50% + 24px)
}
}
@media (max-width:991px) {
.diploma__right {
width: 100%
}
}
.diploma__image {
width: 556px;
margin-right: auto
}
@media (max-width:1280px) {
.diploma__image {
width: 100%;
margin-right: unset
}
}
.diploma__image picture img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.diploma__license {
position: relative;
background-color: #9bc4ff;
width: 460px;
height: 252px;
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/home/diploma-bg.png);
background-size: 78%;
background-repeat: no-repeat;
background-position: -105% 66%
}
@media (min-width:768px) and (max-width:1280px) {
.diploma__license {
width: 100%
}
}
@media (max-width:767px) {
.diploma__license {
height: 200px;
width: 100%
}
}
.diploma__license--small {
height: 174px
}
.diploma__license-text {
font-size: 24px;
font-weight: 700;
line-height: 37px;
position: absolute;
top: 48px;
right: 38px;
text-align: right;
z-index: 1;
max-width: 80%;
}
@media (max-width:767px) {
.diploma__license-text {
font-size: 18px;
line-height: 120%
}
}
.diploma__license-link {
font-size: 18px;
font-weight: 700;
line-height: 28px;
text-decoration: underline;
position: absolute;
bottom: 34px;
right: 38px;
z-index: 1
}
@media (max-width:767px) {
.diploma__license-link {
font-size: 14px;
line-height: 120%
}
}
.programs {
padding: 40px 0 70px
}
@media (max-width:767px) {
.programs {
padding: 20px 0 40px
}
}
.programs__grid {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 39px
}
@media (min-width:768px) and (max-width:1280px) {
.programs__grid {
gap: 24px
}
}
.programs__item {
background-color: #fff;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3);
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3);
-webkit-transition: -webkit-transform ease-in-out .5s;
transition: -webkit-transform ease-in-out .5s;
transition: transform ease-in-out .5s;
transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s
}
.programs__item:hover {
-webkit-transform: translate(-5px, -5px);
transform: translate(-5px, -5px)
}
.programs__item-image picture img {
-o-object-fit: contain;
object-fit: contain
}
.become-promo {
padding: 40px 0 70px
}
@media (max-width:767px) {
.become-promo {
padding: 20px 0 40px
}
}
.become-promo__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative
}
@media (max-width:1280px) {
.become-promo__inner {
margin-bottom: 20px
}
}
.become-promo__image-inner {
width: 645px;
height: 528px
}
@media (min-width:768px) and (max-width:1280px) {
.become-promo__image-inner {
width: 40%;
height: auto
}
}
@media (max-width:767px) {
.become-promo__image-inner {
width: calc(66.666% - 24px);
height: auto;
margin-left: auto
}
}
.become-promo__image-inner picture img {
-o-object-fit: contain;
object-fit: contain
}
.become-promo__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto
}
@media (min-width:768px) and (max-width:1280px) {
.become-promo__content {
width: 60%;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
margin-left: unset;
gap: 24px
}
}
@media (max-width:767px) {
.become-promo__content {
gap: 24px;
width: calc(33.333% + 24px);
margin-left: unset;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset
}
}
.become-promo__content p {
position: relative;
font-size: 30px;
line-height: 36px;
font-weight: 700;
text-transform: uppercase;
z-index: 1;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
@media (min-width:768px) and (max-width:1280px) {
.become-promo__content p {
font-size: 24px;
line-height: 29px
}
}
@media (max-width:767px) {
.become-promo__content p {
font-size: 20px;
line-height: 120%
}
}
.become-promo__content p:after {
content: '';
position: absolute;
width: 100%;
background-color: #307ce9;
opacity: .8;
height: 50%;
right: 0;
bottom: 0;
left: 0;
z-index: -1
}
@media (max-width:767px) {
.become-promo__content p:after {
display: none
}
}
.become-promo__content p span {
position: relative
}
.become-promo__content p span:nth-child(-n+3):after {
display: none;
content: '';
position: absolute;
width: 100%;
background-color: #307ce9;
opacity: .8;
right: 0;
bottom: 0;
left: 0;
z-index: -1
}
@media (max-width:767px) {
.become-promo__content p span:nth-child(-n+3):after {
display: inline-block;
height: 10px
}
}
.become-promo__info {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px
}
@media (min-width:768px) and (max-width:1280px) {
.become-promo__info {
grid-template-columns: repeat(1, 1fr);
gap: 0;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3);
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3)
}
}
@media (max-width:767px) {
.become-promo__info {
grid-template-columns: repeat(1, 1fr)
}
}
.become-promo__info-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3px;
padding: 24px 16px;
background-color: #fff;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3);
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3);
-webkit-transition: -webkit-transform ease-in-out .5s;
transition: -webkit-transform ease-in-out .5s;
transition: transform ease-in-out .5s;
transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s
}
@media (min-width:768px) and (max-width:1280px) {
.become-promo__info-item {
display: grid;
grid-template-columns: 300px auto;
-webkit-box-shadow: unset;
box-shadow: unset;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
padding: 12px 24px;
}
}
@media screen and (max-width: 767px) {
.become-promo__info-item {
padding: 15px 20px;
}
}
.become-promo__info-number {
color: #307ce9;
font-size: 48px;
font-weight: 700
}
@media (max-width:767px) {
.become-promo__info-number {
font-size: 40px;
line-height: 120%;
padding-left: 7px;
}
}
.become-promo__info-image {
width: 51px;
height: 51px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.become-promo__info-image picture img {
-o-object-fit: contain;
object-fit: contain
}
@media (min-width:768px) and (max-width:1280px) {
.become-promo__info-image picture img {
-o-object-fit: cover;
object-fit: cover
}
}
.become-promo__info-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px
}
.become-promo__info-content p {
font-size: 30px;
line-height: 36px
}
@media (min-width:768px) and (max-width:1280px) {
.become-promo__info-content p {
font-size: 24px;
line-height: 29px
}
}
@media (max-width:767px) {
.become-promo__info-content p {
font-size: 24px;
line-height: 120%
}
}
.payment {
padding: 40px 0 70px
}
@media (max-width:767px) {
.payment {
padding: 20px 0 40px
}
}
@media (max-width:767px) {
.payment .container {
width: 100%
}
}
.payment__inner {
width: 100%;
height: 380px;
background-color: #307ce9;
padding: 40px;
position: relative
}
@media (min-width:768px) and (max-width:1280px) {
.payment__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 24px;
background-size: contain
}
}
.payment__inner::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/home/payment.png);
background-size: auto;
background-repeat: no-repeat;
background-position: left
}
@media (max-width:767px) {
.payment__inner::after {
opacity: .4;
background-size: 150%;
background-position: center
}
}
.payment__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: auto;
width: 400px;
position: relative;
z-index: 1
}
@media (min-width:768px) and (max-width:1280px) {
.payment__content {
width: 40%
}
}
@media (max-width:767px) {
.payment__content {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.payment__title {
font-size: 45px;
font-weight: 700;
line-height: 54px;
text-transform: uppercase;
margin-bottom: 15px;
color: #fff
}
@media (min-width:768px) and (max-width:1280px) {
.payment__title {
text-align: center;
font-size: 35px;
line-height: 42px
}
}
@media (max-width:767px) {
.payment__title {
font-size: 30px;
line-height: 120%
}
}
.payment__title span {
color: #ffb100
}
.payment__price {
font-size: 30px;
line-height: 36px;
color: #fff;
font-weight: 600;
margin-bottom: 15px
}
@media (min-width:768px) and (max-width:1280px) {
.payment__price {
text-align: center
}
}
@media (max-width:767px) {
.payment__price {
font-size: 24px;
line-height: 120%
}
}
.payment__price span {
font-size: 75px;
line-height: 90px;
font-weight: 700;
color: #ffb100
}
@media (min-width:768px) and (max-width:1280px) {
.payment__price span {
display: block;
font-size: 65px;
line-height: 78px
}
}
@media (max-width:767px) {
.payment__price span {
display: block;
width: 100%;
font-size: 70px;
line-height: 120%
}
}
.payment__subtitle {
font-size: 30px;
line-height: 36px;
color: #fff;
font-weight: 600;
margin-bottom: 30px
}
@media (min-width:768px) and (max-width:1280px) {
.payment__subtitle {
font-size: 24px;
line-height: 29px;
text-align: center
}
}
@media (max-width:767px) {
.payment__subtitle {
font-size: 24px;
line-height: 120%;
text-align: center
}
}
.payment__btn {
width: 400px;
height: 62px
}
@media (min-width:768px) and (max-width:1280px) {
.payment__btn {
width: 100%;
height: 50px
}
}
@media (max-width:767px) {
.payment__btn {
width: 100%;
height: 48px
}
}
.payment__btn span {
font-size: 24px
}
@media (min-width:768px) and (max-width:1280px) {
.payment__btn span {
font-size: 20px
}
}
@media (max-width:767px) {
.payment__btn span {
font-size: 20px
}
}
.education {
padding: 40px 0 70px
}
@media (max-width:767px) {
.education {
padding: 20px 0 40px
}
}
.education__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 70px
}
@media (max-width:767px) {
.education__head { margin-bottom: 40px;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
gap: 24px
}
}
.education__title {
margin-bottom: 0
}
.education-slider {
position: relative;
overflow-x: hidden;
}
.education-slider__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-width: 1px;
background-color: #fff;
border: 1px solid #ccc;
-webkit-box-shadow: -5px 5px 5px 0 rgba(181, 181, 181, .5);
box-shadow: -5px 5px 5px 0 rgba(181, 181, 181, .5);
position: relative;
padding: 24px;
width: 275px;
min-height: 250px
}
.education-slider__item-num {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #acf;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
border-radius: 50% 50%;
font-size: 22px;
font-weight: 700;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.education-slider__item-title {
font-weight: 700;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 20px;
min-height: 45px
}
.education-slider__item-text {
font-size: 16px;
line-height: 21px;
font-weight: 400
}
.education-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px
}
@media (max-width:767px) {
.education-navigation {
margin-left: auto
}
}
.education-navigation__button {
width: 65px;
height: 65px;
cursor: pointer
}
@media (max-width:767px) {
.education-navigation__button {
width: 45px;
height: 45px
}
}
.education-navigation__button svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.admission {
padding: 40px 0 70px
}
@media (max-width:767px) {
.admission {
padding: 20px 0 40px
}
}
.admission__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width:768px) and (max-width:1280px) {
.admission__list {
gap: 24px
}
}
@media (max-width:767px) {
.admission__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
gap: 24px
}
}
.admission__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
@media (min-width:768px) and (max-width:1280px) {
.admission__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px
}
}
@media (max-width:767px) {
.admission__item {
gap: 10px
}
}
.admission__item:nth-child(1) .admission__item-content {
margin-top: 16px;
margin-left: -16px
}
@media (min-width:768px) and (max-width:1280px) {
.admission__item:nth-child(1) .admission__item-content {
margin-top: unset;
margin-left: unset
}
}
@media (max-width:767px) {
.admission__item:nth-child(1) .admission__item-content {
margin-top: unset;
margin-left: unset
}
}
@media (max-width:767px) {
.admission__item:nth-child(1) .admission__item-title br {
display: none
}
}
.admission__item:nth-child(2) {
gap: 3px;
margin-top: auto
}
@media (max-width:767px) {
.admission__item:nth-child(2) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.admission__item:nth-child(3) {
gap: 12px;
margin-top: -12px
}
@media (min-width:768px) and (max-width:1280px) {
.admission__item:nth-child(3) {
margin-top: unset
}
}
@media (max-width:767px) {
.admission__item:nth-child(3) {
margin-top: unset;
margin-left: 10px
}
}
@media (max-width:767px) {
.admission__item:nth-child(3) .admission__item-title br {
display: none
}
}
@media (max-width:767px) {
.admission__item:nth-child(4) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.admission__item:nth-child(4) .admission__item-image {
width: 135px;
height: 118px
}
@media (max-width:767px) {
.admission__item:nth-child(4) .admission__item-image {
width: 85px;
height: auto
}
}
.admission__item:nth-child(4) .admission__item-content {
margin-top: 12px;
margin-left: -24px
}
@media (min-width:768px) and (max-width:1280px) {
.admission__item:nth-child(4) .admission__item-content {
margin-top: unset;
margin-left: unset
}
}
@media (max-width:767px) {
.admission__item:nth-child(4) .admission__item-content {
margin-top: unset;
margin-left: unset
}
}
.admission__item-image {
width: 107px;
height: 93px
}
@media (max-width:767px) {
.admission__item-image {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75px;
height: auto
}
}
.admission__item-image picture img {
-o-object-fit: contain;
object-fit: contain
}
@media (max-width:767px) {
.admission__item-image picture img {
-o-object-position: top;
object-position: top
}
}
.admission__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 21px
}
@media (max-width:767px) {
.admission__item-content {
gap: 10px;
max-width: 60%
}
}
.admission__item-title {
font-size: 24px;
line-height: 29px;
font-weight: 700;
text-transform: uppercase
}
@media (min-width:768px) and (max-width:1280px) {
.admission__item-title {
font-size: 18px;
line-height: 22px
}
}
@media (max-width:767px) {
.admission__item-title {
font-size: 18px;
line-height: 120%
}
}
.admission__item-text {
font-size: 20px;
line-height: 20px;
font-weight: 400
}
@media (min-width:768px) and (max-width:1280px) {
.admission__item-text {
font-size: 18px;
line-height: 18px
}
.admission__item-text br {
display: none
}
}
@media (max-width:767px) {
.admission__item-text {
font-size: 16px;
line-height: 120%
}
.admission__item-text br {
display: none
}
}
.reviews {
padding: 40px 0 70px
}
@media (max-width:767px) {
.reviews {
padding: 20px 0 40px
}
}
.reviews__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 130px
}
@media (min-width:768px) and (max-width:1280px) {
.reviews__list {
gap: 24px
}
}
@media (max-width:767px) {
.reviews__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
gap: 24px
}
}
.reviews__item-title {
font-size: 24px;
line-height: 37px;
font-weight: 700
}
@media (max-width:767px) {
.reviews__item-title {
font-size: 16px;
line-height: 120%
}
}
.reviews__item-text {
font-size: 22px;
line-height: 26px;
font-weight: 400
}
@media (max-width:767px) {
.reviews__item-text {
font-size: 16px;
line-height: 120%
}
}
.reviews__item-video {
width: 300px;
height: 532px;
margin-bottom: 8px
}
@media (min-width:768px) and (max-width:1280px) {
.reviews__item-video {
width: auto;
height: 400px
}
}
@media (max-width:767px) {
.reviews__item-video {
width: auto;
height: 400px
}
}
.reviews__item-video iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.reviews__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px
}
.course {
padding: 40px 0 70px
}
@media (max-width:767px) {
.course {
padding: 20px 0 40px
}
}
.course__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (min-width:768px) and (max-width:1280px) {
.course__wrap {
margin-bottom: 40px
}
}
@media (max-width:767px) {
.course__wrap {
position: relative;
margin-bottom: 20px
}
}
.course__title {
margin-bottom: 67px
}
@media (max-width:767px) {
.course__title {
margin-bottom: 24px
}
.course__title br {
display: none
}
}
.course__title span {
color: #307ce9
}
@media (max-width:767px) {
.course__title span {
display: contents
}
}
.course__subtitle {
font-size: 30px;
line-height: 36px;
font-weight: 700;
margin-bottom: 44px
}
@media (max-width:767px) {
.course__subtitle {
font-size: 20px;
line-height: 120%;
max-width: 45%
}
}
.course__list {
list-style-type: disc;
padding: 0 0 0 26px;
margin: 0
}
.course__list li {
font-size: 24px;
line-height: 41px
}
@media (max-width:767px) {
.course__list li {
font-size: 16px;
line-height: 120%
}
}
.course__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (max-width:767px) {
.course__content {
z-index: 1;
width: 100%
}
}
.course__image {
width: 500px;
height: 500px
}
@media (max-width:767px) {
.course__image {
width: 183px;
height: auto;
position: absolute;
right: 0;
top: 40%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
}
.course__image picture img {
-o-object-fit: contain;
object-fit: contain
}
.course-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 60px 0;
gap: 10px
}
@media (min-width:768px) and (max-width:1280px) {
.course-info {
margin: 20px 0 40px
}
}
@media (max-width:767px) {
.course-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 20px 0
}
}
.course-info__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px
}
@media (min-width:768px) and (max-width:1280px) {
.course-info__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width:767px) {
.course-info__item {
gap: 12px
}
}
.course-info__image {
width: 50px;
height: 50px
}
@media (max-width:767px) {
.course-info__image {
width: 40px;
height: 40px
}
}
.course-info__image picture img {
-o-object-fit: contain;
object-fit: contain
}
.course-info__name {
font-size: 30px;
line-height: 30px;
font-weight: 700
}
@media (min-width:768px) and (max-width:1280px) {
.course-info__name {
font-size: 24px;
line-height: 24px;
text-align: center
}
}
@media (max-width:767px) {
.course-info__name {
font-size: 20px;
line-height: 120%
}
.course-info__name br {
display: none
}
}
.course__btn {
width: 400px;
max-width: 100%;
height: 60px;
margin-top: 20px
}
.contacts {
padding: 40px 0
}
.contacts__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (max-width:1280px) {
.contacts__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset
}
}
.contacts__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.contacts__map {
width: 660px;
height: 400px
}
@media (min-width:768px) and (max-width:1280px) {
.contacts__map {
width: 100%
}
}
@media (max-width:767px) {
.contacts__map {
width: 100%
}
}
.contacts__map #map {
width: 100%;
height: 100%
}
.contacts__text p {
font-size: 20px;
line-height: 31px;
font-weight: 300;
margin-bottom: 10px
}
@media (min-width:768px) and (max-width:1280px) {
.contacts__text p br {
display: none
}
}
@media (max-width:767px) {
.contacts__text p br {
display: none
}
}
.contacts__text p:last-child {
margin-bottom: 0
}
html {
font-display: swap;
overflow-x: hidden
}
body,
html {
font-family: TildaSans;
color: #000;
font-weight: 500
}
body {
max-width: 100vw;
}
body:not(.program-template-default):not(.post-template-default):not(.blog-template-default) {
overflow-x: hidden;
}
body *,
html * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: 0;
line-height: 1
}
body.no-scroll {
overflow-y: hidden;
scrollbar-gutter: stable
}
main {
padding-top: 120px
}
@media (min-width:768px) and (max-width:1280px) {
main {
padding-top: 150px
}
}
@media (max-width:767px) {
main {
padding-top: 95px
}
}
p {
font-weight: 500;
font-size: 16px;
line-height: 110%;
margin: 0
}
a {
text-decoration: none;
color: #000
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0
}
ul {
padding: 0;
list-style-type: none
}
ul li {
padding: 0;
margin: 0
}
picture {
display: block;
height: 100%;
width: 100%
}
img {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
height: 100%
}
input {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: transparent
}
.container {
width: 1157px;
margin: 0 auto
}
@media (min-width:768px) and (max-width:1280px) {
.container {
width: calc(100% - (20px * 2))
}
}
@media (max-width:767px) {
.container {
width: calc(100% - (15px * 2))
}
}
.js-popup {
cursor: pointer
}
.title {
font-weight: 500;
font-size: 44px;
line-height: 110%;
text-transform: uppercase
}
@media (min-width:768px) and (max-width:1280px) {
.title {
font-size: 38px
}
}
@media (max-width:767px) {
.title {
font-size: 32px
}
}
.title--white {
color: #fff
}
.title--black {
color: #0c121c
}
.section__bg {
width: 100%;
height: 100%
}
.section__bg picture img {
-o-object-fit: cover;
object-fit: cover
}
.section__title,
.page-title {
font-weight: 700;
font-size: 40px;
line-height: 54px;
margin-bottom: 36px;
text-transform: uppercase
}
.nds__title.section__title {
margin-top: 16px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.nds__title.section__title {
position: relative;
z-index: 2;
max-width: 50%;
}
}
@media (min-width:768px) and (max-width:1280px) {
.section__title,
.page-title {
font-size: 34px;
line-height: 49px
}
}
@media (max-width:767px) {
.section__title,
.page-title {
font-size: 30px;
line-height: 120%
}
.section__title br,
.page-title br {
display: none
}
}
@media (max-width:326px) {
.section__title,
.page-title {
font-size: 24px
}
}
.oferta .section__title,
.policy .section__title,
.page-content .page-title {
text-align: center
}
.oferta .section__title,
.page-content .page-title {
text-transform: none
}
.section__title--white {
color: #fff
}
.section__title--bold {
font-weight: 900
}
.section__title--primary {
color: #307ce9
}
.section__title--capitalize {
text-transform: none
}
.oferta .section__content p,
.policy .section__content p,
.page-content .page-text p {
font-size: 20px;
font-weight: 300;
line-height: 31px;
color: #000;
margin-bottom: 20px
}
.oferta .section__content h2,
.policy .section__content h2,
.page-content .page-text h2 {
font-size: 20px;
font-weight: 700;
line-height: 31px;
color: #000;
margin-bottom: 10px
}
.oferta .section__content ul,
.policy .section__content ul,
.page-content .page-text ul {
list-style-type: disc;
padding-left: 26px;
margin: 0 0 20px
}
.oferta .section__content ul li,
.policy .section__content ul li,
.page-content .page-text ul li {
font-size: 20px;
font-weight: 300;
line-height: 31px
}
.oferta .section__content b,
.policy .section__content b,
.page-content .page-text b {
font-weight: 700
}
.oferta .section__content a,
.policy .section__content a,
.page-content .page-text a {
color: #ff8562
}
.section--dark {
background-color: #000
}
.section--light {
background-color: #ebf3ff
}
.section--primary {
background-color: #307ce9
}
.mob--hidden {
display: inline-block
}
@media (max-width:767px) {
.mob--hidden {
display: none
}
}
.mob--visible {
display: none
}
@media (max-width:767px) {
.mob--visible {
display: inline-block
}
}
.tilt-anim {
position: relative;
overflow: hidden
}
.tilt-anim picture {
display: block;
will-change: transform;
-webkit-transition: -webkit-transform .5s ease-out;
transition: -webkit-transform .5s ease-out;
transition: transform .5s ease-out;
transition: transform .5s ease-out, -webkit-transform .5s ease-out
}
.tilt-anim img {
display: block;
width: 100%;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
-webkit-transform-origin: center center;
transform-origin: center center
}
.wpcf7-list-item {
margin: 0;
}
.programs__more-btn {
display: none;
}
.text-desktop {
display: inline-block;
}
.text-adaptive {
display: none;
}
@media (max-width:767px) {
.text-desktop {
display: none;
}
.text-adaptive {
display: inline;
}
.hero__wrapper {
position: relative;
}
.hero__subtitle {
width: 52%;
padding-bottom: 60px;
}
.home .hero__subtitle {
width: 100%;
padding-bottom: 0;
}
.hero__image {
max-width: 70%;
right: 0;
bottom: 50px;
position: absolute;
z-index: -1;
}
.home .hero__image {
position: relative;
z-index: 1;
right: unset;
bottom: unset;
max-width: 100%;
}
.programs__item.hide-mobile-show-more,
.programs__more-btn.hide {
display: none;
}
.programs__more-btn-wrapper {
display: flex;
justify-content: center;
}
.programs__more-btn {
margin: 30px auto 0;
display: inline-block;
color: #307ce9;
border-style: solid;
border-color: #307ce9;
--border-width: 2px;
font-size: 18px;
padding-left: 40px;
padding-right: 40px;
--height: 60px;
padding-top: calc(((var(--height, 0px) - 1em * var(--line-height, 1.4)) / 2) - var(--border-width, 0px));
padding-bottom: calc(((var(--height, 0px) - 1em * var(--line-height, 1.4)) / 2) - var(--border-width, 0px));
}
}
.wpcf7,
.wpcf7 form {
max-width: 100%;
}
.wpcf7-spinner {
display: none;
}
form.submitting .wpcf7-spinner {
display: block;
}
.hurry-buy__inner {
background: #307CE9 url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/home/hurry-buy.png);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
width: 100%;
height: 500px;
padding: 40px 50px;
position: relative;
}
.hurry-buy__content{
display: flex;
flex-direction: column;
}
.hurry-buy__title{
font-weight: 800;
font-size: 39px;
line-height: 100%;
color: #fff;
margin-bottom: 15px;
}
.hurry-buy__subtitle{
font-weight: 700;
font-size: 28px;
line-height: 100%;
color: #fff;
margin-bottom: 31px;
}
.hurry-buy__link{
font-weight: 400;
font-size: 16px;
line-height: 100%;
text-decoration: underline;
text-decoration-style: solid;
color: #fff;
}
.hurry-buy__text {
font-weight: 500;
font-size: 28px;
line-height: 100%;
color: #fff;
margin-bottom: 7px;
height: 62px;
}
.hurry-buy__price_big {
font-weight: 700;
font-size: 40px;
color: #fff;
line-height: 100%;
}
.hurry-buy__price_old {
font-weight: 500;
font-size: 28px;
line-height: 100%;
text-decoration: line-through;
color: #fff;
}
.hurry-buy__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 313px;
height: 64px;
padding: 20px 50px;
background-color: #fff;
margin-top: 50px;
margin-bottom: 35px;
}
.hurry-buy__btn span {
font-weight: 600;
font-size: 20px;
line-height: 100%;
color: #307CE9;
}
.hurry-but__ico {
width: 100px;
height: 81px;
}
.hurry-but__ico picture {
display: block;
width: 100%;
height: 100%;
}
.hurry-but__ico picture img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.hurry-but__ico_mob {
display: none;
}
@media (max-width: 991px){
.hurry-buy__inner {
height: auto;
padding: 30px 10px;
background: #307CE9 none;
background-repeat: no-repeat;
}
.hurry-buy__btn {
width: 100%;
}
.hurry-buy__subtitle{
font-weight: 700;
font-size: 20px;
line-height: 20px;
width: fit-content;
}
.hurry-buy__title{
font-weight: 700;
font-size: 24px;
margin-bottom: 31px;
text-transform: uppercase;
width: fit-content;
}
.hurry-but__ico {
position: absolute;
top: 98px;
right: 10px;
}
.hurry-but__ico_mob {
display: block;
}
.hurry-buy__text {
color: #fff;
margin-bottom: 7px;
height: auto;
font-weight: 600;
font-size: 18px;
line-height: 100%;
width: fit-content;
}
.hurry-buy__price_big {
font-size: 24px;
font-weight: 700;
color: #fff;
line-height: 100%;
}
.hurry-buy__price_old {
font-weight: 600;
font-size: 16px;
line-height: 100%;
text-decoration: line-through;
color: #fff;
}
}
.document-section{
padding: 40px 0 70px;
}
.document-section .document-block{
display: grid;
grid-template-columns: 480px 1fr;
column-gap: 40px;
}
.document-section .document-block .document-list{
display: flex;
flex-direction: column;
gap: 15px;
}
.document-section .document-right .document-item,.document-section .document-left .document-item, .document-item-text{
gap: 25px;
}
.document-section .document-left .document-item,.document-section .document-item-text{
display: flex;
flex-direction: column;
}
.document-section .document-item-title{
font-size: 23px;
font-weight: 700;
}
.document-section .document-item-description{
font-size: 23px;
}
.document-section .document-right .document-item{
display:grid;
grid-template-columns: 200px 1fr;
}
.document-section .document-right .document-item-text{
padding-top: 25px;
}
@media (max-width:1024px) {
.document-section .document-block{
grid-template-columns: 1fr;
gap: 15px;
}
.document-section .document-left .document-item{
display: grid;
grid-template-columns: 200px 1fr;
align-items: center;
}
}
@media (max-width:500px) {
.document-section .document-left .document-item,.document-section .document-right .document-item{
display: flex;
flex-direction: column;
}
}
.page404__wrapper{
position: relative;
margin-bottom: 150px;
}
.page404__content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;
}
.page404__title {
font-weight: 900;
font-size: 32px;
line-height: 35px;
text-align: center;
text-transform: uppercase;
}
.page404__btn {
display: inline-flex;
width: fit-content;
font-weight: 700;
font-size: 22px;
line-height: 24px;
text-align: center;
width: 295px;
height: 60px;
}
.page404__image {
width: 100%;
height: 100%;
}
.page404__image picture{
display: block;
width: 100%;
height: 100%;
}
.page404__image picture img {
display: block;
width: 100%;
height: 100%;
}
@media (min-width: 1366px){
.page404__content{
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 767px){
.page404__wrapper{
padding: 0 15px;
}
.page404__title {
text-align: center;
}
.page404__btn {
width: 100%;
}
.page404__title {
font-weight: 900;
font-size: 28px;
line-height: 30px;
}
}
@media (max-width: 767px){
.page404__title {
max-width: unset;
}
.page404__wrapper{
margin-bottom: 48px;
}
}
@media (max-width: 374px){
.page404__title {
font-size: 24px;
line-height: 27px;
}
}
@media (max-width: 326px){
.page404__title {
font-size: 21px;
line-height: 24px;
}
} .our-teachers{
background-color: #307CE9;
}
.our-teachers__wrapper {
display: flex;
flex-direction: column;
gap: 30px;
padding: 80px 0;
}
.our-teachers__title{
font-weight: 700;
font-size: 40px;
line-height: 54px;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.teachers{
font-style: normal;
font-weight: 900;
font-size: 32px;
line-height: 35px; display: flex;
align-items: center;
text-transform: uppercase;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;
}
ul.list-style-disc{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
ul.list-style-disc li{
padding-left: 25px;
position: relative;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 22px;
}
ul.list-style-disc li:before{
content: '';
position: absolute;
top: 5px;
left: 0;
width: 14px;
height: 14px;
background-color: #307ce9;
border-radius: 50% 50%;
-webkit-border-radius: 50% 50%;
-moz-border-radius: 50% 50%;
-ms-border-radius: 50% 50%;
-o-border-radius: 50% 50%;
}
.teachers-specialization{
display: grid;
grid-template-columns: 1fr 1fr;
align-items: flex-start;
margin-top: 80px;
gap: 35px;
}
.teachers-specialization.grid-100{
grid-template-columns: 1fr;
}
.teachers-btn_list{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 10px;
}
.teachers-btn_list .btn{
padding: 18px 36px;
}
.teachers-education,.teachers-experience,.teachers-achievements,.teacher-extra-text{
margin-top: 80px;
}
.teachers-education_list{
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 25px;
column-gap: 35px;
}
.teachers-education_item .year{
font-style: normal;
font-weight: 900;
font-size: 32px;
line-height: 35px;
text-transform: uppercase;
color: #307CE9;
}
.teachers-education_item .text{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 27px;
}
@media (max-width:1024px) {
.teachers-detail__wrapper{
grid-template-columns: 1fr 2fr;
}
.teachers-detail__content{
padding:15px;
}
.teachers-specialization{
grid-template-columns: 1fr;
}
}
@media (max-width:768px) {
.teachers-detail__wrapper{
grid-template-columns: 1fr;
}
.teachers-detail__text{
margin-bottom: 20px;
}
.teachers-detail__characteristic-item{
grid-template-columns: 1fr;
}
.teachers-detail__characteristic-item .text{
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
}
.teachers__title.section__title{
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 28px;
}
.teachers-btn_list .btn{
padding: 15px 0;
width: 100%;
text-wrap: wrap;
text-align: center;
}
.teachers-btn_list{
flex-direction: column;
align-items: center;
}
.teachers-education_list{
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
.our-teachers__slider .our-teachers__slider-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
}
@media (max-width: 1280px){
.our-teachers__title br {
display: none;
}
}
@media (max-width: 767px){
.our-teachers__slider {
overflow: hidden;
position: relative;
padding-bottom: 40px;
}
.our-teachers__pagination .swiper-pagination-bullet-active {
background-color: #fff;
}
.our-teachers__title {
font-size: 20px;
line-height: 120%;
}
}  .programs-form {
padding-bottom: 80px;
}
.programs-form__wrapper{
background-color: #307CE9;
padding: 30px;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
}
.programs-form__left {
display: flex;
flex-direction: column;
gap: 10px;
width: 417px;
}
.programs-form__title {
font-weight: 700;
font-size: 30px;
line-height: 120%;
text-transform: uppercase;
color: #fff;
}
.programs-form__subtitle {
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: #fff;
}
.programs-form__right {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 14px;
width: 551px;
}
.programs-form__item:nth-child(1),
.programs-form__item:nth-child(2){
width: calc(50% - 7px);
}
.programs-form__item:nth-child(3),.programs-form__submit-wrapper{
width: 100%;
}
.programs-form__item > p {
width: 100%;
}
.programs-form__item .wpcf7-form-control-wrap {
width: 100%;
display: block;
}
.programs-form__item .iti {
width: 100%;
}
.programs-form__item input {
width: 100%;
background-color: #fff;
height: 50px;
border: none;
padding: 0 20px
}
.programs-form__btn {
width: 100%;
height: 50px;
color: #307CE9;
}
.programs-form__agreement .checkbox-label{
color: #fff;
}
.programs-form__agreement .checkbox-box {
border-color: #fff !important;
}
.programs-form__agreement.custom-checkbox input:checked+.checkbox-box::after {
border-color: #fff !important;
}
.programs-form__agreement.custom-checkbox .wpcf7-list-item-label{
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 110%
}
.programs-form__agreement.custom-checkbox .wpcf7-list-item-label a {
color: #ff8562;
font-size: 14px;
font-weight: 400;
line-height: 110%
}
.programs-form__agreement.custom-checkbox .wpcf7-list-item-label::before {
content: '';
display: inline-block;
width: 20px;
min-width: 20px;
max-width: 20px;
min-height: 20px;
height: 20px;
max-height: 20px;
border: 2px solid #fff;
border-radius: 4px;
vertical-align: middle;
}
.programs-form__agreement.custom-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
content: '';
position: absolute;
left: 9px;
top: 4px;
width: 6px;
height: 10px;
border: solid #ff8562;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.programs-form__agreement.custom-checkbox .wpcf7-list-item-label {
position: relative;
cursor: pointer;
flex-wrap: wrap;
}
@media (max-width: 1280px){
.programs-form__title br {
display: none;
}
.programs-form__subtitle br {
display: none;
}
}
@media (max-width: 991px){
.programs-form__wrapper{
flex-direction: column;
padding: 20px;
}
.programs-form__left {
width: 100%;
}
.programs-form__title {
font-size: 20px;
}
.programs-form__subtitle {
font-size: 14px;
line-height: 120%;
}
.programs-form__right {
gap: 14px;
width: 100%;
}
.programs-form__item:nth-child(1),
.programs-form__item:nth-child(2){
width: 100%;
}
} .text-block p {
font-size: 24px;
line-height: 29px;
color: #000;
font-weight: 400;
padding-bottom: 16px;
}
.text-block .bold {
font-weight: 600;
}
.text-block ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin: 0;
margin-top: 16px;
}
.text-block ul li {
position: relative;
padding-left: 25px;
font-size: 24px;
line-height: 29px;
color: #000;
font-weight: 400;
}
.text-block ul li::before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 14px;
height: 14px;
background-color: #307ce9;
border-radius: 50% 50%;
-webkit-border-radius: 50% 50%;
-moz-border-radius: 50% 50%;
-ms-border-radius: 50% 50%;
-o-border-radius: 50% 50%;
}
.text-block ol li {
font-size: 24px;
line-height: 29px;
color: #000;
font-weight: 400;
}
@media (max-width:767px){
.hero-info__item-ico {
width: auto !important;
height: auto !important;
}
}
#psy-specialists-more-btn {
border:none !important;
}
#psy-specialists-more-btn span {
text-decoration: underline;
text-underline-offset: 8px;
}
button.filter__item-btn.multi-select__dropdown__close {
margin: 20px;
}
.detail-block_video_iframe {
width: auto;
height: 650px;
margin-bottom: 70px
}
@media (min-width: 768px) and (max-width: 1280px) {
.detail-block_video_iframe {
height: 400px
}
}
@media (max-width: 767px) {
.detail-block_video_iframe {
height: 220px;
margin-bottom: 40px
}
}
.about__video iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media (min-width: 768px) and (max-width: 1300px){
.header__logo {
margin-right: 20px;
}
.header__menu {
margin: 0 auto;
}
}
.teachers-docs {
margin-top: 80px;
}
.teachers-docs__head {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 40px;
margin-bottom: 20px;
}
.teachers-docs__title{
margin-bottom: 0;
}
.teachers-docs-slider__item  {
height: 300px;
width: auto;
}
.teachers-docs-slider__item picture img{
display: block;
width: 100%;
height: 100%;
}
.teachers-docs-slider__item picture img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.teachers-docs__navigation {
display: flex;
flex-direction: row;
align-items: center;
gap: 5px;
}
.teachers-docs__navigation-button {
width: 45px;
height: 45px;
flex: 0 0 auto;
cursor: pointer;
}
.teachers-docs__navigation-button[aria-disabled="true"]{
opacity: .6;
}
.teachers-docs__navigation-button svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.teachers-docs-slider {
overflow: hidden;
position: relative;
}
@media (max-width: 767px){
.teachers-docs-slider__item  {
}
}
.disc__item-list, ul.disc__item-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
list-style: none;
}
.faq__item-hidden .disc__item-list{
margin-top: 15px;
}
.disc__item-list li {
font-size: 24px;
line-height: 120%;
padding-left: 28px;
position: relative
}
@media (max-width: 1280px) {
.disc__item-list li {
line-height: 120%
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.disc__item-list li {
font-size: 20px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.disc__item-list li {
font-size: 18px
}
.disc__item-list li br {
display: none
}
}
@media (max-width: 767px) {
.disc__item-list li {
font-size: 16px
}
.disc__item-list li br {
display: none
}
}
.disc__item-list li::before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 14px;
height: 14px;
background-color: #307ce9;
border-radius: 50% 50%;
-webkit-border-radius: 50% 50%;
-moz-border-radius: 50% 50%;
-ms-border-radius: 50% 50%;
-o-border-radius: 50% 50%;
}
.publications_name {
text-decoration: underline;
}
.publications_name:hover {
text-decoration: none;
}
.publications_date {
color: #a7a7a7;
}
.programs__tags{
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 36px 0;
}
.programs__tag {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50px;
border: 1px solid #307ce9;
color: #307ce9;
white-space: nowrap;
padding: 8px 16px;
transition: all .3s ease;
}
.programs__tag:hover {
background-color: #307ce9;
color: #fff;
}
.filter__item-btns {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.filter__item-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 15px;
font-weight: 700;
font-size: 16px;
line-height: 16px;
text-align: center;
cursor: pointer;
color: #307CE9;
border: 1px solid #307CE9;
background-color: transparent;
}
.filter__item-btn.active {
background-color: #307CE9;
color: #fff;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.hero .container {
position: relative
}
.hero__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
position: relative
}
@media (min-width: 768px) and (max-width: 1280px) {
.hero__wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
overflow: hidden
}
}
@media (max-width: 767px) {
.hero__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
margin-bottom: 40px;
gap: 24px
}
}
.hero__content {
padding-top: 70px
}
@media (min-width: 768px) and (max-width: 1280px) {
.hero__content {
position: absolute;
left: 0
}
}
@media (max-width: 767px) {
.hero__content {
padding-top: 0
}
}
.hero__title {
font-size: 44px;
line-height: 59px;
font-weight: 900;
margin-bottom: 21px;
text-transform: uppercase;
z-index: 1;
position: relative;
}
@media (min-width: 768px) and (max-width: 1280px) {
.hero__title {
font-size: 34px;
line-height: 49px
}
}
@media (max-width: 767px) {
.hero__title {
font-size: 30px;
line-height: 120%
}
.hero__title br {
display: none
}
}
.hero__subtitle {
margin-bottom: 61px
}
.hero__subtitle,
.hero__subtitle p {
font-size: 24px;
line-height: 36px;
font-weight: 500;
}
@media (min-width: 768px) and (max-width: 1280px) {
.hero__subtitle,
.hero__subtitle p {
font-size: 20px;
line-height: 27px
}
}
@media (max-width: 767px) {
.hero__subtitle {
margin-bottom: 20px;
width: 52%;
padding-bottom: 60px;
padding-top: 60px;
}
.hero__subtitle,
.hero__subtitle p {
font-size: 18px;
line-height: 120%;
} }
.hero__btn {
width: 310px;
height: 60px
}
@media (max-width: 767px) {
.hero__btn {
width: 100%;
height: 48px
}
}
.hero__image {
width: 442px;
min-width: 442px;
height: 774px
}
@media (min-width: 992px) and (max-width: 1280px) {
.hero__image {
width: 45%;
min-width: unset;
height: auto
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero__image {
width: 33.333%;
min-width: unset;
height: auto
}
}
@media (max-width: 767px) {
.hero__image {
width: 128px;
min-width: unset;
height: auto;
margin: 0 auto
}
}
.hero__image picture img {
-o-object-fit: contain;
object-fit: contain
}
.hero-info {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 18px;
position: absolute;
bottom: 60px;
right: 0;
left: 0;
width: 100%
}
@media (max-width: 1280px) {
.hero-info {
gap: 24px
}
}
@media (max-width: 991px) {
.hero-info {
position: relative;
bottom: unset;
right: unset;
left: unset;
background-color: #ebf3ff;
padding: 20px;
margin-bottom: 40px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hero-info {
grid-template-columns: repeat(2, 1fr)
}
}
@media (max-width: 767px) {
.hero-info {
grid-template-columns: repeat(1, 1fr)
}
}
.hero-info__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #ebf3ff;
padding: 22px 12px
}
@media (min-width: 992px) and (max-width: 1280px) {
.hero-info__item {
padding: 20px 15px 20px
}
}
@media (max-width: 991px) {
.hero-info__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
background-color: transparent
}
}
.hero-info__title {
font-size: 20px;
font-weight: 700;
line-height: 25px
}
@media (min-width: 992px) and (max-width: 1280px) {
.hero-info__title {
font-size: 20px;
line-height: 27px
}
}
@media (max-width: 991px) {
.hero-info__title {
display: contents;
font-size: 16px;
line-height: 120%
}
.hero-info__title br {
display: none
}
}
.hero-info__subtitle {
font-size: 20px;
font-weight: 400;
line-height: 25px
}
@media (min-width: 992px) and (max-width: 1280px) {
.hero-info__subtitle {
font-size: 16px;
line-height: 24px
}
.hero-info__subtitle br {
display: none
}
}
@media (max-width: 991px) {
.hero-info__subtitle {
display: contents;
font-size: 16px;
line-height: 120%
}
.hero-info__subtitle br {
display: none
}
}
.meaning {
margin-bottom: 70px
}
.meaning__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (max-width: 767px) {
.meaning__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.meaning__image {
width: 491px;
height: 451px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
@media (min-width: 768px) and (max-width: 1280px) {
.meaning__image {
width: calc(33.333% - 5px);
height: auto
}
}
@media (max-width: 767px) {
.meaning__image {
width: 100%;
height: auto
}
}
.meaning__image picture img {
-o-object-fit: contain;
object-fit: contain
}
.meaning__content {
width: calc(100% - 10px - 491px)
}
@media (min-width: 768px) and (max-width: 1280px) {
.meaning__content {
width: calc(66.666% - 5px);
height: auto
}
}
@media (max-width: 767px) {
.meaning__content {
width: 100%
}
}
.meaning__title {
font-size: 30px;
line-height: 36px;
color: #000;
font-weight: 700;
margin-bottom: 36px;
text-transform: uppercase
}
.meaning__text {
font-size: 24px;
line-height: 29px;
color: #000;
font-weight: 400
}
@media (max-width: 767px) {
.meaning__text br {
display: none
}
}
.about {
margin-bottom: 70px
}
.about__video {
width: auto;
height: 650px;
margin-bottom: 70px
}
@media (min-width: 768px) and (max-width: 1280px) {
.about__video {
height: 400px
}
}
@media (max-width: 767px) {
.about__video {
height: 220px;
margin-bottom: 40px
}
}
.about__video iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.about__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
margin: 0 0 0;
padding-left: 0
}
.about__list li {
font-size: 24px;
line-height: 34px;
color: #000;
position: relative;
padding-left: 60px
}
.about__list li::after {
content: '';
position: absolute;
left: 0;
top: calc(50% - 31px);
width: 53px;
height: 62px;
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/programs/about-list-ico.png);
background-size: contain;
background-repeat: no-repeat
}
@media screen and (max-width: 767px) {
.about__list li {
font-size: 16px;
line-height: 20px;
}
}
.education2200 {
padding: 40px 0 70px
}
.education2200__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (max-width: 767px) {
.education2200__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.education2200__item {
display: flex;
flex-direction: column
}
@media (max-width: 767px) {
.education2200__list {
justify-content: space-between;
align-items: flex-start;
}
.education2200__item {
align-items: flex-start;
justify-content: center
}
.education2200__item:last-child {
width: 100%;
flex-direction: row;
align-items: center;
justify-content: flex-start;
column-gap: 20px;
}
}
@media (min-width: 577px) and (max-width: 767px) {
.education2200__item {
width: calc(100% / 3 - 10px)
}
}
@media (max-width: 576px) {
.education2200__item {
width: calc(100% / 2 - 10px)
}
}
.education2200__item-number {
font-size: 75px;
line-height: 101px;
color: #0e54b5;
text-transform: uppercase;
font-weight: 600
}
@media (max-width: 414px) {
.education2200__item-number {
font-size: 50px;
line-height: 120%
}
}
.education2200__item-text {
font-size: 20px;
line-height: 27px;
text-transform: uppercase;
font-weight: 700
}
@media (max-width: 414px) {
.education2200__item-text {
font-size: 18px;
line-height: 120%;
text-align: center
}
}
.download-form__title {
font-weight: 700;
font-size: 40px;
line-height: 54px;
margin-bottom: 20px;
text-transform: uppercase
}
@media (min-width: 768px) and (max-width: 1280px) {
.download-form__title {
font-size: 34px;
line-height: 49px
}
}
@media (max-width: 767px) {
.download-form__title {
font-size: 30px;
line-height: 120%
}
.download-form__title br {
display: none
}
}
@media (max-width: 326px) {
.download-form__title {
font-size: 24px
}
}
.download-form__subtitle {
font-size: 24px;
line-height: 120%;
color: #000;
margin-bottom: 20px
}
.download-form__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px
}
.download-form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px
}
@media (min-width: 768px) and (max-width: 1280px) {
.download-form__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 767px) {
.download-form__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.download-form__item {
width: 387px;
position: relative;
}
@media (min-width: 768px) and (max-width: 1280px) {
.download-form__item {
width: 100%
}
}
@media (max-width: 767px) {
.download-form__item {
width: 100%
}
}
.download-form__item .iti {
width: 100%
}
.download-form__item input {
width: 100%
}
.download-form__btn {
width: 250px;
height: 50px
}
@media (min-width: 768px) and (max-width: 1280px) {
.download-form__btn {
width: 100%
}
}
@media (max-width: 767px) {
.download-form__btn {
width: 100%
}
}
.download-form__agreement a {
color: #ff8562
}
.download-form__item .wpcf7-form-control-wrap {
height: 100%;
display: block;
}
.download-form__item .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: absolute;
bottom: calc(-1em - 5px);
}
.after-education {
padding: 40px 0 70px
}
.after-education__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (min-width: 768px) and (max-width: 1280px) {
.after-education__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width: 767px) {
.after-education__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.after-education__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
width: calc((100% - 10px * 2) / 3);
}
@media (max-width: 767px) {
.after-education__item {
width: 100%;
}
}
.after-education__item-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px
}
.after-education__item-ico {
width: 80px;
height: 80px
}
.after-education__item:first-child .after-education__item-ico {
transform: rotate(21deg);
-webkit-transform: rotate(21deg);
-moz-transform: rotate(21deg);
-ms-transform: rotate(21deg);
-o-transform: rotate(21deg);
}
.after-education__item:nth-child(3) .after-education__item-ico {
transform: rotate(341deg);
-webkit-transform: rotate(341deg);
-moz-transform: rotate(341deg);
-ms-transform: rotate(341deg);
-o-transform: rotate(341deg);
}
.after-education__item-ico picture img {
-o-object-fit: contain;
object-fit: contain
}
.after-education__item-name {
font-size: 24px;
line-height: 32px;
font-weight: 800;
text-transform: uppercase
}
.after-education__item-text,
.after-education__item-text p {
font-size: 24px;
line-height: 32px;
font-weight: 400
}
@media (min-width: 768px) and (max-width: 1280px) {
.after-education__item-text br {
display: none
}
}
@media (max-width: 767px) {
.after-education__item-text br {
display: none
}
}
.price {
padding: 40px 0
}
.price__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (min-width: 992px) and (max-width: 1280px) {
.price__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (max-width: 991px) {
.price__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.price__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.price__subtitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.price__subtitle p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 30px;
gap: 10px;
line-height: 47px;
color: #fff;
font-weight: 500
}
@media (max-width: 767px) {
.price__subtitle p {
font-size: 24px;
line-height: 120%
}
}
.price__subtitle p span {
font-size: 50px;
line-height: 78px;
color: #ffb100;
font-weight: 500
}
@media (max-width: 767px) {
.price__subtitle p span {
font-size: 30px;
line-height: 120%
}
}
.price__sup {
color: #fff;
font-size: 14px;
line-height: 22px;
margin-bottom: 20px
}
.price__link {
color: #fff;
font-size: 16px;
line-height: 25px;
text-decoration: underline
}
@media (min-width: 768px) and (max-width: 1280px) {
.price__form-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (max-width: 767px) {
.price__form-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.price__form-title {
font-size: 16px;
line-height: 120%;
color: #fff;
text-align: center;
margin-bottom: 10px
}
.price-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 400px
}
@media (max-width: 767px) {
.price-form {
width: 100%
}
}
.price-form__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
margin-bottom: 15px
}
.price-form__item button,
.price-form__item input {
width: 100%;
height: 50px
}
.price-form__item .iti {
width: 100%
}
.price-form__item input:not(.btn) {
background-color: rgba(255, 255, 255, .6);
border: none
}
.books {
padding: 40px 0 70px;
position: relative
}
.books__title {
margin-bottom: 10px
}
.books__subtitle {
font-size: 30px;
font-weight: 500;
line-height: 36px;
margin-bottom: 36px
}
@media (max-width: 767px) {
.books__subtitle {
font-size: 24px;
line-height: 120%
}
}
.books__slider {
overflow: hidden
}
@media (max-width: 1280px) {
.books__slider {
margin: 0 64px
}
}
.books__navigation-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 34px;
height: 34px;
background-color: rgba(88, 88, 88, .5);
border: 2px solid #fff;
border-radius: 50% 50%;
padding: 0;
outline-offset: 5px;
cursor: pointer;
-webkit-transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
margin: 0 30px
}
.books__navigation-button:after,
.books__navigation-button:before {
display: none
}
.books__navigation-button svg {
width: 8px;
height: 13px;
-o-object-fit: contain;
object-fit: contain
}
.books__navigation-button-container {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
top: 0;
bottom: 0;
cursor: pointer
}
.books__navigation-button-container:hover .books__navigation-button {
background-color: rgba(88, 88, 88, .9)
}
.books__navigation-button-container--prev {
left: 0
}
.books__navigation-button-container--prev svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.books__navigation-button-container--next {
right: 0
}
.books__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto
}
.books__item-image {
width: 100%;
height: 260px;
margin-bottom: 20px
}
.books__item-image picture img {
-o-object-fit: contain;
object-fit: contain
}
.books__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%
}
.books__item-name {
font-weight: 600;
font-size: 20px;
line-height: 27px;
text-align: center
}
.books__item-author {
font-weight: 700;
font-size: 14px;
line-height: 22px;
text-align: center
}
.training {
padding: 40px 0 70px
}
.training__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 26px
}
@media (min-width: 768px) and (max-width: 1280px) {
.training__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 767px) {
.training__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.training__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 26px
}
.training__item {
background-color: #fff;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3);
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .3);
padding: 25px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
overflow: hidden
}
@media (max-width: 991px) {
.training__item {
min-height: 250px
}
}
@media (max-width: 767px) {
.training__item {
padding: 20px;
min-height: auto;
}
}
.training__item-title {
font-weight: 700;
font-size: 24px;
line-height: 29px;
margin-bottom: 10px;
text-transform: uppercase;
position: relative;
z-index: 1
}
@media (max-width: 767px) {
.training__item-title {
font-size: 20px;
line-height: 120%
}
.training__item-title br {
display: none
}
}
.training__item-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin: 0
}
.training__item--1 .training__item-list {
padding-left: 25px
}
@media (max-width: 767px) {
.training__item--1 .training__item-list {
padding-left: 0;
}
.training__item-list {
margin: 0 0 10px
}
}
.training__item-list li {
font-size: 24px;
line-height: 120%;
padding-left: 28px;
position: relative
}
@media (max-width: 1280px) {
.training__item-list li {
line-height: 120%
}
}
@media (min-width: 992px) and (max-width: 1280px) {
.training__item-list li {
font-size: 20px
}
}
@media (min-width: 768px) and (max-width: 991px) {
.training__item-list li {
font-size: 18px
}
.training__item-list li br {
display: none
}
}
@media (max-width: 767px) {
.training__item-list li {
font-size: 16px
}
.training__item-list li br {
display: none
}
}
.training__item-list li::before {
content: '';
position: absolute;
top: 7px;
left: 0;
width: 14px;
height: 14px;
background-color: #307ce9;
border-radius: 50% 50%;
-webkit-border-radius: 50% 50%;
-moz-border-radius: 50% 50%;
-ms-border-radius: 50% 50%;
-o-border-radius: 50% 50%;
}
.training__item-image {
width: auto;
height: 200px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.training__item--1 .training__item-image {
height: 250px
}
@media (max-width: 767px) {
.training__item--1 .training__item-title {
order: 1;
}
.training__item--1 .training__item-image {
width: 40%;
height: auto;
order: 2;
min-width: 130px;
}
}
.training__item--2 .training__item-image {
width: 210px;
height: 201px
}
@media (max-width: 767px) {
.training__item--2 .training__item-image {
position: absolute;
top: 5px;
right: 5px;
width: 136px;
height: auto;
}
}
.training__item--3 .training__item-image {
width: 295px;
height: 220px;
position: absolute;
right: 0;
top: -40px
}
@media (min-width: 768px) and (max-width: 1280px) {
.training__item--3 .training__item-image {
top: 0
}
}
@media (max-width: 767px) {
.training__item--2 .training__item-title {
max-width: 45%;
}
.training__item--3 .training__item-title {
max-width: 45%;
margin-top: 20px;
margin-bottom: 25px;
}
.training__item--3 .training__item-image {
position: absolute;
right: 10px;
top: -15px;
height: auto;
width: 164px
}
}
.training__item-image picture img {
-o-object-fit: contain;
object-fit: contain
}
.training__item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.training__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.training__col-left {
width: 515px
}
@media (min-width: 768px) and (max-width: 1280px) {
.training__col-left {
width: 100%
}
}
@media (max-width: 767px) {
.training__col-left {
width: 100%
}
}
.training__col-right {
width: calc(100% - 515px - 26px)
}
@media (min-width: 768px) and (max-width: 1280px) {
.training__col-right {
width: 100%
}
}
@media (max-width: 767px) {
.training__col-right {
width: 100%
}
}
.training__item--1 {
height: 611px;
padding: 10px 25px 25px 0
}
@media (min-width: 768px) and (max-width: 1280px) {
.training__item--1 {
height: auto
}
}
@media (max-width: 767px) {
.training__item--1 {
height: auto
}
}
.training__item--2 {
height: 258px;
padding: 25px 25px 25px 0
}
@media (min-width: 768px) and (max-width: 1280px) {
.training__item--2 {
height: auto
}
}
@media (max-width: 767px) {
.training__item--2,
.training__item--1 {
height: auto;
padding: 20px;
}
}
.training__item--3 {
height: 327px
}
@media (min-width: 768px) and (max-width: 1280px) {
.training__item--3 {
height: auto
}
}
@media (max-width: 767px) {
.training__item--3 {
height: auto
}
}
.gift-course {
padding: 40px 0 70px
}
.gift-course__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px
}
@media (min-width: 768px) and (max-width: 1280px) {
.gift-course__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 767px) {
.gift-course__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.gift-course__video {
width: 760px;
height: 420px
}
@media (min-width: 768px) and (max-width: 1280px) {
.gift-course__video {
width: 100%;
height: 53vw
}
}
@media (max-width: 767px) {
.gift-course__video {
width: 100%;
height: 53vw
}
}
.gift-course__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 760px - 40px)
}
@media (min-width: 768px) and (max-width: 1280px) {
.gift-course__content {
width: 100%
}
}
@media (max-width: 767px) {
.gift-course__content {
width: 100%
}
}
.gift-course__attention {
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #000;
margin-bottom: 30px
}
@media (min-width: 768px) and (max-width: 1280px) {
.gift-course__attention {
text-align: center
}
}
@media (max-width: 767px) {
.gift-course__attention {
margin-bottom: 15px;
font-size: 20px;
}
}
.gift-course__name {
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #000;
margin-bottom: 40px
}
@media (min-width: 768px) and (max-width: 1280px) {
.gift-course__name {
text-align: center
}
.gift-course__name br {
display: none
}
}
@media (max-width: 767px) {
.gift-course__name {
margin-bottom: 15px;
font-size: 20px;
line-height: 120%;
max-width: 60%;
}
.gift-course__name br {
display: none
}
}
.gift-course__text {
margin-top: auto
}
.gift-course__text p {
font-size: 24px;
line-height: 120%;
font-weight: 400
}
@media (min-width: 768px) and (max-width: 1280px) {
.gift-course__text p br {
display: none
}
}
@media (max-width: 767px) {
.gift-course__text p {
font-size: 20px;
}
.gift-course__text p br {
display: none
}
}
.gift-course__text ul {
margin: 0;
padding-left: 25px;
list-style-type: disc
}
.gift-course__text li {
font-size: 24px;
line-height: 48px;
font-weight: 400
}
@media (min-width: 768px) and (max-width: 1280px) {
.gift-course__text li br {
display: none
}
}
@media (max-width: 767px) {
.gift-course__text ul {
margin-top: 10px;
}
.gift-course__text li {
font-size: 20px;
line-height: 120%;
}
.gift-course__text li br {
display: none
}
}
.bonuses {
padding: 40px 0 70px
}
.bonuses__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px
}
@media (min-width: 768px) and (max-width: 1280px) {
.bonuses__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 767px) {
.bonuses__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.bonuses__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
width: calc(50% - 12px);
position: relative
}
@media (min-width: 768px) and (max-width: 1280px) {
.bonuses__item {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width: 767px) {
.bonuses__item {
width: 100%;
gap: 10px;
flex-direction: row;
justify-content: center;
}
}
.bonuses__item:nth-child(1) .bonuses__item-image {
width: 258px;
height: 203px
}
.bonuses__item:nth-child(1) .bonuses__item-image picture img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom
}
.bonuses__item:nth-child(2) .bonuses__item-image {
width: 203px;
height: 203px
}
.bonuses__item:nth-child(2) .bonuses__item-image picture img {
-o-object-fit: contain;
object-fit: contain
}
.bonuses__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 767px) {
.bonuses__item:nth-child(1) .bonuses__item-image,
.bonuses__item:nth-child(2) .bonuses__item-image {
width: 100%;
height: auto;
}
.bonuses__item:nth-child(1) .bonuses__item-image {
order: 1;
}
.bonuses__item:nth-child(1) .bonuses__item-content {
order: 2;
}
.bonuses__item-content,
.bonuses__item-image {
width: 100%;
}
}
.bonuses__item-title {
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px
}
@media screen and (max-width: 767px) {
.bonuses__item-title {
font-size: 18px;
line-height: 1.2;
}
}
.bonuses__item-text {
font-size: 22px;
line-height: 26px;
font-weight: 400
}
@media screen and (max-width: 767px) {
.bonuses__item-text {
font-size: 18px;
line-height: 1.2;
}
}
.nds {
margin-bottom: 70px
}
@media screen and (max-width: 767px) {
.nds .container {
width: 100%;
}
}
.nds__inner {
background-color: #307ce9;
padding: 15px 75px 30px;
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/programs/nds-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right
}
@media (max-width: 991px) {
.nds__inner {
padding: 15px 30px 15px
}
}
@media (max-width: 767px) {
.nds__inner { background: none;
background-color: #307ce9;
position: relative;
padding: 15px 40px 25px;
}
.nds__inner:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/programs/nds-bg.png);
background-size: contain;
background-repeat: no-repeat;
background-position: right;
opacity: 0.3;
}
}
.nds__text {
font-size: 30px;
line-height: 41px;
font-weight: 600;
color: #fff
}
@media (max-width: 991px) {
.nds__text {
max-width: 70%;
font-size: 24px;
line-height: 120%;
position: relative;
z-index: 2;
}
.nds__text br {
display: none
}
}
.nds__text span {
color: #ffb100
}
.career {
padding: 40px 0 70px
}
.career__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 60px
}
@media (min-width: 768px) and (max-width: 1280px) {
.career__wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (max-width: 767px) {
.career__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.career__image {
width: 313px;
height: 500px
}
@media (min-width: 768px) and (max-width: 1280px) {
.career__image {
width: 66.666%;
margin: 0 auto;
height: auto
}
}
@media (max-width: 767px) {
.career__image {
display: none;
}
}
.career__image picture img {
-o-object-fit: cover;
object-fit: cover
}
.career__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
width: calc(100% - 313px - 60px)
}
@media (min-width: 768px) and (max-width: 1280px) {
.career__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
}
@media (max-width: 767px) {
.career__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
}
.career__content-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media screen and (max-width: 767px) {
.career__content-left-text_image {
display: flex;
align-items: center;
column-gap: 45px;
}
}
.career__content-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.career-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.career-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background-color: #eaf2fd;
padding: 25px;
-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, .1);
box-shadow: 1px 5px 10px rgba(0, 0, 0, .1)
}
.career-list__item-ico {
width: 53px;
height: 50px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.career-list__item-ico picture img {
-o-object-fit: contain;
object-fit: contain
}
.career-list__item-text {
font-size: 24px;
line-height: 29px;
font-weight: 700
}
@media (min-width: 768px) and (max-width: 1280px) {
.career-list__item-text br {
display: none
}
}
@media (max-width: 767px) {
.career-list__item {
padding: 24px 24px 24px 12px;
}
.career-list__item-text {
font-size: 16px;
line-height: 120%
}
.career-list__item-ico {
width: 41px;
height: 39px;
}
.career-list__item-text br {
display: none
}
}
.career__title {
font-size: 40px;
line-height: 54px;
font-weight: 700;
margin-bottom: 36px;
text-transform: uppercase
}
@media (min-width: 768px) and (max-width: 1280px) {
.career__title br {
display: none
}
}
@media (max-width: 767px) {
.career__title {
font-size: 30px;
line-height: 120%
}
.career__title br {
display: none
}
}
.career__text {
font-size: 24px;
line-height: 29px
}
@media (min-width: 768px) and (max-width: 1280px) {
.career__text br {
display: none
}
}
@media (max-width: 767px) {
.career__text {
font-size: 16px;
line-height: 1.2;
}
.career__text br {
display: none
}
}
.tarifs {
padding: 40px 0 70px;
max-width: 100vw;
overflow: hidden
}
.tarifs__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 70px
}
@media (max-width: 767px) {
.tarifs__head {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 40px;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
gap: 24px
}
}
.tarifs__title {
margin-bottom: 0
}
.tarifs-slider {
position: relative
}
.tarifs-slider__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
position: relative;
border: 1px solid #ccc;
width: 365px;
min-height: 770px;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}
.tarifs-slider__item-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
background-color: #d3e5ff;
padding: 24px
}
.tarifs-slider__item-body {
padding: 24px;
min-height: 550px
}
.tarifs-slider__item-footer {
background-color: #d3e5ff;
padding: 24px;
position: relative;
margin-top: auto
}
.tarifs-slider__item-name {
font-size: 27px;
color: #307ce9;
line-height: 120%;
font-weight: 600;
text-transform: uppercase
}
.tarifs-slider__item-duration {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.tarifs-slider__item-duration p {
font-size: 14px;
line-height: 20px;
font-weight: 500
}
.tarifs-slider__item-coursename {
font-size: 20px;
line-height: 120%;
font-weight: 700;
margin-bottom: 10px
}
.tarifs-slider__item-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
gap: 5px;
margin-bottom: 20px
}
.tarifs-slider__item-list:last-child {
margin-bottom: auto
}
.tarifs-slider__item-list li {
font-weight: 300;
padding-left: 25px;
position: relative
}
.tarifs-slider__item-list--disc li::before {
content: '';
position: absolute;
top: calc(50% - 5px);
left: 0;
width: 10px;
height: 10px;
background-color: #307ce9;
border-radius: 50% 50%
}
.tarifs-slider__item-list--stars li::before {
content: '';
position: absolute;
top: 3px;
left: -3px;
width: 14px;
height: 14px;
background-image: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/programs/tarifs-star.png);
background-repeat: no-repeat;
background-size: contain
}
.tarifs-slider__item-diploma {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin: 40px 0 10px
}
.tarifs-slider__item-diploma:last-child {
margin: 0
}
.tarifs-slider__item-diploma-ico {
width: 24px;
height: 25px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.tarifs-slider__item-diploma-ico picture img {
-o-object-fit: contain;
object-fit: contain
}
.tarifs-slider__item-diploma-name {
font-size: 16px;
line-height: 120%;
font-weight: 700
}
.tarifs-slider__item-discount {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #307ce9;
width: 78px;
height: 28px;
color: #fff;
font-weight: 800;
font-size: 20px;
line-height: 120%;
position: absolute;
right: 0;
top: -14px;
z-index: 1
}
.tarifs-slider__item-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
margin-bottom: 20px
}
.tarifs-slider__item-price-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px
}
.tarifs-slider__item-price-mounth {
font-size: 28px;
color: #307ce9;
line-height: 31px;
font-weight: 700
}
.tarifs-slider__item-price-text {
font-size: 16px;
line-height: 120%;
font-weight: 400
}
.tarifs-slider__item-price-old {
font-size: 18px;
line-height: 120%;
text-decoration: line-through;
opacity: .8;
text-align: right
}
.tarifs-slider__item-price-new {
font-size: 24px;
line-height: 120%;
font-weight: 500;
text-align: right
}
.tarifs-slider__item-btn {
width: 100%;
height: 48px
}
.tarifs-slider__item-btn-inner {
width: 100%
}
.tarifs-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 25px
}
@media (max-width: 767px) {
.tarifs-navigation {
margin-left: auto
}
}
.tarifs-navigation__button {
width: 65px;
height: 65px;
cursor: pointer
}
@media (max-width: 767px) {
.tarifs-navigation__button {
width: 45px;
height: 45px
}
}
.tarifs-navigation__button svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.base-disciplines,
.download-form,
.practical,
.specialization {
padding-bottom: 40px
}
.career__image-adaptive {
display: none;
}
@media screen and (max-width: 767px) {
.career__image-adaptive {
display: block;
min-width: 131px;
max-width: 131px;
height: 162px;
}
.career__image-adaptive img {
object-fit: cover;
}
.become-promo__title {
max-width: 70%;
}
}
.info {
padding: 40px 0 70px;
}
.info__wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
position: relative;
}
.info__list {
display: flex;
flex-direction: column;
gap: 20px;
}
.info__content {
display: flex;
flex-direction: column;
gap: 25px;
width: 561px;
}
.info__item {
display: flex;
flex-direction: row;
gap: 15px;
background-color: #fff;
box-shadow: 5px 5px 10px 0px #0000004D;
padding: 20px;
}
.info__item:has(.info__item-title) {
flex-wrap: wrap;
align-items: center;
}
.info__item-num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #307CE9;
font-weight: 400;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #fff;
flex: 0 0 auto;
}
.info__item-title {
font-weight: 700;
font-size: 18px;
line-height: 24px;
}
.info__item-content {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.info__item-text,
.info__item-text p{
font-weight: 400;
font-size: 16px;
line-height: 20px;
}
.info__image {
width: 560px;
height: 422px;
flex: 0 0 auto;
}
@media(min-width: 1281px){
.info__image {
top: 80px;
}
}
@media(min-width: 768px) and (max-width: 1280px){
.info__image {
top: 130px;
}
}
@media(min-width: 768px){
.info__wrapper {
align-items: flex-start;
}
.info__image {
position: sticky;
align-self: flex-start;
}
}
.info__image picture img,
.info__image img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1280px) {
.info__content {
width: calc(50% - 10px);
}
.info__image {
width: calc(50% - 10px);
height: 100%;
}
}
@media (max-width: 767px) {
.info__wrapper {
flex-direction: column;
}
.info__content {
width: 100%;
gap: 20px;
}
.info__image {
width: 100%;
height: 100%;
}
.info__item-num {
width: 30px;
height: 30px;
font-size: 16px;
}
.info__item {
padding: 10px;
gap: 10px;
}
.info__item-title {
font-size: 16px;
line-height: 20px;
}
}
.disciplines {
padding: 40px 0 70px;
}
.disciplines-tabs {
display: flex;
flex-direction: column;
gap: 20px;
}
.disciplines-tabs__head {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 5px;
}
.disciplines-tabs__head-item {
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #307CE9;
height: 44px;
padding: 13px 20px;
background-color: transparent;
color: #307CE9;
font-weight: 700;
font-size: 18px;
line-height: 18px;
cursor: pointer;
text-align: center;
}
.disciplines-tabs__head-item.active {
background-color: #307CE9;
color: #fff;
}
.disciplines__items {
display: flex;
flex-direction: column;
gap: 5px;
}
.disciplines__item {
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #fff;
padding: 15px 20px;
gap: 35px;
}
.disciplines__item:nth-child(n+11){
display: none;
}
.disciplines__item-module {
width: 144px;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #222222CC;
}
.disciplines__item-name {
flex: 1;
font-weight: 700;
font-size: 20px;
line-height: 24px;
}
.disciplines__item-btn {
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-decoration: underline;
border: 0;
background-color: transparent;
color: #307CE9;
padding: 0;
margin: 0;
cursor: pointer;
}
.disciplines-tabs__content {
display: none;
flex-direction: column;
gap: 20px;
}
.disciplines-tabs__content.active {
display: flex;
}
.disciplines__more-btn {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: #307CE9;
font-weight: 700;
font-size: 22px;
line-height: 24px;
text-align: center;
color: #fff;
padding: 18px 36px;
margin: 0;
cursor: pointer;
border: 0;
width: 100%;
}
.disciplines-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
z-index: 100;
}
.disciplines-overlay.active {
opacity: 1;
visibility: visible;
}
.disciplines-popup {
display: flex;
flex-direction: column;
opacity: 0;
transform: translate(-50%, -50%) translateY(-20px);
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 101;
position: fixed;
width: 760px;
height: 700px;
overflow: hidden;
z-index: -1;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
left: 50%;
overflow: hidden;
box-shadow: 3px 5px 12px rgba(0, 0, 0, .15);
}
.disciplines-popup.active {
z-index: 101;
opacity: 1;
transform: translate(-50%, -50%) translateY(0);
}
.disciplines-popup__close {
position: absolute;
top: 25px;
right: 25px;
width: 20px;
height: 20px;
cursor: pointer;
padding: 0;
margin: 0;
border: 0;
background-color: transparent;
}
.disciplines-popup__close svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.disciplines-popup__head {
display: flex;
flex-direction: column;
position: relative;
padding: 25px;
background-color: #307CE9;
}
.disciplines-popup__body{
overflow: auto;
padding: 25px;
height: 100%;
}
.disciplines-popup__module {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #fff;
margin-bottom: 15px;
}
.disciplines-popup__title {
font-weight: 700;
font-size: 30px;
line-height: 36px;
text-transform: uppercase;
color: #fff;
margin-bottom: 5px;
}
.disciplines-popup__subtitle {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #fff;
}
.disciplines-popup__body ul {
display: flex;
flex-direction: column;
gap: 5px;
}
.disciplines-popup__body ul li{
padding-left: 29px;
position: relative;
}
.disciplines-popup__body ul li:before{
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #288FC9;
}
@media (min-width: 1281px) and (max-width: 1680px){
.disciplines-popup {
height: 500px;
}
}
@media (min-width: 768px) and (max-width: 1280px){
}
@media (max-width: 767px){
.disciplines-tabs__head {
grid-template-columns: repeat(1, 1fr);
}
.disciplines__item {
flex-wrap: wrap;
gap: 10px;
padding: 10px;
}
.disciplines__item-module {
width: auto;
font-size: 14px;
line-height: 16px;
order: 1;
}
.disciplines__item-name {
flex: unset;
font-size: 18px;
line-height: 22px;
order: 3;
width: 100%;
}
.disciplines__item-btn {
width: auto;
font-size: 14px;
line-height: 16px;
order: 2;
}
.disciplines-popup {
height: 70vh;
width: calc(100% - 20px);
}
.disciplines-popup__head {
padding: 15px;
}
.disciplines-popup__body {
padding: 15px;
}
.disciplines-popup__module {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
.disciplines-popup__title {
font-size: 20px;
line-height: 25px;
margin-bottom: 5px;
}
.disciplines-popup__subtitle {
font-size: 16px;
line-height: 18px;
}
.disciplines-popup__body ul li{
padding-left: 18px;
}
.disciplines-popup__body ul li:before{
top: 5px;
width: 8px;
height: 8px;
}
}
.course-audience {
margin-bottom: 70px;
}
.course-audience__inner {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
}
.course-audience__title {
margin-bottom: 10px;
}
.course-audience__subtitle {
font-size: 20px;
line-height: 22px;
}
.course-audience-slider {
overflow: hidden;
width: 100%;
}
.course-audience-slide {
display: flex;
flex-direction: column;
}
.course-audience-slide__image {
width: 100%;
height: 241px;
background-color: #f4f4f4;
margin-bottom: 20px;
}
.course-audience-slide__image picture {
display: block;
width: 100%;
height: 100%;
}
.course-audience-slide__image picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.course-audience-slide__content {
display: flex;
flex-direction: column;
gap: 20px;
}
.course-audience-slide__title {
font-weight: 700;
font-size: 24px;
line-height: 28px;
}
.course-audience-slide__text,
.course-audience-slide__text p {
font-weight: 500;
font-size: 20px;
line-height: 22px;
}
.course-audience-slider__nav {
display: flex;
flex-direction: row;
align-items: center;
gap: 5px;
}
.course-audience-slider__button {
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
cursor: pointer;
background-color: #307CE9;
border: none;
}
.course-audience-slider__button svg {
width: 30px;
height: 30px;
object-fit: contain;
}
@media (max-width: 1280px){
.course-audience-slide__image {
height: auto;
}
}
@media (max-width: 767px){
.course-audience__content{
order: 1;
}
.course-audience-slider{
order: 2;
}
.course-audience-slider__nav {
order: 3;
justify-content: center;
width: 100%;
}
}:root {
--iti-hover-color: rgba(0, 0, 0, 0.05);
--iti-border-color: #ccc;
--iti-dialcode-color: #999;
--iti-dropdown-bg: white;
--iti-search-icon-color: #999;
--iti-spacer-horizontal: 8px;
--iti-flag-height: 12px;
--iti-flag-width: 16px;
--iti-border-width: 1px;
--iti-arrow-height: 4px;
--iti-arrow-width: 6px;
--iti-triangle-border: calc(var(--iti-arrow-width) / 2);
--iti-arrow-padding: 6px;
--iti-arrow-color: #555;
--iti-path-flags-1x: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/intl/flags.webp);
--iti-path-flags-2x: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/intl/flags@2x.webp);
--iti-path-globe-1x: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/intl/globe.webp);
--iti-path-globe-2x: url(//psy-ippp.ru/wp-content/themes/ippp/assets/images/intl/globe@2x.webp);
--iti-flag-sprite-width: 3904px;
--iti-flag-sprite-height: 12px;
--iti-mobile-popup-margin: 30px;
}
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
position: relative;
z-index: 0;
margin: 0 !important;
}
.iti__country-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding: var(--iti-border-width);
}
.iti__selected-country {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
background: none;
border: 0;
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
border-radius: 0;
font-weight: inherit;
line-height: inherit;
text-decoration: none;
}
.iti__selected-country-primary {
display: flex;
align-items: center;
height: 100%;
padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
margin-left: var(--iti-arrow-padding);
width: 0;
height: 0;
border-left: var(--iti-triangle-border) solid transparent;
border-right: var(--iti-triangle-border) solid transparent;
border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__arrow--up {
border-top: none;
border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
border-radius: 3px;
background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: calc(var(--iti-border-width) * -1);
border: var(--iti-border-width) solid var(--iti-border-color);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
padding-left: 30px;
padding-right: 28px;
}
[dir=rtl] .iti__search-input {
padding-left: inherit;
padding-right: 30px;
background-position: right 8px center;
}
.iti__search-input + .iti__country-list {
border-top: 1px solid var(--iti-border-color);
}
.iti__search-input::-webkit-search-cancel-button {
appearance: none;
}
.iti__search-input-wrapper {
position: relative;
display: flex;
align-items: center;
}
.iti__search-icon {
position: absolute;
left: 8px;
display: flex;
pointer-events: none;
}
[dir=rtl] .iti__search-icon {
left: auto;
right: 8px;
}
.iti__search-icon-svg {
stroke: var(--iti-search-icon-color);
fill: none;
stroke-width: 3;
}
.iti__search-clear {
position: absolute;
right: 4px;
background: transparent;
border: 0;
border-radius: 3px;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.15s ease;
width: 24px;
height: 24px;
}
.iti__search-clear .iti__search-clear-x {
stroke-width: 2;
}
.iti__search-clear .iti__search-clear-bg {
fill: var(--iti-search-icon-color);
}
[dir=rtl] .iti__search-clear {
right: auto;
left: 4px;
}
.iti__search-clear:hover, .iti__search-clear:focus-visible {
background: var(--iti-hover-color);
outline: none;
}
.iti__no-results {
text-align: center;
padding: 30px 0;
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
cursor: pointer;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
.iti__country {
display: flex;
align-items: center;
padding: 8px var(--iti-spacer-horizontal);
outline: none;
}
.iti__dial-code {
color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag, .iti__country-name {
margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country {
cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
margin-left: 4px;
}
.iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: var(--iti-border-width);
}
.iti--container:hover {
cursor: pointer;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: var(--iti-mobile-popup-margin);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
--iti-flag-offset: 100px;
height: var(--iti-flag-height);
width: var(--iti-flag-width);
border-radius: 1px;
box-shadow: 0px 0px 1px 0px #888;
background-image: var(--iti-path-flags-1x);
background-repeat: no-repeat;
background-position: var(--iti-flag-offset) 0;
background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__ac {
--iti-flag-offset: 0px;
}
.iti__ad {
--iti-flag-offset: -16px;
}
.iti__ae {
--iti-flag-offset: -32px;
}
.iti__af {
--iti-flag-offset: -48px;
}
.iti__ag {
--iti-flag-offset: -64px;
}
.iti__ai {
--iti-flag-offset: -80px;
}
.iti__al {
--iti-flag-offset: -96px;
}
.iti__am {
--iti-flag-offset: -112px;
}
.iti__ao {
--iti-flag-offset: -128px;
}
.iti__ar {
--iti-flag-offset: -144px;
}
.iti__as {
--iti-flag-offset: -160px;
}
.iti__at {
--iti-flag-offset: -176px;
}
.iti__au {
--iti-flag-offset: -192px;
}
.iti__aw {
--iti-flag-offset: -208px;
}
.iti__ax {
--iti-flag-offset: -224px;
}
.iti__az {
--iti-flag-offset: -240px;
}
.iti__ba {
--iti-flag-offset: -256px;
}
.iti__bb {
--iti-flag-offset: -272px;
}
.iti__bd {
--iti-flag-offset: -288px;
}
.iti__be {
--iti-flag-offset: -304px;
}
.iti__bf {
--iti-flag-offset: -320px;
}
.iti__bg {
--iti-flag-offset: -336px;
}
.iti__bh {
--iti-flag-offset: -352px;
}
.iti__bi {
--iti-flag-offset: -368px;
}
.iti__bj {
--iti-flag-offset: -384px;
}
.iti__bl {
--iti-flag-offset: -400px;
}
.iti__bm {
--iti-flag-offset: -416px;
}
.iti__bn {
--iti-flag-offset: -432px;
}
.iti__bo {
--iti-flag-offset: -448px;
}
.iti__bq {
--iti-flag-offset: -464px;
}
.iti__br {
--iti-flag-offset: -480px;
}
.iti__bs {
--iti-flag-offset: -496px;
}
.iti__bt {
--iti-flag-offset: -512px;
}
.iti__bw {
--iti-flag-offset: -528px;
}
.iti__by {
--iti-flag-offset: -544px;
}
.iti__bz {
--iti-flag-offset: -560px;
}
.iti__ca {
--iti-flag-offset: -576px;
}
.iti__cc {
--iti-flag-offset: -592px;
}
.iti__cd {
--iti-flag-offset: -608px;
}
.iti__cf {
--iti-flag-offset: -624px;
}
.iti__cg {
--iti-flag-offset: -640px;
}
.iti__ch {
--iti-flag-offset: -656px;
}
.iti__ci {
--iti-flag-offset: -672px;
}
.iti__ck {
--iti-flag-offset: -688px;
}
.iti__cl {
--iti-flag-offset: -704px;
}
.iti__cm {
--iti-flag-offset: -720px;
}
.iti__cn {
--iti-flag-offset: -736px;
}
.iti__co {
--iti-flag-offset: -752px;
}
.iti__cr {
--iti-flag-offset: -768px;
}
.iti__cu {
--iti-flag-offset: -784px;
}
.iti__cv {
--iti-flag-offset: -800px;
}
.iti__cw {
--iti-flag-offset: -816px;
}
.iti__cx {
--iti-flag-offset: -832px;
}
.iti__cy {
--iti-flag-offset: -848px;
}
.iti__cz {
--iti-flag-offset: -864px;
}
.iti__de {
--iti-flag-offset: -880px;
}
.iti__dj {
--iti-flag-offset: -896px;
}
.iti__dk {
--iti-flag-offset: -912px;
}
.iti__dm {
--iti-flag-offset: -928px;
}
.iti__do {
--iti-flag-offset: -944px;
}
.iti__dz {
--iti-flag-offset: -960px;
}
.iti__ec {
--iti-flag-offset: -976px;
}
.iti__ee {
--iti-flag-offset: -992px;
}
.iti__eg {
--iti-flag-offset: -1008px;
}
.iti__eh {
--iti-flag-offset: -1024px;
}
.iti__er {
--iti-flag-offset: -1040px;
}
.iti__es {
--iti-flag-offset: -1056px;
}
.iti__et {
--iti-flag-offset: -1072px;
}
.iti__fi {
--iti-flag-offset: -1088px;
}
.iti__fj {
--iti-flag-offset: -1104px;
}
.iti__fk {
--iti-flag-offset: -1120px;
}
.iti__fm {
--iti-flag-offset: -1136px;
}
.iti__fo {
--iti-flag-offset: -1152px;
}
.iti__fr {
--iti-flag-offset: -1168px;
}
.iti__ga {
--iti-flag-offset: -1184px;
}
.iti__gb {
--iti-flag-offset: -1200px;
}
.iti__gd {
--iti-flag-offset: -1216px;
}
.iti__ge {
--iti-flag-offset: -1232px;
}
.iti__gf {
--iti-flag-offset: -1248px;
}
.iti__gg {
--iti-flag-offset: -1264px;
}
.iti__gh {
--iti-flag-offset: -1280px;
}
.iti__gi {
--iti-flag-offset: -1296px;
}
.iti__gl {
--iti-flag-offset: -1312px;
}
.iti__gm {
--iti-flag-offset: -1328px;
}
.iti__gn {
--iti-flag-offset: -1344px;
}
.iti__gp {
--iti-flag-offset: -1360px;
}
.iti__gq {
--iti-flag-offset: -1376px;
}
.iti__gr {
--iti-flag-offset: -1392px;
}
.iti__gt {
--iti-flag-offset: -1408px;
}
.iti__gu {
--iti-flag-offset: -1424px;
}
.iti__gw {
--iti-flag-offset: -1440px;
}
.iti__gy {
--iti-flag-offset: -1456px;
}
.iti__hk {
--iti-flag-offset: -1472px;
}
.iti__hn {
--iti-flag-offset: -1488px;
}
.iti__hr {
--iti-flag-offset: -1504px;
}
.iti__ht {
--iti-flag-offset: -1520px;
}
.iti__hu {
--iti-flag-offset: -1536px;
}
.iti__id {
--iti-flag-offset: -1552px;
}
.iti__ie {
--iti-flag-offset: -1568px;
}
.iti__il {
--iti-flag-offset: -1584px;
}
.iti__im {
--iti-flag-offset: -1600px;
}
.iti__in {
--iti-flag-offset: -1616px;
}
.iti__io {
--iti-flag-offset: -1632px;
}
.iti__iq {
--iti-flag-offset: -1648px;
}
.iti__ir {
--iti-flag-offset: -1664px;
}
.iti__is {
--iti-flag-offset: -1680px;
}
.iti__it {
--iti-flag-offset: -1696px;
}
.iti__je {
--iti-flag-offset: -1712px;
}
.iti__jm {
--iti-flag-offset: -1728px;
}
.iti__jo {
--iti-flag-offset: -1744px;
}
.iti__jp {
--iti-flag-offset: -1760px;
}
.iti__ke {
--iti-flag-offset: -1776px;
}
.iti__kg {
--iti-flag-offset: -1792px;
}
.iti__kh {
--iti-flag-offset: -1808px;
}
.iti__ki {
--iti-flag-offset: -1824px;
}
.iti__km {
--iti-flag-offset: -1840px;
}
.iti__kn {
--iti-flag-offset: -1856px;
}
.iti__kp {
--iti-flag-offset: -1872px;
}
.iti__kr {
--iti-flag-offset: -1888px;
}
.iti__kw {
--iti-flag-offset: -1904px;
}
.iti__ky {
--iti-flag-offset: -1920px;
}
.iti__kz {
--iti-flag-offset: -1936px;
}
.iti__la {
--iti-flag-offset: -1952px;
}
.iti__lb {
--iti-flag-offset: -1968px;
}
.iti__lc {
--iti-flag-offset: -1984px;
}
.iti__li {
--iti-flag-offset: -2000px;
}
.iti__lk {
--iti-flag-offset: -2016px;
}
.iti__lr {
--iti-flag-offset: -2032px;
}
.iti__ls {
--iti-flag-offset: -2048px;
}
.iti__lt {
--iti-flag-offset: -2064px;
}
.iti__lu {
--iti-flag-offset: -2080px;
}
.iti__lv {
--iti-flag-offset: -2096px;
}
.iti__ly {
--iti-flag-offset: -2112px;
}
.iti__ma {
--iti-flag-offset: -2128px;
}
.iti__mc {
--iti-flag-offset: -2144px;
}
.iti__md {
--iti-flag-offset: -2160px;
}
.iti__me {
--iti-flag-offset: -2176px;
}
.iti__mf {
--iti-flag-offset: -2192px;
}
.iti__mg {
--iti-flag-offset: -2208px;
}
.iti__mh {
--iti-flag-offset: -2224px;
}
.iti__mk {
--iti-flag-offset: -2240px;
}
.iti__ml {
--iti-flag-offset: -2256px;
}
.iti__mm {
--iti-flag-offset: -2272px;
}
.iti__mn {
--iti-flag-offset: -2288px;
}
.iti__mo {
--iti-flag-offset: -2304px;
}
.iti__mp {
--iti-flag-offset: -2320px;
}
.iti__mq {
--iti-flag-offset: -2336px;
}
.iti__mr {
--iti-flag-offset: -2352px;
}
.iti__ms {
--iti-flag-offset: -2368px;
}
.iti__mt {
--iti-flag-offset: -2384px;
}
.iti__mu {
--iti-flag-offset: -2400px;
}
.iti__mv {
--iti-flag-offset: -2416px;
}
.iti__mw {
--iti-flag-offset: -2432px;
}
.iti__mx {
--iti-flag-offset: -2448px;
}
.iti__my {
--iti-flag-offset: -2464px;
}
.iti__mz {
--iti-flag-offset: -2480px;
}
.iti__na {
--iti-flag-offset: -2496px;
}
.iti__nc {
--iti-flag-offset: -2512px;
}
.iti__ne {
--iti-flag-offset: -2528px;
}
.iti__nf {
--iti-flag-offset: -2544px;
}
.iti__ng {
--iti-flag-offset: -2560px;
}
.iti__ni {
--iti-flag-offset: -2576px;
}
.iti__nl {
--iti-flag-offset: -2592px;
}
.iti__no {
--iti-flag-offset: -2608px;
}
.iti__np {
--iti-flag-offset: -2624px;
}
.iti__nr {
--iti-flag-offset: -2640px;
}
.iti__nu {
--iti-flag-offset: -2656px;
}
.iti__nz {
--iti-flag-offset: -2672px;
}
.iti__om {
--iti-flag-offset: -2688px;
}
.iti__pa {
--iti-flag-offset: -2704px;
}
.iti__pe {
--iti-flag-offset: -2720px;
}
.iti__pf {
--iti-flag-offset: -2736px;
}
.iti__pg {
--iti-flag-offset: -2752px;
}
.iti__ph {
--iti-flag-offset: -2768px;
}
.iti__pk {
--iti-flag-offset: -2784px;
}
.iti__pl {
--iti-flag-offset: -2800px;
}
.iti__pm {
--iti-flag-offset: -2816px;
}
.iti__pr {
--iti-flag-offset: -2832px;
}
.iti__ps {
--iti-flag-offset: -2848px;
}
.iti__pt {
--iti-flag-offset: -2864px;
}
.iti__pw {
--iti-flag-offset: -2880px;
}
.iti__py {
--iti-flag-offset: -2896px;
}
.iti__qa {
--iti-flag-offset: -2912px;
}
.iti__re {
--iti-flag-offset: -2928px;
}
.iti__ro {
--iti-flag-offset: -2944px;
}
.iti__rs {
--iti-flag-offset: -2960px;
}
.iti__ru {
--iti-flag-offset: -2976px;
}
.iti__rw {
--iti-flag-offset: -2992px;
}
.iti__sa {
--iti-flag-offset: -3008px;
}
.iti__sb {
--iti-flag-offset: -3024px;
}
.iti__sc {
--iti-flag-offset: -3040px;
}
.iti__sd {
--iti-flag-offset: -3056px;
}
.iti__se {
--iti-flag-offset: -3072px;
}
.iti__sg {
--iti-flag-offset: -3088px;
}
.iti__sh {
--iti-flag-offset: -3104px;
}
.iti__si {
--iti-flag-offset: -3120px;
}
.iti__sj {
--iti-flag-offset: -3136px;
}
.iti__sk {
--iti-flag-offset: -3152px;
}
.iti__sl {
--iti-flag-offset: -3168px;
}
.iti__sm {
--iti-flag-offset: -3184px;
}
.iti__sn {
--iti-flag-offset: -3200px;
}
.iti__so {
--iti-flag-offset: -3216px;
}
.iti__sr {
--iti-flag-offset: -3232px;
}
.iti__ss {
--iti-flag-offset: -3248px;
}
.iti__st {
--iti-flag-offset: -3264px;
}
.iti__sv {
--iti-flag-offset: -3280px;
}
.iti__sx {
--iti-flag-offset: -3296px;
}
.iti__sy {
--iti-flag-offset: -3312px;
}
.iti__sz {
--iti-flag-offset: -3328px;
}
.iti__tc {
--iti-flag-offset: -3344px;
}
.iti__td {
--iti-flag-offset: -3360px;
}
.iti__tg {
--iti-flag-offset: -3376px;
}
.iti__th {
--iti-flag-offset: -3392px;
}
.iti__tj {
--iti-flag-offset: -3408px;
}
.iti__tk {
--iti-flag-offset: -3424px;
}
.iti__tl {
--iti-flag-offset: -3440px;
}
.iti__tm {
--iti-flag-offset: -3456px;
}
.iti__tn {
--iti-flag-offset: -3472px;
}
.iti__to {
--iti-flag-offset: -3488px;
}
.iti__tr {
--iti-flag-offset: -3504px;
}
.iti__tt {
--iti-flag-offset: -3520px;
}
.iti__tv {
--iti-flag-offset: -3536px;
}
.iti__tw {
--iti-flag-offset: -3552px;
}
.iti__tz {
--iti-flag-offset: -3568px;
}
.iti__ua {
--iti-flag-offset: -3584px;
}
.iti__ug {
--iti-flag-offset: -3600px;
}
.iti__us {
--iti-flag-offset: -3616px;
}
.iti__uy {
--iti-flag-offset: -3632px;
}
.iti__uz {
--iti-flag-offset: -3648px;
}
.iti__va {
--iti-flag-offset: -3664px;
}
.iti__vc {
--iti-flag-offset: -3680px;
}
.iti__ve {
--iti-flag-offset: -3696px;
}
.iti__vg {
--iti-flag-offset: -3712px;
}
.iti__vi {
--iti-flag-offset: -3728px;
}
.iti__vn {
--iti-flag-offset: -3744px;
}
.iti__vu {
--iti-flag-offset: -3760px;
}
.iti__wf {
--iti-flag-offset: -3776px;
}
.iti__ws {
--iti-flag-offset: -3792px;
}
.iti__xk {
--iti-flag-offset: -3808px;
}
.iti__ye {
--iti-flag-offset: -3824px;
}
.iti__yt {
--iti-flag-offset: -3840px;
}
.iti__za {
--iti-flag-offset: -3856px;
}
.iti__zm {
--iti-flag-offset: -3872px;
}
.iti__zw {
--iti-flag-offset: -3888px;
}
.iti__globe {
background-image: var(--iti-path-globe-1x);
background-size: contain;
background-position: right;
box-shadow: none;
height: 19px;
}
@media (min-resolution: 2x) {
.iti__flag {
background-image: var(--iti-path-flags-2x);
}
.iti__globe {
background-image: var(--iti-path-globe-2x);
}
}