body,
html {
padding: 0;
margin: 0;
}
body {
font-family: sans-serif;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.dashicons {
display: inline-block;
width: 20px;
height: 20px;
background-color: transparent;
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
transition: background 0.1s ease-in;
position: relative;
top: 5px;
}
.dashicons-no {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M15.55%2013.7l-2.19%202.06-3.42-3.65-3.64%203.43-2.06-2.18%203.64-3.43-3.42-3.64%202.18-2.06%203.43%203.64%203.64-3.42%202.05%202.18-3.64%203.43z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
}
.dashicons-admin-comments {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%2382878c%27%2F%3E%3C%2Fsvg%3E");
}
.wp-embed-comments a:hover .dashicons-admin-comments {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%230073aa%27%2F%3E%3C%2Fsvg%3E");
}
.dashicons-share {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%2382878c%27%2F%3E%3C%2Fsvg%3E");
display: none;
}
.js .dashicons-share {
display: inline-block;
}
.wp-embed-share-dialog-open:hover .dashicons-share {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%230073aa%27%2F%3E%3C%2Fsvg%3E");
}
.wp-embed {
padding: 25px;
font-size: 14px;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1.5;
color: #82878c;
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
overflow: auto;
zoom: 1;
}
.wp-embed a {
color: #82878c;
text-decoration: none;
}
.wp-embed a:hover {
text-decoration: underline;
}
.wp-embed-featured-image {
margin-bottom: 20px;
}
.wp-embed-featured-image img {
width: 100%;
height: auto;
border: none;
}
.wp-embed-featured-image.square {
float: left;
max-width: 160px;
margin-right: 20px;
}
.wp-embed p {
margin: 0;
}
p.wp-embed-heading {
margin: 0 0 15px;
font-weight: 600;
font-size: 22px;
line-height: 1.3;
}
.wp-embed-heading a {
color: #32373c;
}
.wp-embed .wp-embed-more {
color: #b4b9be;
}
.wp-embed-footer {
display: table;
width: 100%;
margin-top: 30px;
}
.wp-embed-site-icon {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 25px;
width: 25px;
border: 0;
}
.wp-embed-site-title {
font-weight: 600;
line-height: 25px;
}
.wp-embed-site-title a {
position: relative;
display: inline-block;
padding-left: 35px;
}
.wp-embed-meta,
.wp-embed-site-title {
display: table-cell;
}
.wp-embed-meta {
text-align: right;
white-space: nowrap;
vertical-align: middle;
}
.wp-embed-comments,
.wp-embed-share {
display: inline;
}
.wp-embed-meta a:hover {
text-decoration: none;
color: #0073aa;
}
.wp-embed-comments a {
line-height: 25px;
display: inline-block;
}
.wp-embed-comments + .wp-embed-share {
margin-left: 10px;
}
.wp-embed-share-dialog {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #222;
background-color: rgba(10, 10, 10, 0.9);
color: #fff;
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.wp-embed-share-dialog.hidden {
opacity: 0;
visibility: hidden;
}
.wp-embed-share-dialog-close,
.wp-embed-share-dialog-open {
margin: -8px 0 0;
padding: 0;
background: 0 0;
border: none;
cursor: pointer;
outline: 0;
}
.wp-embed-share-dialog-close .dashicons,
.wp-embed-share-dialog-open .dashicons {
padding: 4px;
}
.wp-embed-share-dialog-open .dashicons {
top: 8px;
}
.wp-embed-share-dialog-close:focus .dashicons,
.wp-embed-share-dialog-open:focus .dashicons {
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
border-radius: 100%;
}
.wp-embed-share-dialog-close {
position: absolute;
top: 20px;
right: 20px;
font-size: 22px;
}
.wp-embed-share-dialog-close:hover {
text-decoration: none;
}
.wp-embed-share-dialog-close .dashicons {
height: 24px;
width: 24px;
background-size: 24px;
}
.wp-embed-share-dialog-content {
height: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
overflow: hidden;
}
.wp-embed-share-dialog-text {
margin-top: 25px;
padding: 20px;
}
.wp-embed-share-tabs {
margin: 0 0 20px;
padding: 0;
list-style: none;
}
.wp-embed-share-tab-button {
display: inline-block;
}
.wp-embed-share-tab-button button {
margin: 0;
padding: 0;
border: none;
background: 0 0;
font-size: 16px;
line-height: 1.3;
color: #aaa;
cursor: pointer;
transition: color 0.1s ease-in;
}
.wp-embed-share-tab-button [aria-selected="true"] {
color: #fff;
}
.wp-embed-share-tab-button button:hover {
color: #fff;
}
.wp-embed-share-tab-button + .wp-embed-share-tab-button {
margin: 0 0 0 10px;
padding: 0 0 0 11px;
border-left: 1px solid #aaa;
}
.wp-embed-share-tab[aria-hidden="true"] {
display: none;
}
p.wp-embed-share-description {
margin: 0;
font-size: 14px;
line-height: 1;
font-style: italic;
color: #aaa;
}
.wp-embed-share-input {
box-sizing: border-box;
width: 100%;
border: none;
height: 28px;
margin: 0 0 10px;
padding: 0 5px;
font-size: 14px;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1.5;
resize: none;
cursor: text;
}
textarea.wp-embed-share-input {
height: 72px;
}
html[dir="rtl"] .wp-embed-featured-image.square {
float: right;
margin-right: 0;
margin-left: 20px;
}
html[dir="rtl"] .wp-embed-site-title a {
padding-left: 0;
padding-right: 35px;
}
html[dir="rtl"] .wp-embed-site-icon {
margin-right: 0;
margin-left: 10px;
left: auto;
right: 0;
}
html[dir="rtl"] .wp-embed-meta {
text-align: left;
}
html[dir="rtl"] .wp-embed-share {
margin-left: 0;
margin-right: 10px;
}
html[dir="rtl"] .wp-embed-share-dialog-close {
right: auto;
left: 20px;
}
html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
margin: 0 10px 0 0;
padding: 0 11px 0 0;
border-left: none;
border-right: 1px solid #aaa;
}
.ow-button-base {
zoom: 1;
}
.ow-button-base:before {
content: "";
display: block;
}
.ow-button-base:after {
content: "";
display: table;
clear: both;
}
.ow-button-base a {
text-align: center;
display: inline-block;
cursor: pointer;
text-decoration: none;
line-height: 1em;
}
.ow-button-base a .sow-icon-image,
.ow-button-base a [class^="sow-icon-"] {
font-size: 1.3em;
height: 1em;
width: auto;
margin: -0.1em 0.75em -0.2em -0.75em;
display: block;
float: left;
}
.ow-button-base a .sow-icon-image {
width: 1em;
background-size: cover;
}
.ow-button-base a.ow-icon-placement-top .sow-icon-image,
.ow-button-base a.ow-icon-placement-top [class^="sow-icon-"] {
margin: 0 auto 0.5em;
float: none;
}
.ow-button-base a.ow-icon-placement-right .sow-icon-image,
.ow-button-base a.ow-icon-placement-right [class^="sow-icon-"] {
margin: -0.1em -0.75em -0.2em 0.75em;
float: right;
}
.ow-button-base a.ow-icon-placement-bottom .sow-icon-image,
.ow-button-base a.ow-icon-placement-bottom [class^="sow-icon-"] {
float: none;
margin: 0.5em auto 0;
}
.ow-button-base a.ow-icon-placement-bottom > span {
display: flex;
flex-direction: column-reverse;
}
.ow-button-base a.ow-icon-placement-left .sow-icon-image,
.ow-button-base a.ow-icon-placement-left [class^="sow-icon-"] {
margin: -0.1em 0.75em -0.2em -0.75em;
float: left;
}
.ow-button-base.ow-button-align-left {
text-align: left;
}
.ow-button-base.ow-button-align-right {
text-align: right;
}
.ow-button-base.ow-button-align-center {
text-align: center;
}
.ow-button-base.ow-button-align-justify a {
display: block;
}
@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
blockquote,
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 0 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
legend,
td,
th {
padding: 0;
}
/*!
* animate.css -http://daneden.me/animate
* Version - 3.6.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-webkit-keyframes pulse {
0%,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
}
@keyframes pulse {
0%,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
}
@-webkit-keyframes rubberBand {
0%,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
}
@keyframes rubberBand {
0%,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@-webkit-keyframes headShake {
0%,
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
}
@keyframes headShake {
0%,
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@-webkit-keyframes tada {
0%,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
}
@keyframes tada {
0%,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
}
@-webkit-keyframes wobble {
0%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
}
@keyframes wobble {
0%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg);
}
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg);
}
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes submarine-back {
0% {
opacity: 1;
bottom: -30px;
left: 190px;
}
to {
opacity: 0;
bottom: -60px;
left: 55px;
}
}
@keyframes submarine-back {
0% {
opacity: 1;
bottom: -30px;
left: 190px;
}
to {
opacity: 0;
bottom: -60px;
left: 55px;
}
}
@-webkit-keyframes submarine-go {
0% {
opacity: 0;
bottom: -60px;
left: 55px;
}
to {
opacity: 1;
bottom: -30px;
left: 195px;
}
}
@keyframes submarine-go {
0% {
opacity: 0;
bottom: -60px;
left: 55px;
}
to {
opacity: 1;
bottom: -30px;
left: 195px;
}
}
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scale-back {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes scale-back {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
to {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
to {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
}
@-webkit-keyframes blinking {
0%,
2%,
60%,
62%,
to {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
1%,
61% {
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
}
}
@keyframes blinking {
0%,
2%,
60%,
62%,
to {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
1%,
61% {
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
}
}
@-webkit-keyframes breath {
0% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
@keyframes breath {
0% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
@-webkit-keyframes mustache_movement {
0% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
to {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
}
@keyframes mustache_movement {
0% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
to {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
}
@-webkit-keyframes breath-go {
0% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
to {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes breath-go {
0% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
to {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@-webkit-keyframes mouth-movement {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
to {
-webkit-transform: scale(1, 1.4);
transform: scale(1, 1.4);
}
}
@keyframes mouth-movement {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
to {
-webkit-transform: scale(1, 1.4);
transform: scale(1, 1.4);
}
}
@-webkit-keyframes mouth-flippers {
0% {
-webkit-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
}
to {
-webkit-transform: rotateZ(-30deg);
transform: rotateZ(-30deg);
}
}
@keyframes mouth-flippers {
0% {
-webkit-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
}
to {
-webkit-transform: rotateZ(-30deg);
transform: rotateZ(-30deg);
}
}
@-webkit-keyframes breath-movement {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes breath-movement {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
to {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes up-zoom {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes up-zoom {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
to {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes incline {
0% {
-webkit-transform: skew(-3deg);
transform: skew(-3deg);
}
50% {
-webkit-transform: skew(0);
transform: skew(0);
}
to {
-webkit-transform: skew(3deg);
transform: skew(3deg);
}
}
@keyframes incline {
0% {
-webkit-transform: skew(-3deg);
transform: skew(-3deg);
}
50% {
-webkit-transform: skew(0);
transform: skew(0);
}
to {
-webkit-transform: skew(3deg);
transform: skew(3deg);
}
}
@-webkit-keyframes clock {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clock {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-0-21 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(-21deg);
transform: rotate(-21deg);
}
}
@keyframes rotate-0-21 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(-21deg);
transform: rotate(-21deg);
}
}
@-webkit-keyframes spelling {
0%,
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
35% {
-webkit-transform: translate(-14px, -7px);
transform: translate(-14px, -7px);
}
40% {
-webkit-transform: translate(-15px, -10px);
transform: translate(-15px, -10px);
}
45% {
-webkit-transform: translate(-15px, -8px);
transform: translate(-15px, -8px);
}
50% {
-webkit-transform: translate(-13px, -6px);
transform: translate(-13px, -6px);
}
55% {
-webkit-transform: translate(-5px, -9px);
transform: translate(-5px, -9px);
}
65% {
-webkit-transform: translate(-2px, -6px);
transform: translate(-2px, -6px);
}
75%,
80% {
-webkit-transform: translate(-4px, -8px);
transform: translate(-4px, -8px);
}
}
@keyframes spelling {
0%,
to {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
35% {
-webkit-transform: translate(-14px, -7px);
transform: translate(-14px, -7px);
}
40% {
-webkit-transform: translate(-15px, -10px);
transform: translate(-15px, -10px);
}
45% {
-webkit-transform: translate(-15px, -8px);
transform: translate(-15px, -8px);
}
50% {
-webkit-transform: translate(-13px, -6px);
transform: translate(-13px, -6px);
}
55% {
-webkit-transform: translate(-5px, -9px);
transform: translate(-5px, -9px);
}
65% {
-webkit-transform: translate(-2px, -6px);
transform: translate(-2px, -6px);
}
75%,
80% {
-webkit-transform: translate(-4px, -8px);
transform: translate(-4px, -8px);
}
}
@-webkit-keyframes translateY-up-20 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes translateY-up-20 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@-webkit-keyframes translateY-up-1 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes translateY-up-1 {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes opacity {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes opacity {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes ask-close {
0% {
width: 100%;
}
to {
width: 0;
}
}
@keyframes ask-close {
0% {
width: 100%;
}
to {
width: 0;
}
}
@-webkit-keyframes ask-open {
0% {
width: 0;
}
to {
width: 100%;
}
}
@keyframes ask-open {
0% {
width: 0;
}
to {
width: 100%;
}
}
@-webkit-keyframes ask_card-open {
0% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
to {
-webkit-transform: translate(-50%, 50%) scale(0);
transform: translate(-50%, 50%) scale(0);
}
}
@keyframes ask_card-open {
0% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
to {
-webkit-transform: translate(-50%, 50%) scale(0);
transform: translate(-50%, 50%) scale(0);
}
}
@-webkit-keyframes ask_card-close {
0% {
-webkit-transform: translate(-50%, 50%) scale(0);
transform: translate(-50%, 50%) scale(0);
}
to {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
}
@keyframes ask_card-close {
0% {
-webkit-transform: translate(-50%, 50%) scale(0);
transform: translate(-50%, 50%) scale(0);
}
to {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
.flipInX,
.flipInY,
.flipOutX,
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
.flipInY,
.flipOutX,
.flipOutY {
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
.flipOutX,
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
}
.flipOutY {
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-slide,
.swiper-wrapper {
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-wrapper {
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.swiper-invisible-blank-slide {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: 0;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#test-slider input:hover,
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill,
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-black .swiper-pagination-bullet-active,
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
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: -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;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px;
}
.scrollable {
position: relative;
}
.scrollable .viewport {
position: relative;
overflow: hidden;
}
.scrollable .viewport .overview {
position: absolute;
}
.scrollable .scroll-bar {
display: none;
}
.scrollable .scroll-bar.vertical {
position: absolute;
right: 0;
height: 100%;
}
.scrollable .scroll-bar.horizontal {
position: relative;
width: 100%;
}
.scrollable .scroll-bar .thumb {
position: absolute;
}
.scrollable .scroll-bar.vertical .thumb {
width: 100%;
}
.scrollable .scroll-bar.horizontal .thumb {
height: 100%;
left: 0;
}
.not-selectable,
.pace {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.not-selectable {
-webkit-touch-callout: none;
}
.scrollable.default-skin {
padding-right: 10px;
padding-bottom: 6px;
}
.scrollable.default-skin .scroll-bar.vertical {
width: 6px;
}
.scrollable.default-skin .scroll-bar.horizontal {
height: 6px;
}
.scrollable.default-skin .scroll-bar .thumb {
background-color: #000;
opacity: 0.4;
border-radius: 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.scrollable.default-skin .scroll-bar:hover .thumb {
opacity: 0.6;
}
.scrollable.gray-skin,
.scrollable.modern-skin {
padding-right: 17px;
}
.scrollable.gray-skin .scroll-bar {
border: 1px solid gray;
background-color: #d3d3d3;
}
.scrollable.gray-skin .scroll-bar .thumb {
background-color: gray;
}
.scrollable.gray-skin .scroll-bar:hover .thumb {
background-color: #000;
}
.scrollable.gray-skin .scroll-bar.vertical {
width: 10px;
}
.scrollable.gray-skin .scroll-bar.horizontal {
height: 10px;
margin-top: 2px;
}
.scrollable.modern-skin .scroll-bar {
border: 1px solid gray;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-box-shadow: inset 0 0 5px #888;
box-shadow: inset 0 0 5px #888;
}
.scrollable.modern-skin .scroll-bar .thumb {
background-color: #95aabf;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #536984;
}
.scrollable.modern-skin .scroll-bar.vertical .thumb {
width: 8px;
background: -webkit-gradient(linear, left top, right top, from(#95aabf), to(#547092));
background: linear-gradient(to right, #95aabf 0%, #547092 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}
.scrollable.modern-skin .scroll-bar.horizontal .thumb {
height: 8px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#95aabf), to(#547092));
background-image: linear-gradient(#95aabf, #547092);
background-image: -ms-linear-gradient(#95aabf, #547092);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}
.scrollable.modern-skin .scroll-bar.vertical {
width: 10px;
}
.scrollable.modern-skin .scroll-bar.horizontal {
height: 10px;
margin-top: 2px;
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #ee3148;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}
* {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
::-moz-selection {
background-color: #8a00ee;
color: #fff;
}
::selection {
background-color: #8a00ee;
color: #fff;
}
body,
html,
ol li {
position: relative;
}
body,
html {
height: 100%;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 400;
font-style: normal;
color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: visible;
}
.page-wrapper.overflow {
overflow: hidden !important;
position: fixed;
width: 100%;
height: 100%;
}
img {
height: auto;
}
iframe,
img,
video {
max-width: 100%;
}
ol {
list-style-type: none;
padding: 0;
}
ol li {
padding-left: 23px;
counter-increment: counter;
}
ol li::before {
content: counter(counter);
position: absolute;
top: -0.11em;
left: 0;
font-family: "Rounded", sans-serif;
font-size: 1.13em;
color: #8a00ee;
}
table:not(.ui-datepicker-calendar),
table:not(.ui-datepicker-calendar) td,
table:not(.ui-datepicker-calendar) th {
border: 1px solid #ddd;
}
td {
padding: 15px;
}
.page {
position: relative;
overflow: hidden;
min-height: 100%;
}
.page.blur {
-webkit-filter: blur(25px);
filter: blur(25px);
}
.page-content {
padding-bottom: 80px;
}
.scrollable .viewport:focus,
.scrollable:focus {
outline: 0;
}
.heateor_sss_sharing_ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ajax-loader {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1024px) {
.page-content {
padding-bottom: 150px;
}
}
@media (min-width: 1280px) {
body,
html {
font-size: 18px;
}
}
@media (min-width: 1440px) {
body,
html {
font-size: 22px;
}
}
@font-face {
font-family: "Rounded";
src: url(/ua/wp-content/themes/easy/./fonts/SNR65.eot);
src: local("Rounded"), url(/ua/wp-content/themes/easy/./fonts/SNR65.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/SNR65.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/SNR65.svg) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100.eot);
src: local("Montserrat Thin"), local("Montserrat-Thin"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100italic.eot);
src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-100italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200.eot);
src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200italic.eot);
src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-200italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300.eot);
src: local("Montserrat Light"), local("Montserrat-Light"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300italic.eot);
src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-300italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-italic.eot);
src: local("Montserrat Italic"), local("Montserrat-Italic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-italic.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500.eot);
src: local("Montserrat Medium"), local("Montserrat-Medium"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-regular.eot);
src: local("Montserrat Regular"), local("Montserrat-Regular"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-regular.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-regular.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-regular.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-regular.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-regular.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500italic.eot);
src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-500italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600.eot);
src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700.eot);
src: local("Montserrat Bold"), local("Montserrat-Bold"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600italic.eot);
src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-600italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700italic.eot);
src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-700italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800.eot);
src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900.eot);
src: local("Montserrat Black"), local("Montserrat-Black"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800italic.eot);
src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-800italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "Montserrat";
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900italic.eot);
src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900italic.eot#iefix)
format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900italic.woff2) format("woff2"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900italic.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900italic.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/montserrat-v12-cyrillic_latin-900italic.svg#Montserrat) format("svg");
}
@font-face {
font-family: "SansRounded";
src: url(/ua/wp-content/themes/easy/./fonts/SansRounded.eot);
src: url(/ua/wp-content/themes/easy/./fonts/SansRounded.eot#iefix) format("embedded-opentype"),
url(/ua/wp-content/themes/easy/./fonts/SansRounded.svg#SansRounded) format("svg"),
url(/ua/wp-content/themes/easy/./fonts/SansRounded.ttf) format("truetype"),
url(/ua/wp-content/themes/easy/./fonts/SansRounded.woff) format("woff"),
url(/ua/wp-content/themes/easy/./fonts/SansRounded.woff2) format("woff2");
font-weight: 400;
font-display: swap;
font-style: normal;
}
.btn {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
border: 0;
line-height: 1;
text-decoration: none;
color: inherit;
text-align: center;
background: 0 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.btn.disabled {
opacity: 0.5;
cursor: not-allowed;
}
.btn--block {
display: block;
width: 100%;
}
.btn--a {
padding: 14px 20px;
font-family: "Rounded", sans-serif;
text-transform: uppercase;
font-size: 14px;
color: #8a00ee;
background-color: #fff;
border: 3px solid #8a00ee;
border-radius: 3em;
}
.btn--a:hover {
-webkit-box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
}
.btn--b,
.btn--c {
border-radius: 2em;
}
.btn--b {
border: 1px solid #eb1e23;
padding: 12px 25px;
font-size: 14px;
font-weight: 300;
color: #eb1e23;
}
.btn--b:hover {
color: #fff;
background-color: #eb1e23;
}
.btn--c {
padding: 4px 12px;
-webkit-box-shadow: 0 0 1px 1px #8a00ee;
box-shadow: 0 0 1px 1px #8a00ee;
font-size: 12px;
color: #333;
font-weight: 400;
-webkit-transition: none;
transition: none;
}
.btn--c.btn--md {
padding: 6px 16px;
font-size: 14px;
-webkit-transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
.btn--c.btn--md:hover {
background: -webkit-gradient(linear, left top, right top, color-stop(20%, #e957ff), to(#8a00ee));
background: linear-gradient(to right, #e957ff 20%, #8a00ee 100%);
color: #fff;
}
.btn--c.btn--invert:hover,
.btn--c.btn--md:hover {
-webkit-box-shadow: 0 12px 38px 0 rgba(255, 56, 225, 0.52);
box-shadow: 0 12px 38px 0 rgba(255, 56, 225, 0.52);
}
.btn--c.active,
.btn--c.btn--invert,
.btn--c:hover {
background: -webkit-gradient(linear, left top, right top, color-stop(20%, #e957ff), to(#8a00ee));
background: linear-gradient(to right, #e957ff 20%, #8a00ee 100%);
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn--d {
padding: 17px 36px;
border-radius: 3em;
font-size: 16px;
text-transform: uppercase;
font-family: "Rounded", sans-serif;
color: #fff;
background-color: #8a00ee;
}
.btn--d:hover {
-webkit-box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
}
.btn--e,
.btn--resume {
padding: 12px 25px;
font-size: 14px;
font-weight: 300;
color: #fff;
border-radius: 2em;
border: 1px solid #eb1e23;
background-color: #eb1e23;
}
.btn--e:hover {
-webkit-box-shadow: 0 10px 17px rgba(235, 30, 35, 0.3);
box-shadow: 0 10px 17px rgba(235, 30, 35, 0.3);
}
.btn--resume {
padding: 18px 27px;
font-size: 18px;
font-family: "Rounded", sans-serif;
text-transform: uppercase;
border: 1px solid #8a00ee;
background-color: #8a00ee;
-webkit-box-shadow: 0 12px 35px 0 rgba(255, 28, 247, 0.36);
box-shadow: 0 12px 35px 0 rgba(255, 28, 247, 0.36);
}
.btn--resume:hover {
-webkit-box-shadow: 0 6px 25px rgba(255, 28, 247, 0.4);
box-shadow: 0 6px 25px rgba(255, 28, 247, 0.4);
}
.btn--red {
background-color: #ed1c24;
border-color: #ed1c24;
-webkit-box-shadow: 0 12px 35px 0 rgba(255, 28, 28, 0.36);
box-shadow: 0 12px 35px 0 rgba(255, 28, 28, 0.36);
}
@media (min-width: 1024px) {
.btn--a {
padding: 20px 25px;
font-size: 16px;
}
.btn--d {
padding: 19px 42px;
font-size: 18px;
}
.btn--resume {
padding: 20px 30px;
font-size: 20px;
}
}
@media (min-width: 1280px) {
.btn--c.btn--md {
padding: 8px 24px;
font-size: 16px;
}
.btn--d {
padding: 21px 46px;
font-size: 20px;
}
.btn--resume {
padding: 24px 36px;
font-size: 24px;
}
}
@media (min-width: 1440px) {
.btn--a {
padding: 22px 27px;
font-size: 16px;
border: 4px solid #8a00ee;
}
.btn--d {
padding: 23px 50px;
font-size: 22px;
}
}
@media (min-width: 1780px) {
.btn--a {
padding: 28px 35px;
font-size: 18px;
border: 5px solid #8a00ee;
}
.btn--d {
padding: 25px 54px;
font-size: 24px;
}
}
.container,
.container-sm,
.event-container,
.post {
max-width: 300px;
width: 100%;
margin: 0 auto;
}
.container--fluid,
.container-sm--fluid {
max-width: none;
}
.container--gutter,
.container-sm--gutter {
padding-left: 10px;
padding-right: 10px;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row--offset {
margin-left: -10px;
margin-right: -10px;
}
.col {
padding-left: 10px;
padding-right: 10px;
}
.col-1 {
width: 8.33333%;
}
.col-2 {
width: 16.66667%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33333%;
}
.col-5 {
width: 41.66667%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33333%;
}
.col-8 {
width: 66.66667%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.33333%;
}
.col-11 {
width: 91.66667%;
}
.col-12 {
width: 100%;
}
.section {
margin-top: 50px;
margin-bottom: 50px;
}
.hide {
display: none !important;
}
@media (min-width: 420px) {
.container,
.container-sm,
.event-container,
.post {
max-width: 380px;
}
.container--gutter,
.container-sm--gutter {
padding-left: 20px;
padding-right: 20px;
}
.col-1--mobile {
width: 8.33333%;
}
.col-2--mobile {
width: 16.66667%;
}
.col-3--mobile {
width: 25%;
}
.col-4--mobile {
width: 33.33333%;
}
.col-5--mobile {
width: 41.66667%;
}
.col-6--mobile {
width: 50%;
}
.col-7--mobile {
width: 58.33333%;
}
.col-8--mobile {
width: 66.66667%;
}
.col-9--mobile {
width: 75%;
}
.col-10--mobile {
width: 83.33333%;
}
.col-11--mobile {
width: 91.66667%;
}
.col-12--mobile {
width: 100%;
}
.row--offset {
margin-left: -20px;
margin-right: -20px;
}
.col {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 660px) {
.hide-mob {
display: none !important;
}
.block-mob {
display: block !important;
}
}
@media (min-width: 768px) {
.container,
.container-sm,
.event-container,
.post {
max-width: 720px;
}
.col-1--tablet {
width: 8.33333%;
}
.col-2--tablet {
width: 16.66667%;
}
.col-3--tablet {
width: 25%;
}
.col-4--tablet {
width: 33.33333%;
}
.col-5--tablet {
width: 41.66667%;
}
.col-6--tablet {
width: 50%;
}
.col-7--tablet {
width: 58.33333%;
}
.col-8--tablet {
width: 66.66667%;
}
.col-9--tablet {
width: 75%;
}
.col-10--tablet {
width: 83.33333%;
}
.col-11--tablet {
width: 91.66667%;
}
.col-12--tablet {
width: 100%;
}
.section {
margin-top: 45px;
margin-bottom: 90px;
}
}
@media (min-width: 1024px) {
.container,
.container-sm,
.event-container,
.post {
max-width: 940px;
}
.col-1--notebook {
width: 8.33333%;
}
.col-2--notebook {
width: 16.66667%;
}
.col-3--notebook {
width: 25%;
}
.col-4--notebook {
width: 33.33333%;
}
.col-5--notebook {
width: 41.66667%;
}
.col-6--notebook {
width: 50%;
}
.col-7--notebook {
width: 58.33333%;
}
.col-8--notebook {
width: 66.66667%;
}
.col-9--notebook {
width: 75%;
}
.col-10--notebook {
width: 83.33333%;
}
.col-11--notebook {
width: 91.66667%;
}
.col-12--notebook {
width: 100%;
}
}
@media (min-width: 1280px) {
.container,
.container-sm,
.event-container,
.post {
max-width: 1200px;
}
.col-1--laptop {
width: 8.33333%;
}
.col-2--laptop {
width: 16.66667%;
}
.col-3--laptop {
width: 25%;
}
.col-4--laptop {
width: 33.33333%;
}
.col-5--laptop {
width: 41.66667%;
}
.col-6--laptop {
width: 50%;
}
.col-7--laptop {
width: 58.33333%;
}
.col-8--laptop {
width: 66.66667%;
}
.col-9--laptop {
width: 75%;
}
.col-10--laptop {
width: 83.33333%;
}
.col-11--laptop {
width: 91.66667%;
}
.col-12--laptop {
width: 100%;
}
}
@media (min-width: 1440px) {
.container,
.event-container,
.post {
max-width: 1400px;
}
.container-sm {
max-width: 1198px;
}
.col-1--lg {
width: 8.33333%;
}
.col-2--lg {
width: 16.66667%;
}
.col-3--lg {
width: 25%;
}
.col-4--lg {
width: 33.33333%;
}
.col-5--lg {
width: 41.66667%;
}
.col-6--lg {
width: 50%;
}
.col-7--lg {
width: 58.33333%;
}
.col-8--lg {
width: 66.66667%;
}
.col-9--lg {
width: 75%;
}
.col-10--lg {
width: 83.33333%;
}
.col-11--lg {
width: 91.66667%;
}
.col-12--lg {
width: 100%;
}
}
@media (min-width: 1780px) {
.container,
.event-container,
.post {
max-width: 1728px;
}
.container--gutter {
padding-left: 23px;
padding-right: 23px;
}
.row--offset {
margin-left: -23px;
margin-right: -23px;
}
.col-1--xl {
width: 8.33333%;
}
.col-2--xl {
width: 16.66667%;
}
.col-3--xl {
width: 25%;
}
.col-4--xl {
width: 33.33333%;
}
.col-5--xl {
width: 41.66667%;
}
.col-6--xl {
width: 50%;
}
.col-7--xl {
width: 58.33333%;
}
.col-8--xl {
width: 66.66667%;
}
.col-9--xl {
width: 75%;
}
.col-10--xl {
width: 83.33333%;
}
.col-11--xl {
width: 91.66667%;
}
.col-12--xl {
width: 100%;
}
.col {
padding-left: 23px;
padding-right: 23px;
}
}
.promo-title,
.section-title {
opacity: 0;
font-family: "Rounded", sans-serif;
text-transform: uppercase;
}
.promo-title {
text-decoration: none;
margin-top: 0;
margin-bottom: 0.5em;
font-size: 40px;
color: #8a00ee;
line-height: 1;
}
.section-title {
margin-top: 0.31em;
margin-bottom: 0.31em;
font-size: 16px;
color: #eb1e23;
line-height: 1.1;
}
.jobs-title,
.section-courses .section-title {
font-size: 16px;
}
.post-slider__thumbs .swiper-slide:hover,
.school .promo-title,
.school .section-title {
opacity: 1;
}
.school .section-title {
font-size: 40px;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
}
.jobs-title {
opacity: 0;
margin-top: 2em;
margin-bottom: 1.5em;
font-family: "Rounded", sans-serif;
color: #eb1e23;
line-height: 1.1;
}
.jobs-title--mini {
font-size: 14px;
font-weight: 400;
}
.jobs-title--vacancy {
margin-bottom: 1em;
}
.jobs-title--form {
margin-top: 0;
margin-bottom: 0;
}
.simple-title {
margin-bottom: 1.8em;
font-family: "Rounded", sans-serif;
font-size: 26px;
color: #8a00ee;
}
.block-title {
margin-bottom: 1.08em;
font-size: 18px;
font-weight: 500;
}
.rounded-title,
.text-star {
font-family: "Rounded", sans-serif;
}
.rounded-title {
margin-bottom: 0.39em;
color: #eb1e23;
font-size: 24px;
}
.text-star {
font-size: 50px;
font-weight: 700;
}
@media (min-width: 420px) {
.promo-title,
.school .section-title {
font-size: 56px;
}
}
@media (min-width: 768px) {
.promo-title,
.school .section-title {
font-size: 100px;
}
.section-courses .section-title,
.section-title {
font-size: 26px;
}
.rounded-title,
.simple-title {
font-size: 28px;
}
.jobs-title {
font-size: 26px;
}
.jobs-title--mini {
font-size: 16px;
}
}
@media (min-width: 1024px) {
.promo-title,
.school .section-title {
font-size: 140px;
}
.rounded-title,
.simple-title {
font-size: 32px;
}
}
@media (min-width: 1280px) {
.promo-title,
.school .section-title {
font-size: 160px;
}
.section-courses .section-title,
.section-title {
font-size: 28px;
}
.simple-title {
font-size: 36px;
}
.block-title {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.promo-title,
.school .section-title {
font-size: 190px;
}
.section-courses .section-title,
.section-title {
font-size: 50px;
}
.simple-title {
margin-bottom: 2.22em;
}
.block-title {
font-size: 22px;
}
.rounded-title {
font-size: 36px;
}
.jobs-title {
font-size: 30px;
}
.jobs-title--mini {
font-size: 18px;
}
}
@media (min-width: 1780px) {
.promo-title,
.school .section-title {
font-size: 234px;
}
.block-title {
font-size: 24px;
}
}
.invisible {
position: absolute;
visibility: hidden;
opacity: 0;
z-index: -9999;
}
.visible {
opacity: 1 !important;
}
.relative {
position: relative;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-purple {
color: #8a00ee;
}
.form__footer small a,
.label-control--vacancy strong,
.text-red {
color: #eb1e23;
}
.text-bold {
font-weight: 700;
}
.jcfs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.jcc {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jcsb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.aifs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.center {
margin: 0 auto;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
.offset-less {
-webkit-transform: translateX(-23px);
transform: translateX(-23px);
}
.offset-more {
-webkit-transform: translateX(23px);
transform: translateX(23px);
}
.text-upper {
text-transform: uppercase;
}
.text-inherit {
text-transform: inherit;
}
.flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.none {
display: none !important;
}
@media (min-width: 460px) {
.none--mobile {
display: none !important;
}
.flex--mobile {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.offset-0 {
margin-left: 0;
}
.push-0 {
padding-left: 0;
}
.offset-1 {
margin-left: 8.33333%;
}
.push-1 {
padding-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.push-2 {
padding-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.push-3 {
padding-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.push-4 {
padding-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.push-5 {
padding-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.push-6 {
padding-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.push-7 {
padding-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.push-8 {
padding-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.push-9 {
padding-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.push-10 {
padding-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
.push-11 {
padding-left: 91.66667%;
}
@media (min-width: 420px) {
.offset-0--mobile {
margin-left: 0;
}
.push-0--mobile {
padding-left: 0;
}
.offset-1--mobile {
margin-left: 8.33333%;
}
.push-1--mobile {
padding-left: 8.33333%;
}
.offset-2--mobile {
margin-left: 16.66667%;
}
.push-2--mobile {
padding-left: 16.66667%;
}
.offset-3--mobile {
margin-left: 25%;
}
.push-3--mobile {
padding-left: 25%;
}
.offset-4--mobile {
margin-left: 33.33333%;
}
.push-4--mobile {
padding-left: 33.33333%;
}
.offset-5--mobile {
margin-left: 41.66667%;
}
.push-5--mobile {
padding-left: 41.66667%;
}
.offset-6--mobile {
margin-left: 50%;
}
.push-6--mobile {
padding-left: 50%;
}
.offset-7--mobile {
margin-left: 58.33333%;
}
.push-7--mobile {
padding-left: 58.33333%;
}
.offset-8--mobile {
margin-left: 66.66667%;
}
.push-8--mobile {
padding-left: 66.66667%;
}
.offset-9--mobile {
margin-left: 75%;
}
.push-9--mobile {
padding-left: 75%;
}
.offset-10--mobile {
margin-left: 83.33333%;
}
.push-10--mobile {
padding-left: 83.33333%;
}
.offset-11--mobile {
margin-left: 91.66667%;
}
.push-11--mobile {
padding-left: 91.66667%;
}
}
@media (min-width: 768px) {
.offset-0--tablet {
margin-left: 0;
}
.push-0--tablet {
padding-left: 0;
}
.offset-1--tablet {
margin-left: 8.33333%;
}
.push-1--tablet {
padding-left: 8.33333%;
}
.offset-2--tablet {
margin-left: 16.66667%;
}
.push-2--tablet {
padding-left: 16.66667%;
}
.offset-3--tablet {
margin-left: 25%;
}
.push-3--tablet {
padding-left: 25%;
}
.offset-4--tablet {
margin-left: 33.33333%;
}
.push-4--tablet {
padding-left: 33.33333%;
}
.offset-5--tablet {
margin-left: 41.66667%;
}
.push-5--tablet {
padding-left: 41.66667%;
}
.offset-6--tablet {
margin-left: 50%;
}
.push-6--tablet {
padding-left: 50%;
}
.offset-7--tablet {
margin-left: 58.33333%;
}
.push-7--tablet {
padding-left: 58.33333%;
}
.offset-8--tablet {
margin-left: 66.66667%;
}
.push-8--tablet {
padding-left: 66.66667%;
}
.offset-9--tablet {
margin-left: 75%;
}
.push-9--tablet {
padding-left: 75%;
}
.offset-10--tablet {
margin-left: 83.33333%;
}
.push-10--tablet {
padding-left: 83.33333%;
}
.offset-11--tablet {
margin-left: 91.66667%;
}
.push-11--tablet {
padding-left: 91.66667%;
}
}
@media (min-width: 1024px) {
.offset-0--notebook {
margin-left: 0;
}
.push-0--notebook {
padding-left: 0;
}
.offset-1--notebook {
margin-left: 8.33333%;
}
.push-1--notebook {
padding-left: 8.33333%;
}
.offset-2--notebook {
margin-left: 16.66667%;
}
.push-2--notebook {
padding-left: 16.66667%;
}
.offset-3--notebook {
margin-left: 25%;
}
.push-3--notebook {
padding-left: 25%;
}
.offset-4--notebook {
margin-left: 33.33333%;
}
.push-4--notebook {
padding-left: 33.33333%;
}
.offset-5--notebook {
margin-left: 41.66667%;
}
.push-5--notebook {
padding-left: 41.66667%;
}
.offset-6--notebook {
margin-left: 50%;
}
.push-6--notebook {
padding-left: 50%;
}
.offset-7--notebook {
margin-left: 58.33333%;
}
.push-7--notebook {
padding-left: 58.33333%;
}
.offset-8--notebook {
margin-left: 66.66667%;
}
.push-8--notebook {
padding-left: 66.66667%;
}
.offset-9--notebook {
margin-left: 75%;
}
.push-9--notebook {
padding-left: 75%;
}
.offset-10--notebook {
margin-left: 83.33333%;
}
.push-10--notebook {
padding-left: 83.33333%;
}
.offset-11--notebook {
margin-left: 91.66667%;
}
.push-11--notebook {
padding-left: 91.66667%;
}
}
@media (min-width: 1280px) {
.offset-0--laptop {
margin-left: 0;
}
.push-0--laptop {
padding-left: 0;
}
.offset-1--laptop {
margin-left: 8.33333%;
}
.push-1--laptop {
padding-left: 8.33333%;
}
.offset-2--laptop {
margin-left: 16.66667%;
}
.push-2--laptop {
padding-left: 16.66667%;
}
.offset-3--laptop {
margin-left: 25%;
}
.push-3--laptop {
padding-left: 25%;
}
.offset-4--laptop {
margin-left: 33.33333%;
}
.push-4--laptop {
padding-left: 33.33333%;
}
.offset-5--laptop {
margin-left: 41.66667%;
}
.push-5--laptop {
padding-left: 41.66667%;
}
.offset-6--laptop {
margin-left: 50%;
}
.push-6--laptop {
padding-left: 50%;
}
.offset-7--laptop {
margin-left: 58.33333%;
}
.push-7--laptop {
padding-left: 58.33333%;
}
.offset-8--laptop {
margin-left: 66.66667%;
}
.push-8--laptop {
padding-left: 66.66667%;
}
.offset-9--laptop {
margin-left: 75%;
}
.push-9--laptop {
padding-left: 75%;
}
.offset-10--laptop {
margin-left: 83.33333%;
}
.push-10--laptop {
padding-left: 83.33333%;
}
.offset-11--laptop {
margin-left: 91.66667%;
}
.push-11--laptop {
padding-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.offset-0--lg {
margin-left: 0;
}
.push-0--lg {
padding-left: 0;
}
.offset-1--lg {
margin-left: 8.33333%;
}
.push-1--lg {
padding-left: 8.33333%;
}
.offset-2--lg {
margin-left: 16.66667%;
}
.push-2--lg {
padding-left: 16.66667%;
}
.offset-3--lg {
margin-left: 25%;
}
.push-3--lg {
padding-left: 25%;
}
.offset-4--lg {
margin-left: 33.33333%;
}
.push-4--lg {
padding-left: 33.33333%;
}
.offset-5--lg {
margin-left: 41.66667%;
}
.push-5--lg {
padding-left: 41.66667%;
}
.offset-6--lg {
margin-left: 50%;
}
.push-6--lg {
padding-left: 50%;
}
.offset-7--lg {
margin-left: 58.33333%;
}
.push-7--lg {
padding-left: 58.33333%;
}
.offset-8--lg {
margin-left: 66.66667%;
}
.push-8--lg {
padding-left: 66.66667%;
}
.offset-9--lg {
margin-left: 75%;
}
.push-9--lg {
padding-left: 75%;
}
.offset-10--lg {
margin-left: 83.33333%;
}
.push-10--lg {
padding-left: 83.33333%;
}
.offset-11--lg {
margin-left: 91.66667%;
}
.push-11--lg {
padding-left: 91.66667%;
}
}
@media (min-width: 1780px) {
.offset-0--xl {
margin-left: 0;
}
.push-0--xl {
padding-left: 0;
}
.offset-1--xl {
margin-left: 8.33333%;
}
.push-1--xl {
padding-left: 8.33333%;
}
.offset-2--xl {
margin-left: 16.66667%;
}
.push-2--xl {
padding-left: 16.66667%;
}
.offset-3--xl {
margin-left: 25%;
}
.push-3--xl {
padding-left: 25%;
}
.offset-4--xl {
margin-left: 33.33333%;
}
.push-4--xl {
padding-left: 33.33333%;
}
.offset-5--xl {
margin-left: 41.66667%;
}
.push-5--xl {
padding-left: 41.66667%;
}
.offset-6--xl {
margin-left: 50%;
}
.push-6--xl {
padding-left: 50%;
}
.offset-7--xl {
margin-left: 58.33333%;
}
.push-7--xl {
padding-left: 58.33333%;
}
.offset-8--xl {
margin-left: 66.66667%;
}
.push-8--xl {
padding-left: 66.66667%;
}
.offset-9--xl {
margin-left: 75%;
}
.push-9--xl {
padding-left: 75%;
}
.offset-10--xl {
margin-left: 83.33333%;
}
.push-10--xl {
padding-left: 83.33333%;
}
.offset-11--xl {
margin-left: 91.66667%;
}
.push-11--xl {
padding-left: 91.66667%;
}
}
.post {
font-size: 14px;
line-height: 1.7;
}
.post + * {
margin-top: 75px;
}
.post .aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.post .alignleft {
float: left;
}
.post .alignright {
float: right;
}
.post-slider {
position: relative;
max-width: 1108px;
}
.post-slider img {
display: block;
max-height: 159px;
margin: 0 auto;
}
.post-slider__thumbs {
display: none;
margin-top: 33px;
}
.post-slider__thumbs .swiper-slide {
opacity: 0.42;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 166px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.post-slider__arrows {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
width: 90%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.post-slider__arrow {
position: absolute;
top: 50%;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.post-slider__arrow--next,
.post-slider__arrow--prev {
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
width: 32px;
height: 56px;
}
.post-slider__arrow--next {
right: 0;
background-position: -517px -340px;
}
.post-slider__arrow--prev {
left: 0;
background-position: -485px -340px;
}
@media (min-width: 768px) {
.post {
font-size: 16px;
max-width: 650px;
}
.post-slider img {
max-height: 343px;
}
}
@media (min-width: 1024px) {
.post-slider {
max-width: 700px;
}
.post-slider__arrows {
width: 810px;
}
.post-slider__arrow {
top: auto;
bottom: 27px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.post-slider__thumbs {
display: block;
margin-top: 20px;
}
.post-slider__thumbs .swiper-slide {
width: 105px;
}
}
@media (min-width: 1280px) {
.post-slider {
margin-bottom: 40px;
}
.post-slider img {
max-height: 423px;
}
.post-slider__arrows {
top: auto;
}
}
@media (min-width: 1440px) {
.post {
max-width: 800px;
}
.post-slider {
max-width: 886px;
}
.post-slider__arrows {
width: 995px;
}
.post-slider__arrow {
bottom: 45px;
}
.post-slider__thumbs {
margin-top: 26px;
}
.post-slider__thumbs .swiper-slide {
width: 133px;
}
}
@media (min-width: 1780px) {
.post {
max-width: 1000px;
}
.post-slider {
max-width: 1108px;
}
.post-slider img {
max-height: 527px;
}
.post-slider__arrows {
width: 1244px;
}
.post-slider__arrow {
bottom: 56px;
}
.post-slider__thumbs {
margin-top: 33px;
}
.post-slider__thumbs .swiper-slide {
width: 166px;
}
}
.franchise__group-1 .number-text:nth-child(1) {
width: 100%;
max-width: 460px;
}
.franchise__group-1 .line-svg {
top: 55px;
margin: 0 0 0 50px;
width: 100%;
max-width: 418px;
}
.franchise__group-4 .number-text {
position: relative;
margin-right: 70px;
}
.franchise__group-4 .number-text:before {
position: absolute;
top: -30px;
left: 0;
content: "Більше";
font-size: 20px;
font-weight: 400;
color: #000;
}
.franchise__group-4 .number-text:after {
position: absolute;
bottom: -30px;
left: 0;
content: "Ñтудентів";
font-size: 20px;
font-weight: 400;
color: #000;
}
.franchise__group-4 .number-text--ru:before {
content: "Более";
}
.franchise__group-4 .number-text--ru:after {
content: "Ñтудентов";
}
.franchise__group-4 .human-group .human:nth-child(1) span {
-webkit-animation: blinking 8s infinite alternate;
animation: blinking 8s infinite alternate;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment .franchise__like-human-answer p {
padding: 35px 10px 33px 19px;
text-align: left;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(4) .franchise__why-easy-card:nth-child(3) .franchise__why-easy-card-icon .eyes-human {
position: absolute;
top: 44px;
left: 112px;
width: 29px;
}
.pay h2 {
margin-top: 40px;
margin-bottom: 15px;
font-weight: 500;
}
.pay__tabs {
margin-top: -40px;
}
@media (min-width: 768px) {
.pay h2 {
margin-top: 50px;
margin-bottom: 20px;
}
}
@media (min-width: 1280px) {
.pay h2 {
margin-top: 70px;
margin-bottom: 25px;
}
}
.icon {
display: inline-block;
color: inherit;
}
.icon svg {
fill: currentColor;
width: 100%;
height: 100%;
}
.icon-insta,
.icon-vk {
display: inline-block;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -800px -297px;
width: 26px;
height: 26px;
}
.icon-insta {
background-position: -695px -297px;
width: 27px;
}
.icon--logo {
width: 94px;
height: 64px;
}
.icon--close {
width: 22px;
height: 22px;
}
.icon--search {
width: 24px;
height: 24px;
}
.icon--back {
width: 23px;
height: 23px;
}
.icon--menu {
width: 27px;
height: 24px;
}
.icon--key {
width: 43px;
height: 23px;
padding: 3px;
border: 1px solid #969696;
border-right: none;
border-top-left-radius: 2em;
border-bottom-left-radius: 2em;
color: #828282;
}
@media (min-width: 768px) {
.icon--logo {
width: 70px;
height: 50px;
}
.icon--close {
width: 32px;
height: 32px;
}
.icon--search {
width: 30px;
height: 30px;
}
.icon--back {
width: 32px;
height: 32px;
}
.icon--menu {
width: 30px;
height: 23px;
}
.icon--key {
width: 58px;
height: 30px;
padding: 4px 0 4px 6px;
}
}
.topbar {
height: 74px;
}
.topbar__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 1920px;
}
.topbar__logo {
max-width: 60px;
margin-top: 10px;
margin-left: 15px;
margin-right: 10px;
color: #eb1e23;
}
.topbar__logo a {
color: inherit;
}
.topbar__city {
font-size: 14px;
}
.topbar__lang,
.topbar__user-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.topbar__lang {
margin-top: 18px;
}
.topbar__user-nav {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-left: auto;
margin-right: 20px;
color: #eb1e23;
}
.topbar__user-item {
margin-right: 10px;
}
.topbar__user-item:last-child {
margin-right: 0;
}
@media (min-width: 768px) {
.topbar {
height: 93px;
}
.topbar__user-item {
margin-right: 20px;
}
.topbar__user-nav {
margin-top: 30px;
}
.topbar__search {
margin-bottom: -3px;
}
}
@media (min-width: 1024px) {
.topbar {
margin-bottom: 60px;
}
}
@media (min-width: 1280px) {
.topbar__logo {
max-width: 94px;
margin-top: 29px;
margin-left: 29px;
}
.topbar__city {
margin-top: 57px;
font-size: 16px;
}
}
.topbar__inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.topbar__inner.out {
-webkit-transform: translateY(-130%);
transform: translateY(-130%);
}
.topbar__city {
margin-top: 22px;
}
@media (max-width: 768px) {
.topbar__city {
font-size: 14px;
}
}
@media (min-width: 768px) {
.topbar__user-nav {
margin-top: 20px;
}
}
@media (min-width: 1280px) {
.topbar__city {
margin-top: 44px;
}
}
.topbar__city:hover .city__display:after {
color: #000;
right: 9px;
font-size: 0.92em;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.topbar__city:hover .city__display,
.topbar__inner.transparent-background {
background-color: transparent;
}
.topbar__user-nav {
margin-top: 20px;
}
.topbar__inner {
padding-bottom: 2px;
z-index: 100;
}
.topbar__inner.topbar__inner--home,
.topbar__inner.white-background {
background-color: #fff;
}
@media (max-width: 660px) {
.topbar__inner {
padding-bottom: 23px;
}
}
@media (min-width: 1280px) {
.topbar__logo {
margin-top: 13px;
}
.topbar__city {
margin-top: 28px;
}
}
@media only screen and (max-width: 660px) {
.topbar__logo {
height: 39px;
margin-top: 9px;
}
.topbar__inner {
padding-bottom: 10px;
}
.topbar__city,
.topbar__search {
display: none;
}
.topbar__lang {
margin-top: 18px;
}
}
@media only screen and (max-width: 374px) {
.topbar__user-nav {
margin-right: 10px;
}
.topbar__logo {
margin-left: 10px;
}
}
.form {
margin-top: -10px;
}
.form__body {
padding: 26px 0 48px;
}
.form__group {
position: relative;
}
.input-control {
width: 100%;
padding: 10px 10px 34px;
border: 0;
border-bottom: 1px solid #8a00ee;
resize: none;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: transparent;
}
.input-control--vacancy {
border: 1px solid #8a00ee;
margin-top: 30px;
margin-bottom: 30px;
}
input.input-control.not-empty,
input.input-control:focus,
textarea.input-control.not-empty,
textarea.input-control:focus {
padding-top: 34px;
padding-bottom: 10px;
outline: 0;
}
input.input-control.not-empty + .label-control,
input.input-control:focus + .label-control,
textarea.input-control.not-empty + .label-control,
textarea.input-control:focus + .label-control {
bottom: calc(100% - 10px);
-webkit-transform: translateY(100%);
transform: translateY(100%);
font-size: 12px;
}
.label-control {
position: absolute;
bottom: 10px;
left: 10px;
-webkit-transform: translateY(0);
transform: translateY(0);
color: #999;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.label-control--vacancy {
color: #000;
font-weight: 500;
left: 0;
}
.label-control--red {
color: #eb1e23;
left: 0;
}
.label-control--textarea {
top: 40px;
left: 10px;
}
.form__footer {
margin-top: 35px;
}
.form__footer small {
display: inline-block;
font-size: 11px;
line-height: 1.3;
}
.form__btn {
min-width: 190px;
}
.file {
position: relative;
display: block;
max-width: 189px;
margin-top: 34px;
padding: 0 10px;
cursor: pointer;
}
.file::after {
content: "";
position: absolute;
top: -10px;
right: 0;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -659px -297px;
width: 36px;
height: 36px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.section-promo {
opacity: 0;
position: relative;
height: 170px;
margin-top: 30px;
}
.section-promo__layout {
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;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 25px;
background-color: rgba(138, 0, 238, 0.8);
color: #fff;
}
.section-promo__video {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.hero__video video,
.section-promo__video video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.section-promo__logo {
opacity: 0;
}
.section-promo__text {
opacity: 0;
display: block;
line-height: 1.13;
font-family: "Rounded", sans-serif;
}
@media (min-width: 420px) {
.section-promo {
height: 213px;
}
}
@media (min-width: 768px) {
.section-promo {
height: 405px;
}
.section-promo__layout {
padding: 35px;
}
.section-promo__text {
font-size: 2.5rem;
}
}
@media (min-width: 1024px) {
.section-promo {
height: 500px;
margin-top: 60px;
}
.section-promo__layout {
padding: 50px;
}
.section-promo__text {
font-size: 3.75rem;
}
}
@media (min-width: 1280px) {
.section-promo {
height: 675px;
}
.section-promo__layout {
padding: 70px;
}
.section-promo__logo {
margin-bottom: 2rem;
}
.section-promo__text {
font-size: 4.44rem;
}
}
@media (min-width: 1440px) {
.section-promo {
height: 780px;
}
.section-promo__layout {
padding: 80px 93px;
}
.section-promo__text {
font-size: 4.55rem;
}
}
@media (min-width: 1780px) {
.section-promo {
height: 857px;
}
.section-promo__layout {
padding: 110px 123px;
}
.section-promo__text {
font-size: 5.55rem;
}
}
.section-about {
overflow: hidden;
}
.section-about__block-1 {
opacity: 0;
margin-bottom: 35px;
}
.section-about__block-2 {
display: none;
}
.section-about__block-3,
.section-about__years-img {
opacity: 0;
}
.card-current.card-current--sm .card-current__img img,
.section-about__block-3 img {
max-width: 300px;
}
.section-about__years-promo {
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
@media (min-width: 768px) {
.section-about__block-1 {
max-width: 350px;
margin-bottom: 70px;
}
.section-about__block-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 70px;
}
.section-about__years-promo {
max-width: 180px;
margin-top: 40px;
margin-right: -40px;
}
.section-about__years-img {
max-width: 400px;
}
.section-about__block-3 img {
float: left;
margin-right: 23px;
max-width: 350px;
}
}
@media (min-width: 1024px) {
.section-about__block-1 {
margin-bottom: 0;
}
.section-about__block-2 {
margin-bottom: 30px;
}
.section-about__years-img {
max-width: 500px;
margin-top: -65px;
}
.section-about__block-3 {
max-width: 80%;
}
}
@media (min-width: 1280px) {
.section-about__block-1 {
max-width: 500px;
}
.section-about__block-2 {
position: relative;
display: block;
height: 470px;
margin-top: -80px;
margin-bottom: 0;
}
.section-about__years-promo {
max-width: 180px;
margin-top: 0;
margin-right: 0;
}
.section-about__years-img {
position: absolute;
top: -65px;
left: 141px;
max-width: 500px;
margin-top: 0;
}
.section-about__block-3 {
position: relative;
max-width: 350px;
margin-top: -330px;
}
.section-about__block-3 img {
position: absolute;
top: 0;
right: calc(100% + 23px);
float: none;
margin-right: 0;
}
}
@media (min-width: 1440px) {
.section-about__years-promo {
max-width: 195px;
}
.section-about__years-img {
left: 141px;
max-width: 580px;
}
.section-about__block-3 {
max-width: 400px;
margin-top: -250px;
}
.section-about__block-3 img {
max-width: none;
}
}
@media (min-width: 1780px) {
.section-about__years-promo {
max-width: none;
}
.section-about__years-img {
left: 195px;
max-width: none;
}
.section-about__block-3 {
max-width: 433px;
margin-top: -200px;
}
.section-about__block-3 img {
right: calc(100% + 46px);
}
}
.section-teaching__header {
position: relative;
}
.section-teaching__promo-title {
margin-left: -0.06em;
margin-bottom: 0.29em;
}
.section-teaching__jumping-girl {
display: none;
}
@media (min-width: 1280px) {
.section-teaching {
padding-top: 180px;
}
.section-teaching__jumping-girl {
display: block;
position: absolute;
top: 70px;
left: 620px;
opacity: 0;
}
.section-teaching__jumping-girl img {
max-width: none;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@media (min-width: 1440px) {
.section-teaching {
padding-top: 200px;
}
.section-teaching__jumping-girl {
top: 100px;
left: 800px;
}
.section-teaching__jumping-girl img {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (min-width: 1780px) {
.section-teaching__jumping-girl {
top: 170px;
left: 1015px;
}
}
.section-teacher {
margin-top: 40px;
margin-bottom: 100px;
background-color: #eb1e23;
color: #fff;
}
.section-teacher__inner {
position: relative;
}
.section-teacher__img {
opacity: 0;
position: relative;
width: 100%;
margin-top: 30px;
}
.section-teacher__about {
opacity: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
padding-top: 30px;
padding-bottom: 50px;
}
.section-teacher__name {
margin-top: 0;
margin-bottom: 0.6rem;
font-family: "Rounded", sans-serif;
font-size: 28px;
text-transform: uppercase;
}
.section-teacher__subtitle {
margin-bottom: 1.5rem;
}
.section-teacher__btn {
position: absolute;
right: 0;
bottom: -20px;
}
@media (min-width: 768px) {
.section-teacher {
margin-top: 70px;
margin-bottom: 140px;
}
.section-teacher__img {
max-width: 300px;
margin-right: 30px;
}
}
@media (min-width: 1024px) {
.section-teacher__img {
max-width: 400px;
margin-right: 50px;
}
.section-teacher__about {
padding-top: 50px;
padding-bottom: 50px;
}
.section-teacher__name {
font-size: 36px;
}
.section-teacher__subtitle {
margin-bottom: 2rem;
}
.section-teacher__btn {
bottom: -30px;
}
}
@media (min-width: 1280px) {
.section-teacher {
margin-top: 150px;
margin-bottom: 150px;
}
.section-teacher__img {
max-width: 500px;
margin-top: 50px;
}
.section-teacher__img img {
position: absolute;
top: 0;
left: 0;
display: block;
-webkit-box-shadow: 0 10px 50px rgba(138, 0, 238, 0.4);
box-shadow: 0 10px 50px rgba(138, 0, 238, 0.4);
}
}
@media (min-width: 1440px) {
.section-teacher {
margin-top: 130px;
margin-bottom: 280px;
}
.section-teacher__img {
max-width: 600px;
margin-right: 100px;
}
.section-teacher__btn {
bottom: -33px;
}
}
@media (min-width: 1780px) {
.section-teacher__img {
max-width: 868px;
}
.section-teacher__about {
padding-top: 130px;
padding-bottom: 95px;
}
.section-teacher__btn {
bottom: -42px;
}
}
.section-contacts {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.section-contacts__header {
position: relative;
z-index: 1;
}
.section-contacts__ellipse {
position: absolute;
top: 0;
left: 1135px;
}
.section-contacts__map {
position: relative;
z-index: 1;
margin-bottom: 60px;
}
.section-contacts__phone {
margin-bottom: 1rem;
font-size: 16px;
font-family: "Rounded", sans-serif;
color: #eb1e23;
}
.card-gallery__title a,
.card-news__title a,
.section-contacts__phone a {
color: inherit;
text-decoration: none;
}
@media (min-width: 420px) {
.section-contacts__phone {
margin-top: -1.6rem;
}
}
@media (min-width: 768px) {
.section-contacts__phone {
position: absolute;
top: -53px;
left: 0;
z-index: 3;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
}
}
@media (min-width: 1280px) {
.section-contacts__phone {
top: -83px;
left: 183px;
}
.section-contacts__map {
margin-top: 220px;
}
.section-contacts__map::before {
content: "";
position: absolute;
z-index: 2;
top: -155px;
left: -222px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: 0 0;
width: 427px;
height: 486px;
}
}
@media (min-width: 1440px) {
.section-contacts__map {
padding: 0 23px;
}
}
.section-opening {
max-width: 1152px;
width: 100%;
}
.section-opening__btn {
max-width: 257px;
width: 100%;
}
.section-opening__dialog,
.section-opening__text {
font-family: "Rounded", sans-serif;
font-size: 16px;
color: #eb1e23;
}
.section-opening__text p {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.section-opening__dialog {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 16px 32px 50px 23px;
color: #fff;
font-size: 14px;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
}
.section-opening__dialog:nth-child(odd) {
background-position: 0 -243px;
background-size: 498.5px;
width: 236.5px;
height: 125px;
}
.section-opening__dialog:nth-child(even) {
background-position: -213.5px 0;
background-size: 498.5px;
width: 285px;
height: 147.5px;
margin-left: auto;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.section-opening__inner {
max-width: 560px;
}
.section-opening__dialog:nth-child(even) {
margin-top: 70px;
}
.section-opening__text {
font-size: 22px;
}
}
@media (min-width: 1024px) {
.section-opening__dialog {
padding: 16px 50px 70px 40px;
font-size: 24px;
}
.section-opening__dialog:nth-child(odd) {
background-position: 0 -388.8px;
background-size: 797.6px;
width: 378.4px;
height: 200.6px;
}
.section-opening__dialog:nth-child(even) {
background-position: -341.6px 0;
background-size: 797.6px;
width: 456px;
height: 236.6px;
margin-top: 150px;
padding-bottom: 80px;
}
.section-opening__inner {
max-width: 900px;
}
.section-opening__text {
font-size: 30px;
}
.section-opening__text p {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 1440px) {
.section-opening {
padding-bottom: 50px;
}
.section-opening__dialog {
padding: 16px 98px 88px 80px;
font-size: 30px;
}
.section-opening__dialog:nth-child(odd) {
background-position: 0 -486px;
background-size: 997px;
width: 473px;
height: 252px;
}
.section-opening__dialog:nth-child(even) {
background-position: -427px 0;
background-size: 997px;
width: 570px;
height: 297px;
padding-bottom: 100px;
}
.section-opening__inner {
max-width: none;
}
}
.primary-header {
margin-bottom: 45px;
}
.primary-header--bordered {
padding-bottom: 30px;
border-bottom: 1px solid #8a00ee;
}
.primary-header__promo-title {
margin-bottom: 0;
}
.primary-header__heading {
-webkit-box-flex: 0;
-ms-flex: 0 0 300px;
flex: 0 0 300px;
margin-right: 46px;
}
.primary-header__navbar {
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
margin-bottom: 22px;
}
.primary-header__navbar-title {
font-family: "Rounded", sans-serif;
font-size: 20px;
color: #eb1e23;
}
@media (min-width: 1024px) {
.primary-header {
margin-bottom: 85px;
}
.primary-header__navbar-title {
font-size: 20px;
}
}
@media (min-width: 1280px) {
.primary-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.primary-header__navbar {
margin-bottom: 21px;
}
}
@media (min-width: 1440px) {
.primary-header__navbar {
margin-bottom: 24px;
}
.primary-header__navbar-title {
font-size: 24px;
}
}
@media (min-width: 1780px) {
.primary-header__navbar {
margin-bottom: 33px;
}
}
.card-current,
.card-current__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card-current {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 10px;
margin-left: 10px;
position: relative;
width: 300px;
height: 445px;
}
.card-current.card-current--sm {
width: 300px;
height: 450px;
margin: 0;
}
.card-current.card-current--sm .card-current__body {
min-height: 218px;
}
.card-current.card-current--sm .card-current__content {
padding: 20px 25px 15px;
}
.card-current.card-current--sm .card-current__title {
font-size: 20px;
}
.card-current.card-current--sm .card-current__constraints {
font-size: 16px;
}
.card-current.card-current--sm .card-current__excerpt {
margin-bottom: 0.68em;
font-size: 14px;
}
.card-current.card-current--sm .card-current__date {
top: -16px;
left: 28px;
font-size: 14px;
}
.card-current.card-current--sm .card-current__gray {
background-size: 300px auto;
}
.card-current__img {
position: absolute;
top: 0;
left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
overflow: hidden;
}
.card-current__img img {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 360px;
}
.card-current__gray {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 360px auto;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.card-current__body {
position: relative;
min-height: 210px;
margin-top: auto;
}
.card-current__content {
position: relative;
z-index: 1;
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: inherit;
padding: 26px 27px;
background-color: rgba(138, 0, 238, 0.8);
color: #fff;
}
.card-current__link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.card-current__date {
position: absolute;
top: -20px;
left: 30px;
z-index: 3;
font-size: 0.62rem;
font-family: "Rounded", sans-serif;
line-height: 1;
}
.card-current__date::before {
content: "";
position: absolute;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -485px -297px;
width: 93px;
height: 43px;
}
.card-current__date span {
position: relative;
top: 0;
left: 0;
display: inline-block;
padding: 0 11px;
line-height: 34px;
background-color: #ed1c24;
border-radius: 5px;
}
.card-current__title {
margin-top: 0;
margin-bottom: 0.53em;
font-family: "Rounded", sans-serif;
line-height: 1.3;
font-size: 1.17rem;
}
.card-current__excerpt {
margin-bottom: 0.35em;
font-size: 0.8rem;
}
.card-current__constraints {
margin-top: auto;
font-family: "Rounded", sans-serif;
font-size: 1rem;
}
@media (min-width: 768px) {
.card-current {
margin-right: 30px;
margin-left: 30px;
}
}
@media (min-width: 1024px) {
.card-current {
margin-right: 64px;
margin-left: 0;
}
}
@media (min-width: 1280px) {
.card-current {
width: 360px;
height: 530px;
}
.card-current__body {
min-height: 200px;
}
.card-current__content {
padding: 6px 31px 31px;
}
.card-current__title {
font-size: 1.24rem;
}
.card-current__date {
top: -29px;
left: 35px;
font-size: 0.62rem;
}
.card-current__excerpt {
margin-bottom: 0.42em;
font-size: 0.76rem;
}
.card-current__constraints {
font-size: 1rem;
}
}
@media (min-width: 1440px) {
.card-current {
width: 400px;
height: 590px;
margin-right: 76px;
}
.card-current__gray {
background-size: 400px auto;
}
.card-current__img img {
max-width: 400px;
}
.card-current__body {
min-height: 222px;
}
.card-current__content {
padding: 15px 36px 34px;
}
.card-current__title {
font-size: 1.13rem;
}
.card-current__date {
top: -19px;
left: 39px;
font-size: 0.56rem;
}
.card-current__constraints {
font-size: 0.69rem;
}
.card-current__excerpt {
margin-bottom: 0.47em;
font-size: 0.69rem;
}
}
@media (min-width: 1780px) {
.card-current {
width: 577px;
height: 856px;
margin-right: 123px;
}
.card-current__gray {
background-size: auto;
}
.card-current__img img {
max-width: none;
}
.card-current__body {
min-height: 323px;
}
.card-current__content {
padding: 15px 53px 50px;
}
.card-current__title {
font-size: 36px;
}
.card-current__date {
top: -16px;
left: 57px;
font-size: 18px;
}
.card-current__constraints {
font-size: 18px;
}
.card-current__excerpt {
margin-bottom: 0.68em;
font-size: 22px;
}
}
.news-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.news-list__item {
margin-bottom: 40px;
width: 100%;
}
.card-news {
position: relative;
width: 100%;
-webkit-box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.card-news .card-news__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 200px;
overflow: hidden;
background-color: #fff;
}
.card-news .card-news__img a {
width: 100%;
height: 100%;
}
.card-news .card-news__img img {
display: block;
margin: 0 auto;
max-width: none;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card-news .card-news__body {
padding: 23px;
}
.card-news:hover {
background-color: #8a00ee;
color: #fff;
}
.card-news:hover .card-news__constraints,
.card-news:hover .card-news__date,
.card-news:hover .card-news__excerpt,
.card-news:hover .card-news__title {
color: #fff;
}
.card-news__link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
}
.card-news__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card-news__date,
.card-news__title {
font-family: "Rounded", sans-serif;
color: #8a00ee;
}
.card-news__date {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-size: 16px;
}
.card-news__title {
margin-top: 0.55em;
margin-bottom: 0.55em;
line-height: 1.3;
font-size: 28px;
word-break: break-word;
}
.card-news__constraints,
.card-news__excerpt,
.card-news__title {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-news__excerpt {
line-height: 1.5;
font-size: 16px;
}
.card-news__excerpt p {
margin-top: 0;
}
.card-news__constraints {
font-size: 12px;
color: #8a00ee;
font-family: "Rounded", sans-serif;
margin-top: auto;
}
@media (min-width: 420px) {
.news-list {
margin-left: -20px;
margin-right: -20px;
}
}
@media (min-width: 768px) {
.card-news {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 350px;
}
.card-news .card-news__img {
width: 313px;
height: 100%;
}
.card-news .card-news__img img {
max-width: 600px;
}
.card-news .card-news__body {
padding: 28px;
}
.card-news__title {
font-size: 30px;
}
}
@media (min-width: 1024px) {
.news-list__item {
width: auto;
padding-left: 20px;
padding-right: 20px;
}
.card-news {
width: 430px;
height: 353px;
}
.card-news .card-news__img {
width: 198px;
}
.card-news .card-news__img img {
max-width: 658px;
}
.card-news .card-news__body {
padding: 18px;
}
.card-news__title {
font-size: 26px;
}
.card-news__excerpt {
font-size: 14px;
}
.card-news__constraints {
font-size: 16px;
}
}
@media (min-width: 1280px) {
.card-news {
width: 360px;
height: 297px;
}
.card-news .card-news__img {
width: 166px;
}
.card-news .card-news__img img {
max-width: 553px;
}
.card-news .card-news__body {
padding: 15px;
}
.card-news--lg {
width: 760px;
}
.card-news--lg .card-news__img {
width: 490px;
}
.card-news--lg .card-news__body {
padding: 19px 25px;
}
.card-news__title {
font-size: 22px;
}
}
@media (min-width: 1440px) {
.card-news {
width: 426px;
height: 350px;
}
.card-news .card-news__img {
width: 195px;
}
.card-news .card-news__img img {
max-width: 650px;
}
.card-news .card-news__body {
padding: 18px;
}
.card-news--lg {
width: 892px;
}
.card-news--lg .card-news__img {
width: 577px;
}
.card-news--lg .card-news__body {
padding: 22px 29px;
}
.card-news__title {
font-size: 26px;
}
.card-news__excerpt {
font-size: 16px;
}
}
@media (min-width: 1780px) {
.news-list {
margin-left: -23px;
margin-right: -23px;
}
.news-list__item {
padding-left: 23px;
padding-right: 23px;
}
.card-news {
width: 530px;
height: 437px;
}
.card-news .card-news__img {
width: 244px;
}
.card-news .card-news__img img {
max-width: none;
}
.card-news .card-news__body {
padding: 23px;
}
.card-news--lg {
width: 1106px;
}
.card-news--lg .card-news__img {
width: 721px;
}
.card-news--lg .card-news__body {
padding: 28px 36px;
}
.card-news__title {
font-size: 32px;
}
}
.gallery-list,
.gallery__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.gallery-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-width: 100%;
}
.gallery__item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 432px;
width: 100%;
margin-bottom: 50px;
}
.card-gallery {
max-width: 289px;
width: 100%;
}
.card-gallery__inner {
padding: 20px 20px 69px;
background-color: #fff;
-webkit-box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-gallery__title {
margin-top: 0;
margin-bottom: 1.5em;
font-size: 16px;
font-weight: 500;
}
@media (min-width: 768px) {
.gallery__item {
max-width: 360px;
}
.card-gallery {
max-width: 270px;
}
}
@media (min-width: 1024px) {
.gallery__item {
max-width: 313px;
margin-bottom: 100px;
}
.card-gallery {
max-width: 250px;
}
.card-gallery__inner:hover {
-webkit-box-shadow: 0 20px 45px 0 rgba(138, 0, 238, 0.24);
box-shadow: 0 20px 45px 0 rgba(138, 0, 238, 0.24);
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@media (min-width: 1280px) {
.gallery__item {
max-width: 300px;
}
}
@media (min-width: 1440px) {
.gallery__item {
max-width: 350px;
}
.card-gallery {
max-width: 289px;
}
}
@media (min-width: 1780px) {
.gallery__item {
max-width: 432px;
}
}
.testimonial {
padding: 30px;
border-radius: 50px;
background-color: #8a00ee;
color: #fff;
-webkit-box-shadow: 0 21px 36px 3px rgba(138, 0, 238, 0.2);
box-shadow: 0 21px 36px 3px rgba(138, 0, 238, 0.2);
}
.testimonial__header,
.testimonial__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.testimonial__header {
margin-bottom: 30px;
}
.testimonial__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 60px;
height: 60px;
margin-right: 20px;
border-radius: 50%;
overflow: hidden;
}
.testimonial__name {
font-family: "Rounded", sans-serif;
font-size: 24px;
line-height: 1.2;
}
.testimonial__body p {
font-size: 16px;
line-height: 1.1;
}
@media (min-width: 768px) {
.testimonial {
padding: 45px;
}
.testimonial__name {
font-size: 28px;
}
}
@media (min-width: 1024px) {
.testimonial__img {
width: 80px;
height: 80px;
margin-right: 30px;
}
.testimonial__name {
font-size: 30px;
}
}
@media (min-width: 1280px) {
.testimonial__img {
width: 100px;
height: 100px;
margin-right: 46px;
}
.testimonial__name {
font-size: 34px;
}
}
@media (min-width: 1440px) {
.testimonial__name {
font-size: 36px;
}
.testimonial__body p {
font-size: 17px;
}
}
.slider {
position: relative;
margin-top: 60px;
}
.slider .swiper-slide {
opacity: 0.5;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slider .swiper-slide-active {
opacity: 1;
}
.slider .swiper-pagination {
left: 0;
width: 100%;
margin-top: 15px;
font-size: 0;
}
.slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin-right: 8px;
background: #8a00ee;
}
.slider .swiper-button-next {
right: 93px;
margin-top: -100px;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -427px -297px;
width: 58px;
height: 101px;
background-size: auto;
-webkit-transform: scale(0.46);
transform: scale(0.46);
}
.slider .slider__arrows {
display: none;
}
.slider .card-current {
opacity: 0;
}
@media (min-width: 1024px) {
.slider {
padding-left: 80px;
}
.slider .swiper-pagination {
width: 300px;
margin-left: 444px;
}
.slider .swiper-button-next {
-webkit-transform: scale(0.52);
transform: scale(0.52);
}
.slider .slider__arrows {
display: block;
}
.slider .swiper-slide-next {
opacity: 1;
}
}
@media (min-width: 1280px) {
.slider {
padding-left: 119px;
}
.slider .swiper-pagination {
width: 360px;
margin-left: 543px;
}
.slider .swiper-button-next {
-webkit-transform: scale(0.62);
transform: scale(0.62);
}
}
@media (min-width: 1440px) {
.slider .swiper-button-next {
margin-top: -100px;
-webkit-transform: scale(1);
transform: scale(1);
}
.slider .swiper-pagination {
width: 400px;
margin-left: 603px;
margin-top: 37px;
}
}
@media (min-width: 1780px) {
.slider .swiper-pagination {
width: 577px;
margin-left: 819px;
}
.slider .swiper-pagination-bullet {
width: 16px;
height: 16px;
margin-right: 12px;
}
}
#eventsList,
.flipper {
position: relative;
}
.flipper .swiper-pagination {
margin-top: 10px;
width: 100%;
font-size: 0;
}
.flipper .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin-right: 8px;
background: #8a00ee;
}
.flipper__arrows {
display: none;
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.flipper__arrow {
position: absolute;
top: 50%;
z-index: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
.flipper__arrow--next,
.flipper__arrow--prev {
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
width: 29px;
height: 51px;
}
.flipper__arrow--next {
right: -73px;
background-position: -578px -340px;
}
.flipper__arrow--prev {
left: -73px;
background-position: -549px -340px;
}
@media (min-width: 768px) {
.flipper .swiper-pagination {
display: none;
}
.flipper__arrows {
display: block;
}
}
.pagination {
margin: 10px 0 50px;
}
.pagination__item {
margin-right: 35px;
font-family: "Rounded", sans-serif;
font-size: 18px;
text-decoration: none;
color: #999;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pagination__item:last-child {
margin-right: 0;
}
.pagination__item:hover {
color: #8a00ee;
}
.pagination__item.active {
color: #8a00ee;
text-decoration: underline;
}
.map {
position: relative;
z-index: 1;
width: 100%;
height: 300px;
background-color: #ddd;
}
@media (min-width: 768px) {
.map {
height: 400px;
}
}
@media (min-width: 1024px) {
.map {
height: 500px;
}
}
@media (min-width: 1280px) {
.map {
height: 702px;
}
}
.page-footer {
margin-top: auto;
padding-bottom: 45px;
}
.page-footer__logo {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-bottom: 0.4rem;
color: #eb1e23;
}
.page-footer__logo svg {
height: 32px;
}
.page-footer__logo a {
color: inherit;
}
.page-footer__navbar {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
}
.page-footer__nav {
margin-bottom: 1.4rem;
}
.page-footer__social {
margin-top: 0.4rem;
margin-bottom: 0.4rem;
}
.page-footer__contacts,
.page-footer__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-footer__contacts {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 1rem;
margin-bottom: 2rem;
}
.page-footer__phone {
margin-right: 21px;
font-size: 18px;
color: #eb1e23;
text-decoration: none;
}
.page-footer__phone svg {
display: inline-block;
width: 25px;
height: 25px;
margin-right: 12px;
}
.page-footer__copy,
.page-footer__dev,
.page-footer__terms,
.page-footer__ur {
font-size: 12px;
font-weight: 300;
color: #999;
line-height: 1.5;
}
.page-footer__ur {
color: #eb1e23;
}
.page-footer__copy a,
.page-footer__dev a,
.page-footer__terms a,
.page-footer__ur a {
text-decoration: none;
color: inherit;
}
.page-footer__copy {
margin-bottom: 0.4rem;
}
@media (min-width: 768px) {
.page-footer__logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 47px;
flex: 0 0 47px;
margin-right: 27px;
padding-top: 0.4rem;
}
.page-footer__contacts {
position: absolute;
top: 90px;
left: 0;
}
.page-footer__ur {
margin-right: 70px;
}
.page-footer__copy {
margin-left: -74px;
}
.page-footer__nav {
margin-bottom: 0;
}
.page-footer__social {
margin-top: 1rem;
margin-bottom: 100px;
}
}
@media (min-width: 1024px) {
.page-footer__nav {
margin-right: 30px;
}
.page-footer__social {
margin-top: 0;
margin-bottom: 0.4rem;
margin-left: auto;
}
.page-footer__contacts {
top: 60px;
left: auto;
right: 0;
}
.page-footer__copy {
margin-left: 0;
}
.page-footer__phone {
font-size: 24px;
}
}
@media (min-width: 1280px) {
.page-footer__nav {
margin-right: 108px;
}
.page-footer__contacts {
top: 120px;
left: -70px;
}
.page-footer__dev {
text-align: right;
}
}
@media (min-width: 1440px) {
.page-footer {
padding-left: 23px;
padding-right: 23px;
}
.page-footer__social {
margin-left: 0;
}
}
@media (min-width: 1780px) {
.page-footer__contacts {
position: static;
margin-top: 0;
margin-left: auto;
margin-bottom: 0.4rem;
}
}
.page-jobs {
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.page-jobs__header {
padding-bottom: 50px;
}
.page-jobs__title {
margin-top: 0.1em;
margin-bottom: 0.2em;
font-size: 30px;
font-family: "Rounded", sans-serif;
color: #8a00ee;
text-transform: uppercase;
text-decoration: none;
line-height: 1;
}
.page-jobs__link {
margin-bottom: 20px;
margin-right: 11px;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
}
.page-jobs__content {
margin-bottom: 50px;
}
.page-jobs__reviews {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.star_violet {
fill: #8a00ee;
}
.star_red {
fill: #eb1e23;
}
.page-jobs__desc {
max-width: 820px;
margin-bottom: 50px;
}
.paje-jobs__btn {
font-family: "Rounded";
font-size: 14px;
padding: 10px 20px;
margin-top: 5%;
}
.paje-jobs__btn--test {
position: absolute;
bottom: -17px;
margin-left: -90px;
left: 50%;
}
@media (min-width: 768px) {
.page-jobs__header {
background-image: url(/ua/wp-content/themes/easy/./img/Jobs.png);
background-position-x: center;
background-repeat: no-repeat;
}
.page-jobs__title {
font-size: 38px;
}
}
@media (min-width: 1024px) {
.page-jobs__content {
max-width: 430px;
}
.page-jobs__title {
font-size: 72px;
}
}
@media only screen and (min-width: 1366px) {
.page-jobs__content {
max-width: 535px;
}
}
@media (min-width: 1280px) {
.page-jobs__title {
font-size: 90px;
}
.page-jobs__link {
margin-right: 30px;
}
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social__label {
width: 100%;
margin: 0 15px 0 0;
margin-bottom: 0.4rem;
color: #394251;
font-size: 12px;
font-weight: 500;
}
.social__icon {
margin-right: 14px;
}
.social__icon svg {
width: 26px;
height: 26px;
}
.social__icon:last-child {
margin-right: 0;
}
.social__icon--vk {
--icon-color1: #5181b8;
--icon-color2: #ffffff;
}
@media (min-width: 420px) {
.social__label {
width: auto;
margin-bottom: 0;
}
}
@media (min-width: 1280px) {
.social__label {
margin-right: 30px;
}
}
.tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -10px;
}
.tags--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tags__item {
margin-right: 15px;
margin-bottom: 10px;
}
@media (min-width: 1280px) {
.tags {
margin-bottom: -12px;
}
.tags__item {
margin-right: 25px;
margin-bottom: 12px;
}
}
@media (min-width: 1440px) {
.tags {
margin-bottom: -21px;
}
.tags__item {
margin-right: 33px;
margin-bottom: 21px;
}
}
.tabs {
margin-bottom: 40px;
}
.tabs__item {
width: 100%;
margin-right: auto;
margin-bottom: 10px;
opacity: 0.4;
font-size: 16px;
font-family: "Rounded", sans-serif;
color: #8a00ee;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tabs__item.active {
position: relative;
opacity: 1;
}
.tabs__item:hover {
opacity: 1;
}
.tabs__item:last-child {
margin-right: 0;
}
.tabs__link {
color: inherit;
text-decoration: none;
border-bottom: 3px solid #8a00ee;
}
@media (min-width: 768px) {
.tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
border-bottom: 3px solid #f3e3ff;
}
.tabs__item {
width: auto;
margin-bottom: 0;
}
.tabs__item.active {
position: relative;
}
.tabs__item.active::after {
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 3px;
content: "";
background-color: #8a00ee;
}
.tabs__link {
border-bottom: none;
}
}
@media (min-width: 1280px) {
.tabs {
margin-bottom: 70px;
}
.tabs__item {
font-size: 18px;
}
}
@media (min-width: 1440px) {
.tabs__item {
font-size: 20px;
}
}
@media (min-width: 1780px) {
.tabs__item {
font-size: 24px;
}
}
.bottom-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
font-weight: 500;
}
.bottom-nav__link {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-right: 35px;
margin-bottom: 0.4rem;
color: #394251;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bottom-nav__link:last-child,
.teacher__social a:last-child {
margin-right: 0;
}
.bottom-nav__link:hover {
color: #eb1e23;
}
@media (min-width: 768px) {
.bottom-nav__link {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: 35px;
padding-right: 0;
}
}
.site-nav {
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
max-width: 1920px;
background-color: rgba(255, 255, 255, 0.85);
}
.site-nav.show {
opacity: 1;
z-index: 1000;
}
.site-nav .topbar__city:before {
display: none;
}
.site-nav__back,
.site-nav__close {
background-color: transparent;
border: 0;
padding: 0;
}
.site-nav__back {
visibility: hidden;
}
.site-nav.show,
.site-nav__back.show {
visibility: visible;
}
.site-nav__logo {
color: #fff;
}
.site-nav__topbar {
position: fixed;
top: 0;
left: 0;
z-index: 1001;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: 1920px;
margin-bottom: 0;
padding-bottom: 10px;
color: #fff;
background-color: #8a00ee;
}
.site-nav__topbar .icon--search {
width: 24px;
height: 24px;
}
.site-nav__topbar .icon--back {
width: 23px;
height: 23px;
}
.site-nav__topbar .icon--close {
width: 22px;
height: 22px;
}
.site-nav__topbar .icon--key {
color: #fff;
border-color: #fff;
}
@media (min-width: 768px) {
.site-nav__topbar .icon--close {
color: #8a00ee;
width: 32px;
height: 32px;
}
.site-nav__topbar .icon--search {
color: #8a00ee;
width: 37px;
height: 37px;
}
.site-nav__topbar .icon--key {
color: #828282;
border-color: #969696;
}
.site-nav__topbar .icon--back {
color: #8a00ee;
width: 33px;
height: 33px;
}
}
.site-nav__col {
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
height: 100vh;
padding-top: 120px;
padding-bottom: 40px;
}
.site-nav__scrollarea {
height: 100%;
}
.site-nav__scrollarea .viewport .overview {
width: 100%;
}
.site-nav__scrollarea.default-skin {
padding-right: 0;
}
.site-nav__scrollarea.default-skin .scroll-bar .thumb {
background-color: #000;
opacity: 0.4;
}
.site-nav__menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.site-nav__link {
display: inline-block;
color: inherit;
text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.site-nav__first {
width: 100%;
padding-left: 50px;
background-color: #8a00ee;
color: #fff;
}
.site-nav__first .site-nav__scrollarea.default-skin .scroll-bar .thumb {
background-color: #6c00bb;
opacity: 1;
}
.site-nav__first .site-nav__item {
position: relative;
width: 100%;
margin-bottom: 1.28em;
padding-right: 50px;
font-size: 24px;
font-family: "Rounded", sans-serif;
line-height: 1;
}
.site-nav__first .site-nav__item:last-child,
.site-nav__second .site-nav__item:last-child {
margin-bottom: 0;
}
.site-nav__second,
.site-nav__third {
visibility: hidden;
position: fixed;
top: 0;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
width: 100%;
padding-left: 30px;
background-color: #fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
.site-nav__second.show {
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.site-nav__second .site-nav__menu {
max-width: 300px;
width: 100%;
margin: 0 auto;
}
.site-nav__second .site-nav__item {
margin-bottom: 2.8em;
}
.site-nav__second .site-nav__link {
font-weight: 500;
font-size: 16px;
}
.site-nav__second .site-nav__link:hover {
color: #8a00ee;
}
.site-nav__third {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.site-nav__third.show {
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.site-nav__third .site-nav__menu {
max-width: 300px;
width: 100%;
margin: 0 auto;
}
.site-nav__third .site-nav__item {
margin-bottom: 1.67em;
}
.site-nav__third .site-nav__item:last-child {
margin-bottom: 0;
}
.site-nav__third .site-nav__link {
font-weight: 500;
font-size: 16px;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.site-nav__third .site-nav__link:hover {
color: #8a00ee;
text-decoration: underline;
}
@media (min-width: 420px) {
.site-nav__first .site-nav__item {
font-size: 30px;
}
}
@media (min-width: 768px) {
.site-nav__topbar {
background-color: transparent;
padding-bottom: 0;
}
.site-nav__col {
padding-top: 145px;
}
.site-nav__first {
max-width: 250px;
padding-left: 30px;
}
.site-nav__first .site-nav__item {
font-size: 20px;
}
.site-nav__first .site-nav__item.active a,
.site-nav__first .site-nav__item.muted a:hover {
opacity: 1;
}
.site-nav__first .site-nav__item.muted a {
opacity: 0.3;
}
.site-nav__first .site-nav__item.active::after,
.site-nav__first .site-nav__item:not(.muted):hover::after {
content: "";
position: absolute;
top: 50%;
right: 0;
display: inline-block;
width: 60px;
height: 4px;
margin-top: -2px;
background-color: #fff;
}
.site-nav__second {
display: none;
position: static;
visibility: visible;
-webkit-transform: none;
transform: none;
width: auto;
padding-left: 50px;
background-color: transparent;
}
.site-nav__second .site-nav__menu {
max-width: none;
width: auto;
margin: 0;
}
.site-nav__second .site-nav__item {
margin-bottom: 1.5em;
}
.site-nav__second .site-nav__item.active a {
opacity: 1;
}
.site-nav__second .site-nav__item.active a:hover {
color: inherit;
}
.site-nav__second .site-nav__item.muted a {
opacity: 0.3;
}
.site-nav__second .site-nav__item.muted a:hover {
opacity: 1;
}
.site-nav__second .site-nav__link {
font-size: 14px;
}
.site-nav__third {
max-width: calc(100% - 250px);
padding-left: 50px;
}
.site-nav__third .site-nav__menu {
max-width: none;
width: auto;
margin: 0;
}
.site-nav__third .site-nav__link {
font-size: 14px;
}
}
@media (min-width: 1024px) {
.site-nav__col {
min-height: 600px;
}
.site-nav__back {
display: none;
}
.site-nav__first {
max-width: 342px;
padding-left: 50px;
}
.site-nav__first .site-nav__item {
font-size: 26px;
}
.site-nav__second .site-nav__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.site-nav__second.one-col {
max-width: 712px;
}
.site-nav__second.one-col .site-nav__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.site-nav__second .site-nav__item {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
margin-bottom: 2.5em;
}
.site-nav__second .site-nav__link {
font-size: 16px;
}
.site-nav__third {
display: none;
position: static;
visibility: visible;
-webkit-transform: none;
transform: none;
max-width: 342px;
}
}
@media (min-width: 1280px) {
.site-nav__first {
max-width: 427px;
padding-left: 50px;
}
.site-nav__first .site-nav__item {
font-size: 30px;
}
.site-nav__second {
padding-left: 70px;
}
.site-nav__second .site-nav__item {
margin-bottom: 2.5em;
}
.site-nav__second .site-nav__link {
font-size: 18px;
}
.site-nav__third {
padding-left: 73px;
max-width: 427px;
}
.site-nav__third .site-nav__link {
font-size: 16px;
}
}
@media (min-width: 1440px) {
.site-nav__first {
padding-left: 70px;
}
.site-nav__first .site-nav__item {
font-size: 34px;
}
.site-nav__second {
padding-left: 90px;
}
.site-nav__second .site-nav__link {
font-size: 20px;
}
.site-nav__third {
max-width: 507px;
}
}
@media (min-width: 1780px) {
.site-nav__first {
max-width: 507px;
padding-left: 99px;
}
.site-nav__first .site-nav__item {
font-size: 36px;
}
.site-nav__second {
padding-left: 143px;
}
.site-nav__second .site-nav__item {
margin-bottom: 2.8em;
}
.site-nav__second .site-nav__link {
font-size: 24px;
}
.site-nav__third {
max-width: 684px;
}
.site-nav__third .site-nav__link {
font-size: 18px;
}
}
.site-nav__menu .site-nav__item:nth-of-type(2) .site-nav__link {
position: relative;
}
.site-nav__menu .site-nav__item:nth-of-type(2) .site-nav__link::after {
content: "";
position: absolute;
top: 0;
right: -40px;
display: block;
height: 32px;
width: 32px;
background: url(/wp-content/uploads/2020/10/arrow-study.svg);
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 1280px) {
.site-nav__menu .site-nav__item:nth-of-type(2) .site-nav__link::after {
height: 28px;
width: 28px;
}
}
@media (max-width: 1024px) {
.site-nav__menu .site-nav__item:nth-of-type(2) .site-nav__link::after {
height: 23px;
width: 23px;
top: -2px;
}
}
@media (max-width: 768px) {
.site-nav__menu .site-nav__item:nth-of-type(2) .site-nav__link::after {
height: 25px;
width: 25px;
top: 0;
}
}
@media (max-width: 419px) {
.site-nav__menu .site-nav__item:nth-of-type(2) .site-nav__link::after {
height: 23px;
width: 23px;
}
.site-nav__col {
padding-top: 100px;
padding-bottom: 60px;
}
.site-nav__second .site-nav__item {
margin-bottom: 2.4em;
}
}
.team-list {
margin-bottom: 45px;
}
.team-list .col {
margin-bottom: 50px;
}
@media (min-width: 1024px) {
.team-list .col {
margin-bottom: 65px;
}
}
@media (min-width: 1280px) {
.team-list {
margin-bottom: 150px;
}
}
.teacher {
max-width: 242px;
}
.teacher--static {
max-width: none;
}
.teacher--static .teacher__img {
width: 200px;
height: 200px;
-webkit-box-shadow: 0 10px 30px 2.95px rgba(138, 0, 238, 0.24);
box-shadow: 0 10px 30px 2.95px rgba(138, 0, 238, 0.24);
}
.teacher--static .teacher__name {
margin-bottom: 0;
margin-top: 1.53em;
font-size: 36px;
font-family: "Rounded", sans-serif;
text-transform: uppercase;
}
.teacher--static .teacher__social {
position: absolute;
top: -15px;
width: 100%;
text-align: center;
}
.teacher__img {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 130px;
height: 130px;
border-radius: 50%;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.teacher__img:hover {
-webkit-box-shadow: 0 10px 30px 2.95px rgba(138, 0, 238, 0.24);
box-shadow: 0 10px 30px 2.95px rgba(138, 0, 238, 0.24);
}
.teacher__img img {
max-width: 105%;
}
.teacher__social {
font-size: 0;
}
.teacher__social a {
margin-right: 20px;
}
.teacher__name {
font-size: 16px;
font-weight: 400;
color: #8a00ee;
}
.teacher__email {
margin-bottom: 2.5em;
font-size: 16px;
color: #8a00ee;
}
.teacher__email a {
color: inherit;
}
.teacher__role {
margin-bottom: 0.9em;
font-size: 16px;
color: #eb1e23;
}
.teacher__opening {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
background-color: #8a00ee;
color: #fff;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
@media (min-width: 420px) {
.teacher__img {
width: 150px;
height: 150px;
}
}
@media (min-width: 768px) {
.teacher--static {
max-width: 330px;
}
.teacher__img {
width: 140px;
height: 140px;
}
}
@media (min-width: 1024px) {
.teacher__img {
width: 148px;
height: 148px;
}
.teacher__name,
.teacher__opening {
font-size: 18px;
}
}
@media (min-width: 1280px) {
.teacher--static .teacher__img {
width: 250px;
height: 250px;
}
.teacher__img {
width: 200px;
height: 200px;
}
.teacher__opening {
font-size: 20px;
}
}
@media (min-width: 1440px) {
.teacher--static .teacher__img {
width: 300px;
height: 300px;
}
.teacher__img {
width: 193px;
height: 193px;
}
.teacher__opening {
font-size: 24px;
}
}
@media (min-width: 1780px) {
.teacher--static .teacher__img {
width: 330px;
height: 330px;
}
.teacher__img {
width: 242px;
height: 242px;
}
}
.page-teacher,
.page-teacher__header {
margin-bottom: 80px;
}
.page-teacher__body,
.page-teacher__header {
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
}
.page-teacher__block {
margin-bottom: 20px;
}
.page-teacher__block-title {
-webkit-box-flex: 0;
-ms-flex: 0 1 189px;
flex: 0 1 189px;
margin-top: 0;
margin-right: 15px;
font-size: 18px;
font-family: "Rounded", sans-serif;
color: #8a00ee;
text-transform: uppercase;
}
.page-teacher__info {
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
max-width: 577px;
font-size: 14px;
line-height: 1.5;
}
.page-teacher__info p {
margin-top: 0;
}
.page-teacher__courses {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-teacher__courses a {
margin-right: 15px;
margin-bottom: 15px;
}
@media (min-width: 420px) {
.page-teacher__info {
font-size: 16px;
}
}
@media (min-width: 768px) {
.page-teacher {
margin-bottom: 150px;
}
.page-teacher__header {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
margin-right: 50px;
}
.page-teacher__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 1024px) {
.page-teacher__header {
margin-right: 100px;
}
.page-teacher__block {
margin-bottom: 48px;
}
}
.same-posts {
margin-bottom: 80px;
}
.same-posts__title {
font-family: "Rounded", sans-serif;
font-size: 26px;
color: #eb1e23;
}
.same-posts__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.same-posts__item {
width: 100%;
}
.same-posts__item:nth-child(1),
.same-posts__item:nth-child(2) {
display: none;
}
.same-posts__item:last-child {
margin-right: 0;
}
.card-same {
position: relative;
width: 100%;
min-height: 247px;
padding: 26px 30px 40px;
background-color: #8a00ee;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.card-same:hover {
-webkit-box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
}
.card-same__link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
}
.card-same__title {
margin-top: 0;
margin-bottom: 0.73em;
font-family: "Rounded", sans-serif;
font-size: 26px;
line-height: 1.2;
}
.card-same__title a,
.course-item__title a {
color: inherit;
text-decoration: none;
}
.card-same__body {
font-size: 16px;
}
@media (min-width: 768px) {
.same-posts__item {
max-width: 334px;
margin-right: 50px;
}
.same-posts__item:nth-child(2) {
display: block;
}
.same-posts__title {
font-size: 38px;
}
.card-same {
max-width: 334px;
}
}
@media (min-width: 1024px) {
.same-posts {
margin-top: 100px;
margin-bottom: 150px;
}
.same-posts__title {
font-size: 32px;
}
.same-posts__item {
max-width: 288px;
margin-right: 38px;
}
.same-posts__item:nth-child(1) {
display: block;
}
.card-same {
max-width: 288px;
}
}
@media (min-width: 1280px) {
.same-posts__item {
max-width: 334px;
margin-right: 98px;
}
.same-posts__title {
font-size: 36px;
}
.card-same {
max-width: 334px;
padding: 30px 35px;
}
.card-same__title {
font-size: 30px;
}
}
.event-dest {
margin-bottom: -24px;
}
.event-dest__item {
width: 100%;
margin-bottom: 24px;
text-align: center;
}
.event-dest__item:last-child {
margin-right: 0;
}
.event-dest__label {
margin-bottom: 0.79em;
font-size: 16px;
font-weight: 500;
}
.event-dest__value {
font-size: 24px;
font-family: "Rounded", sans-serif;
color: #eb1e23;
}
.event-schedule {
margin-top: 30px;
margin-bottom: 30px;
}
.event-schedule__list {
margin-bottom: 40px;
max-width: 640px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-size: 14px;
font-weight: 400;
}
.event-schedule__item {
margin-bottom: 0.56em;
}
.easy-feedback__text p:last-child,
.event-schedule__item:last-child {
margin-bottom: 0;
}
.event-schedule__time {
font-weight: 700;
color: #8a00ee;
}
.event-share {
margin-top: 30px;
margin-bottom: 80px;
}
@media (min-width: 1024px) {
.event-container {
max-width: 600px;
}
.event-dest__item {
width: auto;
max-width: 400px;
margin-right: 30px;
text-align: left;
}
.event-schedule {
margin-top: 40px;
margin-bottom: 40px;
}
.event-schedule__list {
margin-bottom: 80px;
}
.event-share {
margin-top: 40px;
}
}
@media (min-width: 1280px) {
.event-container {
max-width: 852px;
}
.event-schedule {
margin-top: 50px;
margin-bottom: 101px;
}
.event-schedule__list {
margin-bottom: 99px;
font-size: 16px;
font-weight: 500;
}
.event-share {
margin-top: 101px;
margin-bottom: 135px;
}
.event-dest__label {
font-size: 20px;
}
.event-dest__value {
font-size: 28px;
}
}
@media (min-width: 1440px) {
.event-container {
max-width: 927px;
}
.event-schedule {
margin-top: 54px;
margin-bottom: 110px;
}
.event-schedule__list {
margin-bottom: 108px;
}
.event-share {
margin-top: 110px;
margin-bottom: 147px;
}
.event-dest__label {
font-size: 22px;
}
.event-dest__value {
font-size: 31px;
}
}
@media (min-width: 1780px) {
.event-container {
max-width: 1008px;
}
.event-schedule {
margin-top: 59px;
margin-bottom: 120px;
}
.event-schedule__list {
margin-bottom: 117px;
}
.event-share {
margin-top: 120px;
margin-bottom: 160px;
}
.event-dest__label {
font-size: 24px;
}
.event-dest__value {
font-size: 34px;
}
}
.learn-the-future {
margin-top: 120px;
margin-bottom: 65px;
font-size: 16px;
}
.learn-the-future p {
margin: 1.5em 0;
line-height: 1.5;
}
.learn-the-future__title {
font-size: 56px;
margin-bottom: 0.5em;
}
@media (min-width: 768px) {
.learn-the-future {
margin-top: 100px;
margin-bottom: 66px;
}
.learn-the-future__title {
font-size: 76px;
}
}
@media (min-width: 1024px) {
.learn-the-future {
margin-top: 120px;
margin-bottom: 77px;
}
.learn-the-future__title {
font-size: 100px;
}
}
@media (min-width: 1280px) {
.learn-the-future {
margin-top: 139px;
margin-bottom: 90px;
}
.learn-the-future__title {
font-size: 118px;
}
}
@media (min-width: 1440px) {
.learn-the-future {
margin-top: 160px;
margin-bottom: 104px;
}
.learn-the-future__title {
font-size: 136px;
}
.learn-the-future__col {
max-width: 460px;
}
}
@media (min-width: 1780px) {
.learn-the-future {
margin-top: 185px;
margin-bottom: 120px;
}
.learn-the-future__title {
font-size: 156px;
}
}
.easy-advantages {
position: relative;
margin-top: 38px;
margin-bottom: 49px;
font-size: 16px;
}
.easy-advantages p {
line-height: 1.6;
}
.easy-advantages strong {
font-weight: 500;
}
.easy-advantages__block {
margin-bottom: 47px;
}
.easy-advantages__title {
font-weight: 500;
font-size: 24px;
color: #eb1e23;
}
.easy-advantages__girl {
display: none;
}
@media (min-width: 1024px) {
.easy-advantages {
margin-top: 54px;
margin-bottom: 70px;
}
}
@media (min-width: 1280px) {
.easy-advantages__girl {
display: block;
position: absolute;
top: -49px;
left: 420px;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.easy-advantages {
min-height: 441px;
margin-top: 78px;
margin-bottom: 100px;
}
}
@media (min-width: 1440px) {
.easy-advantages__girl {
left: 620px;
}
.easy-advantages {
min-height: 618px;
margin-top: 109px;
margin-bottom: 140px;
}
.easy-advantages p {
line-height: 1.73;
}
}
@media (min-width: 1780px) {
.easy-advantages__girl {
top: -70px;
left: 887px;
-webkit-transform: scale(1);
transform: scale(1);
}
.easy-advantages {
min-height: 883px;
margin-top: 156px;
margin-bottom: 200px;
}
.easy-advantages p {
line-height: 1.9;
}
}
.easy-feedback {
margin-top: 49px;
margin-bottom: 80px;
font-size: 16px;
}
.easy-feedback__promo {
margin-top: 0.24em;
font-size: 36px;
line-height: 1.1;
}
.easy-feedback__text,
.easy-feedback__title {
font-family: "Rounded", sans-serif;
font-size: 18px;
color: #eb1e23;
}
.easy-feedback__title {
margin: 0;
line-height: 1;
}
.easy-feedback__text {
margin-bottom: 1.83em;
line-height: 1.15;
}
.easy-feedback__text p {
margin-top: 0;
margin-bottom: 1.31em;
}
.easy-feedback__form {
max-width: 440px;
}
@media (min-width: 420px) {
.easy-feedback__promo {
font-size: 40px;
}
}
@media (min-width: 768px) {
.easy-feedback {
margin-top: 70px;
}
.easy-feedback__promo {
font-size: 61px;
}
.easy-feedback__text,
.easy-feedback__title {
font-size: 22px;
}
}
@media (min-width: 1024px) {
.easy-feedback {
margin-top: 90px;
}
.easy-feedback__promo {
font-size: 72px;
}
.easy-feedback__title {
font-size: 60px;
line-height: 1.33;
}
.easy-feedback__text {
font-size: 25px;
}
}
@media (min-width: 1280px) {
.easy-feedback {
margin-bottom: 90px;
}
}
@media (min-width: 1440px) {
.easy-feedback__promo {
font-size: 85px;
}
.easy-feedback__text {
font-size: 30px;
}
}
@media (min-width: 1780px) {
.easy-feedback__promo {
font-size: 100px;
}
.easy-feedback__text,
.easy-feedback__title {
font-size: 36px;
}
}
.easy-now {
max-width: 1108px;
width: 100%;
margin-top: 65px;
margin-bottom: 73px;
}
.easy-now__title {
opacity: 0;
margin-bottom: 0.5em;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
text-align: center;
}
.easy-now__list {
margin-bottom: -40px;
}
.easy-now__item {
opacity: 0;
width: 100%;
margin-bottom: 40px;
padding: 0 29px;
font-family: "Rounded", sans-serif;
color: #8a00ee;
text-align: center;
}
.ease-now__label,
.ease-now__value {
font-size: 45px;
text-transform: uppercase;
}
.ease-now__label {
font-size: 16px;
}
@media (min-width: 768px) {
.easy-now {
margin-top: 40px;
margin-bottom: 60px;
}
.easy-now__item {
width: 50%;
}
.easy-now__title {
text-align: left;
font-size: 22px;
}
.ease-now__value {
font-size: 54px;
}
}
@media (min-width: 1024px) {
.easy-now {
max-width: 900px;
}
.ease-now__value {
font-size: 64px;
}
}
@media (min-width: 1280px) {
.easy-now {
max-width: 1108px;
margin-top: 50px;
margin-bottom: 70px;
}
.easy-now__title {
font-size: 24px;
}
.ease-now__value {
font-size: 76px;
}
.ease-now__label {
font-size: 18px;
}
}
@media (min-width: 1440px) {
.easy-now {
margin-top: 60px;
margin-bottom: 80px;
}
}
@media (min-width: 1780px) {
.easy-now {
margin-bottom: 95px;
}
}
.page-404 {
max-width: 300px;
width: 100%;
padding-top: 50px;
}
.page-404__main {
-webkit-box-flex: 1;
-ms-flex: 1 0 300px;
flex: 1 0 300px;
margin-bottom: 30px;
}
.page-404__aside {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-404__title {
margin: -0.13em 0 0;
font-family: "Rounded", sans-serif;
font-size: 150px;
color: #8a00ee;
line-height: 1;
}
.page-404__text {
color: #eb1e23;
font-size: 25px;
}
.page-404-contacts {
margin-bottom: 1.04em;
}
.page-404-contacts__label {
margin-top: -0.29em;
margin-bottom: 0.38em;
font-size: 16px;
font-weight: 500;
}
.page-404-contacts__value {
font-size: 16px;
font-weight: 500;
color: #eb1e23;
text-decoration: none;
}
.page-404__btn {
margin-top: 30px;
max-width: 275px;
}
@media (min-width: 768px) {
.page-404 {
max-width: 399px;
padding-top: 80px;
}
.page-404__title {
font-size: 200px;
}
.page-404__text {
font-size: 36px;
}
}
@media (min-width: 1024px) {
.page-404 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 920px;
padding-top: 180px;
}
.page-404__main {
max-width: 612px;
margin-bottom: 0;
padding-right: 64px;
}
.page-404__aside {
padding-left: 24px;
border-left: 1px solid #2f1e3f;
}
.page-404__title {
font-size: 280px;
}
.page-404__text {
font-size: 51px;
}
.page-404-contacts {
margin-bottom: 2.04em;
}
.page-404-contacts__label,
.page-404-contacts__value {
font-size: 20px;
}
.page-404__btn {
margin-top: auto;
max-width: none;
}
}
@media (min-width: 1440px) {
.page-404 {
max-width: 1070px;
padding-top: 180px;
}
.page-404__main {
max-width: 720px;
padding-right: 75px;
}
.page-404__aside {
padding-left: 28px;
}
.page-404__title {
font-size: 330px;
}
.page-404__text {
font-size: 60px;
}
.page-404-contacts__label,
.page-404-contacts__value {
font-size: 24px;
}
}
@media (min-width: 1780px) {
.page-404 {
padding-top: 250px;
}
}
.opening-clip {
display: none;
position: absolute;
right: 0;
-webkit-clip-path: url(/ua/wp-content/cache/autoptimize/1/css/autoptimize_c63af020a353ff8302337f837656a930.css#round-clip);
clip-path: url(/ua/wp-content/cache/autoptimize/1/css/autoptimize_c63af020a353ff8302337f837656a930.css#round-clip);
text-align: right;
overflow: hidden;
width: 900px;
height: 1899px;
}
.opening-clip img {
position: absolute;
right: 0;
max-width: none;
}
.opening {
position: relative;
z-index: 2;
}
.opening p {
font-size: 16px;
}
.opening__title {
font-size: 135px;
margin-bottom: 13px;
}
.opening__btn {
margin-top: 36px;
margin-left: 46px;
padding: 24px 36px;
font-family: "Rounded", sans-serif;
text-transform: uppercase;
font-size: 24px;
}
.opening__tabs {
margin-top: 43px;
}
.opening-item p {
font-size: 14px;
}
.opening-item__title {
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 500;
cursor: pointer;
}
.opening-item__title .dropdown-arrow {
position: absolute;
top: -4px;
right: -55px;
}
.opening-item__title.open {
color: #eb1e23;
}
.opening-item__title.open .dropdown-arrow {
top: 8px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
border-color: #eb1e23;
}
.opening-item__subtitle {
margin-top: 1.14em;
margin-bottom: 1em;
font-size: 14px;
font-weight: 500;
color: #8a00ee;
}
.dropdown-arrow {
display: inline-block;
width: 20px;
height: 20px;
border-right: 2px solid #8a00ee;
border-bottom: 2px solid #8a00ee;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.opening-item__description {
margin-bottom: 0;
color: #eb1e23;
}
.opening-item__post {
font-size: 14px;
}
.opening-item__post ul {
list-style-type: none;
padding: 0;
}
.opening-item__post ul li {
position: relative;
margin-bottom: 0.86em;
padding-left: 23px;
}
.opening-item__post ul li::before {
content: "â—";
position: absolute;
top: -0.2em;
left: 0;
font-size: 1.13em;
color: #eb1e23;
}
.opening__form {
max-width: 454px;
margin: 50px 0;
font-size: 14px;
}
.opening__form-title {
font-size: 30px;
font-family: "Rounded", sans-serif;
color: #eb1e23;
}
.ui-selectmenu-button {
display: block;
position: relative;
width: 100%;
max-width: 300px;
margin-top: 65px;
margin-bottom: 35px;
padding: 10px;
border-bottom: 2px solid #8a00ee;
cursor: pointer;
}
.ui-selectmenu-button::after {
content: "â–¼";
position: absolute;
top: 18px;
right: 2px;
color: #eb1e23;
font-size: 16px;
}
.ui-selectmenu-menu {
display: none;
z-index: 10;
max-width: 300px;
background-color: #8a00ee;
color: #fff;
}
.ui-selectmenu-menu.ui-selectmenu-open {
display: block;
}
.ui-menu {
list-style-type: none;
padding: 10px;
}
.ui-menu-item {
margin-bottom: 0.5em;
cursor: pointer;
}
.ui-menu-item:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.ui-selectmenu-button,
.ui-selectmenu-menu {
max-width: 454px;
}
}
@media (min-width: 1280px) {
.opening {
min-height: 1800px;
}
.opening-clip {
display: block;
top: 150px;
-webkit-transform: scale(0.85) translateX(15%);
transform: scale(0.85) translateX(15%);
}
}
@media (min-width: 1440px) {
.opening {
min-height: 1800px;
}
.opening-clip {
top: 200px;
}
}
@media (min-width: 1780px) {
.opening {
min-height: 2100px;
}
.opening-clip {
top: 315px;
-webkit-transform: none;
transform: none;
}
}
.school {
margin-top: 80px;
margin-bottom: 40px;
}
.school__row {
margin-bottom: 30px;
}
.school-block {
max-width: 600px;
margin-bottom: 20px;
}
.school-block__title {
margin-bottom: 1.18em;
font-size: 26px;
font-family: "Rounded", sans-serif;
color: #eb1e23;
line-height: 1.18;
}
@media (max-width: 480px) {
.school__row iframe {
height: 280px;
}
}
.school__img {
display: none;
}
@media (min-width: 480px) {
.school {
margin-top: 120px;
}
}
@media (min-width: 768px) {
.school {
margin-top: 30px;
}
.school-block__title {
font-size: 32px;
}
}
@media (min-width: 1024px) {
.school {
margin-bottom: 50px;
}
}
@media (min-width: 1280px) {
.school-block {
max-width: 489px;
margin-bottom: 0;
}
.school__img {
display: block;
position: relative;
min-height: 547px;
}
.school__img img {
position: absolute;
top: 0;
right: 23px;
max-width: none;
}
.school-block__title {
font-size: 36px;
}
}
@media (min-width: 1440px) {
.school-block__title {
max-width: 622px;
}
.school-block {
max-width: none;
}
.school-block p {
max-width: 489px;
}
}
@media (min-width: 1780px) {
.school-block__title {
max-width: 677px;
font-size: 50px;
}
.school-block p {
max-width: 532px;
}
.school__row {
margin-bottom: 60px;
}
}
.school-items {
margin-top: 40px;
margin-bottom: 40px;
}
.school-item,
.school-items__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.school-items__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 1107px;
}
.school-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 425px;
margin-top: 20px;
margin-bottom: 20px;
}
.school-item__icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 25px;
}
.school-item__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 200px;
flex: 1 1 200px;
}
.school-item__body p {
margin-top: 0;
font-size: 16px;
}
@media (min-width: 1024px) {
.school-items {
margin-top: 50px;
margin-bottom: 70px;
}
.school-item {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media (min-width: 1280px) {
.school-item {
margin-top: 40px;
margin-bottom: 40px;
}
.school-item__body p {
font-size: 18px;
}
}
.section-courses__body {
position: relative;
min-height: 680px;
}
@media (min-width: 768px) and (max-width: 992px) {
.section-courses__body {
min-height: 600px;
}
}
.course-item {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
margin-bottom: 39px;
}
.course-item p {
margin-top: 0;
font-size: 18px;
font-weight: 500;
}
.course-item__title {
margin-top: 0;
margin-bottom: 0.28em;
font-size: 26px;
font-family: "Rounded", sans-serif;
color: #eb1e23;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
line-height: 1;
}
.course-item__title:hover,
.search__tags label:hover {
color: #8a00ee;
}
.course-item__img {
display: none;
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
right: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-height: 680px;
overflow: hidden;
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
text-align: right;
}
.course-item__img::after {
content: "";
position: absolute;
left: 64%;
bottom: 0;
display: block;
width: 150px;
height: 10px;
background-color: #5f347f;
}
@media (max-width: 1280px) {
.course-item__img::after {
display: none;
}
}
.course-item__img img {
max-height: 880px;
max-width: none;
}
.course-item__img.sticky {
position: fixed;
}
.course-item__img.bottom {
top: auto;
bottom: 0;
}
.course-item__img.show {
visibility: visible;
opacity: 1;
}
@media (min-width: 768px) {
.course-item__img {
display: block;
}
.course-item__img img {
max-height: 500px;
}
}
@media (min-width: 1024px) {
.course-item__img img {
max-height: 680px;
}
.course-item__title {
font-size: 30px;
}
}
@media (min-width: 1280px) {
.course-item__img img {
max-height: 720px;
}
.course-item__title {
font-size: 36px;
}
}
@media (min-width: 1440px) {
.course-item__img img {
max-height: 780px;
}
}
@media (min-width: 1780px) {
.course-item__img img {
max-height: 880px;
}
}
.section-school-events {
margin-top: 80px;
margin-bottom: 80px;
}
.section-school-events .section-title {
text-align: center;
}
@media (min-width: 1024px) {
.section-school-events .section-title {
text-align: left;
}
.section-school-events__header {
padding-left: 80px;
}
}
@media (min-width: 1280px) {
.section-school-events {
margin-top: 90px;
margin-bottom: 90px;
}
.section-school-events__header {
padding-left: 119px;
}
}
.hero {
position: relative;
height: 180px;
}
.hero--home {
height: auto;
}
.hero__topbar {
margin-bottom: 20px;
}
.hero__video {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
@media (min-width: 360px) {
.hero {
height: 230px;
}
}
@media (min-width: 420px) {
.hero--home {
height: auto;
}
}
@media (min-width: 768px) {
.hero {
height: 360px;
}
.hero--home {
height: auto;
}
.hero__topbar {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
}
}
@media (min-width: 1024px) {
.hero {
height: 515px;
}
}
@media (min-width: 1280px) {
.hero--home {
height: 100vh;
min-height: 600px;
}
}
@media (min-width: 1440px) {
.hero--home {
height: 100vh;
min-height: 720px;
}
}
@media (min-width: 1780px) {
.hero--home {
height: 100vh;
min-height: 900px;
}
}
.course {
margin-top: 0;
margin-bottom: 100px;
}
.course .tab-content.active {
opacity: 1 !important;
height: auto !important;
}
.course__common,
.course__header,
.course__info,
.course__teachers {
position: relative;
z-index: 1;
}
.course__man {
display: none;
}
.course__tabs {
margin-bottom: 53px;
}
.course__tabs .tabs__item {
margin-right: 35px;
}
.course__tabs .tabs__item:last-child {
margin-right: 0;
}
.course__post,
.course__promo-text {
margin-bottom: 70px;
}
.course__post p,
.course__promo-text p {
margin: 1.25em 0;
line-height: 1.6;
}
.course__post img {
width: auto;
height: auto;
}
.course__testimonials {
max-width: 480px;
margin: 0 auto 80px;
}
.course__testimonials .flipper__arrows {
top: calc(50% + 42px);
}
.course__testimonials-title {
margin-bottom: 1em;
text-align: center;
}
.course-advantages {
max-width: 500px;
margin: 0 0 40px;
padding: 0;
list-style-type: none;
}
.course-advantages__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
margin-bottom: 25px;
}
.course-advantages__item img {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
max-width: 118px;
margin-right: 15px;
}
.course-advantages__item p {
-webkit-box-flex: 1;
-ms-flex: 1 1 200px;
flex: 1 1 200px;
}
.course-resume {
width: 100%;
margin-bottom: 45px;
padding: 36px 45px;
border-radius: 50px;
border: 5px solid #eb1e23;
}
.course-resume__block {
margin-bottom: 2.86em;
}
.course-resume__block:last-child {
margin-bottom: 0;
}
.course-resume__block p {
margin-top: 0.91em;
margin-bottom: 0.45em;
}
.course-resume__title {
margin-top: 0;
margin-bottom: 0.56em;
line-height: 1;
}
.course__resume {
max-width: 350px;
width: 100%;
margin: 30px auto 140px;
}
.course__resume a:not(.btn) {
color: #eb1e23;
text-decoration: underline;
}
.course__resume a:not(.btn):hover {
text-decoration: none;
}
.course__resume .btn {
margin-bottom: 20px;
}
.same-courses {
margin-top: 170px;
margin-bottom: 100px;
}
.same-courses__title {
margin-bottom: 50px;
}
.course__owner p,
.course__owner ul {
font-size: 16px;
font-weight: 500;
}
.course__owner ul {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 800px;
margin: 0;
padding: 0;
}
.course__owner ul li {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 250px;
width: 100%;
margin-top: 0.75em;
margin-bottom: 0.75em;
padding-left: 35px;
}
.course__owner ul li::before {
content: "";
position: absolute;
top: -3px;
left: 0;
display: inline-block;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -826px -297px;
width: 19px;
height: 23px;
}
.course__owner a {
color: #005cff;
}
@media (min-width: 420px) {
.course__header div {
font-size: 30px !important;
}
}
@media (min-width: 768px) {
.course__header div {
font-size: 40px !important;
}
.course__common,
.course__header,
.course__info {
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.course-advantages {
margin-bottom: 100px;
}
.course-advantages__item {
margin-top: 40px;
margin-bottom: 40px;
}
.course-advantages__item img {
margin-right: 25px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.same-courses .card-news {
height: 300px;
}
}
@media (min-width: 1024px) {
.course__header div {
font-size: 60px !important;
}
.course__common,
.course__header,
.course__info {
max-width: none;
margin-left: 0;
margin-right: 0;
}
.course__man {
display: block;
position: absolute;
top: 0;
right: 0;
}
.course__man.sticky {
position: fixed;
}
.course__man.bottom {
top: auto;
bottom: 0;
}
.course__man img {
max-width: 500px;
}
.course__post {
margin-bottom: 70px;
}
.course__resume {
max-width: 478px;
margin-right: 0;
margin-left: 0;
margin-bottom: 200px;
}
.course-resume {
margin-bottom: 30px;
padding: 36px 45px;
}
.course__testimonials-title {
text-align: left;
}
.course__testimonials {
max-width: 550px;
margin: 0;
}
.same-courses {
margin-top: 100px;
margin-bottom: 200px;
}
.same-courses .news-list__item:last-child {
display: none;
}
.course__owner {
margin-top: 120px;
}
}
@media (min-width: 1280px) {
.course__header div {
font-size: 80px !important;
}
.course__man img {
max-width: 700px;
}
.course__tabs {
max-width: 560px;
margin-bottom: 45px;
}
.course__promo-text {
margin-bottom: 80px;
}
.course-advantages {
max-width: 560px;
margin-bottom: 98px;
}
.course-advantages__item {
margin-top: 50px;
margin-bottom: 50px;
}
.course-advantages__item img {
margin-right: 45px;
}
.course__post {
max-width: 560px;
margin-bottom: 70px;
}
.course-resume {
margin-bottom: 45px;
}
.same-courses {
margin-top: 150px;
margin-bottom: 150px;
}
}
@media (min-width: 1440px) {
.course__man img {
max-width: 730px;
}
.course__tabs {
max-width: 600px;
}
.course__promo-text {
max-width: 577px;
margin-bottom: 125px;
}
.course-advantages {
max-width: 600px;
margin-bottom: 112px;
}
.course-advantages__item {
margin-top: 55px;
margin-bottom: 55px;
}
.course-advantages__item img {
margin-right: 60px;
}
.course__post {
max-width: 600px;
margin-bottom: 70px;
}
.course__testimonials {
max-width: 577px;
margin-bottom: 100px;
}
.same-courses {
margin-top: 170px;
margin-bottom: 200px;
}
.same-courses .news-list__item:last-child {
display: block;
}
}
@media (min-width: 1780px) {
.course__header div {
font-size: 100px !important;
}
.course__man img {
max-width: 1050px;
}
.course__tabs {
max-width: 700px;
margin-bottom: 53px;
}
.course-advantages {
max-width: 670px;
margin-bottom: 131px;
}
.course-advantages__item {
margin-top: 64px;
margin-bottom: 64px;
}
.course-advantages__item img {
margin-right: 70px;
}
.course__post {
margin-bottom: 70px;
}
.course__testimonials {
margin-bottom: 143px;
}
}
.course-resume--online {
background-color: #8a00ee;
color: #fff;
border: 5px solid #8a00ee;
position: relative;
margin-top: -130px;
margin-bottom: -80px;
}
.course-resume__logo {
width: 260px;
height: 69px;
display: block;
margin: auto;
}
.course-resume__text-online {
font-family: "Montserrat";
font-weight: 700;
font-size: 20px;
text-align: center;
color: #fff;
}
p.course-resume__text-online {
margin: 0 0 30px;
}
.course-resume__block--online {
margin-bottom: 1.86em;
}
@media (max-width: 1024px) {
.course-resume--online {
margin-top: -100px;
margin-bottom: -20px;
}
}
@media (max-width: 420px) {
.course-resume__logo {
width: 200px;
height: 53px;
}
.course-resume__text-online {
font-size: 16px;
}
}
.course-teacher__info {
max-width: 540px;
margin-top: 36px;
}
.course-teacher__info p {
font-size: 15px;
line-height: 1.51;
}
.course-teacher__name {
margin: 0 0 11px;
font-family: "Rounded", sans-serif;
font-size: 36px;
text-transform: uppercase;
color: #8a00ee;
}
.course-teacher__contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 35px;
font-size: 18px;
}
.calendar td a,
.contacts-card a[href^="mailto"],
.course-teacher__contacts a,
.quick-contacts__value a {
color: inherit;
text-decoration: none;
}
.course-teacher__social {
margin-right: 21px;
}
.course-teacher__title {
margin-top: 2em;
font-family: "Rounded", sans-serif;
font-size: 18px;
color: #eb1e23;
text-transform: uppercase;
}
.course-teacher__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 40px;
}
.course-teacher__nav {
margin-top: 57px;
position: relative;
}
.course-teacher__nav .h-scroll {
margin-top: -47px;
margin-left: -40px;
height: 125px;
}
.course-teacher__nav .h-scroll .overview {
margin-top: 10px;
}
.course-teacher__nav .h-scroll .scroll-bar.horizontal {
height: 2px;
background-color: #f3e3ff;
}
.course-teacher__nav .h-scroll .scroll-bar.horizontal .thumb {
min-width: 150px;
background-color: #8a00ee;
}
.course-teacher__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border: 0;
}
.course-teacher__tabs .tabs__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 74px;
height: 74px;
border-radius: 50%;
overflow: hidden;
background-color: #fff;
opacity: 1;
}
.course-teacher__tabs .tabs__item:last-child {
margin-right: 0;
}
#easy-slider .swiper-pagination.is-active,
#test-slider .swiper-pagination.is-active,
.course-teacher__tabs .tabs__item.active .tabs__link,
.course-teacher__tabs .tabs__item:hover .tabs__link,
.floating-item img.unhidden {
opacity: 1;
}
.course-teacher__tabs .tabs__item:hover {
-webkit-box-shadow: 0 12px 21px 0 rgba(145, 0, 239, 0.32);
box-shadow: 0 12px 21px 0 rgba(145, 0, 239, 0.32);
}
.course-teacher__tabs .tabs__link {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
.course-teacher__img {
padding-left: 60px;
}
.course-teacher__img img {
margin-top: -46px;
}
.course-teacher__info {
margin-top: 46px;
}
.course-teacher__info p {
font-size: 16px;
font-weight: 500;
}
.course-teacher__title {
font-size: 24px;
}
}
.contacts-header {
margin-bottom: 30px;
}
.contacts-header__promo {
margin-bottom: 0;
}
.quick-contacts__value {
margin-top: 1.29em;
margin-bottom: 0.8em;
font-family: "Rounded", sans-serif;
font-size: 18px;
color: #eb1e23;
}
.quick-contacts__btn {
padding: 0.72em 1.78em;
border-width: 3px;
font-size: 14px;
}
.contacts__map {
height: 300px;
margin-bottom: 30px;
background-color: #ddd;
}
.contacts__item,
.contacts__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contacts__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts__item {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 289px;
flex: 1 1 289px;
padding-top: 25px;
padding-bottom: 30px;
}
.contacts__item::before {
position: absolute;
top: 0;
left: -50vw;
width: 200vw;
height: 100%;
background-color: #f9f2fe;
}
.contacts__item:nth-child(2n + 2)::before {
content: "";
}
.contacts-card {
position: relative;
max-width: 300px;
font-size: 16px;
}
.contacts-card__title {
margin-top: 0;
font-family: "Rounded", sans-serif;
font-size: 24px;
color: #8a00ee;
}
.contacts-card__schedule span {
margin-right: 4px;
color: #8a00ee;
}
@media screen and (max-width: 420px) {
.contact__number-phone p span {
display: block;
}
.contact__number-phone a {
margin: 10px auto 0;
}
.contact__tab-left-block ul.ui-tabs-nav li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 10px;
}
.contact__block-title-contact {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.quick-contacts__value {
font-size: 22px;
}
.contacts__map {
height: 400px;
margin-bottom: 40px;
}
.contacts__item {
max-width: 33.3333%;
padding-top: 50px;
padding-bottom: 70px;
}
.contacts__item:nth-child(2n + 2)::before {
content: none;
}
.contacts__item:nth-child(6n + 4)::before {
content: "";
}
}
@media (min-width: 1024px) {
.contacts-header,
.contacts__map {
margin-bottom: 60px;
}
.contacts__map {
height: 550px;
}
}
@media (min-width: 1280px) {
.contacts-header {
margin-bottom: 120px;
}
.quick-contacts__value {
margin-top: 0;
margin-bottom: 1.29em;
font-size: 20px;
}
.contacts__map {
height: 600px;
}
.quick-contacts__btn {
font-size: 16px;
}
.contacts__item {
max-width: 25%;
}
.contacts__item:nth-child(6n + 4)::before {
content: none;
}
.contacts__item:nth-child(8n + 5)::before {
content: "";
}
}
@media (min-width: 1440px) {
.quick-contacts__value {
font-size: 22px;
}
.contacts__map {
height: 650px;
}
}
@media (min-width: 1780px) {
.quick-contacts {
margin-bottom: 12px;
}
.quick-contacts__value {
font-size: 24px;
}
.quick-contacts__btn {
font-size: 18px;
}
.contacts__map {
height: 700px;
}
.contacts__item {
max-width: 20%;
}
.contacts__item:nth-child(8n + 5)::before {
content: none;
}
.contacts__item:nth-child(10n + 6)::before {
content: "";
}
}
.events-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.events-empty {
min-height: 300px;
}
.events-empty p {
font-size: 16px;
}
.events-list__item {
margin-bottom: 50px;
}
.calendar {
margin-top: 20px;
max-width: 235px;
}
.calendar .ui-datepicker-title {
margin-bottom: 18px;
text-align: center;
}
.calendar .ui-datepicker-header,
.calendar td {
position: relative;
}
.calendar .ui-datepicker-next,
.calendar .ui-datepicker-prev {
position: absolute;
top: 8px;
cursor: pointer;
font-size: 14px;
color: rgba(138, 0, 238, 0.5);
font-family: "Rounded", sans-serif;
}
.calendar .ui-datepicker-prev {
right: 187px;
}
.calendar .ui-datepicker-next::after,
.calendar .ui-datepicker-prev::before {
content: "";
position: absolute;
top: -2px;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
width: 13px;
height: 22px;
}
.calendar .ui-datepicker-prev::before {
left: -30px;
background-position: -858px -297px;
}
.calendar .ui-datepicker-next {
left: 187px;
}
.calendar .ui-datepicker-next::after {
right: -30px;
background-position: -845px -297px;
}
.calendar .ui-datepicker-month {
color: #8a00ee;
font-family: "Rounded", sans-serif;
font-size: 24px;
}
.calendar .ui-datepicker-year {
display: none;
}
.calendar .ui-datepicker-calendar {
width: 100%;
}
.calendar th {
padding-bottom: 10px;
font-size: 12px;
font-weight: 400;
color: #333;
opacity: 0.5;
}
.calendar td {
width: 32px;
height: 28px;
padding: 12px 6px 0;
font-size: 16px;
font-weight: 400;
color: #333;
text-align: center;
}
.calendar .eventDate a {
position: absolute;
top: 9px;
left: 0;
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;
width: 30px;
height: 26px;
border-radius: 15px;
background: -webkit-gradient(linear, left top, right top, color-stop(20%, #e957ff), to(#8a00ee));
background: linear-gradient(to right, #e957ff 20%, #8a00ee 100%);
color: #fff;
}
@media (max-width: 767px) {
.events-header__title {
font-size: 20px;
text-transform: none;
}
.events-header__calendar {
margin: 0 auto 2em;
}
}
@media (min-width: 768px) {
.events-list {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.events-list__item {
width: 300px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.events-list__item {
margin-right: calc(100% - 600px);
}
.events-list__item:nth-child(2n + 2) {
margin-right: 0;
}
}
@media (min-width: 1024px) and (max-width: 1439px) {
.events-list__item {
margin-right: calc((100% - 900px) / 2);
}
.events-list__item:nth-child(3n + 3) {
margin-right: 0;
}
}
@media (min-width: 1440px) {
.events-list__item {
margin-right: calc((100% - 1200px) / 3);
}
.events-list__item:nth-child(4n + 4) {
margin-right: 0;
}
}
@media (min-width: 1780px) {
.events-header__filter {
padding-left: 65px;
}
}
.floating-nav {
display: none;
position: relative;
width: 100%;
height: 100%;
margin-bottom: 50px;
overflow: hidden;
z-index: 2;
-webkit-transition: background 200ms;
transition: background 200ms;
}
.floating-nav__title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
color: #eb1e23;
font-family: "Rounded", sans-serif;
font-size: 80px;
text-transform: uppercase;
}
.floating-nav__inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.floating-nav__canvas {
z-index: 1;
-webkit-transition: background 100ms, -webkit-transform 800ms;
transition: transform 800ms, background 100ms;
transition: transform 800ms, background 100ms, -webkit-transform 800ms;
background-color: #f8f8f8;
width: 2300px;
height: 1600px;
}
.floating-item {
position: absolute;
-webkit-transition: opacity 800ms, -webkit-transform 100ms;
transition: transform 100ms, opacity 800ms;
transition: transform 100ms, opacity 800ms, -webkit-transform 100ms;
cursor: pointer;
opacity: 1;
}
.floating-item:hover {
z-index: 8;
}
.floating-item--sm {
width: 250px;
}
.floating-item--md {
width: 280px;
}
.floating-item--lg {
width: 330px;
}
.floating-item__inner {
display: block;
padding: 22px 22px 100px;
background-color: #fff;
-webkit-box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
box-shadow: 0 0 30px 2.95px rgba(138, 0, 238, 0.24);
-webkit-transition: opacity 800ms, -webkit-transform 400ms, -webkit-filter 800ms;
transition: opacity 800ms, transform 400ms, filter 800ms;
transition: opacity 800ms, transform 400ms, filter 800ms, -webkit-transform 400ms, -webkit-filter 800ms;
}
.floating-item img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 800ms;
transition: opacity 800ms;
opacity: 0;
}
.hover-item .floating-item__inner {
opacity: 0.15;
}
.hover-item .floating-item:hover .floating-item__inner,
.related-item .floating-item__inner {
opacity: 1;
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.loading.hover-item .floating-item__inner,
.loading.hover-item .related-item .floating-item__inner,
.single.hover-item .floating-item__inner,
.single.hover-item .related-item .floating-item__inner {
opacity: 0;
-webkit-transition: opacity 800ms, -webkit-transform 2000ms;
transition: opacity 800ms, transform 2000ms;
transition: opacity 800ms, transform 2000ms, -webkit-transform 2000ms;
}
.loading.hover-item .related-item .floating-item__inner,
.single.hover-item .related-item .floating-item__inner {
opacity: 1;
}
#item1 {
top: 300px;
left: 200px;
}
#item2 {
top: 400px;
left: 650px;
}
#item3 {
top: 200px;
left: 1050px;
}
#item4 {
top: 420px;
left: 1400px;
}
#item5 {
top: 280px;
left: 1880px;
}
#item6 {
top: 818px;
left: 150px;
}
#item7 {
top: 880px;
left: 550px;
}
#item8 {
top: 780px;
left: 980px;
}
#item9 {
top: 900px;
left: 1360px;
}
#item10 {
top: 800px;
left: 1810px;
}
@media (min-width: 768px) {
.floating-nav {
margin-bottom: 150px;
}
}
@media (min-width: 1024px) {
.floating-nav {
display: block;
}
.floating-nav__title {
font-size: 50px;
}
}
@media (min-width: 1280px) {
.floating-nav {
margin-bottom: 200px;
}
.floating-nav__title {
font-size: 60px;
}
}
@media (min-width: 1780px) {
.floating-nav__title {
font-size: 80px;
}
}
.modal-layout {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
overflow-y: auto;
background-color: #fff;
}
.modal-layout.show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.modal {
max-width: 300px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: auto;
padding: 40px 0;
}
.modal--vac {
position: relative;
}
.modal__title {
font-family: "Rounded", sans-serif;
color: #8a00ee;
}
.modal__title--vacancy {
margin-bottom: 50px;
}
.modal__close {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
color: #8a00ee;
}
.modal__close--vac {
border: 1px solid #8a00ee;
border-radius: 50%;
opacity: 0.5;
font-size: 38px;
line-height: 0.8;
text-align: center;
padding: 0;
}
.modal__close svg {
width: 16px;
height: 17px;
}
@media (min-width: 768px) {
.modal {
max-width: 700px;
}
.modal__close--vac {
top: 65px;
right: -80px;
width: 30px;
height: 30px;
}
.modal__close--vac svg {
width: 80%;
}
}
@media (min-width: 1024px) {
.modal {
max-width: 900px;
}
.modal__close {
top: 30px;
right: 30px;
width: 35px;
height: 35px;
}
.modal__close--vac {
top: 65px;
right: -80px;
width: 30px;
height: 30px;
}
}
@media (min-width: 1280px) {
.modal {
max-width: none;
}
}
.modal__update-vac {
display: none;
position: absolute;
top: 50px;
left: 0;
background-color: #fff;
color: #eb1e23;
font-weight: 700;
padding: 50px 20px;
border: 1px solid #eb1e23;
}
.modal__update-vac.is-active {
display: block;
z-index: 999;
}
.search {
max-width: 300px;
width: 100%;
min-height: 90vh;
}
.search__control {
width: 100%;
margin-bottom: 29px;
padding: 12px;
border: 0;
border-bottom: 1px solid #333;
background-color: transparent;
font-size: 32px;
text-align: center;
font-family: "Rounded", sans-serif;
color: #8a00ee;
}
.search__control::-webkit-input-placeholder {
text-align: center;
font-family: inherit;
color: inherit;
font-size: 1em;
}
.search__control::-moz-placeholder {
text-align: center;
font-family: inherit;
color: inherit;
font-size: 1em;
}
.search__control::-ms-input-placeholder {
text-align: center;
font-family: inherit;
color: inherit;
font-size: 1em;
}
.search__control::placeholder {
text-align: center;
font-family: inherit;
color: inherit;
font-size: 1em;
}
.search__tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
text-transform: lowercase;
}
.search__tags label {
text-decoration: none;
color: inherit;
margin-right: 27px;
cursor: pointer;
}
.search__tags input[name="tag"]:checked + span {
color: #8a00ee;
}
.search__header {
margin-bottom: 50px;
}
.search__category {
margin-bottom: 58px;
}
.search__category-name {
margin-bottom: 1.5em;
font-family: "Rounded", sans-serif;
color: #eb1e23;
font-size: 20px;
}
.search__item {
display: inline-block;
max-width: 244px;
width: 100%;
margin-bottom: 1em;
font-size: 16px;
}
.search__link {
color: inherit;
font-weight: 500;
text-decoration: none;
}
.city__item a:hover,
.search__link:hover {
color: #8a00ee;
}
@media (min-width: 768px) {
.search {
max-width: 700px;
}
}
@media (min-width: 1024px) {
.search {
max-width: 900px;
}
}
@media (min-width: 1280px) {
.search {
max-width: 1110px;
}
}
.city {
position: relative;
z-index: 99;
}
.city:hover .city__select {
visibility: visible;
}
.city__display,
.city__select {
background-color: #fff;
border-radius: 5px;
}
.city__display {
font-weight: 500;
position: relative;
padding: 4px 35px 4px 6px;
}
.city__display:after {
content: "â–¼";
color: red;
top: 5px;
right: 9px;
font-size: 0.92em;
-webkit-transform: scale(1.4, 1);
transform: scale(1.4, 1);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.city__select {
visibility: hidden;
list-style-type: none;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
max-width: 200px;
margin: 0;
padding: 8px;
border: 0;
font-size: 14px;
white-space: nowrap;
}
.city__select .menu-item {
margin: 9px 0;
}
.city__item {
padding: 3px 5px;
}
.city__item a {
color: #333;
text-decoration: none;
}
.vacancy {
min-height: 1000px;
font-weight: 500;
line-height: 1.5;
}
.vacancy__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vacancy__title p:nth-child(1) {
color: #8a00ee;
}
.vacancy__title p:nth-child(2) {
color: #eb1e23;
}
.modal--vac .vacancy__btn-resume {
display: none;
}
.vacancy__desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
}
.vacancy__desc ul {
padding-left: 20px;
margin-bottom: 50px;
}
.vacancy__desc ul li {
list-style-type: none;
position: relative;
margin-bottom: 10px;
}
.vacancy__desc ul li::before {
content: "";
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -871px -299px;
width: 8px;
height: 8px;
position: absolute;
top: 7px;
left: -20px;
}
.vacancy__desc h4,
.vacancy__desc strong {
color: #8a00ee;
font-size: 14px;
}
.vacancy__desc strong {
margin-left: -20px;
}
.vacancy__background {
position: absolute;
top: 0;
right: -7%;
z-index: -1;
display: none;
}
.vacancy__resume {
max-width: 550px;
margin-bottom: 100px;
margin-top: 100px;
}
@media (min-width: 768px) {
.vacancy__resume {
max-width: 550px;
}
}
@media (min-width: 1024px) {
.vacancy__desc .vacancy__column {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content;
}
.vacancy__desc ul {
max-width: 370px;
margin-right: 35px;
}
.vacancy__title p:nth-child(1),
.vacancy__title p:nth-child(2) {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.vacancy__test {
max-width: 620px;
margin-bottom: 100px;
}
}
@media (min-width: 1280px) {
.vacancy__background {
display: block;
}
}
.form-vacancy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 2px solid #ba38e8;
border-radius: 10px;
max-width: 550px;
}
.form-vacancy a,
.form__selected p strong,
.page-jobs__reviews a {
color: #eb1e23;
}
.form-vacancy__svg {
width: 55px;
height: 55px;
}
.form-vacancy__svg--file {
fill: #eb1e23;
}
.form-vacancy__svg--profile {
fill: #8a00ee;
}
.form-vacancy__header {
padding: 20px 40px;
border-bottom: 2px solid #ba38e8;
}
.form-vacancy__file {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
text-align: center;
padding-top: 30px;
border-bottom: 2px solid #ba38e8;
cursor: pointer;
font-weight: 700;
position: relative;
font-size: 18px;
}
.form-vacancy__file--left::after {
content: "";
position: absolute;
width: 2px;
height: 50px;
right: 0;
background: #ba38e8;
top: 50%;
margin-top: -30px;
}
.form-vacancy__file--jobsleft {
border-right: 2px solid #ba38e8;
}
.form-vacancy__footer {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.form-vacancy__footer--jobs {
padding-top: 20px;
padding-bottom: 20px;
}
.form-vacancy__btn {
font-family: "Rounded";
font-size: 14px;
padding: 10px 20px;
min-width: 120px;
}
.form-vacancy__btn--sub {
opacity: 0.5;
}
.form-vacancy__resume {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.form-vacancy__link {
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.form-vacancy__link.disabled {
pointer-events: none;
}
.test-vacancy__start {
display: none;
}
.test-vacancy__start.is-active {
display: block;
}
#test-slider {
max-width: 600px;
height: 0;
padding-bottom: 0;
}
#test-slider.is-active {
height: 100%;
padding-bottom: 40px;
}
#test-slider .swiper-pagination {
opacity: 0;
}
#test-slider .swiper-pagination-bullet {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-family: "Rounded", sans-serif;
font-size: 18px;
font-weight: 700;
color: #eb1e23;
opacity: 1;
background: 0 0;
}
#test-slider .swiper-pagination-bullet-active {
color: #fff;
background: #8a00ee;
}
#test-slider .swiper-pagination-bullet-active-next,
#test-slider .swiper-pagination-bullet-active-next-next,
#test-slider .swiper-pagination-bullet-active-prev,
#test-slider .swiper-pagination-bullet-active-prev-prev {
opacity: 0;
}
#test-slider #next-test {
height: 0;
width: 0;
}
.test-vacancy__body {
border-top: 2px solid #bfbfbf;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.test-vacancy__answer {
border: 2px solid #8a00ee;
border-radius: 7px;
background-color: #fff;
min-width: 220px;
padding-top: 10px;
padding-bottom: 10px;
margin: 10px 40px 10px 5px;
position: relative;
text-align: center;
}
.test-vacancy__answer:hover {
-webkit-box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
cursor: pointer;
}
.test-vacancy__purple {
color: #8a00ee;
font-weight: 700;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.test-vacancy__btn {
font-family: "Rounded";
font-size: 14px;
padding: 10px 20px;
min-width: 120px;
}
.test-vacancy__checkbox {
height: 95%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.test-vacancy__check input:checked,
.test-vacancy__checkbox:checked {
-webkit-box-shadow: 0 10px 17px rgba(235, 30, 35, 0.7);
box-shadow: 0 10px 17px rgba(235, 30, 35, 0.7);
}
.test-vacancy__check {
border: 2px solid #8a00ee;
border-radius: 7px;
background-color: #fff;
min-width: 100px;
padding-top: 5px;
padding-bottom: 5px;
margin: 10px 40px 10px 5px;
position: relative;
text-align: center;
}
.test-vacancy__check:hover {
-webkit-box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
box-shadow: 0 10px 17px rgba(138, 0, 238, 0.3);
cursor: pointer;
}
.test-vacancy__end,
.test-vacancy__res {
display: none;
}
.test-vacancy__end.is-active {
display: block;
}
.test-vacancy__res.purple {
color: #8a00ee;
font-weight: 700;
}
.test-vacancy__res.is-active {
display: block;
}
@media (min-width: 768px) {
#test-slider .swiper-pagination-bullet {
font-size: 28px;
margin-left: 10px;
margin-right: 10px;
}
}
.page-cost {
position: relative;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
padding-bottom: 50px;
}
.page-cost__header {
margin-bottom: 50px;
}
.page-cost__title {
margin-bottom: 5px;
font-size: 30px;
color: #8a00ee;
font-family: "Rounded", sans-serif;
}
.page-cost__desc {
max-width: 700px;
font-size: 18px;
font-weight: 700;
}
.page-cost__body,
.page-cost__desc {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.page-cost__title {
font-size: 36px;
}
}
.modal__section-title {
text-transform: uppercase;
color: #8a00ee;
font-size: 12px;
margin-bottom: 0;
margin-top: 40px;
}
.modal__section-title--opyt {
margin-bottom: 20px;
}
textarea.input-control--vacancy:focus ~ label {
display: none;
}
#form_profile {
color: #000;
}
.easy-feedback__form--vacancy {
width: 100%;
}
@media (min-width: 768px) {
.easy-feedback__form--vacancy {
width: 450px;
}
.easy-feedback__form--vacancy .form__group--medium {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
}
.form__group .input-control {
margin-top: 30px;
padding: 0;
}
.form__group .input-control.not-empty {
padding-top: 0;
}
.form__group .input-control:focus {
padding-top: 0;
}
.form__group--long {
-ms-flex-preferred-size: 67%;
flex-basis: 67%;
}
.form__group--half {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.form__group--mini {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
.form__group--micro {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
.form__group--medium {
-ms-flex-preferred-size: 67%;
flex-basis: 67%;
}
.form__group--experience {
max-width: 60px;
}
.form__group--experience .input-control {
width: 60px;
}
.form__group--po,
.form__group--slash {
margin-left: 40px;
}
.form__group--slash::before {
content: "/";
color: #8a00ee;
font-size: 16px;
position: absolute;
bottom: 0;
left: -20px;
width: 10px;
height: 20px;
}
.form__group--date::after {
content: "";
background-image: url(/ua/wp-content/themes/easy/./img/date.png);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
}
.form__group--po::before {
content: "по";
color: #8a00ee;
font-size: 14px;
font-weight: 500;
position: absolute;
bottom: 0;
left: -30px;
width: 10px;
height: 20px;
}
.form__from-to,
.form__selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form__selected .form__group {
font-size: 14px;
}
.form__selected .input-radio {
z-index: -1;
opacity: 0;
width: 100%;
height: 40px;
}
.form__selected .label-control {
color: #8a00ee;
height: 40px;
}
.form__selected .label-control--data {
position: relative;
color: #000;
font-size: 14px;
margin-bottom: 30px;
}
.form__selected p {
color: #000;
font-weight: 500;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 30px;
}
.form__selected .input-radio + label {
margin-left: 25px;
font-weight: 600;
}
.form__selected .input-radio + label:before {
content: url(/ua/wp-content/themes/easy/./img/radiop.png);
position: absolute;
top: 0;
margin-bottom: -14px;
left: -25px;
}
.form__selected .input-radio:checked + label {
color: #eb1e23;
}
.form__selected .input-radio:checked + label:before {
content: url(/ua/wp-content/themes/easy/./img/radior.png);
position: absolute;
top: 0;
margin-bottom: -14px;
left: -25px;
}
.form__from-to--red .label-control {
color: #eb1e23;
font-size: 16px;
}
.form__from-to p {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-weight: 500;
}
.form__from-to .form__group {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
font-size: 18px;
margin-top: 15px;
position: relative;
}
.form__from-to .form__group .input-control {
border-bottom: none;
}
.vacancy__btn-resume {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.form__group--micro-have {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.form__group--single {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
.easy-test {
background-color: #e7ecf6;
padding: 40px;
position: relative;
font-weight: 500;
}
.easy-test__star {
position: absolute;
}
.easy-test__star--one {
width: 30px;
height: 30px;
top: -25px;
left: 25%;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.easy-test__star--two {
width: 50px;
height: 50px;
top: 2%;
left: 1%;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.easy-test__star--three {
width: 80px;
right: 1px;
height: 100px;
bottom: -50px;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
#easy-test,
.easy-test__desc {
display: none;
}
#easy-test.is-active,
.easy-test__desc.is-active,
.easy-test__end.is-active {
display: block;
}
#easy-slider {
max-width: 600px;
height: 0;
padding-bottom: 0;
}
#easy-slider.is-active {
height: 100%;
padding-bottom: 40px;
border-top: 2px solid #999;
}
#easy-slider .swiper-pagination {
opacity: 0;
}
#easy-slider .swiper-pagination-bullet {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-family: "Rounded", sans-serif;
font-size: 18px;
font-weight: 700;
color: #eb1e23;
opacity: 1;
background: 0 0;
}
#easy-slider .swiper-pagination-bullet-active {
color: #fff;
background: #8a00ee;
}
#easy-slider .swiper-pagination-bullet-active-next,
#easy-slider .swiper-pagination-bullet-active-next-next,
#easy-slider .swiper-pagination-bullet-active-prev,
#easy-slider .swiper-pagination-bullet-active-prev-prev {
opacity: 0;
}
#easy-slider .swiper-button-next,
#easy-slider .swiper-button-prev {
top: auto;
bottom: 0;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -634px -340px;
width: 27px;
height: 47px;
background-size: auto;
-webkit-transform: scale(0.46);
transform: scale(0.46);
}
#easy-slider .swiper-button-prev {
background-position: -607px -340px;
}
.easy-test__question {
color: #8a00ee;
margin-bottom: 20px;
}
.easy-test__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.easy-test__answer {
position: relative;
padding-left: 35px;
margin-bottom: 15px;
}
.easy-test__answer p {
margin-top: 0;
margin-bottom: 0;
}
.easy-test__answer p::before {
content: "";
position: absolute;
left: 0;
top: 3px;
height: 15px;
width: 15px;
border: 2px solid #eb1e23;
border-radius: 50%;
}
.easy-test__answer input:hover,
.easy-test__answer p:hover {
cursor: pointer;
}
.easy-test__answer p:hover::before {
background: #eb1e23;
}
.easy-test__answer input {
position: absolute;
opacity: 0;
height: 20px;
width: 100%;
margin-left: -10px;
left: 10px;
}
.easy-test__answer input:checked + p::before {
background: #eb1e23;
}
.easy-test__end,
.easy-test__end p {
display: none;
}
#slider-jobs b,
#slider-jobs strong,
.easy-test__end .purple,
.page-jobs__about strong,
.page-jobs__methoddesc strong {
color: #8a00ee;
}
.easy-test__end p.is-active {
display: block;
}
@media (min-width: 768px) {
.easy-test {
padding: 40px 80px;
margin-bottom: 100px;
}
.easy-test__star--one {
left: 18%;
}
.easy-test__star--two {
top: 10%;
left: -25px;
}
.easy-test__star--three {
width: 145px;
height: 145px;
right: -70px;
}
#easy-slider .swiper-pagination-bullet {
font-size: 28px;
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 1440px) {
.easy-test {
padding: 40px 100px;
}
}
.page-jobs__why {
background-color: #e7ecf6;
padding-top: 10px;
}
.page-jobs__envelopetext {
z-index: 1;
}
#slider-jobs {
position: relative;
margin-top: 60px;
max-width: 720px;
margin-left: auto;
margin-right: auto;
min-height: 100px;
overflow: inherit;
font-size: 16px;
}
#slider-jobs .swiper-pagination-bullets,
#slider-jobs .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#slider-jobs .swiper-slide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
padding-top: 100px;
opacity: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#slider-jobs .swiper-pagination-bullets {
top: 5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 90px;
padding-left: 50px;
padding-right: 50px;
}
#slider-jobs .swiper-slide-active {
opacity: 1;
}
#slider-jobs .swiper-pagination-bullet {
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-family: "Rounded", sans-serif;
font-size: 28px;
font-weight: 700;
color: #eb1e23;
opacity: 1;
background: 0 0;
}
#slider-jobs .swiper-pagination-bullet-active {
color: #fff;
background: #8a00ee;
}
#slider-jobs .swiper-button-next,
#slider-jobs .swiper-button-prev {
top: 20px;
background-image: url(/ua/wp-content/themes/easy/./img/sprite.png);
background-position: -634px -340px;
width: 27px;
height: 47px;
background-size: auto;
-webkit-transform: scale(0.46);
transform: scale(0.46);
}
#slider-jobs .swiper-button-prev {
background-position: -607px -340px;
}
#slider-jobs .col-4 {
display: none;
}
#slider-jobs .page-jobs__slide--desc {
display: block;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
#slider-jobs {
padding-bottom: 30px;
}
#slider-jobs .swiper-slide {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#slider-jobs .swiper-slide::before {
content: "";
background-image: url(/ua/wp-content/themes/easy/./img/line.png);
background-repeat: repeat-x;
position: absolute;
width: 70%;
height: 2px;
top: 50px;
}
#slider-jobs .swiper-button-next {
top: 40%;
right: -30px;
}
#slider-jobs .swiper-button-prev {
top: 40%;
left: -30px;
}
#slider-jobs .col-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
#slider-jobs .balloons {
height: 200px;
}
#slider-jobs .star_swiper {
position: absolute;
width: 100px;
top: 110px;
}
#slider-jobs .col-8--tablet {
padding-right: 30px;
}
}
@media (min-width: 1280px) {
#slider-jobs {
max-width: 940px;
}
}
@media (min-width: 1440px) {
#slider-jobs .balloons {
height: 250px;
}
#slider-jobs .star_swiper {
top: 150px;
}
}
#rev-swiper .swiper-slide {
margin-bottom: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#rev-swiper .swiper-pagination-bullets {
position: relative;
}
#rev-swiper .swiper-pagination-bullets::before {
content: "";
width: 140px;
margin-left: -70px;
left: 50%;
height: 2px;
background-color: #ba38e8;
position: absolute;
top: -10px;
}
#rev-swiper .swiper-button-next,
#rev-swiper .swiper-button-prev {
background-image: none;
top: 27%;
}
#rev-swiper .next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -10px;
}
#rev-swiper .next,
#rev-swiper .prev {
width: 40px;
height: 60px;
}
#rev-swiper .swiper-pagination-bullet {
background: #ba38e8;
width: 10px;
height: 10px;
}
#rev-swiper .star_clip {
-webkit-filter: drop-shadow(0 10px 17px rgba(138, 0, 238, 0.3));
filter: drop-shadow(0 10px 17px rgba(138, 0, 238, 0.3));
margin-bottom: 30px;
}
#rev-swiper .star_clip--inside {
stroke: #e755ff;
stroke-width: 4px;
}
.page-jobs__reviews {
margin-top: 150px;
margin-bottom: 120px;
line-height: 1.5;
}
.page-jobs__rev {
padding-left: 3%;
padding-right: 3%;
padding-top: 20px;
}
.page-jobs__method {
background-color: #e7ecf6;
padding-bottom: 70px;
padding-top: 1px;
}
.page-jobs__method a,
.page-jobs__values a {
text-decoration: none;
}
.page-jobs__methoddesc {
border: 2px solid #ba38e8;
border-radius: 20px;
}
.page-jobs__methodicon {
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: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
}
.page-jobs__methodtitle {
text-align: center;
padding: 20px;
position: relative;
-webkit-filter: grayscale(0.9);
filter: grayscale(0.9);
opacity: 0.5;
font-size: 12px;
}
.page-jobs__methodtitle:hover {
cursor: pointer;
}
.page-jobs__methodtitle.is-active {
border-top: 2px solid #ba38e8;
border-left: 2px solid #ba38e8;
border-right: 2px solid #ba38e8;
border-radius: 20px 20px 0 0;
color: #8a00ee;
-webkit-filter: none;
filter: none;
opacity: 1;
}
.page-jobs__methodtitle.is-active::after {
content: "";
width: 100%;
position: absolute;
left: 0;
height: 3px;
background-color: #e7ecf6;
bottom: -2px;
}
.method-svg {
width: 70px;
height: 70px;
}
@media (min-width: 768px) {
.page-jobs__methodicon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 30px;
}
.page-jobs__methodtitle {
padding: 20px 80px 20px 20px;
font-size: 16px;
}
.page-jobs__methodtitle.is-active {
border-top: 2px solid #ba38e8;
border-left: 2px solid #ba38e8;
border-bottom: 2px solid #ba38e8;
border-radius: 20px 0 0 20px;
}
.page-jobs__methodtitle.is-active::after {
content: "";
width: 5px;
position: absolute;
top: 0;
height: 100%;
background-color: #e7ecf6;
right: -4px;
left: auto;
}
.page-jobs__methoddesc {
min-height: calc(100% + 30px);
}
}
.page-jobs__methodtext {
max-width: 100%;
margin: 30px;
display: none;
}
.page-jobs__methodtext.is-active {
display: block;
}
.page-jobs__values {
padding-bottom: 70px;
font-size: 16px;
line-height: 1.5;
}
.page-jobs__valdesc,
.page-jobs__valuescenter {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-jobs__valuescenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 2px solid #ba38e8;
border-bottom: 2px solid #ba38e8;
padding: 70px 30px;
}
.page-jobs__valuescenter p {
max-width: 600px;
}
.page-jobs__valdesc {
display: none;
}
.page-jobs__thumbs,
.page-jobs__valdesc.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-jobs__thumbs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-jobs__thumbs--up {
margin-top: 60px;
}
.page-jobs__thumbs--down {
margin-top: 10px;
}
.page-jobs__thumb {
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;
max-width: 150px;
text-align: center;
margin: 10px;
-webkit-filter: grayscale(0.9);
filter: grayscale(0.9);
opacity: 0.5;
}
.page-jobs__thumb p,
.values-svg {
display: none;
}
.page-jobs__thumb.is-active {
color: #8a00ee;
-webkit-filter: none;
filter: none;
opacity: 1;
}
.values-svg {
max-width: 140px;
margin-right: 50px;
}
.values-svg--thumb {
width: 40px;
height: 60px;
display: block;
margin-right: 0;
}
@media (min-width: 420px) {
.page-jobs__thumb {
margin: 5px;
font-size: 10px;
}
.page-jobs__thumb p {
display: block;
}
}
@media (min-width: 768px) {
.values-svg {
display: block;
}
.page-jobs__thumb {
font-size: 14px;
margin: 20px;
}
}
@media (min-width: 1024px) {
.page-jobs__thumb {
font-size: 16px;
}
}
.page-jobs__about {
padding-top: 30px;
}
.page-jobs__img {
position: relative;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.star_img {
position: absolute;
}
.star_img--down {
width: 50px;
height: 50px;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
bottom: -10px;
left: -20px;
}
.star_img--up {
width: 50px;
height: 50px;
right: -25px;
top: -25px;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
z-index: -1;
}
.star_img--left {
width: 40px;
height: 40px;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
left: -20px;
top: -20px;
z-index: -1;
}
@media (min-width: 768px) {
.star_img--down {
width: 100px;
height: 100px;
bottom: -20px;
right: -50px;
left: auto;
}
.star_img--left {
width: 80px;
height: 80px;
left: -40px;
top: -40px;
}
}
@media (min-width: 1024px) {
.page-jobs__img--right {
padding-left: 40px;
}
.page-jobs__img--left {
padding-right: 20px;
}
.page-jobs__text {
margin-bottom: 30px;
}
.page-jobs__text--right {
padding-left: 40px;
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;
}
.page-jobs__text--left {
padding-right: 20px;
}
.page-jobs__text p {
margin-top: 0;
}
.star_img--down {
width: 100px;
height: 100px;
bottom: -50px;
left: -7px;
right: auto;
}
}
@media (min-width: 1280px) {
.page-jobs__img--left,
.page-jobs__text--left {
padding-right: 40px;
}
}
@media (min-width: 1440px) {
.page-jobs__img--left,
.page-jobs__text--left {
padding-right: 50px;
}
}
@media (min-width: 1780px) {
.page-jobs__img--left,
.page-jobs__text--left {
padding-right: 70px;
}
}
@media (min-width: 768px) {
.page-jobs__opportimg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
min-height: 500px;
background-image: url(/ua/wp-content/themes/easy/./img/about_fon.png);
background-position: center;
background-repeat: no-repeat;
}
}
.page-jobs__opporttitle {
max-width: 500px;
margin-bottom: 40px;
font-weight: 700;
}
.page-jobs__envelope {
background-color: #efeedc;
padding: 50px 45px 80px;
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;
position: relative;
max-width: 820px;
margin-bottom: 100px;
}
.page-jobs__envelope::after,
.page-jobs__envelope::before {
content: "";
background-image: url(/ua/wp-content/themes/easy/./img/envelope.png);
background-repeat: repeat-x;
width: 94%;
left: 3%;
height: 20px;
position: absolute;
}
.page-jobs__envelope::before {
top: 0;
}
.page-jobs__envelope::after {
bottom: 0;
}
.page-jobs__envelope.jobs-title {
margin-bottom: 1em;
}
.page-jobs__envelopewrapper {
position: absolute;
height: 100%;
width: 100%;
top: 0;
}
.page-jobs__envelopewrapper::after,
.page-jobs__envelopewrapper::before {
content: "";
background-image: url(/ua/wp-content/themes/easy/./img/envelopevert.png);
background-repeat: repeat-y;
width: 20px;
height: 94%;
top: 3%;
position: absolute;
}
.page-jobs__envelopewrapper::before {
left: 0;
}
.page-jobs__envelopewrapper::after {
right: 0;
}
.category__rubric ul li a:hover,
.page-jobs__envelopetext a {
color: #8a00ee;
}
.star_envelope {
position: absolute;
}
.star_envelope--one {
width: 140px;
right: 0;
top: -70px;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.star_envelope--three,
.star_envelope--two {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.star_envelope--two {
right: 20%;
width: 50px;
bottom: 7%;
}
.star_envelope--three {
width: 30px;
bottom: 1%;
left: 15%;
}
@media (min-width: 768px) {
.star_envelope--envelope2 {
width: 80px;
bottom: 10%;
}
.star_envelope--envelope3 {
width: 50px;
}
}
@media (min-width: 1024px) {
.star_envelope--envelope1 {
right: -70px;
}
}
.page-jobs__vacancy {
padding-top: 30px;
}
@media screen and (max-width: 768px) {
.page-jobs__vacancy .events-list .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;
}
}
.page-jobs__icon {
position: absolute;
width: 60px;
height: 60px;
right: 8%;
top: -30px;
}
.page-jobs__video {
position: relative;
}
.star_video {
position: absolute;
}
.star_video--one {
width: 30px;
left: 20%;
top: -7%;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.star_video--three,
.star_video--two {
width: 46px;
left: -25px;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.star_video--three {
width: 50px;
bottom: -10%;
left: -20%;
}
.star_video--five,
.star_video--four,
.star_video--six {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
.star_video--four {
top: 20%;
width: 60px;
right: -8%;
}
.star_video--five,
.star_video--six {
width: 145px;
bottom: 1%;
right: -18%;
}
.star_video--six {
width: 35px;
bottom: -7%;
right: 23%;
}
.star_video--z {
z-index: -1;
}
@media (min-width: 768px) {
.star_video--one {
top: -27%;
}
.star_video--two {
top: -21%;
}
.star_video--three {
bottom: -35%;
}
.star_video--four {
top: 30%;
}
.star_video--five {
bottom: -15%;
}
.star_video--six {
bottom: -37%;
right: 13%;
}
.page-jobs__videorow {
margin-top: 50px;
padding-bottom: 60px;
}
}
.price-elem {
max-width: 1100px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.price-elem__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-bottom: 10px;
}
.price-elem__title {
font-size: 20px;
color: #eb1e23;
font-family: "Rounded", sans-serif;
margin-right: 30px;
margin-bottom: 15px;
}
.price-elem__min {
color: #8a00ee;
font-weight: 700;
}
.price-elem__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media screen and (max-width: 600px) {
.price-elem__row .price-elem__section {
width: calc(100% / 3);
-ms-flex-preferred-size: calc(100% / 3);
flex-basis: calc(100% / 3);
padding-right: 5px;
padding-left: 5px;
font-size: 0.9em;
text-align: center;
}
}
.price-elem__row--title {
padding-top: 7px;
padding-bottom: 7px;
}
.price-elem__purple {
font-size: 14px;
color: #8a00ee;
font-weight: 700;
display: none;
}
.price-elem__wrapper {
position: relative;
border-top: 1px solid #d20071;
border-bottom: 1px solid #d20071;
padding-top: 20px;
padding-bottom: 30px;
margin-bottom: 40px;
}
.price-elem__section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.price-elem__section--direction {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
padding-right: 20px;
}
.price-elem__section--duration {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
padding-right: 20px;
}
.price-elem__section--cost {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding-right: 10px;
font-weight: 700;
}
.price-elem__svg {
width: 30px;
height: 30px;
position: absolute;
left: 10%;
bottom: -20px;
z-index: 1;
}
.price-elem__btn {
position: absolute;
text-transform: uppercase;
font-family: "Rounded", sans-serif;
font-size: 14px;
padding-top: 12px;
padding-bottom: 12px;
right: -1px;
bottom: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 150px;
outline: 0;
}
.price-elem__btn span {
margin-left: 5px;
}
.price-elem__btn .price-btn__svg {
width: 20px;
height: 20px;
fill: #fff;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: 15px;
}
.price-elem__btn .show {
display: inline;
}
.price-elem__btn .hide {
display: none;
}
.price-elem__btn.is-active {
background: #bdbbbb;
}
.price-elem__btn.is-active .price-btn__svg {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.price-elem__btn.is-active .hide {
display: inline;
}
.price-elem__btn.is-active .show,
.price-elem__hidden {
display: none;
}
.price-elem__hidden.is-active {
display: block;
}
@media (min-width: 768px) {
.price-elem__header {
padding-bottom: 0;
}
.price-elem__title {
font-size: 30px;
}
.price-elem__purple {
display: inline;
}
.price-elem__wrapper {
border-top: none;
padding-top: 0;
}
.price-elem__svg {
display: none;
}
}
.footer *,
.main *,
.topbar__user-nav * {
-webkit-box-sizing: unset;
box-sizing: unset;
}
.footer a,
.footer button,
.footer img,
.footer span,
.main a,
.main button,
.main img,
.main span,
.topbar__user-nav a,
.topbar__user-nav button,
.topbar__user-nav img,
.topbar__user-nav span {
text-decoration: none !important;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.footer a:hover,
.footer button:hover,
.footer h1:hover,
.footer h2:hover,
.footer h3:hover,
.footer h4:hover,
.footer h5:hover,
.footer h6:hover,
.footer img:hover,
.footer p:hover,
.footer span:hover,
.main a:hover,
.main button:hover,
.main h1:hover,
.main h2:hover,
.main h3:hover,
.main h4:hover,
.main h5:hover,
.main h6:hover,
.main img:hover,
.main p:hover,
.main span:hover,
.topbar__user-nav a:hover,
.topbar__user-nav button:hover,
.topbar__user-nav h1:hover,
.topbar__user-nav h2:hover,
.topbar__user-nav h3:hover,
.topbar__user-nav h4:hover,
.topbar__user-nav h5:hover,
.topbar__user-nav h6:hover,
.topbar__user-nav img:hover,
.topbar__user-nav p:hover,
.topbar__user-nav span:hover {
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.main p,
.topbar__user-nav h1,
.topbar__user-nav h2,
.topbar__user-nav h3,
.topbar__user-nav h4,
.topbar__user-nav h5,
.topbar__user-nav h6,
.topbar__user-nav p {
margin: 0;
text-decoration: none !important;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.footer li,
.footer ul,
.main li,
.main ul,
.topbar__user-nav li,
.topbar__user-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer .main-container,
.main .main-container,
.topbar__user-nav .main-container {
margin: 0 auto;
width: 100%;
max-width: 1235px;
}
.main--front-page .main-container {
max-width: 1164px;
}
.footer .container-main,
.main .container-main,
.topbar__user-nav .container-main {
padding: 0 91px;
}
.footer .hidden,
.main .hidden,
.topbar__user-nav .hidden {
font-size: 0;
visibility: hidden;
height: 0;
}
.footer .scroll-hidden,
.main .scroll-hidden,
.topbar__user-nav .scroll-hidden {
position: relative;
overflow: hidden;
}
.footer .swiper-button-next,
.main .swiper-button-next,
.topbar__user-nav .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238a00ee'%2F%3E%3C%2Fsvg%3E") !important;
}
.footer .swiper-button-next:hover,
.main .swiper-button-next:hover,
.topbar__user-nav .swiper-button-next:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ed1c24'%2F%3E%3C%2Fsvg%3E") !important;
}
.footer .swiper-button-prev,
.main .swiper-button-prev,
.topbar__user-nav .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238a00ee'%2F%3E%3C%2Fsvg%3E") !important;
}
.footer .swiper-button-prev:hover,
.main .swiper-button-prev:hover,
.topbar__user-nav .swiper-button-prev:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ed1c24'%2F%3E%3C%2Fsvg%3E") !important;
}
.main .e-rev__next,
.main .e-rev__next:hover,
.main .e-rev__prev,
.main .e-rev__prev:hover {
background-image: none !important;
}
.footer input,
.footer textarea,
.footer textarea.active.focus,
.footer textarea.active:focus,
.footer textarea.focus,
.footer textarea:active.focus,
.footer textarea:active:focus,
.footer textarea:focus,
.main input,
.main textarea,
.main textarea.active.focus,
.main textarea.active:focus,
.main textarea.focus,
.main textarea:active.focus,
.main textarea:active:focus,
.main textarea:focus,
.topbar__user-nav input,
.topbar__user-nav textarea,
.topbar__user-nav textarea.active.focus,
.topbar__user-nav textarea.active:focus,
.topbar__user-nav textarea.focus,
.topbar__user-nav textarea:active.focus,
.topbar__user-nav textarea:active:focus,
.topbar__user-nav textarea:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.ui-tabs {
position: relative;
padding: 0.2em;
zoom: 1;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 0;
background: 0 0;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
.category {
position: relative;
overflow: hidden;
padding-top: 187px;
padding-bottom: 50px;
}
.category .main-container {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.category__background-white {
position: absolute;
bottom: -150px;
left: 0;
width: 2000px;
height: 550px;
background: #fff;
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.category__card,
.category__card:hover {
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.category__card {
position: relative;
z-index: 4;
margin-bottom: 20px;
width: 100%;
max-width: 595px;
height: 300px;
border-radius: 5px;
-webkit-box-shadow: 0 12px 21px 0 transparent;
box-shadow: 0 12px 21px 0 transparent;
background-color: #fff;
}
.category__card:hover {
-webkit-box-shadow: 0 12px 21px 0 rgba(138, 0, 238, 0.2);
box-shadow: 0 12px 21px 0 rgba(138, 0, 238, 0.2);
}
.link-absolute {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.category__card-img {
position: absolute;
overflow: hidden;
top: 0;
right: 0;
width: auto;
height: 300px;
text-align: right;
}
.category__card-img img {
width: auto;
height: 100%;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
}
.category__block {
padding: 11px 18px 8px;
}
.category__title {
position: relative;
z-index: 1;
padding-bottom: 16px;
font-size: 40px;
font-family: "Rounded", sans-serif;
font-weight: 400;
line-height: 1;
color: #8a00ee;
}
.category__age-category {
position: relative;
left: -18px;
z-index: 1;
margin-bottom: 46px;
padding: 6px 0 6px 18px;
width: 94px;
height: 29px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #ed1c24;
}
.category__age-category span {
font-size: 17px;
font-family: "Rounded", sans-serif;
color: #fff;
}
.category__rubric ul {
list-style: none;
}
.category__rubric ul li {
position: relative;
z-index: 3;
width: 100%;
max-width: 270px;
list-style-type: none;
}
.category__rubric ul li a {
font-size: 16px;
line-height: 2.13;
color: #333;
}
.category__rubric .category__rubric-more {
position: relative;
z-index: 3;
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;
margin-top: 10px;
width: 113px;
height: 18px;
font-size: 12px;
font-weight: 500;
line-height: 1;
color: #fff;
border: 2px solid transparent;
border-radius: 8px;
background-color: #8a00ee;
}
.category__rubric .category__rubric-more:hover {
color: #8a00ee;
background-color: #fff;
border: 2px solid #8a00ee;
}
.category__rubric .category__rubric-main {
position: relative;
z-index: 2;
}
.category__rubric .category__rubric-main::before {
position: absolute;
top: 12px;
left: -14px;
width: 11px;
height: 10px;
content: "";
background: url(/ua/wp-content/themes/easy/./img/path.svg);
}
.category__text-content {
position: relative;
z-index: 1;
padding-bottom: 35px;
}
.category__text-content p {
font-size: 16px;
line-height: 1.63;
color: #333;
}
.u-class-js-1 .animation1 {
position: absolute;
top: -20px;
left: 187px;
z-index: 2;
width: 52px;
height: 52px;
opacity: 0;
}
.u-class-js-1 .animation2,
.u-class-js-1 .animation3 {
position: absolute;
z-index: 2;
-webkit-animation: scale-back ease 0.6s 0.5s forwards;
animation: scale-back ease 0.6s 0.5s forwards;
}
.u-class-js-1 .animation2 {
top: -32px;
right: 196px;
width: 52px;
height: 60px;
}
.u-class-js-1 .animation3 {
right: -30px;
bottom: 29px;
width: 75px;
height: 72px;
}
.u-class-js-1 .animation4 {
position: absolute;
bottom: -30px;
left: 195px;
z-index: 2;
width: 143px;
height: 121px;
-webkit-animation: submarine-back linear 0.6s 0.5s forwards;
animation: submarine-back linear 0.6s 0.5s forwards;
}
.u-class-js-2 .animation1,
.u-class-js-3 .animation1,
.u-class-js-4 .animation1,
.u-class-js-5 .animation1 {
position: absolute;
top: -32px;
right: 196px;
z-index: 2;
-webkit-animation: scale-back ease 0.6s 0.5s forwards;
animation: scale-back ease 0.6s 0.5s forwards;
}
.u-class-js-2 .animation2,
.u-class-js-3 .animation2,
.u-class-js-4 .animation2,
.u-class-js-5 .animation2 {
position: absolute;
right: -30px;
bottom: 29px;
z-index: 2;
-webkit-animation: scale-back ease 0.6s 0.5s forwards;
animation: scale-back ease 0.6s 0.5s forwards;
}
.u-class-js-2 .animation3,
.u-class-js-3 .animation3,
.u-class-js-4 .animation3,
.u-class-js-5 .animation3 {
position: absolute;
bottom: -30px;
left: 195px;
z-index: 2;
-webkit-animation: submarine-back linear 0.6s 0.5s forwards;
animation: submarine-back linear 0.6s 0.5s forwards;
}
.u-class-js-2 .animation1 {
width: 72px;
height: 84px;
}
.u-class-js-2 .animation2 {
width: 83px;
height: 101px;
}
.u-class-js-2 .animation3 {
width: 93px;
height: 91px;
}
.u-class-js-3 .animation1 {
width: 85px;
height: 64px;
}
.u-class-js-3 .animation2 {
width: 65px;
height: 77px;
}
.u-class-js-3 .animation3 {
width: 97px;
height: 100px;
}
.u-class-js-4 .animation1 {
width: 84px;
height: 74px;
}
.u-class-js-4 .animation2 {
width: 90px;
height: 94px;
}
.u-class-js-4 .animation3 {
width: 110px;
height: 111px;
}
.u-class-js-5 .animation1 {
width: 65px;
height: 77px;
}
.u-class-js-5 .animation2 {
width: 93px;
height: 103px;
}
.u-class-js-5 .animation3 {
width: 109px;
height: 83px;
}
.category__card--children:hover .animation1 {
opacity: 1;
animation: rotate linear 1.4s infinite alternate-reverse !important;
}
.category__card--children:hover .animation2,
.category__card--children:hover .animation3 {
-webkit-animation: scale ease 0.6s forwards !important;
animation: scale ease 0.6s forwards !important;
}
.category__card--children:hover .animation4 {
-webkit-animation: submarine-go linear 0.6s forwards !important;
animation: submarine-go linear 0.6s forwards !important;
}
.category__card--adults:hover .animation1,
.category__card--adults:hover .animation2,
.category__card--preschoolers:hover .animation1,
.category__card--preschoolers:hover .animation2,
.category__card--teens:hover .animation1,
.category__card--teens:hover .animation2,
.category__card--with-us:hover .animation1,
.category__card--with-us:hover .animation2 {
-webkit-animation: scale ease 0.6s forwards !important;
animation: scale ease 0.6s forwards !important;
}
.category__card--adults:hover .animation3,
.category__card--preschoolers:hover .animation3,
.category__card--teens:hover .animation3,
.category__card--with-us:hover .animation3 {
-webkit-animation: submarine-go linear 0.6s forwards !important;
animation: submarine-go linear 0.6s forwards !important;
}
.category__card--with-us .category__text-content p {
width: 100%;
max-width: 315px;
}
.category__card--join-us {
height: auto;
border-radius: 5px;
border: solid 1px #979797;
}
.category__card--join-us .category__title {
padding-top: 8px;
padding-bottom: 25px;
font-size: 25px;
}
.category__card--join-us .category__text-content {
padding-bottom: 40px;
}
.category__card--join-us .category__text-content p {
line-height: 1;
}
.category__card--join-us .category__vacancy a:nth-last-child(1) {
margin-right: 0;
}
.category__card--join-us .category__vacancy a {
margin-right: 5px;
margin-top: 10px;
padding: 15px 12px;
font-size: 15px;
font-family: "Rounded", sans-serif;
}
.contact {
position: relative;
background: #f8f8f8;
}
.contact .u-subtitle {
position: relative;
z-index: 1;
}
.contact__background-bottom,
.contact__background-top {
position: absolute;
width: 2000px;
height: 400px;
background: #f8f8f8;
}
.contact__background-bottom {
left: 0;
}
.contact__background-top {
top: -145px;
left: -45px;
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
.contact__background-bottom {
bottom: -67px;
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
.contact__block-title-contact {
position: relative;
z-index: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
padding-bottom: 20px;
}
.contact__block-title-contact .u-title {
margin-right: 20px;
padding-bottom: 0;
}
.contact__block-title-contact,
.contact__number-phone,
.contact__tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.contact__number-phone {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact__number-phone p {
padding-right: 77px;
font-family: "Rounded", sans-serif;
font-size: 30px;
color: #ed1c24;
}
.contact__number-phone a {
width: 179px;
font-family: "Rounded", sans-serif;
font-size: 16px;
border: solid 5px #8a00ee;
text-transform: uppercase;
}
.contact__tab {
position: relative;
z-index: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 66px;
border: 0;
background: 0 0;
}
.contact__tab-left-block {
margin-right: 30px;
width: 100%;
max-width: 660px;
}
.contact__tab-left-block .ui-tabs-nav {
padding: 0;
border: 0;
background: 0 0;
}
.contact__tab-left-block .ui-tabs-nav li {
position: relative;
top: 0;
margin: 0 0 5px;
padding: 9px 13px;
width: 100%;
border-radius: 5px;
-webkit-box-shadow: 0 2px 10px 0 transparent;
box-shadow: 0 2px 10px 0 transparent;
border: solid 1px transparent;
background-color: transparent;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.contact__tab-left-block .ui-tabs-nav li::after {
position: absolute;
top: 19px;
right: -200px;
width: 200px;
height: 1px;
background: #8a00ee;
content: "";
opacity: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.contact__tab-left-block .ui-tabs-nav li a:nth-child(1) {
width: 100%;
padding: 0;
}
.contact__tab-left-block .ui-tabs-nav li a:nth-child(1) .name-address {
margin-right: 10px;
display: inline-block;
font-family: "Rounded", sans-serif;
font-size: 16px;
color: #8a00ee;
}
.contact__tab-left-block .ui-tabs-nav li a:nth-child(1) .address {
font-family: "Montserrat", sans-serif;
font-size: 15px;
color: #000;
}
.contact__tab-left-block .ui-tabs-nav li a:nth-child(1):before {
position: relative;
top: 5px;
margin-right: 15px;
padding: 0 7px;
content: "";
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='19' viewBox='0 0 14 19'%3e%3cpath fill='%23D0D0D0' fill-rule='nonzero' d='M6.75.135C3.264.26.368 3.051.033 6.612a7.407 7.407 0 0 0 .094 2.063s.01.078.047.225c.108.495.27.975.47 1.425.703 1.705 2.325 4.558 5.966 7.662.223.191.55.191.777 0 3.641-3.1 5.264-5.953 5.969-7.666.205-.45.363-.926.471-1.424A7.4 7.4 0 0 0 14 7.31C14 3.257 10.73-.01 6.75.135zM7 10.882c-1.878 0-3.4-1.561-3.4-3.488 0-1.926 1.522-3.487 3.4-3.487s3.4 1.56 3.4 3.487-1.522 3.488-3.4 3.488z'/%3e%3c/svg%3e");
}
.contact__tab-left-block .ui-tabs-nav li i {
position: absolute;
top: 12px;
right: 20px;
z-index: 2;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-style: normal;
color: #8a00ee;
opacity: 0;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.contact__tab-left-block .ui-state-hover,
.contact__tab-left-block .ui-tabs-active {
-webkit-box-shadow: 0 2px 10px 0 rgba(138, 0, 238, 0.24) !important;
box-shadow: 0 2px 10px 0 rgba(138, 0, 238, 0.24) !important;
border: solid 1px #8a00ee !important;
border-bottom: solid 1px #8a00ee !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.contact__tab-left-block .ui-state-hover a:before,
.contact__tab-left-block .ui-tabs-active a:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='19' viewBox='0 0 14 19'%3e%3cpath fill='%23ed1c24' fill-rule='nonzero' d='M6.75.135C3.264.26.368 3.051.033 6.612a7.407 7.407 0 0 0 .094 2.063s.01.078.047.225c.108.495.27.975.47 1.425.703 1.705 2.325 4.558 5.966 7.662.223.191.55.191.777 0 3.641-3.1 5.264-5.953 5.969-7.666.205-.45.363-.926.471-1.424A7.4 7.4 0 0 0 14 7.31C14 3.257 10.73-.01 6.75.135zM7 10.882c-1.878 0-3.4-1.561-3.4-3.488 0-1.926 1.522-3.487 3.4-3.487s3.4 1.56 3.4 3.487-1.522 3.488-3.4 3.488z'/%3e%3c/svg%3e") !important;
}
.contact__tab-left-block .ui-state-hover i,
.contact__tab-left-block .ui-tabs-active i,
.contact__tab-left-block .ui-tabs-active::after {
opacity: 1 !important;
-webkit-transition: all 0.6s !important;
transition: all 0.6s !important;
}
.map-modal {
display: block;
position: relative;
overflow: hidden;
z-index: 2;
background: 0 0;
}
.map-modal .modal {
width: 100%;
max-width: none;
margin: 0;
}
.map-modal .easy-feedback__form,
.your-family--direction .your-family__right-block .slider-block .slider-block__pagination .swiper-pagination-bullet-active::before {
display: none;
}
.map-modal .map-modal__close {
opacity: 0;
}
.map-modal-active {
display: block;
position: fixed;
z-index: 2000;
overflow: auto;
background: #8a00ee;
}
.cours__tab ul li.ui-state-active:before,
.map-modal-active .map-modal__close {
opacity: 1;
}
.map-modal-active .modal {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 180px 0 100px;
max-width: 435px;
height: 540px;
}
.map-modal-active .contact__tab-left-block {
opacity: 0;
height: 0;
width: 0;
}
.map-modal-active .easy-feedback__form {
position: absolute;
top: 0;
left: -320px;
display: block;
width: 100%;
max-width: 320px;
height: 540px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
-webkit-box-shadow: 0 2px 10px 0 rgba(138, 0, 238, 0.24);
box-shadow: 0 2px 10px 0 rgba(138, 0, 238, 0.24);
background-color: #fff;
}
.map-modal-active .easy-feedback__form .u-call {
top: auto;
bottom: 11px;
left: 29px;
right: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.map-modal-active .easy-feedback__form .u-call a:nth-child(1) {
font-size: 20px;
font-weight: 500;
line-height: 0.9;
color: #ed1c24;
margin-bottom: 10px;
}
.map-modal-active .easy-feedback__form .u-call a:nth-child(2) {
padding: 6px 28px;
font-size: 15px;
border-radius: 8px;
background-color: #ed1c24;
}
.map-modal-active .easy-feedback__form .u-call a:nth-child(2):hover {
color: #8a00ee;
border: solid 2px #8a00ee;
background-color: #fff;
}
.map-modal-active .tab-content-new-page {
top: 0;
left: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 540px;
}
.map-modal-active .contact__tab-right-block {
max-width: 100%;
}
.map-modal-active .contacts-card {
padding: 11px 13px 0 29px;
}
.map-modal-active .contacts-card p {
font-size: 15px;
color: #000;
}
.map-modal-active .contacts-card p:nth-child(2) {
padding-bottom: 20px;
}
.map-modal-active .contacts-card p:nth-child(3) {
padding-bottom: 8px;
}
.map-modal-active .contacts-card__title {
padding-bottom: 8px;
}
.map-modal-active .contacts-card {
font-size: 15px;
}
.map-modal__close {
top: 150px;
right: -160px;
width: 16px;
height: 16px;
}
.map-modal__close svg {
fill: #000;
}
.map-modal__contact-img-shape {
position: absolute;
top: -59px;
left: -36px;
width: 73px;
height: 94px;
}
.contact__tab-right-block {
position: relative;
width: 100%;
max-width: 435px;
min-height: 490px;
}
.tab-content-new-page {
position: absolute;
top: -50px;
left: 0;
padding: 0;
width: 435px;
height: 540px;
}
.directions__content-header {
padding-top: 115px;
padding-bottom: 80px;
background-size: cover !important;
background-position: bottom center !important;
background-repeat: no-repeat !important;
}
.directions__content-header .directions__text {
padding-bottom: 47px;
width: 100%;
max-width: 435px;
}
.directions__content-header a {
display: inline-block;
margin-bottom: 20px;
padding: 17px 40px 15px;
font-family: "Rounded", sans-serif;
background: 0 0;
text-transform: uppercase;
}
.directions__subtitle,
.directions__title-page {
font-family: "Rounded", sans-serif;
font-size: 50px;
color: #ed1c24;
}
.directions__title-page {
padding-bottom: 15px;
font-size: 100px;
line-height: 1.35;
color: #8a00ee;
}
.directions__text {
font-size: 20px;
line-height: 1.2;
color: #333;
}
.directions__content-body {
position: relative;
}
.directions__content-body .main-container {
position: relative;
z-index: 1;
}
.directions__background-white-top {
position: absolute;
top: -125px;
height: 400px;
left: 0;
width: 2000px;
background: #fff;
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.directions__video-and-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.directions__video-and-text .directions__text {
width: 100%;
max-width: 592px;
}
.directions__video {
margin-right: 10px;
max-width: 594px;
opacity: 1;
}
.directions__video,
.directions__video iframe,
.directions__video img,
.directions__video video {
width: 100%;
height: 311px;
}
.directions__video img {
-o-object-fit: cover;
object-fit: cover;
}
.cours__tab ul li a,
.directions__title {
font-family: "Rounded", sans-serif;
font-size: 60px;
color: #ed1c24;
}
.your-family--direction {
padding-top: 104px;
padding-bottom: 50px;
}
.your-family--direction .directions__title {
padding-bottom: 50px;
}
.your-family--direction .your-family__left-block {
margin-right: 10px;
width: 100%;
max-width: 592px;
}
.your-family--direction .your-family__right-block {
width: 100%;
max-width: 580px;
}
.your-family--direction .your-family__right-block .slider-block .slider-block__pagination .swiper-pagination-bullet {
border: 0;
opacity: 0.24;
background-color: #8a00ee;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.your-family--direction .your-family__right-block .swiper-pagination-bullet-active {
opacity: 1 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.cours {
padding-bottom: 20px;
margin-bottom: 0 !important;
}
.cours .directions__title {
padding-bottom: 75px;
}
.cours__tab,
.cours__tab ul {
padding: 0;
border: 0;
background: 0 0;
}
.cours__tab ul {
width: 96.6%;
min-height: 41px;
border-radius: 0 !important;
border-bottom: solid 1px rgba(151, 151, 151, 0.2);
}
.cours__tab ul li,
.cours__tab ul li:before {
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.cours__tab ul li {
top: 0;
display: inline-block;
margin-right: 41px !important;
float: none !important;
border: 0 !important;
background: 0 0 !important;
opacity: 0.32;
}
.cours__tab ul li:before {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -4px;
width: 65px;
height: 7px;
content: "";
border-radius: 5.5px;
background-color: #8a00ee;
opacity: 0;
}
.cours__tab ul li a {
padding: 0 0 7px !important;
font-size: 25px;
color: #8a00ee !important;
outline: 0;
}
.cours__tab ul li.ui-state-active,
.cours__tab ul li.ui-state-hover {
opacity: 1;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.cours__content {
padding: 20px 0 !important;
}
.cours__content .repeating-card {
margin: 0 27px 30px 0;
}
.cours__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.our-advantage {
padding-bottom: 40px;
}
.our-advantage .directions__title {
padding-bottom: 56px;
}
.our-advantage__tabs ul,
.our-advantage__tabs-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.our-advantage__tabs ul li {
margin: 0 20px 20px;
width: 100%;
max-width: 226px;
font-size: 16px;
font-weight: 600;
text-align: center;
cursor: pointer;
color: rgba(138, 0, 238, 0.4);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.our-advantage__tabs ul li:hover {
color: #8a00ee;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.our-advantage__tabs ul li img {
width: auto;
max-width: 48px;
height: auto;
max-height: 43px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.our-advantage__tabs hr {
margin: 20px 0 30px;
width: 100%;
border: 0;
border-bottom: solid 1px #979797;
}
.our-advantage__tabs-img {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto 21px;
width: 65px;
height: 65px;
border-radius: 50%;
background-color: #f2f2f2;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.our-advantage__block {
display: none;
-webkit-transform: scale(0);
transform: scale(0);
}
.active-li-tab,
.active-li-tab .our-advantage__tabs-img,
.active-li-tab img {
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.active-li-tab {
color: #8a00ee !important;
}
.active-li-tab .our-advantage__tabs-img {
background-color: transparent;
}
.active-li-tab img {
-webkit-transform: scale(1.4) !important;
transform: scale(1.4) !important;
}
.active-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-animation: scale 0.6s 0.2s forwards;
animation: scale 0.6s 0.2s forwards;
}
.our-advantage__img {
position: relative;
overflow: hidden;
margin-right: 20px;
width: 100%;
max-width: 276px;
}
.our-advantage__img img {
width: auto;
height: auto;
}
.our-advantage__content {
padding-bottom: 30px;
width: 100%;
max-width: 880px;
}
.our-advantage__title {
padding-bottom: 30px;
font-size: 26px;
font-weight: 600;
color: #8a00ee;
}
.our-advantage__text {
font-size: 20px;
line-height: 1.4;
color: #1e1e1e;
}
.directions__background-white-footer {
top: -255px;
left: 0;
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
.directions__background-white-events,
.directions__background-white-footer {
position: absolute;
height: 400px;
width: 2000px;
background: #fff;
}
.directions__content-footer {
position: relative;
top: -100px;
}
.directions__content-footer .form-contact {
padding-top: 172px;
padding-bottom: 233px;
}
.directions__content-footer .form-contact__form {
padding-top: 0;
padding-bottom: 0;
}
.directions__events {
position: relative;
}
.directions__background-white-events {
top: -140px;
left: -40px;
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
.directions__events-block {
position: relative;
top: -100px;
z-index: 1;
}
.directions__events-block .directions__title {
padding-bottom: 28px;
}
.directions__events-block .repeating-card {
position: relative;
}
.directions__events-block .repeating-card .repeating-card__hint {
position: absolute;
top: -15px;
left: 14px;
z-index: 1;
padding: 5px 7px 4px;
width: auto;
font-family: "Rounded", sans-serif;
font-size: 12px;
color: #fff;
text-align: center;
background: #ed1c24;
border-radius: 5px;
}
.directions__events-block .repeating-card .repeating-card__hint:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 5px 7px 13px;
width: 53px;
height: 32px;
content: "";
background: url(/ua/wp-content/themes/easy/./img/hint.svg) no-repeat;
background-size: 53px 32px;
}
.directions__events-content,
.directions__other-cards-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directions__events-content .repeating-card:nth-child(2),
.directions__events-content .repeating-card:nth-child(3),
.directions__other-cards-content .repeating-card:nth-child(2),
.directions__other-cards-content .repeating-card:nth-child(3) {
margin: 0 10px;
}
.directions__other {
position: relative;
z-index: 1;
}
.directions__other .directions__title {
padding-bottom: 28px;
}
.directions__other-cards {
position: relative;
width: 100%;
max-width: 275px;
text-align: center;
}
.directions__other-cards img {
width: 275px;
height: 275px;
-o-object-fit: cover;
object-fit: cover;
}
.directions__other-cards:hover .directions__other-title {
opacity: 1;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.directions__other-cards:hover .directions__other-year {
background-color: #8a00ee;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.directions__other-block-img {
position: relative;
overflow: hidden;
border-radius: 50%;
}
.directions__other-title,
.directions__other-year {
position: relative;
font-family: "Rounded", sans-serif;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.directions__other-year {
display: inline-block;
margin: 0 auto;
padding: 6px 22px;
border-radius: 5px;
background-color: #ed1c24;
top: -30px;
font-size: 18px;
color: #fff;
}
.directions__other-title {
top: -10px;
font-size: 25px;
color: #8a00ee;
}
.footer__colour-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 30px 23px 0 57px;
background-color: rgba(205, 205, 205, 0.3);
}
.footer__logo-container {
padding-right: 50px;
width: 70px;
}
.footer__logo img,
.footer__logo img:hover {
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__logo img {
width: 70px;
max-height: 40px;
fill: #ed1c24;
}
.footer__logo img:hover {
opacity: 0.6;
}
.footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: 1690px;
}
.footer__container .menu-item-object-custom,
.footer__container .menu-item-type-post_type_archive {
margin-right: 60px;
margin-bottom: 33px;
width: content-box;
}
.footer__container .menu-item a {
display: block;
margin-bottom: 13px;
width: auto;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #1e1e1e;
}
.footer__container .menu-item a:hover {
color: #ed1c24 !important;
}
.footer__container .menu-item-has-children a {
font-weight: 600;
color: #8a00ee;
}
.footer__container .menu-item-has-children .sub-menu a {
font-weight: 500;
color: #1e1e1e;
}
.footer__container .menu-item-has-children .sub-menu .menu-item-object-custom,
.footer__container .menu-item-has-children .sub-menu .menu-item-type-post_type_archive {
margin-right: 0;
margin-bottom: 0;
width: auto;
min-width: auto;
}
.footer__container--w-700 {
max-width: 700px;
}
.footer__nav-title a {
font-weight: 600 !important;
color: #8a00ee !important;
}
.footer__colour-container--new-color {
padding-top: 38px;
background-color: rgba(205, 205, 205, 0.08);
}
.footer__network {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
width: 100%;
max-width: 870px;
}
.footer__social-network-text {
padding-right: 20px;
width: 100%;
max-width: 180px;
}
.footer__social-network-text p {
font-size: 16px;
color: #1e1e1e;
}
.footer__social-icon {
margin-right: 30px;
width: 100%;
max-width: 265px;
max-height: 33px;
}
.footer__social-icon a {
margin-right: 8px;
}
.footer__social-icon a svg {
width: 32px;
height: 32px;
}
.footer__social-icon a:nth-child(1) svg .color-1,
.footer__social-icon a:nth-child(2) svg .color-1,
.footer__social-icon a:nth-child(3) svg .color-1,
.footer__social-icon a:nth-child(4) svg .color-1,
.footer__social-icon a:nth-child(5) svg .color-1,
.footer__social-icon a:nth-child(6) svg .color-1 {
fill: #a0a0a0 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__social-icon a:nth-child(1) svg:hover .color-1 {
fill: #5181b8 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__social-icon a:nth-child(2) svg:hover .color-1 {
fill: #3c5a99 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__social-icon a:nth-child(3) svg:hover .color-1 {
fill: #eb9666 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__social-icon a:nth-child(4) svg:hover .color-1 {
fill: red !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__social-icon a:nth-child(5) svg:hover .color-1 {
fill: #4caf50 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__social-icon a:nth-child(6) svg:hover .color-1 {
fill: #5181b8 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__call,
.u-call {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__call a:nth-child(1),
.u-call a:nth-child(1) {
position: relative;
top: -2px;
display: inline-block;
font-weight: 500;
line-height: 1;
}
.footer__call a:nth-child(1) {
margin-right: 19px;
font-size: 20px;
color: #ed1c24;
}
.u-call a:nth-child(1) {
width: 160px;
}
.footer__call a:nth-child(1) {
width: 200px;
}
.footer__call a:nth-child(1) svg,
.u-call a:nth-child(1) svg {
position: relative;
top: 5px;
width: 23px;
height: 23px;
}
.footer__call a:nth-child(1):hover,
.u-call a:nth-child(1):hover {
opacity: 0.6;
}
.footer__call a:nth-child(2) {
padding: 10px 14px;
font-size: 15px;
}
.footer__colour-container--white {
padding-top: 31px;
background: #fff;
}
.city-svg svg,
.footer__colour-container--white .footer__container {
width: 100%;
}
.footer__inn-and-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.footer__text-inn {
padding-right: 55px;
width: 100%;
max-width: 630px;
}
.footer__text-inn a {
display: block;
padding-bottom: 13px;
font-size: 17px;
color: #ed1c24;
text-transform: uppercase;
}
.footer__dev a:hover,
.footer__text-inn a:hover {
opacity: 0.6;
}
.footer__text {
width: 100%;
max-width: 640px;
font-size: 15px;
line-height: 1.53;
color: #000;
opacity: 0.5;
}
.footer__copy-dev {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 21px;
width: 100%;
}
.footer__copy,
.footer__dev {
position: relative;
top: -21px;
}
.footer__copy span {
font-size: 15px;
color: #000;
opacity: 0.5;
}
.footer__copy span:nth-child(1) {
padding-right: 10px;
}
.footer__dev {
opacity: 0.5;
line-height: 1.3;
}
.footer__dev,
.footer__dev a {
font-size: 15px;
color: #000;
}
.form-contact {
background-color: #8a00ee;
}
.form-contact--inner {
background-color: transparent;
}
.form-contact--inner input {
-webkit-box-sizing: content-box;
box-sizing: content-box;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-contact--inner .main-container {
width: 100%;
max-width: 1235px;
}
.form-contact--inner .form-contact__form {
padding: 0;
}
.form-contact--inner .form-contact__title {
margin: 0 0 10px;
padding-bottom: 0;
color: #ed1c24;
line-height: 1.33;
}
.form-contact--inner .form-contact__subtitle {
padding-bottom: 0;
color: #8a00ee;
}
.form-contact--inner .form-contact__input-block input {
color: #979797;
border-bottom: 1px solid #878787;
}
.form-contact--inner .form-contact__input-block span {
color: #979797;
}
.form-contact--inner .form-contact__textarea {
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 785px;
color: #979797;
border: 1px solid #878787;
resize: none;
}
.form-contact--inner .form-contact__textarea::-webkit-input-placeholder {
color: #979797;
}
.form-contact--inner .form-contact__textarea::-moz-placeholder {
color: #979797;
}
.form-contact--inner .form-contact__textarea::-ms-input-placeholder {
color: #979797;
}
.form-contact--inner .form-contact__textarea::placeholder {
color: #979797;
}
.form-contact--inner .form-contact__text,
.form-contact--inner .form-contact__text a {
color: #8d8d8d;
}
.form-contact__form {
padding-top: 85px;
padding-bottom: 66px;
width: 100%;
max-width: 801px;
}
.form-contact__title {
padding-bottom: 24px;
font-family: "Rounded", sans-serif;
font-size: 60px;
line-height: 1;
color: #fff;
}
.form-contact__subtitle {
padding-bottom: 25px;
font-size: 15px;
font-weight: 400;
color: #fff;
}
.form-contact__container {
padding-top: 20px;
}
.form-contact__input-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-contact__input-block label {
position: relative;
width: 100%;
max-width: 320px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-contact__input-block label input,
.form-contact__input-block label span {
font-size: 15px;
font-weight: 600;
color: #fff;
}
.form-contact__input-block label input {
padding: 0 0 0 7px;
width: 100%;
max-width: 313px;
height: 40px;
border: 0;
border-bottom: 1px solid #fff;
background: 0 0;
}
.form-contact__input-block label input:-ms-input-placeholder,
.form-contact__input-block label input::-ms-input-placeholder {
opacity: 0;
color: transparent;
}
.form-contact__input-block label input:-ms-input-placeholder,
.form-contact__input-block label input::placeholder {
opacity: 0;
color: transparent;
}
.form-contact__input-block label input::-webkit-input-placeholder {
opacity: 0;
color: transparent;
}
.form-contact__input-block label input::-moz-placeholder {
opacity: 0;
color: transparent;
}
.form-contact__input-block label input:focus ~ .form-contact__label-wrap::after {
width: 100%;
}
.form-contact__input-block label input:not(:placeholder-shown) ~ .form-contact__label-wrap .form-contact__label-span {
bottom: 15px;
opacity: 0;
color: transparent;
}
.form-contact__input-block label input:focus::-webkit-input-placeholder {
opacity: 0;
color: transparent;
}
.form-contact__input-block label input:focus::-moz-placeholder {
opacity: 0;
color: transparent;
}
.form-contact__input-block label input:focus ~ .form-contact__label-wrap .form-contact__label-span {
opacity: 1;
bottom: 40px;
}
.form-contact__input-block .form-contact__label-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
pointer-events: none;
cursor: text;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-contact__input-block .form-contact__label-wrap::after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 0;
height: 1px;
background-color: #939393;
will-change: width;
-webkit-transition: width 0.4s ease-out;
transition: width 0.4s ease-out;
}
.form-contact__input-block .form-contact__label-span {
position: absolute;
left: 7px;
bottom: calc(50% - 11px);
font-size: 15px;
font-weight: 600;
color: #fff;
line-height: 1;
pointer-events: none;
-webkit-transition: bottom 0.4s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity 0.4s ease-out;
transition: bottom 0.4s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity 0.4s ease-out;
will-change: bottom, opacity;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.form-contact__label-span {
bottom: 35px !important;
}
}
.form-contact__textarea {
margin-top: 42px;
margin-bottom: 13px;
padding: 13px 7px;
width: 100%;
max-width: 785px;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
color: #fff;
border: solid 1px #fff;
background: 0 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.form-contact__textarea::-webkit-input-placeholder {
opacity: 1;
color: #fff;
}
.form-contact__textarea::-moz-placeholder {
opacity: 1;
color: #fff;
}
.form-contact__textarea:focus {
border: solid 1px #939393;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.form-contact__submit {
display: inline-block;
margin-bottom: 20px;
padding: 10px 36px;
margin-right: 23px;
font-size: 15px;
font-weight: 600;
}
.form-contact__text {
display: inline-block;
width: 100%;
max-width: 330px;
font-size: 11px;
color: #fff;
line-height: 1.2;
}
.form-contact__text a {
text-decoration: underline !important;
color: #fff;
}
.form-contact__text a:hover {
opacity: 0.6;
}
.gallery {
position: relative;
padding-top: 122px;
}
.gallery__background {
position: absolute;
top: 0;
left: 0;
width: 2000px;
height: 700px;
opacity: 0.06;
background-color: #939393;
}
.gallery__subtitle,
.gallery__title {
padding-bottom: 53px;
font-family: "Rounded", sans-serif;
}
.gallery__title {
width: 100%;
max-width: 860px;
font-size: 50px;
color: #8a00ee;
}
.gallery__subtitle {
font-size: 20px;
color: #ed1c24;
}
.gallery__text {
width: 100%;
max-width: 1075px;
font-size: 20px;
line-height: 1.2;
color: #333;
}
.gallery__slider,
.gallery__text {
padding-bottom: 53px;
}
.gallery-top .swiper-slide {
max-height: 500px;
}
.gallery-top .swiper-slide img {
width: 100%;
height: 100%;
min-height: 150px;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
}
.gallery__thumbs {
position: relative;
padding: 26px 100px 0;
}
.gallery__thumbs-container .swiper-slide img {
width: 115px;
height: 115px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border: solid 3px transparent;
opacity: 0.35;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.gallery__thumbs-container .swiper-slide-thumb-active img {
border: solid 3px #8a00ee;
opacity: 1;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.gallery__button-next,
.gallery__button-prev {
width: 33px;
height: 59px;
background-size: 33px 59px;
}
.gallery__button-next {
right: 35px;
}
.gallery__button-prev {
left: 35px;
}
.gallery__video {
margin-bottom: 53px;
}
.gallery__video .wp-video,
.gallery__video iframe,
.gallery__video video {
margin: 0 auto;
width: 100% !important;
max-width: 917px;
height: 516px !important;
}
.gallery__video .wp-video .mejs-video,
.gallery__video iframe .mejs-video,
.gallery__video video .mejs-video {
max-width: 917px;
height: 516px !important;
}
.repeating-card {
position: relative;
width: 100%;
max-width: 276px;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.repeating-card:hover .repeating-card__header img,
.repeating-card__header img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.repeating-card__header {
position: relative;
overflow: hidden;
width: 100%;
height: 228px;
}
.repeating-card__header img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
-webkit-transform: scale(1);
transform: scale(1);
}
.repeating-card__body {
position: relative;
padding: 16px 13px 10px;
min-height: 245px;
background-color: #8a00ee;
}
.repeating-card__hint {
position: absolute;
top: -15px;
left: 14px;
padding: 5px 5px 13px;
width: 56px;
font-family: "Rounded", sans-serif;
font-size: 12px;
color: #fff;
text-align: center;
background: url(/ua/wp-content/themes/easy/./img/hint.svg) no-repeat;
background-size: 66px 33px;
}
.repeating-card__title {
padding-top: 10px;
padding-bottom: 10px;
min-height: 70px;
font-family: "Rounded", sans-serif;
font-size: 20px;
color: #fff;
line-height: 23px;
}
.repeating-card__text {
padding-bottom: 10px;
height: 120px;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: #fff;
}
.repeating-card__restriction {
font-size: 20px;
color: #fff;
}
.slider-block {
position: relative;
}
.slider-block .slider-block__container {
margin: 0 auto;
width: 100%;
max-width: 466px;
}
.slider-block .slider-block__container .swiper-slide {
position: relative;
overflow: hidden;
max-height: 446px;
}
.slider-block .slider-block__container .swiper-slide img {
width: 100%;
height: 100%;
max-height: 446px;
-o-object-fit: cover;
object-fit: cover;
}
.slider-block .slider-block__pagination {
bottom: -28px;
width: 100%;
}
.slider-block .slider-block__pagination .swiper-pagination-bullet {
position: relative;
margin: 0 5px;
width: 11px;
height: 11px;
border: solid 2px #8a00ee;
background: #fff;
opacity: 1;
}
.slider-block .slider-block__pagination .swiper-pagination-bullet:hover {
border: solid 2px #ed1c24;
}
.slider-block .slider-block__pagination .swiper-pagination-bullet-active:hover,
.teachers__title a {
border: solid 2px #8a00ee;
}
.slider-block .slider-block__pagination .swiper-pagination-bullet-active::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 7px;
height: 7px;
border-radius: 50%;
content: "";
background: #8a00ee;
}
.slider-block__next,
.slider-block__prev {
width: 33px;
height: 59px;
background-size: 33px 59px;
}
.teachers .u-text {
width: 100%;
max-width: 531px;
line-height: 1.2;
}
.teachers .teachers__title,
.teachers .u-subtitle,
.teachers .u-text,
.teachers .u-text--strong {
position: relative;
z-index: 2;
}
.teachers__title a {
position: relative;
top: -10px;
font-size: 16px;
color: #ed1c24;
background-color: #f8f8f8;
}
.teachers__title a:hover {
color: #fff;
background-color: #8a00ee;
}
.teachers__slider {
position: relative;
padding-top: 25px;
padding-bottom: 25px;
width: 100%;
}
.teachers__control,
.teachers__slider-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.teachers__control {
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 50px;
width: 100%;
max-width: 360px;
height: 460px;
}
.teachers__control .teachers__button-next,
.teachers__control .teachers__button-prev {
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 22px;
height: 39px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-size: 22px 39px;
}
.teachers__control .teachers__pagination {
position: absolute;
text-align: center;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet:nth-child(1) .teachers__img-before::before {
right: 114px;
top: 25px;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet:nth-child(2) .teachers__img-before::before {
right: 40px;
top: -95px;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet:nth-child(3) .teachers__img-before::before {
left: 20px;
top: -150px;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet:nth-child(4) .teachers__img-before::before {
left: 90px;
top: -72px;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet:nth-child(5) .teachers__img-before::before {
left: 40px;
top: 28px;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet:nth-child(6) .teachers__img-before::before {
right: 30px;
top: 45px;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet {
margin: 10px 0;
display: block;
width: 9px;
height: 9px;
background-color: #8a00ee;
opacity: 0.29;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet .teachers__img-before {
position: relative;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet .teachers__img-before:before {
position: absolute;
width: 67px;
height: 67px;
opacity: 0.4;
border-radius: 50%;
content: "";
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet-active {
opacity: 1;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet-active .teachers__img-before:before {
opacity: 1;
-webkit-box-shadow: 0 4px 10px 0 rgba(138, 0, 238, 0.38);
box-shadow: 0 4px 10px 0 rgba(138, 0, 238, 0.38);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.teachers__control .teachers__button-next {
bottom: 0;
margin-top: auto;
}
.teachers__swiper-container {
overflow: inherit;
margin: 0;
width: 100%;
max-width: 560px;
}
.teachers__swiper-container .swiper-slide img {
position: absolute;
bottom: 118px;
left: 160px;
z-index: -1;
opacity: 0;
width: auto;
height: auto;
}
.teachers__swiper-container .swiper-slide-active .teachers__name {
-webkit-animation: opacity ease 1s forwards;
animation: opacity ease 1s forwards;
}
.teachers__swiper-container .swiper-slide-active .teachers__subject {
-webkit-animation: opacity ease 1s 0.3s forwards;
animation: opacity ease 1s 0.3s forwards;
}
.teachers__swiper-container .swiper-slide-active img {
-webkit-animation: opacity ease 1s 0.6s forwards;
animation: opacity ease 1s 0.6s forwards;
}
.teachers__swiper-container .swiper-slide-active .teachers__postscript {
-webkit-animation: scale ease 0.6s 0.9s forwards;
animation: scale ease 0.6s 0.9s forwards;
}
.teachers__name {
font-size: 50px;
font-family: "Rounded", sans-serif;
font-weight: 400;
line-height: 1;
color: #ed1c24;
opacity: 0;
}
.teachers__subject {
padding-top: 10px;
padding-bottom: 40px;
width: 100%;
max-width: 295px;
font-size: 20px;
color: #333;
opacity: 0;
text-shadow: 2px 1px 0 #fff;
}
.teachers__postscript {
position: relative;
padding: 24px 31px 31px 24px;
width: 100%;
max-width: 380px;
font-size: 20px;
line-height: 1.2;
color: #fff;
-webkit-transform: scale(0);
transform: scale(0);
border-radius: 5px;
}
.teachers__postscript img {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
opacity: 1 !important;
-o-object-fit: cover;
object-fit: cover;
}
.topical {
padding-bottom: 63px;
}
.topical__slider-block {
position: relative;
}
.topical__slider-block .topical__pagination {
bottom: -28px;
width: 100%;
text-align: center;
}
.topical__slider-block .topical__pagination .swiper-pagination-bullet {
margin: 0 4px;
width: 9px;
height: 9px;
opacity: 0.3;
background-color: #8a00ee;
}
.topical__slider-block .topical__pagination .swiper-pagination-bullet-active {
opacity: 1;
}
.topical__slider-block .topical__next,
.topical__slider-block .topical__prev {
top: 45%;
width: 57px;
height: 100px;
background-size: 57px 100px;
}
.topical__slider-block .topical__next {
right: -80px;
}
.topical__slider-block .topical__prev {
right: auto;
left: -80px;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.topical__slider-block .repeating-card__hint {
position: absolute;
top: -15px;
left: 14px;
z-index: 1;
padding: 5px 7px 4px;
width: auto;
background: #ed1c24;
border-radius: 5px;
}
.topical__slider-block .repeating-card__hint:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 5px 7px 13px;
width: 53px;
height: 32px;
content: "";
background: url(/ua/wp-content/themes/easy/./img/hint.svg) no-repeat;
background-size: 53px 32px;
}
.your-family {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 93px;
}
.your-family__left-block {
margin-right: 20px;
width: 100%;
max-width: 435px;
}
.your-family__right-block {
width: 100%;
max-width: 600px;
}
.gui-btn {
display: inline-block;
padding: 5px 13px;
border: 0;
text-decoration: none;
text-align: center;
border-radius: 5px;
cursor: pointer;
}
.gui-btn,
.gui-btn:hover {
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.gui-btn--color-violet,
.gui-btn--color-violet-red {
color: #ed1c24;
border: solid 2px #8a00ee;
background-color: #f8f8f8;
}
.gui-btn--color-violet-red:hover,
.gui-btn--color-violet:hover {
color: #fff;
background-color: #8a00ee;
}
.gui-btn--color-violet {
color: #8a00ee;
}
.gui-btn--a {
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;
}
.gui-btn--violet,
.qui-btn--white {
color: #000;
border: 0;
border-radius: 5px;
background-color: #fff;
}
.qui-btn--white:hover {
color: #8a00ee;
opacity: 0.6;
}
.gui-btn--violet {
color: #fff;
background-color: #8a00ee;
}
.franchise__start-right-content-subtitle a:before,
.qui-btn--violet:hover {
opacity: 0.6;
}
.gui-btn--red {
color: #fff;
border: solid 2px #ed1c24;
background-color: #ed1c24;
}
.gui-btn--red:hover {
color: #ed1c24;
background-color: #fff;
}
.u-background {
background: rgba(147, 147, 147, 0.11);
}
.u-position-relatives {
position: relative;
}
.u-a-absolute {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.u-subtitle,
.u-title {
font-family: "Rounded", sans-serif;
font-weight: 400;
line-height: 1;
}
.u-subtitle {
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
padding-bottom: 5px;
font-size: 20px;
color: #ed1c24;
}
.u-title {
padding-bottom: 45px;
font-size: 60px;
color: #8a00ee;
}
.u-title--white {
color: #fff;
}
.u-text {
font-size: 20px;
line-height: 1.2;
color: #333;
}
.u-text--strong,
.whale-animation__text strong {
font-weight: 600;
}
.u-call {
position: absolute;
top: 18px;
right: 120px;
}
.u-call a:nth-child(1) {
margin-right: 0;
font-size: 17px;
color: #000;
}
.u-call a:nth-child(2) {
padding: 7px 14px;
font-size: 14px;
}
.franchise .directions__content-footer {
top: 0;
}
.franchise .directions__background-white-footer {
top: -290px;
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
.franchise .form-contact__form {
max-width: 1050px;
}
.franchise .form-contact__container {
max-width: 801px;
}
.franchise .directions__content-footer .form-contact {
padding-bottom: 50px;
}
.franchise__title {
font-family: "Rounded", sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 2.25;
color: #ed1c24;
}
.franchise__text-block {
width: 100%;
max-width: 645px;
font-size: 20px;
color: #333;
}
.franchise__content-header {
position: relative;
padding: 121px 0 148px;
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.franchise__subtitle-logo {
padding-bottom: 27px;
}
.franchise__subtitle-logo img {
width: 100%;
max-width: 275px;
height: 190px;
fill: #ed1c24;
}
.franchise__title-page {
width: 100%;
max-width: 991px;
font-family: "Rounded", sans-serif;
font-size: 100px;
font-weight: 400;
line-height: 1.1;
color: #8a00ee;
}
.franchise__background-white {
position: absolute;
bottom: -381px;
left: -31px;
width: 2000px;
height: 450px;
background: #fff;
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
.franchise__content {
position: relative;
z-index: 1;
}
.franchise__now-title {
position: relative;
top: -40px;
font-family: "Rounded", sans-serif;
font-size: 60px;
line-height: 1;
color: #ed1c24;
}
.franchise__content-animation .line-svg {
position: relative;
border-bottom: dashed 3px #979797;
}
.franchise__content-animation .number-text {
-webkit-transform: scale(1);
transform: scale(1);
}
.franchise__group-1,
.franchise__group-2,
.franchise__group-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.franchise__group-1 .franchise__block {
width: 100%;
max-width: 256px;
text-align: center;
}
.franchise__group-1 .school-svg .position-clock {
left: 0;
right: 0;
margin: 0 auto;
}
.franchise__group-2,
.franchise__group-3 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 41px;
}
.franchise__group-2 .blogging {
margin: 0 20px 0 38px;
}
.franchise__group-2 .abs {
margin: 0 20px;
}
.franchise__group-2 .maloik {
margin: 0 30px 0 20px;
}
.franchise__group-2 .text-description {
margin: 0 30px 0 6px;
}
.franchise__group-2 .line-svg {
left: -40px;
width: 100%;
max-width: 168px;
height: 145px;
border-right: dashed 3px #979797;
border-bottom-right-radius: 70px;
}
.franchise__group-2 .franchise__group-icon {
position: relative;
top: 20px;
}
.franchise__group-2 .text-and-human-school {
position: relative;
top: 80px;
margin-right: 36px;
}
.franchise__group-3 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 55px;
}
.franchise__group-3 .line-svg {
margin-left: 38px;
width: 100%;
max-width: 555px;
height: 131px;
border-left: dashed 3px #979797;
border-bottom-left-radius: 70px;
}
.franchise__group-3 .franchise__block {
margin-top: 94px;
margin-left: 45px;
}
.franchise__group-3 .franchise__block .franchise__animation-icon-text:nth-last-child(1) {
margin-bottom: 0;
}
.franchise__group-3 .franchise__animation-icon-text {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.franchise__group-3 .franchise__block-svg-icon {
margin-right: 45px;
width: 115px;
text-align: center;
}
.franchise__group-3 .franchise__animation-text {
font-size: 20px;
font-weight: 600;
color: #000;
}
.franchise__group-4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 52px;
}
.franchise__group-4 .line-svg {
margin-left: 30px;
width: 100%;
max-width: 168px;
height: 145px;
border-right: dashed 3px #979797;
border-bottom-right-radius: 70px;
}
.franchise__group-4 .franchise__block {
position: relative;
top: 55px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 500px;
}
.franchise__group-4 .human-group .human {
margin-right: 30px;
}
.franchise__group-4 .human-group .human:nth-last-child(1) {
margin-right: 30px;
}
.franchise__group-4 .human-group .human:nth-child(2) span,
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1) .human .eyes-human span {
-webkit-animation: blinking 4s infinite alternate;
animation: blinking 4s infinite alternate;
}
.franchise__group-5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 120px 0 107px;
}
.franchise__group-5 .line-svg {
margin-left: 38px;
width: 100%;
max-width: 233px;
height: 131px;
border-left: dashed 3px #979797;
border-bottom-left-radius: 70px;
}
.franchise__group-5 .city-block {
position: relative;
top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 30px;
width: 100%;
max-width: 930px;
}
.franchise__cost-list ul:nth-last-child(1),
.franchise__group-5 .city-block .city-svg:nth-last-child(1) {
margin-right: 0;
}
.franchise__group-5 .city-block .city-svg:nth-child(1) .text-description {
margin-top: 17px;
}
.franchise__group-5 .city-svg {
margin-right: 20px;
width: 100%;
max-width: 140px;
text-align: center;
}
.franchise__group-5 .city-svg .wood {
-webkit-animation: incline ease 3s infinite alternate;
animation: incline ease 3s infinite alternate;
}
.franchise__group-5 .city-svg .text-description {
margin-top: 10px;
}
.franchise__mission {
margin-top: 65px;
margin-bottom: 40px;
}
.franchise__mission .slider-block .slider-block__container {
max-width: 1090px;
}
.franchise__mission .slider-block .slider-block__pagination {
bottom: -45px;
}
.svg-animation-2,
.svg-animation-4 {
position: relative;
}
.svg-animation-2 .eyes-human {
top: 48px;
left: 49px;
-webkit-animation: blinking 4s infinite alternate;
animation: blinking 4s infinite alternate;
}
.svg-animation-2 .eyes-human span {
width: 4px;
height: 5px;
background: #3b454f;
}
.svg-animation-4 {
-webkit-animation: svg-animation-4 3s infinite alternate;
animation: svg-animation-4 3s infinite alternate;
}
.svg-animation-4 .eyes-human {
top: 29px;
left: 44px;
width: 28px;
-webkit-animation: blinking 6s infinite alternate;
animation: blinking 6s infinite alternate;
}
.svg-animation-4 .eyes-human span {
width: 5px;
height: 5px;
background: #000;
}
.franchise__mission-title-and-line-svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
}
.franchise__mission-title-and-line-svg .line-svg {
position: relative;
top: -65px;
margin-left: 55px;
width: 100%;
max-width: 706px;
height: 139px;
border-bottom-right-radius: 70px;
border-right: dashed 3px #979797;
border-bottom: dashed 3px #979797;
}
.franchise__mission-text {
position: relative;
top: -10px;
margin-bottom: 26px;
}
.franchise__value {
padding-top: 20px;
}
.franchise__value .our-advantage--about {
padding-top: 60px;
}
.animation-franchise__content .franchise__approach-content .franchise__approach-block:nth-child(1) {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.animation-franchise__content .franchise__approach-content .franchise__approach-block:nth-child(1):before,
.animation-franchise__content .franchise__approach-content .franchise__approach-block:nth-child(2):before,
.animation-franchise__content .franchise__approach-content .franchise__approach-block:nth-child(3):before {
opacity: 1;
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
.animation-franchise__content .franchise__approach-content .franchise__approach-block:nth-child(2) {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s;
transition: all 0.6s;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.animation-franchise__content .franchise__approach-content .franchise__approach-block:nth-child(3) {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s;
transition: all 0.6s;
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.franchise__approach-content {
position: relative;
margin-top: 20px;
height: 1220px;
}
.franchise__approach-content .franchise__approach-block:nth-child(1) {
top: 0;
left: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.franchise__approach-content .franchise__approach-block:nth-child(1) .franchise__approach-icon-svg {
top: -27px;
}
.franchise__approach-content .franchise__approach-block:nth-child(1):before {
position: absolute;
top: 85px;
right: -500px;
width: 437px;
height: 184px;
content: "";
opacity: 0;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='437' height='184' viewBox='0 0 437 184'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M2 3.616S302-27.364 435 182'/%3e%3c/svg%3e");
}
.franchise__approach-content .franchise__approach-block:nth-child(2) {
top: 280px;
right: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.franchise__approach-content .franchise__approach-block:nth-child(2):before,
.franchise__approach-content .franchise__approach-block:nth-child(3):before {
position: absolute;
width: 345px;
height: 146px;
content: "";
opacity: 0;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='345' height='146' viewBox='0 0 345 146'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M343 3.275S106.741-21.165 2 144'/%3e%3c/svg%3e");
}
.franchise__approach-content .franchise__approach-block:nth-child(2):before {
top: 215px;
left: -325px;
}
.franchise__approach-content .franchise__approach-block:nth-child(2) .franchise__approach-icon-svg {
top: -30px;
}
.franchise__approach-content .franchise__approach-block:nth-child(2) .franchise__approach-img {
height: 285px;
}
.franchise__approach-content .franchise__approach-block:nth-child(3) {
bottom: 140px;
left: 155px;
-webkit-transform: scale(0);
transform: scale(0);
}
.franchise__approach-content .franchise__approach-block:nth-child(3) .franchise__approach-icon-svg {
width: 121px;
height: 103px;
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
.franchise__approach-content .franchise__approach-block:nth-child(3):before {
bottom: -15px;
left: -195px;
-webkit-transform: rotate(-48deg);
transform: rotate(-48deg);
}
.franchise__approach-content .franchise__approach-block:nth-child(3) .franchise__approach-img {
top: -1px;
}
.franchise__approach-content .franchise__approach-block:nth-child(3) .franchise__approach-icon-svg {
top: -67px;
}
.franchise__approach-block {
position: absolute;
width: 100%;
max-width: 435px;
}
.franchise__approach-icon-svg {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
margin: 0 auto;
}
.franchise__approach-img {
position: absolute;
top: 20px;
left: 0;
right: 0;
margin: 0 auto;
width: 280px;
height: 280px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.franchise__approach-svg {
display: block;
margin: 0 auto;
}
.franchise__approach-subtitle-text {
margin-top: 20px;
text-align: center;
}
.franchise__approach-subtitle {
font-family: "Rounded", sans-serif;
font-size: 25px;
font-weight: 400;
line-height: 1;
color: #8a00ee;
}
.franchise__approach-text {
padding-top: 20px;
font-size: 20px;
color: #333;
}
.franchise__like {
margin-top: 20px;
}
.franchise__like .franchise__second-title {
width: 100%;
max-width: 1075px;
}
.franchise__like .franchise__like-human-answer,
.franchise__like .human {
-webkit-transform: scale(0);
transform: scale(0);
}
.franchise__like .franchise__like-comment:before {
opacity: 0;
}
.franchise__like .franchise__like-block:nth-child(2) {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-line-pack: center;
align-content: center;
margin: 35px 0 208px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1) {
position: relative;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1):before {
position: absolute;
bottom: -65px;
left: 150px;
width: 313px;
height: 43px;
content: "";
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='313' height='43' viewBox='0 0 313 43'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M1.559 1.483S155 87 311 6'/%3e%3c/svg%3e");
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3):before {
bottom: -65px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1) .human {
position: relative;
top: 70px;
margin-right: 24px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) .human {
position: relative;
top: 70px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1) .franchise__like-human-answer,
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) .franchise__like-human-answer {
width: 252px;
background-repeat: no-repeat;
background-image: url(/ua/wp-content/themes/easy/./img/oval-red.svg);
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1) .franchise__like-human-answer p {
padding: 32px 12px 32px 27px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) {
position: relative;
top: 72px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2):before {
position: absolute;
top: -68px;
left: 57px;
z-index: -1;
width: 377px;
height: 77px;
content: "";
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='377' height='77' viewBox='0 0 377 77'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M375.5 16S128-41 0 76.324'/%3e%3c/svg%3e ");
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) .human {
position: relative;
top: 70px;
margin-left: 10px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) .human .eyes-human span,
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment .human .eyes-human span {
-webkit-animation: blinking 8s infinite alternate;
animation: blinking 8s infinite alternate;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) .franchise__like-human-answer {
width: 222px;
background-repeat: no-repeat;
background-image: url(/ua/wp-content/themes/easy/./img/oval-blue.svg);
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) .franchise__like-human-answer p {
padding: 31px 32px 32px 10px;
text-align: right;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) {
position: relative;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3):before {
position: absolute;
top: 150px;
left: 33px;
width: 151px;
height: 226px;
content: "";
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='151' height='226' viewBox='0 0 151 226'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M2 224.5c98-27 147-105.833 147-236.5'/%3e%3c/svg%3e ");
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) .human {
margin-right: 0;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) .human .eyes-human span {
-webkit-animation: blinking 6s infinite alternate;
animation: blinking 6s infinite alternate;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) .franchise__like-human-answer p {
padding: 32px 20px 33px;
text-align: center;
}
.franchise__like .franchise__like-block:nth-child(3) {
margin-bottom: 80px;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment {
position: relative;
margin-left: auto;
margin-right: 280px;
width: 100%;
max-width: 300px;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment:before {
position: absolute;
bottom: -75px;
left: -250px;
width: 230px;
height: 98px;
content: "";
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='230' height='98' viewBox='0 0 230 98'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M228 2.5C57-4 0 99 0 99'/%3e%3c/svg%3e");
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment .human {
position: relative;
top: 70px;
margin-left: 10px;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment .franchise__like-human-answer {
width: 232px;
background-repeat: no-repeat;
background-image: url(/ua/wp-content/themes/easy/./img/oval-blue-2.svg);
}
.animation-franchise__like .human {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.animation-franchise__like .franchise__like-human-answer {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.animation-franchise__like .franchise__like-comment:before {
opacity: 1;
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.franchise__second-title {
font-family: "Rounded", sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 1.58;
color: #8a00ee;
}
.franchise__like-comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.franchise__like-human-answer p {
font-size: 20px;
font-weight: 600;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.franchise__why-easy {
margin-top: 40px;
}
.franchise__why-easy .franchise__second-title {
max-width: 755px;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(2) {
opacity: 0;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(3) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(3) .franchise__why-easy-card {
margin: 0 90px 20px;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(4) {
opacity: 0;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(4) .franchise__why-easy-card:nth-child(3) .franchise__why-easy-card-icon {
position: relative;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(4) .franchise__why-easy-card:nth-child(3) .franchise__why-easy-card-icon .eyes-human span {
width: 5px;
height: 5px;
background: #7c3f2c;
-webkit-animation: blinking 4s infinite alternate;
animation: blinking 4s infinite alternate;
}
.animation-franchise__why-easy .franchise__why-easy-block:nth-child(2) {
opacity: 1;
-webkit-transition: all 1s;
transition: all 1s;
}
.animation-franchise__why-easy .franchise__why-easy-block:nth-child(3) {
opacity: 1;
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.animation-franchise__why-easy .franchise__why-easy-block:nth-child(4) {
opacity: 1;
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.franchise__why-easy-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
.franchise__why-easy-card {
margin: 0 10px 20px;
width: 100%;
max-width: 300px;
text-align: center;
}
.franchise__why-easy-card-icon {
margin-bottom: 30px;
}
.franchise__why-easy-description-card {
font-size: 20px;
font-weight: 600;
color: #000;
}
.franchise__cost {
margin-top: 70px;
}
.franchise__cost .franchise__title {
line-height: 1.58;
}
.franchise__cost-subtitle {
padding-bottom: 13px;
font-family: "Rounded", sans-serif;
font-size: 26px;
font-weight: 600;
color: #8a00ee;
}
.franchise__cost-subtitle span {
padding-left: 30px;
}
.franchise__cost-feedback a {
padding: 10px 15px;
font-family: "Rounded", sans-serif;
font-size: 16px;
}
.franchise__cost-feedback a:hover {
color: #8a00ee !important;
}
.franchise__cost-feedback a:nth-child(1) {
color: #fff;
}
.franchise__cost-feedback a:nth-child(1):hover {
border: solid 2px #8a00ee !important;
}
.franchise__cost-feedback a:nth-child(2) {
color: #a0a0a0;
}
.franchise__cost-ul-text {
padding: 32px 0 17px;
font-size: 20px;
font-weight: 600;
color: #8a00ee;
}
.franchise__cost-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.franchise__cost-list ul {
margin-right: 20px;
width: 100%;
max-width: 281px;
}
.franchise__cost-list ul li {
position: relative;
margin-bottom: 30px;
padding-left: 35px;
width: 100%;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
color: #000;
list-style: none;
}
.franchise__cost-list ul li:before {
position: absolute;
top: 6px;
left: 0;
width: 18px;
height: 18px;
content: "";
border-radius: 50%;
background-color: #8a00ee;
}
.franchise__cost-hr {
border: 0;
border-bottom: solid 1px #979797;
}
.franchise__cost-initial-investment {
margin-top: 30px;
}
.franchise__cost-initial-investment-title {
padding-bottom: 31px;
font-size: 20px;
font-weight: 600;
color: #000;
}
.franchise__cost-initial-investment-title span {
padding-left: 77px;
font-size: 16px;
font-weight: 400;
font-style: italic;
}
.franchise__cost-initial-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.franchise__cost-initial-list li {
position: relative;
padding-left: 20px !important;
padding-bottom: 62px !important;
width: 100%;
max-width: 295px;
font-size: 20px;
color: #8a00ee;
list-style: none;
}
.franchise__cost-initial-list li:before {
position: absolute;
top: 0;
left: 0;
height: 94px;
content: "";
border-left: solid 2px #979797;
}
.franchise__cost-initial-list li:after {
position: absolute;
z-index: 1;
content: "";
}
.franchise__cost-initial-list li:nth-child(1):after {
bottom: -40px;
left: 4px;
width: 82px;
height: 81px;
background: url(/ua/wp-content/themes/easy/./img/sketch.svg);
}
.franchise__cost-initial-list li:nth-child(2) {
max-width: 260px;
}
.franchise__cost-initial-list li:nth-child(2):after {
bottom: -50px;
left: -47px;
width: 93px;
height: 90px;
background: url(/ua/wp-content/themes/easy/./img/chalkboard.svg);
}
.franchise__cost-initial-list li:nth-child(3) {
max-width: 310px;
}
.franchise__cost-initial-list li:nth-child(3):after {
bottom: -40px;
left: -30px;
width: 80px;
height: 78px;
background: url(/ua/wp-content/themes/easy/./img/planning.svg);
}
.franchise__cost-initial-list li:nth-child(4):after {
bottom: -50px;
left: -46px;
width: 92px;
height: 90px;
background: url(/ua/wp-content/themes/easy/./img/social-media.svg);
}
.franchise__cost-initial-investment-hr {
position: relative;
top: 0;
left: 5px;
margin: 10px 0 0;
width: 100%;
max-width: 900px;
border: 0;
border-bottom: solid 2px #979797;
}
.franchise__cost-learning-process {
padding-top: 100px;
}
.franchise__cost-learning-process-title {
padding-bottom: 25px;
font-size: 20px;
font-weight: 600;
color: #000;
}
.franchise__cost-learning-process-text {
width: 100%;
max-width: 595px;
font-size: 20px;
color: #000;
}
.principle-animation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 66px;
width: 100%;
}
.principle-animation .principle-animation__list:nth-child(1) {
margin-right: 20px;
text-align: right;
}
.principle-animation .principle-animation__list:nth-child(1) li:nth-child(1)::before {
right: -140px;
}
.principle-animation .principle-animation__list:nth-child(1) li:nth-child(2)::before {
right: -156px;
}
.principle-animation .principle-animation__list:nth-child(1) li:nth-child(3)::before {
right: -137px;
}
.principle-animation .principle-animation__list:nth-child(3) {
margin-left: 20px;
}
.principle-animation .principle-animation__list:nth-child(3) li:nth-child(1)::before {
left: -140px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.principle-animation .principle-animation__list:nth-child(3) li:nth-child(2)::before {
left: -156px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.principle-animation .principle-animation__list:nth-child(3) li:nth-child(3)::before {
left: -137px;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.principle-animation__list {
position: relative;
top: 28px;
width: 100%;
max-width: 280px;
}
.principle-animation__list li {
position: relative;
margin-bottom: 30px !important;
height: 109px;
font-size: 20px;
color: #000;
cursor: pointer;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.principle-animation__list li:hover {
color: #8a00ee;
text-shadow: -5px 8px 4px rgba(82, 41, 112, 0.67);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.principle-animation__list li::before {
position: absolute;
top: 0;
right: 0;
content: "";
}
.principle-animation__list li:nth-child(1):before {
width: 108px;
height: 32px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='108' height='32' viewBox='0 0 108 32'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M105.898 4.078s-53-12-104 26'/%3e%3c/svg%3e");
}
.principle-animation__list li:nth-child(2):before {
top: 50px;
width: 123px;
height: 7px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='123' height='7' viewBox='0 0 123 7'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M2 1.5c26.5 2 76 6 125 2.5'/%3e%3c/svg%3e ");
}
.principle-animation__list li:nth-child(3):before {
top: 25px;
width: 103px;
height: 44px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='103' height='44' viewBox='0 0 103 44'%3e%3cpath fill='none' fill-rule='evenodd' stroke='%23979797' stroke-dasharray='17' stroke-linecap='round' stroke-width='3' d='M1.924 2s35.825 40.86 99.42 40.095'/%3e%3c/svg%3e");
}
.principle-animation__human {
position: relative;
}
.principle-animation__human svg g path:nth-child(1),
.principle-animation__human svg g path:nth-child(16),
.principle-animation__human svg g path:nth-child(17),
.principle-animation__human svg g path:nth-child(18),
.principle-animation__human svg g path:nth-child(2),
.principle-animation__human svg g path:nth-child(4),
.principle-animation__human svg g path:nth-child(5),
.principle-animation__human svg g path:nth-child(6),
.principle-animation__human svg g path:nth-child(7),
.principle-animation__human svg g path:nth-child(8),
.principle-animation__human svg g path:nth-child(9) {
-webkit-animation: translateY-up-1 2s infinite alternate;
animation: translateY-up-1 2s infinite alternate;
}
.principle-animation__human svg g g path {
-webkit-animation: translateY-up-1 2s infinite alternate;
animation: translateY-up-1 2s infinite alternate;
}
.principle-animation__human-eyes {
position: absolute;
top: 128px;
left: 0;
right: 0;
margin: 0 auto;
width: 130px;
}
.principle-animation__human-eyes .eye-left,
.principle-animation__human-eyes .eye-right {
position: absolute;
top: 0;
display: none;
width: 61px;
height: 61px;
}
.principle-animation__human-eyes .eye-left div,
.principle-animation__human-eyes .eye-right div {
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #494949;
-webkit-animation: blinking 8s infinite alternate;
animation: blinking 8s infinite alternate;
}
.principle-animation__human-eyes .eye-left {
left: 20px;
}
.principle-animation__human-eyes .eye-right {
right: -15px;
}
.franchise__table-block {
margin-top: 82px;
padding-top: 20px;
border-top: solid 2px rgba(151, 151, 151, 0.38);
border-bottom: solid 2px rgba(151, 151, 151, 0.38);
}
.franchise__table-table {
padding-bottom: 20px;
font-size: 20px;
font-weight: 600;
color: #000;
}
.franchise__table {
border: 0 !important;
}
.franchise__table tbody tr td:nth-child(1) {
width: 780px;
max-width: 780px;
color: #ed1c24;
}
.franchise__table tbody tr td:nth-child(2) {
padding: 15px 27px !important;
max-width: 200px;
}
.franchise__table tbody tr td:nth-child(3) {
width: 200px;
text-align: right;
}
.franchise__table td {
padding: 15px 0 !important;
font-size: 20px;
color: #000;
border: 0 !important;
border-bottom: solid 1px rgba(151, 151, 151, 0.38) !important;
}
.franchise__start-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 45px;
}
.franchise__start-left-content {
position: relative;
width: 100%;
max-width: 665px;
border-radius: 8px;
border: solid 1px #979797;
}
.franchise__start-left-content:before {
position: absolute;
top: 25px;
right: -25px;
width: 34px;
height: 5px;
content: "";
background: #8a00ee;
}
.franchise__start-left-content-title {
padding: 19px 21px 0;
font-size: 20px;
font-weight: 600;
color: #8a00ee;
}
.franchise__start-left-content-list {
padding: 27px 21px 0 58px !important;
}
.franchise__start-left-content-list li {
position: relative;
padding-bottom: 20px !important;
font-size: 20px;
color: #000;
}
.franchise__start-left-content-list li:before {
position: absolute;
top: 11px;
left: -35px;
width: 22px;
height: 2px;
content: "";
background: #8a00ee;
}
.franchise__start-right-content {
width: 100%;
max-width: 555px;
border-radius: 8px;
background: #8a00ee;
}
.franchise__start-right-content-title {
padding: 9px 18px 0;
font-size: 30px;
font-weight: 800;
color: #fff;
}
.franchise__start-right-content-subtitle,
.franchise__start-right-content-text {
padding: 20px 18px 0;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
color: #fff;
}
.franchise__start-right-content-subtitle a {
display: block;
font-weight: 700;
color: #fff;
text-decoration: none;
}
.franchise__start-right-content-text {
padding: 22px 18px 40px;
}
.franchise__start-right-content-link {
position: relative;
left: 18px;
display: inline-block;
margin-bottom: 15px;
padding: 10px 14px;
font-family: "Rounded", sans-serif;
font-size: 16px;
color: #ed1c24;
text-transform: uppercase;
border-radius: 5px;
background: #fff;
}
.franchise__start-right-content-link:hover {
color: #fff;
background: 0 0;
}
.franchise__conditions {
padding-top: 45px;
}
.franchise__conditions-title {
font-size: 20px;
font-weight: 600;
color: #000;
}
.franchise__conditions-flex-block {
padding: 33px 0 0;
}
.franchise__conditions-text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 35px;
}
.franchise__conditions-left-block {
padding-right: 52px;
width: 100%;
max-width: 268px;
font-size: 20px;
font-weight: 400;
color: #8a00ee;
}
.franchise__conditions-right-block {
width: 100%;
font-size: 20px;
color: #000;
}
.animation-block {
position: relative;
z-index: 1;
padding-top: 90px;
}
.active-animation .block-animation .group-1 .number-text,
.active-animation .block-animation .group-2 .number-text {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.active-animation .block-animation .group-2 .number-text {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.active-animation .block-animation .group-3 .number-text:nth-child(1) {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.active-animation .block-animation .group-3 .number-text:nth-last-child(1) {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 3s;
transition-delay: 3s;
}
.active-animation .group-5 .group-content .number-text,
.active-animation .group-6 .number-text {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 1s;
transition: all 1s;
-webkit-transition-delay: 4s;
transition-delay: 4s;
}
.active-animation .group-6 .number-text {
-webkit-transition-delay: 5s;
transition-delay: 5s;
}
.block-animation .group-1 {
position: relative;
}
.block-animation .group-1 svg {
display: inline-block;
}
.block-animation .group-1 .number-text {
margin-left: 15px;
margin-right: 30px;
}
.block-animation .group-1 .text-description {
margin-left: 30px;
margin-right: 30px;
}
.block-animation .group-1 .line-svg:nth-child(4) {
position: relative;
top: 2px;
}
.block-animation .group-1 .line-svg:nth-last-child(1) {
margin-top: 135px;
}
.block-animation .group-2 .line-svg {
position: relative;
top: 35px;
margin-top: 28px;
}
.block-animation .group-2 .city-svg:nth-child(2) {
position: relative;
}
.block-animation .group-2 .city-svg:nth-child(2):before {
position: absolute;
top: -65px;
left: 27px;
content: "";
-webkit-animation: breath ease 4s infinite alternate;
animation: breath ease 4s infinite alternate;
}
.block-animation .group-2 .city-svg:nth-child(2) .wood {
-webkit-animation: incline ease 4s 0.2s infinite alternate;
animation: incline ease 4s 0.2s infinite alternate;
}
.block-animation .group-2 .city-svg:nth-child(3) .wood {
-webkit-animation: incline ease 4s infinite alternate;
animation: incline ease 4s infinite alternate;
}
.block-animation .group-2 .city-svg:nth-child(4):after {
position: absolute;
bottom: -50px;
left: 27px;
content: "";
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='35' viewBox='0 0 27 35'%3e%3cpath fill='%23a0a0a0' fill-rule='nonzero' d='M13.5 0C6.044 0 0 6.094 0 13.611 0 25.278 13.5 35 13.5 35S27 25.278 27 13.611C27 6.094 20.956 0 13.5 0zm-.607 21.446a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z'/%3e%3c/svg%3e");
}
.block-animation .group-2 .city-svg:nth-child(4) .wood {
-webkit-animation: incline ease 4s 2s infinite alternate;
animation: incline ease 4s 2s infinite alternate;
}
.block-animation .group-2 .city-svg:nth-child(5) .wood {
-webkit-animation: incline ease 4s 1s infinite alternate;
animation: incline ease 4s 1s infinite alternate;
}
.block-animation .group-2 .city-svg:nth-child(6):before {
position: absolute;
top: -65px;
left: 27px;
content: "";
-webkit-animation: breath ease 4s 2s infinite alternate;
animation: breath ease 4s 2s infinite alternate;
}
.block-animation .group-2 .city-svg:nth-child(6) .wood {
-webkit-animation: incline ease 4s 0.3s infinite alternate;
animation: incline ease 4s 0.3s infinite alternate;
}
.block-animation .group-2 .city-svg:nth-child(7) .wood {
-webkit-animation: incline ease 4s 3s infinite alternate;
animation: incline ease 4s 3s infinite alternate;
}
.block-animation .group-2 .text-description {
position: relative;
left: 10px;
}
.block-animation .group-2 .number-text {
position: relative;
left: 25px;
}
.block-animation .group-3 {
margin-top: 35px;
}
.block-animation .group-3 .number-text:nth-child(1) {
position: relative;
left: -30px;
}
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(1) {
top: -50px;
left: -43px;
}
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(1) img,
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(2) img,
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(3) img,
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(4) img {
-webkit-animation: up-zoom linear 2s infinite alternate;
animation: up-zoom linear 2s infinite alternate;
}
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(2) {
-webkit-transform: rotate(72deg);
transform: rotate(72deg);
top: -50px;
right: -35px;
}
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(3) {
-webkit-transform: rotate(-113deg);
transform: rotate(-113deg);
bottom: -45px;
left: -36px;
}
.block-animation .group-3 .number-text:nth-child(1) .img-rotate:nth-child(4) {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
bottom: -45px;
right: -25px;
}
.block-animation .group-3 .number-text:nth-child(1) .img-rotate {
position: absolute;
width: 53px;
height: 46px;
}
.block-animation .group-3 .number-text:nth-child(1) .img-rotate img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.block-animation .group-3 .line-svg:nth-child(5) {
position: relative;
left: 10px;
}
.block-animation .group-3 .number-text:nth-last-child(1) {
position: relative;
left: 25px;
}
.block-animation .group-4 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 20px;
}
.block-animation .group-4 .human-group:nth-child(1) {
position: relative;
left: -16px;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(1) .eyes-human span {
-webkit-animation: blinking 8s infinite alternate;
animation: blinking 8s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(2) .eyes-human span {
-webkit-animation: blinking 8s 1s infinite alternate;
animation: blinking 8s 1s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(3) .eyes-human span {
-webkit-animation: blinking 8s 8s infinite alternate;
animation: blinking 8s 8s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(4) .eyes-human span {
-webkit-animation: blinking 8s 2s infinite alternate;
animation: blinking 8s 2s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(5) .eyes-human span {
-webkit-animation: blinking 8s 0.5s infinite alternate;
animation: blinking 8s 0.5s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(6) .eyes-human span {
-webkit-animation: blinking 8s 1.5s infinite alternate;
animation: blinking 8s 1.5s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(7) .eyes-human span {
-webkit-animation: blinking 8s 2s infinite alternate;
animation: blinking 8s 2s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(8) .eyes-human span {
-webkit-animation: blinking 8s 2.2s infinite alternate;
animation: blinking 8s 2.2s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(1) .human:nth-child(9) .eyes-human span {
-webkit-animation: blinking 8s 1.1s infinite alternate;
animation: blinking 8s 1.1s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(3) .human:nth-child(1) .eyes-human span {
-webkit-animation: blinking 8s 0.5s infinite alternate;
animation: blinking 8s 0.5s infinite alternate;
}
.block-animation .group-4 .human-group:nth-child(3) .human:nth-child(2) .eyes-human span {
-webkit-animation: blinking 8s 1.6s infinite alternate;
animation: blinking 8s 1.6s infinite alternate;
}
.block-animation .group-4 .line-svg {
margin-bottom: 45px;
}
.block-animation .group-4 .text-description {
position: relative;
left: -10px;
margin-bottom: 35px;
}
.block-animation .group-5,
.block-animation .group-6 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.block-animation .group-5 .line-svg {
margin-top: 48px;
}
.block-animation .group-5 .group-content {
position: relative;
top: 43px;
left: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 960px;
}
.block-animation .group-6 .line-svg {
margin-top: 48px;
margin-bottom: 43px;
}
.block-animation .group-6 .img-block-img {
top: -7px;
}
.block-animation .group-6 .text-description {
position: relative;
top: -32px;
}
.block-animation .group-7 .line-svg {
margin: 54px 0 0 39px;
}
.human {
position: relative;
display: inline-block;
}
.eyes-human {
position: absolute;
top: 31px;
left: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 19px;
}
.eyes-human span {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: #aa5b26;
}
.school-svg {
position: relative;
top: -22px;
}
.school-svg svg path:nth-child(4) {
-webkit-animation: mustache_movement linear 10s infinite alternate;
animation: mustache_movement linear 10s infinite alternate;
}
.school-svg .hour,
.school-svg .minute {
top: calc(50% - 6px);
left: calc(50% - 2px);
-webkit-transform-origin: 2px 6px;
transform-origin: 2px 6px;
height: 7px;
-webkit-animation: clock linear 20s infinite;
animation: clock linear 20s infinite;
}
.school-svg .minute {
top: calc(50% - 9px);
-webkit-transform-origin: 2px 9px;
transform-origin: 2px 9px;
height: 10px;
-webkit-animation: clock linear 10s infinite;
animation: clock linear 10s infinite;
}
.school-svg .position-clock {
position: absolute;
top: 72px;
left: 74px;
width: 1px;
height: 1px;
}
.school-svg .position-clock .line-time {
position: absolute;
width: 3px;
background: #7e5c62;
border-radius: 5px;
}
.text {
position: relative;
top: -35px;
z-index: 1;
width: 80px;
height: 77px;
}
.human-school {
position: relative;
left: -30px;
width: 113px;
height: 150px;
}
.human-school g path:nth-child(10),
.human-school g path:nth-child(8) {
animation: mustache_movement linear 4s infinite alternate-reverse;
}
.human-group .human {
margin-right: 20px;
}
.human-group .human:nth-last-child(1) {
margin-right: 0;
}
.img-block-img,
.img-block-img:hover {
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.img-block-img {
position: relative;
overflow: hidden;
width: 84px;
height: 84px;
border-radius: 50%;
-webkit-box-shadow: 0 4px 10px 0 rgba(74, 144, 226, 0.33);
box-shadow: 0 4px 10px 0 rgba(74, 144, 226, 0.33);
}
.img-block-img img {
width: 84px;
height: 84px;
-o-object-fit: cover;
object-fit: cover;
}
.img-block-img:hover {
-webkit-box-shadow: 0 4px 10px 0 rgba(138, 0, 238, 0.38);
box-shadow: 0 4px 10px 0 rgba(138, 0, 238, 0.38);
}
.number-text {
font-family: "Rounded", sans-serif;
font-size: 100px;
line-height: 1;
color: #ed1c24;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 1s;
transition: all 1s;
}
.text-description {
font-size: 20px;
font-weight: 600;
color: #000;
}
.city-svg {
position: relative;
width: 95px;
height: 101px;
}
.city-svg:before {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='27' height='35' viewBox='0 0 27 35'%3e%3cpath fill='%23ED1C24' fill-rule='nonzero' d='M13.5 0C6.044 0 0 6.094 0 13.611 0 25.278 13.5 35 13.5 35S27 25.278 27 13.611C27 6.094 20.956 0 13.5 0zm-.607 21.446a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15z'/%3e%3c/svg%3e");
}
.city-svg:after,
.city-svg:before {
width: 27px;
height: 35px;
}
.maloik {
-webkit-animation: rotate-0-21 ease 3s infinite alternate;
animation: rotate-0-21 ease 3s infinite alternate;
}
.blogging g path:nth-child(2) {
-webkit-animation: spelling ease 4s infinite alternate;
animation: spelling ease 4s infinite alternate;
}
.boxing {
-webkit-animation: translateY-up-20 ease 1s 2s infinite alternate;
animation: translateY-up-20 ease 1s 2s infinite alternate;
}
.flex-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about .directions__background-white-footer {
top: -262px;
left: -17px;
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
.about .directions__content-footer {
top: 0;
}
.about .directions__content-header {
position: relative;
padding-bottom: 0;
}
.about .directions__content-header .main-container {
position: relative;
z-index: 1;
}
.about .directions__subtitle {
font-size: 20px;
}
.about .directions__title-page {
padding-bottom: 0 !important;
margin-bottom: 35px;
font-size: 100px;
line-height: 1.35;
}
.about .directions__text {
padding-bottom: 0 !important;
max-width: 639px !important;
line-height: 1.2;
}
.about .category__background-white {
position: absolute;
bottom: -550px;
-webkit-transform: rotate(-5deg);
transform: rotate(-8deg);
}
.directions__content-header-img-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.about__video-play-list {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
width: 152px;
height: 152px;
}
.about__video-play-list a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.about__video-play-list a:hover {
opacity: 0.6;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.about__video-play-list a:before {
position: absolute;
top: 37px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
width: 81px;
height: 81px;
-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
background: #fff;
border-radius: 50%;
}
.about__video-play-list a:after {
position: absolute;
top: 62px;
left: 7px;
right: 0;
z-index: 1;
margin: 0 auto;
width: 0;
height: 0;
content: "";
border-top: 16px solid transparent;
border-left: 24px solid #ed1c24;
border-bottom: 16px solid transparent;
}
.about__video-play-list video {
position: relative;
top: 0;
left: 0;
width: 152px;
height: 152px;
border-radius: 100% 100% 100% 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about__title {
position: relative;
z-index: 1;
font-family: "Rounded", sans-serif;
font-size: 60px;
line-height: 2.25;
color: #8a00ee;
}
.directions__video-and-text--about {
position: relative;
z-index: 1;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.directions__video-and-text--about .directions__video {
margin-right: 56px;
height: 371px;
opacity: 1 !important;
}
.directions__video-and-text--about .directions__video iframe,
.directions__video-and-text--about .directions__video img,
.directions__video-and-text--about .directions__video video {
height: 371px !important;
}
.directions__video-and-text--about .directions__video .easy-feedback__form .wp-video,
.directions__video-and-text--about .directions__video .mejs-container {
max-width: 100%;
height: 371px !important;
}
.directions__video-and-text--about .directions__text {
max-width: 514px !important;
line-height: 1.2;
}
.about__testimonials {
position: relative;
margin-top: 69px;
}
.about__testimonials:after,
.about__testimonials:before {
position: absolute;
top: 0;
z-index: 100;
height: 100%;
content: "";
}
.about__testimonials:before {
left: 0;
-webkit-box-shadow: 83px 0 84px 150px #fff;
box-shadow: 83px 0 84px 150px #fff;
}
.about__testimonials:after {
right: 0;
-webkit-box-shadow: -83px 0 84px 150px #fff;
box-shadow: -83px 0 84px 150px #fff;
}
.about__testimonials .slider-block {
margin: 0 !important;
padding: 0 !important;
}
.about__testimonials .slider-block .slider-block__container {
padding: 0 600px;
max-width: 700px;
}
.about__testimonials .slider-block .slider-block__next {
right: 510px;
}
.about__testimonials .slider-block .slider-block__prev {
left: 510px;
}
.about__testimonials .slider-block .swiper-pagination {
bottom: -80px;
}
.about__testimonials-subtext {
position: relative;
z-index: 100;
margin: 0 auto 33px !important;
width: 100%;
max-width: 1235px;
font-size: 20px;
color: #333;
font-weight: 600;
}
.about__testimonials-comment {
position: relative;
padding: 13px 20px 20px;
width: 100%;
max-width: 650px;
font-size: 30px;
font-family: "Rounded", sans-serif;
color: #ed1c24;
border-radius: 8px;
border: solid 1px rgba(151, 151, 151, 0.49);
}
.about__testimonials-comment::after {
position: absolute;
bottom: -17px;
left: 72px;
z-index: 10;
width: 40px;
height: 17px;
content: "";
background-repeat: no-repeat;
background-image: url(/ua/wp-content/themes/easy/./img/ugolok.png);
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.about__testimonials-group {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about__testimonials-group img {
margin-left: 29px;
width: 65px !important;
height: 66px !important;
border-radius: 50%;
}
.about__testimonials-info {
margin-left: 25px;
}
.about__testimonials-info p:nth-child(1) {
padding-bottom: 5px;
font-size: 20px;
font-weight: 600;
color: #000;
}
.about__testimonials-info p:nth-child(2) {
font-size: 15px;
font-weight: 600;
color: #8a00ee;
}
.slider-and-response {
margin-top: 150px !important;
}
.slider-and-response .u-text {
position: relative;
z-index: 20;
margin-bottom: 45px;
max-width: 639px;
color: #333;
font-size: 20px;
}
.slider-and-response .teachers {
margin-bottom: 130px;
width: 100%;
max-width: 640px;
}
.slider-and-response .teachers .teachers__slider {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 100%;
}
.slider-and-response .teachers .teachers__slider .teachers__slider-block {
height: 100%;
}
.slider-and-response .teachers .teachers__slider .teachers__control {
position: absolute;
bottom: -40px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
margin-right: auto !important;
max-width: 220px;
height: auto;
}
.slider-and-response .teachers .teachers__slider .teachers__control .teachers__img-before {
display: none !important;
}
.slider-and-response .teachers .teachers__slider .teachers__control .teachers__button-next,
.slider-and-response .teachers .teachers__slider .teachers__control .teachers__button-prev {
margin: 0;
}
.slider-and-response .teachers .teachers__slider .teachers__control .teachers__button-next {
top: -19px;
left: auto;
right: 10px;
z-index: 20;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.slider-and-response .teachers .teachers__slider .teachers__control .teachers__button-prev {
top: -19px;
right: auto;
left: 10px;
z-index: 20;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.slider-and-response .teachers .teachers__slider .teachers__control .teachers__pagination {
width: 100%;
}
.slider-and-response .teachers .teachers__slider .teachers__control .teachers__pagination .swiper-pagination-bullet {
position: relative;
display: inline-block;
margin: 0 5px;
width: 11px;
height: 11px;
border: solid 2px #8a00ee;
background: #fff;
opacity: 1;
}
.category--about .category__title .category__control .swiper-pagination-bullet-active::before,
.slider-and-response .teachers .teachers__slider .teachers__control .swiper-pagination-bullet-active::before {
position: absolute;
top: 2px;
left: 2px;
width: 7px;
height: 7px;
border-radius: 50%;
content: "";
background: #8a00ee;
}
.slider-and-response .teachers .teachers__slider .teachers__swiper-container .swiper-slide img {
bottom: 0;
left: 200px;
}
.slider-and-response .teachers .teachers__slider .teachers__name {
padding-top: 100px;
}
.slider-and-response .teachers .teachers__slider .teachers__subject {
max-width: 240px;
}
.slider-and-response .page-jobs__form {
position: relative;
z-index: 1;
}
.slider-and-response .page-jobs__form .form-vacancy__file {
-ms-flex-preferred-size: 49.8%;
flex-basis: 49.8%;
padding-bottom: 30px;
}
.slider-and-response .page-jobs__form .form-vacancy__file p {
padding-top: 15px;
font-size: 16px;
}
.slider-and-response .page-jobs__form .form-vacancy__file svg {
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.slider-and-response .page-jobs__form .form-vacancy__file:hover svg {
opacity: 0.6;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.slider-and-response .page-jobs__form .jobs-title {
padding: 40px 0;
}
.slider-and-response .page-jobs__form .form-vacancy__header p {
padding-bottom: 20px;
font-size: 16px;
line-height: 21px;
}
.slider-and-response__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.slider-and-response__block .teachers__pagination {
left: 0;
}
.our-approach {
padding-top: 100px;
padding-bottom: 60px;
}
.our-approach .slider-block {
margin-bottom: 75px;
}
.our-approach .slider-block .slider-block__pagination {
bottom: -40px;
}
.our-approach .slider-block .slider-block__container {
max-width: 1090px;
}
.our-approach .slider-block .slider-block__container .swiper-slide {
max-height: 489px;
}
.our-approach .slider-block .slider-block__container .swiper-slide img {
height: 489px;
}
.our-approach .u-text {
margin: 0 auto;
width: 100%;
max-width: 1090px;
}
.our-advantage--about {
padding-top: 70px;
}
.our-advantage--about .our-advantage__tabs .our-advantage__block,
.our-advantage--about .our-advantage__tabs ul {
margin: 0 auto;
width: 100%;
max-width: 1235px;
}
.our-advantage--about .our-advantage__tabs ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.our-advantage--about .our-advantage__tabs ul li {
margin: 0 25px 20px;
}
.our-advantage--about .our-advantage__tabs hr {
border-bottom: solid 3px #ba38e8;
}
.our-advantage--about .our-advantage__tabs-img {
background: 0 0;
}
.our-technique .about__title {
padding-bottom: 20px;
line-height: 1;
}
.our-technique .directions__text {
margin-right: 40px;
max-width: 755px !important;
line-height: 28px;
}
.our-technique .directions__video {
margin-right: 0;
}
.our-technique .directions__video,
.our-technique .directions__video iframe,
.our-technique .directions__video video {
max-width: 440px;
height: 250px;
opacity: 1;
}
.about__category-block-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 120px 0 30px;
}
.about__category-left-block {
margin-right: 60px;
width: 100%;
max-width: 755px;
}
.about__category-left-block .about__title {
padding-bottom: 20px;
line-height: 1;
}
.about__category-left-block .u-text {
line-height: 1.5;
}
.about__category-right-block {
margin-top: 87px;
width: 100%;
max-width: 435px;
}
.about__category-right-block a {
padding: 16px;
font-family: "Rounded", sans-serif;
font-size: 16px;
color: #ed1c24;
}
.about__text-color {
padding-bottom: 26px;
color: #8a00ee;
font-size: 20px;
}
.category--about {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.category--about .category__title {
color: #ed1c24;
}
.category--about .category__title span {
display: block;
}
.category--about .category__title .category__control {
position: relative;
display: inline-block;
width: 100%;
max-width: 200px;
}
.category--about .category__title .category__control .slider-block__next,
.category--about .category__title .category__control .slider-block__prev {
top: -10px;
z-index: 25;
width: 18px;
height: 32px;
background-size: 18px 32px;
}
.category--about .category__title .category__control .slider-block__pagination {
bottom: 3px;
}
.category--about .category__title .category__control .swiper-pagination-bullet {
position: relative;
display: inline-block;
margin: 0 5px;
width: 11px;
height: 11px;
border: solid 2px #8a00ee;
background: 0 0;
opacity: 1;
}
.category--about .category__block {
position: relative;
z-index: 10;
height: 278px;
}
.category--about .category__card-img {
width: 100%;
}
.category--about .category__more-about {
position: absolute;
bottom: 31px;
right: 18px;
z-index: 1;
padding: 5px 16px;
width: 164px;
font-family: "Rounded", sans-serif;
font-size: 18px;
color: #8a00ee;
border-radius: 8px;
background-color: #fff;
}
.category--about .category__more-about:hover {
color: #ed1c24;
}
.category--about .category__more-about--video::before {
position: absolute;
top: 0;
left: -48px;
width: 61px;
height: 100%;
content: "";
border-radius: 8px;
background: #fff;
}
.category--about .category__more-about--video::after {
position: absolute;
top: 8px;
left: -34px;
z-index: 1;
width: 42px;
height: 42px;
content: "";
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3e%3cg fill='%238A00EE' fill-rule='nonzero'%3e%3cpath d='M28.557 20.64l-8.86-6.436a1.069 1.069 0 0 0-1.697.862v12.867a1.064 1.064 0 0 0 1.697.86l8.86-6.43a1.06 1.06 0 0 0 0-1.722z'/%3e%3cpath d='M21 0C9.4 0 0 9.402 0 21.003 0 32.601 9.4 42 21 42c11.598 0 21-9.4 21-20.997C42.001 9.402 32.598 0 21 0zm0 38.496c-9.66 0-17.492-7.83-17.492-17.493 0-9.658 7.832-17.497 17.493-17.497 9.659 0 17.49 7.837 17.49 17.497.001 9.664-7.831 17.493-17.49 17.493z'/%3e%3c/g%3e%3c/svg%3e");
}
.category--about .slider-block .category__text-content {
max-width: 280px;
}
.category--about .slider-block .slider-block__container {
max-width: 100%;
}
.category--about .slider-block .slider-block__container .swiper-slide {
max-width: 100%;
height: 100%;
}
.category--about .slider-block .slider-block__container .swiper-slide img {
width: 100%;
max-width: 100%;
height: 100%;
}
.category--about .category__card-img img {
width: 100%;
height: 100%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.whale-animation {
margin-top: 75px;
margin-bottom: 260px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='155' viewBox='0 0 1920 155'%3e%3cg fill='none' fill-rule='evenodd' stroke='%238A00EE' stroke-width='2'%3e%3cpath d='M-.105 153.674C150.685 116.732 280.28 94.47 388.683 86.89c162.603-11.37 373.654 24.996 597.607 9.335 223.953-15.66 458.813-83.207 600.467-93.113 141.655-9.905 365.175 25.59 441.489 20.253'/%3e%3cpath d='M-244.49 181.79c187.7-39.523 348.857-63.991 483.472-73.404 201.924-14.12 463.151 18.737 741.26-.71C1258.353 88.23 1550.868 16.65 1726.777 4.35c175.909-12.3 452.62 19.474 547.388 12.847' opacity='.297'/%3e%3cpath d='M-377.186 205.103c207.823-40.93 386.19-66.602 535.1-77.014 223.363-15.62 511.95 15.325 819.59-6.187 307.639-21.512 631.59-95.29 826.177-108.897 194.587-13.606 500.303 16.14 605.134 8.81' opacity='.379'/%3e%3c/g%3e%3c/svg%3e");
}
.whale-animation .main-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.whale-animation .main-container .whale-animation__block:nth-child(2) .whale-animation__block-click {
top: 205px;
left: -300px;
}
.whale-animation .main-container .whale-animation__block:nth-child(2) .whale-animation__block-click:before {
left: 340px;
}
.whale-animation .main-container .whale-animation__block:nth-child(3) .whale-animation__block-click {
top: 100px;
left: -630px;
}
.whale-animation .main-container .whale-animation__block:nth-child(3) .whale-animation__block-click:before {
left: auto;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
right: 120px;
}
.whale-animation__block {
position: relative;
}
.whale-animation__whale-1 {
position: relative;
top: 50px;
width: 100%;
max-width: 200px;
}
.whale-animation__whale-1 .whale {
position: relative;
overflow: hidden;
height: 133px;
animation: breath ease 4s infinite alternate-reverse;
}
.whale-animation__whale-1 .whale-eyes {
position: absolute;
top: 44px;
right: 28px;
z-index: 20;
}
.whale-animation__whale-1 .eye {
display: inline-block;
width: 5px;
height: 12px;
border-radius: 5px;
background: #4d4d4d;
-webkit-animation: blinking 4s infinite alternate;
animation: blinking 4s infinite alternate;
}
.whale-animation__whale-1 .body {
width: 197px;
height: 137px;
}
.whale-animation__whale-1 .mouth {
position: absolute;
top: 80px;
right: 0;
-webkit-animation: mouth-movement linear 3s infinite alternate;
animation: mouth-movement linear 3s infinite alternate;
}
.whale-animation__whale-2,
.whale-animation__whale-3 {
position: relative;
top: 0;
width: 100%;
max-width: 175px;
}
.whale-animation__whale-2 .whale {
position: relative;
overflow: hidden;
height: 135px;
animation: breath-go ease 4s infinite alternate-reverse;
}
.whale-animation__whale-2 .whale-eyes {
position: absolute;
top: 20px;
left: 20px;
z-index: 20;
}
.whale-animation__whale-2 .eye {
width: 8px;
height: 8px;
background: #396080;
-webkit-animation: blinking 8s infinite alternate;
animation: blinking 8s infinite alternate;
}
.whale-animation__whale-2 .body {
width: 165px;
height: 115px;
}
.whale-animation__whale-2 .mouth {
position: absolute;
top: 42px;
left: -1px;
-webkit-animation: breath-movement linear 4s infinite alternate;
animation: breath-movement linear 4s infinite alternate;
}
.whale-animation__whale-2 .flippers {
position: absolute;
top: 60px;
left: 75px;
width: 68px;
height: 59px;
animation: mouth-flippers ease-in 4s infinite alternate-reverse;
}
.whale-animation__whale-2 .whale-animation__icon-text {
margin: 0 auto 30px;
}
.whale-animation__whale-3 {
top: -50px;
margin-right: 150px;
max-width: 230px;
}
.whale-animation__whale-3 .whale {
position: relative;
overflow: hidden;
height: 160px;
animation: breath ease 4s infinite alternate-reverse;
}
.whale-animation__whale-3 .whale-eyes {
position: absolute;
top: 72px;
right: 30px;
z-index: 20;
}
.whale-animation__whale-3 .eye {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 5px;
background: #1e1e1e;
-webkit-animation: blinking 6s infinite alternate;
animation: blinking 6s infinite alternate;
}
.whale-animation__whale-3 .body {
width: 222px;
height: 157px;
}
.whale-animation__block-svg {
cursor: pointer;
}
.active-whale-tab .whale-animation__icon-text p,
.whale-animation__block-svg:hover .whale-animation__icon-text p,
.whale-animation__icon-text p {
color: #8a00ee;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.active-whale-tab .whale-animation__icon-text img,
.whale-animation__block-svg:hover .whale-animation__icon-text img,
.whale-animation__icon-text img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.whale-animation__icon-text {
margin: 30px auto 0;
width: 100%;
max-width: 140px;
text-align: center;
}
.whale-animation__icon-text img {
margin-bottom: 10px;
width: 40px;
height: 40px;
-webkit-transform: scale(1);
transform: scale(1);
}
.whale-animation__icon-text p {
font-size: 16px;
font-weight: 600;
color: #a0a0a0;
}
.whale-animation__block-click {
position: absolute;
top: 180px;
left: 80px;
z-index: 9;
display: none;
padding: 18px;
width: 850px;
border-radius: 8px;
border: solid 1px rgba(151, 151, 151, 0.49);
background: #fff;
-webkit-transform: scale(0);
transform: scale(0);
}
.whale-animation__block-click:before {
position: absolute;
top: -17px;
left: 60px;
z-index: 10;
width: 40px;
height: 17px;
content: "";
background-repeat: no-repeat;
background-image: url(/ua/wp-content/themes/easy/./img/ugolok.png);
}
.active-whale-tab-content {
display: block;
-webkit-animation: scale 0.6s 0.2s forwards;
animation: scale 0.6s 0.2s forwards;
}
.whale-animation__img-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.whale-animation__img-title img {
margin-right: 26px;
width: 70px;
height: 70px;
}
.whale-animation__title {
font-family: "Rounded", sans-serif;
font-size: 26px;
font-weight: 600;
color: #8a00ee;
}
.whale-animation__text {
font-size: 20px;
line-height: 1.4;
color: #1e1e1e;
}
.cart-category-video-modal .mejs-container,
.cart-category-video-modal iframe,
.cart-category-video-modal video {
max-width: 100%;
height: 480px !important;
}
.cart-category-video-modal .easy-feedback__form .wp-video {
max-width: 100%;
height: 480px;
}
.video-play-about .easy-feedback__form {
max-width: 650px;
}
@media only screen and (max-width: 1900px) {
.about__testimonials .slider-block .slider-block__prev {
left: 20px;
z-index: 200;
}
.about__testimonials .slider-block .slider-block__next {
right: 20px;
z-index: 200;
}
}
@media only screen and (max-width: 1850px) {
.footer__text-inn a {
font-size: 14px;
}
.footer__text-inn {
padding-right: 40px;
max-width: 520px;
}
.footer__text {
max-width: 600px;
font-size: 14px;
}
.footer__colour-container--new-color .footer__container {
width: 100%;
max-width: 460px;
}
.footer__copy span,
.footer__dev {
font-size: 13px;
}
}
@media only screen and (max-width: 1700px) {
.about__testimonials .slider-block .slider-block__container {
padding: 0 350px;
}
}
@media only screen and (max-width: 1600px) {
.footer__copy,
.footer__dev {
top: 0;
}
.footer__copy-dev {
padding-top: 10px;
}
.footer__social-icon {
margin-right: 15px;
max-width: 271px;
}
.footer__social-network-text {
padding-right: 10px;
}
.footer__call a,
.footer__social-icon a {
margin-right: 10px;
}
.footer__network {
max-width: 850px;
}
}
@media only screen and (max-width: 1450px) {
.footer__colour-container--new-color .footer__container {
max-width: 240px;
}
.footer__logo-container {
padding-right: 25px;
}
.footer__nav-block {
margin-right: 40px;
margin-bottom: 25px;
}
.about__testimonials .slider-block .slider-block__container {
padding: 0 200px;
max-width: 700px;
}
.directions__content-header {
background-position: -800px 0 !important;
}
}
@media only screen and (max-width: 1350px) {
.about__testimonials .slider-block .slider-block__container {
padding: 0;
}
.about__testimonials::after,
.about__testimonials::before {
display: none;
}
.about__testimonials {
margin: 69px auto 0;
width: 95%;
}
.block-animation .line-svg {
display: none !important;
}
.flex-group {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.block-animation .group-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 100px;
}
.block-animation .group-1 .text-description {
margin-top: 30px !important;
}
.block-animation .group-2 {
position: relative;
margin-bottom: 180px;
}
.block-animation .group-2 .text-description {
bottom: -84px;
}
.block-animation .group-2 .number-text,
.block-animation .group-2 .text-description {
position: absolute;
left: 0;
right: 0;
margin: 0 auto !important;
max-width: 110px;
width: 100%;
}
.block-animation .group-2 .text-description {
padding-left: 110px;
}
.block-animation .group-2 .number-text {
bottom: -115px;
padding-right: 40px;
}
.block-animation .group-2 .city-svg:nth-child(4)::after {
display: none;
}
.number-text {
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.block-animation .group-3 {
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 210px;
}
.block-animation .group-3 .number-text:nth-last-child(1) {
position: absolute;
top: 270px;
left: 0;
right: 0;
margin: 0 auto;
max-width: 250px;
width: 100%;
}
.block-animation .group-3 .text-description {
margin-top: 30px !important;
width: 100%;
text-align: center;
}
.block-animation .group-3 .school-svg {
position: relative;
top: -13px;
}
.block-animation .group-3 .number-text:nth-child(1) {
left: 0;
margin-right: 40px;
}
.block-animation .group-4 {
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 200px;
}
.block-animation .group-4 .human-group:nth-child(3) {
display: none;
}
.block-animation .group-4 .text-description {
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: 0 auto !important;
max-width: 150px;
text-align: center;
}
.block-animation .group-4 .human {
margin: 0 10px 20px;
}
.block-animation .group-4 .human-group {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-animation .group-5 {
position: relative;
margin-bottom: 200px;
}
.block-animation .group-5 .number-text,
.block-animation .group-5 .text-description {
position: absolute;
top: -140px;
left: 0;
right: 0;
margin: 0 auto !important;
max-width: 250px;
width: 100%;
text-align: center;
}
.block-animation .group-5 .text-description {
top: -50px;
}
.block-animation .group-5 .group-content {
top: 0;
left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-animation .group-5 svg {
margin: 0 20px 20px;
}
.block-animation .group-6 {
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-animation .group-6 .number-text,
.block-animation .group-6 .text-description {
position: absolute;
top: -150px;
left: 0;
right: 0;
margin: 0 auto !important;
max-width: 250px;
width: 100%;
text-align: center;
}
.block-animation .group-6 .text-description {
top: -50px;
}
.block-animation .group-6 .img-block-img {
top: 0;
margin: 0 20px 20px;
}
.slider-and-response__block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.slider-and-response__block .teachers__swiper-container {
margin: 0 auto;
}
.slider-and-response .teachers {
max-width: 100%;
}
.slider-and-response .u-text {
margin-bottom: 0;
}
.category--about .slider-block {
padding: 0;
}
.group-7 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.human-group .human:nth-last-child(1) {
margin-right: 20px;
}
.number-text,
.text-description {
text-align: center;
}
.number-text {
font-size: 80px;
}
.topical__slider-block .topical__next,
.topical__slider-block .topical__prev {
top: auto;
right: 50px;
z-index: 12;
width: 40px;
height: 50px;
background-size: 40px 30px;
}
.topical__slider-block .topical__prev {
left: 50px;
}
.topical__slider-block .topical__pagination {
bottom: -39px;
}
}
@media only screen and (max-width: 1300px) {
.category {
padding-top: 100px;
}
.category .main-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.category__card {
margin: 0 10px 20px;
}
.animation-children-1,
.animation-children-2,
.animation-children-3,
.animation-children-4 {
display: none;
}
.category__age-category span {
position: relative;
top: 2px;
}
.category__card {
max-width: 470px;
}
.main-container {
width: 95% !important;
}
.u-title {
padding-bottom: 30px;
}
.slider-block {
padding: 0 72px;
}
.slider-block .slider-block__pagination {
width: auto;
margin: auto;
left: 0;
right: 0;
}
.teachers__swiper-container .swiper-slide img {
left: 150px;
}
.directions__video {
margin-right: 30px;
}
.directions__content-header {
padding-top: 60px;
background-size: contain;
}
.directions__content-footer .form-contact {
padding-top: 130px;
padding-bottom: 150px;
}
.directions__content-footer {
top: 0;
}
.directions__background-white-events,
.directions__events-block {
top: -40px;
}
.directions__other {
padding-bottom: 100px;
}
.directions__events-content .repeating-card,
.directions__other-cards {
margin: 0 10px 20px !important;
}
.cours__tab ul {
width: 100%;
}
.cours__content .repeating-card {
margin: 0 20px 30px 0;
}
.ui-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.directions__content-body .cours__block {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.franchise__content-animation .line-svg {
display: none !important;
}
.franchise__content-animation .number-text {
font-size: 80px;
}
.franchise__group-1,
.franchise__group-2,
.ui-tabs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.franchise__group-1 .franchise__block,
.franchise__group-2 .franchise__block {
margin: 0 auto 40px;
}
.franchise__group-1 .number-text:nth-child(1) {
margin-bottom: 40px;
max-width: 100%;
text-align: center;
}
.franchise__title-page {
font-size: 80px;
}
.franchise__group-2 .franchise__group-icon {
top: 0;
margin: 0 auto 20px;
}
.text-description {
margin: 0 !important;
width: 100%;
max-width: 100%;
text-align: center;
}
.franchise__group-2 .text-and-human-school {
top: 0;
margin: 40px auto 60px;
}
.franchise__group-3 {
padding-top: 0;
}
.franchise__group-3 .franchise__block {
margin: 0 auto 40px;
}
.franchise__group-4 .franchise__block {
top: 0;
margin: 0 auto 40px;
}
.franchise__group-5 {
padding: 60px 0 0;
}
.franchise__group-5 .city-block {
top: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
}
.franchise__group-5 .city-block .city-svg {
margin: 0 10px 60px;
}
.franchise__approach-block:before,
.franchise__mission-title-and-line-svg .line-svg {
display: none;
}
.franchise__mission {
margin-top: 0;
}
.franchise__approach-block {
position: relative;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: 0 auto 80px;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.franchise__approach-content {
height: auto;
}
.franchise__like .franchise__like-block:nth-child(2) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 35px 0 100px;
}
.franchise__like-comment {
margin: 0 20px 50px;
}
.franchise__like-comment:before {
display: none !important;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) {
top: 50px;
}
.franchise__like .franchise__like-human-answer,
.franchise__like .human {
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment {
margin-right: auto;
}
.franchise__why-easy-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.franchise__why-easy .franchise__why-easy-block:nth-child(3) .franchise__why-easy-card {
margin: 0 20px 20px;
}
.franchise__cost-list ul li {
padding-left: 25px;
}
.franchise__cost-list,
.franchise__table tbody,
.franchise__table tbody tr {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.franchise__cost-list ul {
margin-right: 40px;
}
.franchise__cost-initial-list li::before {
display: none !important;
}
.franchise__cost-initial-list li {
padding-left: 0 !important;
padding-bottom: 30px !important;
max-width: 250px !important;
}
.franchise__cost-initial-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.franchise__cost-initial-list li::after {
position: relative;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
display: block;
margin-top: 20px;
padding: 0;
}
.franchise__cost-initial-investment-title span {
display: block;
padding-left: 0;
}
.franchise__cost-initial-investment-hr,
.franchise__start-left-content::before,
.principle-animation__list li:before {
display: none;
}
.franchise__cost-learning-process {
padding-top: 30px;
}
.franchise__table {
width: 100%;
max-width: 100%;
}
.franchise__table tbody,
.franchise__table tbody tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.franchise__table tbody tr {
margin: 0 10px 20px;
padding: 0 10px;
width: 100%;
max-width: 260px;
border: solid 1px rgba(151, 151, 151, 0.38);
}
.franchise__table tbody tr td {
padding: 10px 0 !important;
width: 100%;
border-bottom: 0 !important;
}
.franchise__table tbody tr td:nth-child(2) {
padding: 10px 0 !important;
}
.franchise__table tbody tr td:nth-child(3) {
width: 100%;
text-align: left;
}
.franchise__start-block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.franchise__start-left-content {
margin-left: 0;
margin-bottom: 40px;
}
.franchise__conditions-text-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.franchise__conditions-left-block {
padding-left: 0;
padding-bottom: 10px;
max-width: 100%;
}
.franchise__value .our-advantage__block {
width: 95% !important;
}
.principle-animation__human-eyes .eye-left,
.principle-animation__human-eyes .eye-right {
display: block;
}
.directions__content-header {
background-position: -800px 0 !important;
}
}
@media only screen and (max-width: 1200px) {
.contact__number-phone p {
padding-right: 20px;
font-size: 18px;
}
.contact__tab {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 30px;
}
.contact__tab-left-block {
margin-right: 60px;
max-width: 100%;
}
.contact__tab-left-block .ui-tabs-nav li::after {
display: none;
}
.contact__tab-right-block {
padding-top: 30px;
max-width: 100%;
}
.tab-content-new-page {
position: relative;
top: 0;
left: 0;
padding: 0 !important;
width: 100%;
height: 300px;
}
.map-modal-active .modal {
padding-top: 150px;
max-width: 95%;
height: auto;
}
.map-modal-active .easy-feedback__form {
top: -100px;
left: 0;
height: 250px;
width: 100%;
max-width: 100%;
}
.map-modal-active .tab-content-new-page {
left: 0;
padding-top: 135px !important;
}
.map-modal-active .easy-feedback__form .u-call {
bottom: 25px;
}
.map-modal__close {
top: 40px;
right: -8px;
}
.footer__colour-container {
padding: 30px 20px 0;
}
.footer__colour-container--new-color {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__colour-container--new-color .footer__container {
width: auto;
max-width: 80%;
}
.footer__network {
margin-left: 92px;
margin-bottom: 30px;
}
.gallery__thumbs {
position: relative;
padding: 26px 50px 0;
}
.gallery__button-next {
right: 0;
}
.gallery__button-prev {
left: 0;
}
.gallery__thumbs-container .swiper-slide img {
width: 75px;
height: 75px;
}
.gallery-top .swiper-slide img {
height: 350px;
}
.gallery__video .wp-video,
.gallery__video .wp-video .mejs-video,
.gallery__video iframe,
.gallery__video iframe .mejs-video,
.gallery__video video,
.gallery__video video .mejs-video {
height: 350px !important;
}
}
@media only screen and (min-width: 992px) {
.u-media-992-show {
display: none !important;
}
}
@media only screen and (max-width: 992px) {
.category__card {
max-width: 650px;
}
.your-family {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.your-family__left-block {
padding-bottom: 30px;
max-width: 100%;
}
.your-family__right-block {
margin: 0 auto;
}
.directions__video-slider .slider-block .slider-block__container .swiper-slide img,
.slider-block .slider-block__container .swiper-slide img {
max-height: 350px;
}
.teachers .u-text {
max-width: 100%;
}
.teachers__slider-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.teachers__swiper-container {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.teachers__control {
margin-top: 20px;
margin-right: 0;
max-width: 100%;
height: auto;
}
.teachers__control .teachers__button-next,
.teachers__control .teachers__button-prev {
top: 0;
margin: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.teachers__control .teachers__button-next {
right: 0;
left: auto;
}
.teachers__control .teachers__button-prev {
left: 0;
right: auto;
}
.cours__tab ul li:before,
.principle-animation .principle-animation__list li br,
.teachers__control .teachers__img-before,
.topical__container-slider::after {
display: none;
}
.teachers__postscript {
background-size: 404px 120px;
}
.teachers__control .teachers__pagination {
bottom: -29px;
}
.teachers__control .teachers__pagination .swiper-pagination-bullet {
display: inline-block;
margin: 0 5px;
}
.teachers__slider {
margin-top: 140px;
margin-bottom: 90px;
}
.teachers__swiper-container,
.topical__container-slider .swiper-slide .repeating-card {
margin: 0 auto;
}
.teachers__swiper-container .swiper-slide img {
bottom: -80px;
left: auto;
right: -80px;
margin: 0 auto;
width: 400px;
-o-object-fit: cover;
object-fit: cover;
}
.teachers__postscript {
padding: 12px;
font-size: 16px;
}
.teachers__subject {
padding-bottom: 20px;
font-size: 16px;
}
.teachers__name {
font-size: 28px;
}
.topical__slider-block .topical__next,
.topical__slider-block .topical__prev {
bottom: -53px;
}
.footer__network {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__call,
.footer__social-icon {
margin-top: 10px;
max-width: 100%;
}
.directions__subtitle {
font-size: 24px;
}
.directions__title-page {
font-size: 30px;
}
.directions__text {
font-size: 16px;
}
.directions__content-header {
padding-top: 40px;
}
.directions__video-and-text {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.directions__video {
margin-right: 0;
margin-bottom: 30px;
max-width: 100%;
}
.directions__video-and-text .directions__text {
max-width: 100% !important;
}
.your-family--direction {
padding-top: 40px;
width: 100% !important;
}
.your-family--direction .directions__title {
padding-bottom: 30px;
}
.your-family--direction .directions__text,
.your-family--direction .your-family__left-block {
max-width: 100% !important;
}
.cours .directions__title {
padding-bottom: 40px;
}
.cours {
padding-bottom: 0;
}
.our-advantage .directions__title {
padding-bottom: 30px;
}
.our-advantage__block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our-advantage__img {
margin-right: 0;
margin-bottom: 20px;
max-width: 100%;
text-align: center;
}
.our-advantage__img img {
width: auto;
}
.cours .directions__title,
.directions__events-block .directions__title,
.directions__other .directions__title,
.form-contact__title,
.our-advantage .directions__title,
.your-family--direction .directions__title {
font-size: 28px;
}
.cours__tab ul li a {
font-size: 20px;
}
.cours__block,
.directions__events-content,
.directions__other-cards-content {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.directions__other {
padding-bottom: 50px;
}
.our-advantage__tabs ul,
.our-advantage__tabs-img {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cours__content .repeating-card {
margin: 0 10px 30px;
}
.cours__tab ul {
padding: 0 !important;
width: 100%;
}
.our-advantage__text {
font-size: 16px;
}
.our-advantage__title {
font-size: 24px;
}
.u-media-992-hide {
display: none !important;
}
.u-media-992-show {
display: block !important;
}
.about .directions__content-header {
padding-top: 95px;
}
.about__title {
font-size: 40px;
}
.about .directions__title-page {
font-size: 60px;
}
.slider-and-response .teachers__postscript img {
margin: 0 !important;
}
.our-technique .directions__text {
margin-right: 0;
margin-bottom: 30px;
}
.directions__video-and-text--about .directions__video {
margin-right: 0;
}
.our-technique .directions__video,
.our-technique .directions__video iframe,
.our-technique .directions__video video {
max-width: 100%;
height: 350px;
}
.whale-animation {
margin-top: 0;
margin-bottom: 0;
}
.whale-animation .main-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.whale-animation__block-click {
position: relative;
top: 0;
left: 0;
display: block;
width: 100%;
max-width: 850px;
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 70px;
padding: 0;
}
.whale-animation__block-click .whale-animation__img-title {
padding: 18px 18px 0;
}
.whale-animation__block-click .whale-animation__text {
padding: 0 18px 18px;
}
.whale-animation__block-click::before {
left: 97px;
}
.whale-animation__whale-2 {
margin-top: 30px;
}
.whale-animation .main-container .whale-animation__block:nth-child(2) .whale-animation__block-click {
top: 0;
left: 0;
margin-top: 0;
}
.whale-animation .main-container .whale-animation__block:nth-child(2) .whale-animation__block-click::before,
.whale-animation .main-container .whale-animation__block:nth-child(3) .whale-animation__block-click::before {
left: 60px;
}
.whale-animation__whale-3 {
top: 0;
margin-top: 30px;
margin-right: 0;
max-width: 230px;
}
.whale-animation .main-container .whale-animation__block:nth-child(3) .whale-animation__block-click {
top: 0;
left: 0;
margin-top: 15px;
}
.about__category-block-text {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 60px 0 0;
}
.about__category-right-block {
margin-top: 30px;
margin-bottom: 30px;
max-width: 100%;
}
.about__category-left-block {
margin-right: 0;
max-width: 100%;
}
.about__video-play-list {
position: relative;
margin-top: 30px;
}
.block-animation .group-4 .human-group:nth-child(1) {
position: relative;
left: 0;
}
.our-advantage--about .our-advantage__img {
margin-right: 0;
}
.our-advantage--about .our-advantage__block {
width: 95% !important;
}
.animation-block {
padding-top: 40px;
}
.slider-and-response__block {
margin-top: 40px;
}
.slider-and-response__block .teachers__slider {
margin-top: 0 !important;
}
.slider-and-response__block .teachers__control .teachers__pagination {
bottom: -13px;
}
.about__testimonials .slider-block .slider-block__container .swiper-slide {
max-height: none;
}
.directions__content-header {
background-position: -400px 0 !important;
}
.franchise__content-animation .number-text,
.franchise__now-title,
.franchise__title-page {
font-size: 50px;
}
.franchise__subtitle-logo img {
max-width: 180px;
height: 125px;
}
.franchise__background-white {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
.franchise__content-animation .text-description,
.franchise__group-3 .franchise__animation-text {
font-size: 16px;
}
.franchise__group-3 .franchise__block-svg-icon {
margin-right: 10px;
}
.franchise__group-4 .number-text::before {
position: relative;
top: 0;
margin-right: 20px;
font-size: 16px;
}
.franchise__group-4 .number-text::after {
position: relative;
bottom: 0;
margin-left: 20px;
font-size: 16px;
}
.franchise__group-4 .number-text {
margin: 0 auto 50px;
width: 100%;
}
.franchise__group-4 .franchise__block {
top: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.franchise__group-4 {
padding-top: 20px;
}
.franchise__group-4 .human-group {
margin: 0 auto;
}
.franchise__group-5 .city-block .city-svg:nth-child(1) {
margin: 0;
max-width: 100%;
text-align: center;
}
.franchise__group-5 {
padding: 20px 0 0;
}
.franchise__title {
font-size: 40px;
}
.franchise__text-block {
font-size: 16px;
}
.franchise__approach-subtitle {
font-size: 18px;
}
.franchise__approach-text,
.franchise__like-human-answer p {
font-size: 16px;
}
.franchise__approach-block {
margin: 0 auto 100px;
}
.franchise__second-title {
font-size: 40px;
}
.franchise__like-comment {
margin: 0 100px 80px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) {
top: 0;
}
.franchise__like .franchise__like-block:nth-child(2) {
margin: 35px 0 0;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1) .franchise__like-human-answer p {
padding: 38px 12px 38px 27px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) .franchise__like-human-answer p {
padding: 37px 32px 38px 10px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) .franchise__like-human-answer p {
padding: 48px 20px 46px;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment .franchise__like-human-answer p {
padding: 38px 10px 40px 19px;
}
.franchise__cost-initial-list li,
.franchise__cost-list ul li,
.franchise__why-easy-description-card {
font-size: 16px;
}
.franchise__why-easy-card {
margin: 0 100px 40px !important;
}
.franchise__cost-subtitle {
font-size: 18px;
}
.franchise__why-easy-block {
margin-top: 0;
opacity: 1 !important;
}
.franchise__cost {
margin-top: 20px;
}
.franchise__cost-ul-text {
font-size: 18px;
}
.franchise__cost-list {
width: 97%;
}
.franchise__cost-initial-investment-title,
.franchise__cost-learning-process-title {
font-size: 18px;
}
.franchise__cost-learning-process-text {
font-size: 16px;
}
.principle-animation {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.principle-animation__human {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 100%;
}
.principle-animation__human svg {
display: block;
margin: 0 auto;
}
.principle-animation .principle-animation__list {
margin: 0 !important;
max-width: 100%;
text-align: center !important;
}
.principle-animation .principle-animation__list li {
height: auto;
font-size: 16px;
}
.franchise__start-left-content-list li,
.franchise__table tbody tr td,
.franchise__table-table {
font-size: 16px;
}
.franchise__start-left-content-title {
font-size: 18px;
}
.franchise__start-right-content-title {
font-size: 20px;
}
.franchise__start-right-content-subtitle,
.franchise__start-right-content-text {
font-size: 16px;
}
.franchise__start-right-content-link {
font-size: 14px;
}
.franchise__conditions-left-block,
.franchise__conditions-title {
font-size: 18px;
}
.franchise__conditions-right-block {
font-size: 16px;
}
.franchise__table-block {
margin-top: 40px;
}
.franchise__cost-initial-list li {
margin: 0 10px;
max-width: 200px !important;
}
.franchise__table tbody {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.franchise__group-4 .human-group .human {
margin: 0 15px;
}
}
@media only screen and (max-width: 840px) {
.form-contact__title {
font-size: 30px;
}
.form-contact__subtitle {
font-size: 14px;
}
.form-contact__textarea {
width: 97.5%;
}
.form-contact__input-block label {
max-width: 100%;
}
.form-contact__input-block label:nth-child(1) {
margin-bottom: 30px;
}
.form-contact__input-block label input {
max-width: 98.5%;
}
.gallery__subtitle,
.gallery__title {
padding-bottom: 25px;
font-size: 28px;
}
.gallery__subtitle {
font-size: 16px;
}
.gallery__text {
padding-bottom: 30px;
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
.contact__tab-left-block .ui-tabs-nav li a .name-address {
width: auto;
font-size: 14px;
}
.block-animation .group-2 .city-svg::before,
.contact__tab-left-block .ui-tabs-nav li a i,
.u-call span {
display: none;
}
.contact__tab-left-block .ui-tabs-nav li a .address {
font-size: 13px;
}
.footer__logo-container {
width: auto;
}
.footer__colour-container--new-color .footer__container {
width: 100%;
max-width: 100%;
}
.about__testimonials-group img,
.footer__network {
margin-left: 0;
}
.footer__colour-container--white .footer__logo-container {
padding-right: 0;
}
.footer__colour-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__logo {
display: block;
margin-bottom: 10px;
}
.footer__text-inn a {
line-height: 1.4;
}
.footer__copy-dev {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about__testimonials .slider-block__next,
.about__testimonials .slider-block__prev {
width: 25px;
height: 25px;
background-size: 25px 25px;
}
.about__testimonials .slider-block .slider-block__next {
right: 0;
}
.about__testimonials .slider-block .slider-block__prev {
left: 0;
}
.about__testimonials-comment {
padding: 13px 20px 20px;
margin: 0 auto;
width: 100%;
max-width: 250px;
}
.about__testimonials-group {
margin: 30px auto 0;
max-width: 300px;
}
.number-text {
font-size: 60px;
text-align: center;
}
.block-animation .group-2 .number-text {
bottom: -96px;
padding-right: 60px;
}
.our-advantage--about {
padding-top: 60px;
}
.boxing {
-webkit-animation: none ease 1s 2s infinite alternate !important;
animation: none ease 1s 2s infinite alternate !important;
}
.block-animation .group-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-animation .group-2 .city-svg {
margin: 0 20px 20px;
}
.block-animation .group-1 .number-text {
margin-left: 0;
margin-right: 0;
}
.block-animation .group-1 .text-description {
margin-left: 10px;
margin-right: 10px;
}
.block-animation .group-3 .number-text:nth-child(1) img {
display: none;
}
.slider-and-response .page-jobs__form .form-vacancy__file {
-ms-flex-preferred-size: 49.7%;
flex-basis: 49.7%;
}
.slider-block .slider-block__container {
height: 100%;
}
.block-animation .group-2 .text-description {
padding-left: 85px;
}
.block-animation .group-3 .number-text:nth-last-child(1) {
top: 280px;
}
.block-animation .group-5 .number-text,
.block-animation .group-6 .number-text {
top: -120px;
}
.directions__content-header {
background-position: -600px 0 !important;
}
.u-call a:nth-child(1) {
width: 25px;
font-size: 14px;
margin-right: 10px;
}
}
@media only screen and (max-width: 660px) {
.category__card-img,
.category__card-img img {
height: 100%;
width: 100%;
}
.category__card {
position: relative;
overflow: hidden;
height: auto;
}
.category__block {
padding: 18px;
}
.u-title {
font-size: 32px;
}
.u-subtitle,
.u-text {
font-size: 16px;
}
.u-text {
line-height: 1.4;
}
.u-call {
top: 18px;
right: 68px;
}
.u-call #icon-phone {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.u-call a:nth-child(1) svg {
position: relative;
top: 3px;
width: 25px;
height: 25px;
}
.u-call a:nth-child(2) {
padding: 4px 9px;
font-size: 12px;
}
.teachers__swiper-container {
max-width: 100%;
}
.teachers__postscript {
max-width: 240px;
}
.teachers__swiper-container .swiper-slide img {
right: -80px;
}
.teachers__title a {
top: 0;
}
.teachers__slider {
margin-top: 70px;
margin-bottom: 70px;
}
.our-advantage__tabs ul li {
margin: 0 10px 20px;
max-width: 180px;
}
.directions__content-header {
padding-top: 100px;
}
.franchise__cost-feedback a:nth-child(2) {
display: block;
margin-top: 10px;
}
.franchise__why-easy-card {
margin: 0 0 40px !important;
}
}
@media only screen and (max-width: 500px) {
.contact__tab-left-block .ui-tabs-nav li a {
padding: 9px 13px 7px;
}
.contact__tab-left-block .ui-tabs-nav li {
padding: 0;
}
.contact__tab-left-block {
margin-right: 0;
}
.contact__number-phone {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact__number-phone p {
margin-top: 10px;
margin-bottom: 10px;
max-width: 100%;
}
.contact__tab-left-block .ui-tabs-nav li a .address {
display: block;
font-size: 12px;
}
.form-contact__textarea {
width: 96%;
}
}
@media only screen and (max-width: 460px) {
.category__title {
font-size: 28px;
}
.category__age-category {
margin-bottom: 12px;
}
.category__card--join-us .category__vacancy a {
padding: 10px;
font-size: 14px;
}
.category__card--join-us .category__text-content,
.category__card--join-us .category__title {
padding-bottom: 16px;
}
.slider-block {
padding: 0 35px;
}
.slider-block__next,
.slider-block__prev {
width: 20px;
height: 34px;
background-size: 20px 34px;
}
.teachers__swiper-container .swiper-slide img {
right: -95px;
}
.teachers__postscript {
max-width: 180px;
}
.teachers__subject {
max-width: 70%;
}
.teachers__slider {
margin-top: 40px;
margin-bottom: 40px;
}
.footer__call {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__call a {
top: 0;
margin-bottom: 10px;
margin-right: 0;
width: 100%;
}
.footer__text-inn a {
font-size: 13px;
}
.footer__container .menu-item-object-custom {
margin-right: 0;
margin-bottom: 33px;
min-width: 170px;
width: 100%;
}
.directions__background-white-events {
top: 0;
}
.directions__content-footer .form-contact {
padding-bottom: 120px;
}
.our-advantage__img img {
width: auto;
}
.directions__video,
.directions__video iframe,
.directions__video img,
.directions__video video {
height: 180px;
}
.directions__content-header {
padding-bottom: 40px;
}
.our-advantage {
padding-bottom: 0;
}
.gallery-top .swiper-slide img {
height: 220px;
}
.gallery__video .wp-video,
.gallery__video .wp-video .mejs-video,
.gallery__video iframe,
.gallery__video iframe .mejs-video,
.gallery__video video,
.gallery__video video .mejs-video {
height: 220px !important;
}
.about__title {
font-size: 26px;
}
.text-description {
font-size: 16px;
font-weight: 600;
color: #000;
}
.about .directions__title-page {
font-size: 40px;
}
.about .directions__subtitle {
font-size: 14px;
}
.block-animation .group-1 {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-animation .group-1 .number-text {
margin-top: 20px;
margin-bottom: 20px;
}
.block-animation .group-1 .number-text,
.block-animation .group-1 .text-description {
width: 100%;
max-width: 100%;
text-align: center;
}
.block-animation .group-2 {
margin-bottom: 120px;
}
.block-animation .group-1 {
margin-bottom: 70px;
}
.block-animation .group-2 .text-description {
bottom: -50px;
}
.block-animation .group-2 .number-text {
bottom: -70px;
}
.block-animation .group-4,
.block-animation .group-5 {
margin-bottom: 150px;
}
.block-animation .group-5 .number-text,
.block-animation .group-6 .number-text {
top: -125px;
}
.block-animation .group-5 .text-description,
.block-animation .group-6 .text-description {
top: -50px;
}
.about__text-color {
font-size: 16px;
}
.whale-animation__title {
font-size: 18px;
}
.whale-animation__text {
font-size: 16px;
}
.our-approach .slider-block .slider-block__container .swiper-slide img {
height: 300px;
}
.slider-and-response .teachers .teachers__slider .teachers__swiper-container .swiper-slide img {
left: 120px;
}
.about__testimonials-comment,
.about__testimonials-subtext {
font-size: 18px;
}
.slider-and-response .teachers .teachers__slider .teachers__name {
padding-top: 40px;
}
.block-animation .group-2 .text-description {
padding-left: 60px;
}
.directions__content-header {
background-position: -800px 0 !important;
}
.franchise__now-title,
.franchise__second-title,
.franchise__title,
.franchise__title-page {
font-size: 30px;
}
.franchise__group-3 .franchise__animation-icon-text {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.franchise__group-3 .franchise__animation-icon-text .franchise__animation-text {
margin-top: 20px;
width: 100%;
max-width: 100%;
text-align: center;
}
.franchise__content-animation .number-text {
font-size: 40px;
}
.franchise__subtitle-logo img {
max-width: 150px;
height: 100px;
}
.franchise__cost-initial-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.franchise__cost-initial-list li {
text-align: center;
}
.franchise__cost-initial-list li:after {
margin: 20px auto 0;
}
.franchise__start-right-content-link {
left: 0;
margin: 0 18px 15px;
text-align: center;
}
.principle-animation__human svg {
width: 280px;
height: auto;
}
.principle-animation__human-eyes {
top: 105px;
}
.principle-animation__human svg g path:nth-child(1),
.principle-animation__human svg g path:nth-child(16),
.principle-animation__human svg g path:nth-child(17),
.principle-animation__human svg g path:nth-child(18),
.principle-animation__human svg g path:nth-child(2),
.principle-animation__human svg g path:nth-child(4),
.principle-animation__human svg g path:nth-child(5),
.principle-animation__human svg g path:nth-child(6),
.principle-animation__human svg g path:nth-child(7),
.principle-animation__human svg g path:nth-child(8),
.principle-animation__human svg g path:nth-child(9) {
-webkit-animation: none 2s infinite alternate;
animation: none 2s infinite alternate;
}
.franchise__approach-svg {
width: 280px;
height: auto;
}
.franchise__approach-img {
top: 9px;
width: 235px;
height: 235px;
}
.franchise__approach-content .franchise__approach-block:nth-child(2) .franchise__approach-img {
top: 22px;
width: 240px;
height: 240px;
}
.franchise__why-easy .franchise__second-title {
margin-bottom: 40px;
}
.franchise__cost-subtitle {
font-size: 17px;
}
.principle-animation__human-eyes .eye-left div,
.principle-animation__human-eyes .eye-right div {
width: 22px;
height: 22px;
}
.slider-and-response .teachers {
margin-top: 70px;
}
}
@media only screen and (max-width: 370px) {
.directions__video-and-text--about .directions__video,
.our-technique .directions__video {
height: 250px;
}
.directions__video-and-text--about .directions__video iframe,
.directions__video-and-text--about .directions__video video,
.our-technique .directions__video iframe,
.our-technique .directions__video video {
height: 250px !important;
}
.category--about .category__title .category__control {
top: 12px;
}
.about .directions__content-header {
padding-top: 110px;
}
.about__testimonials-comment {
font-size: 16px;
max-width: 230px;
}
.slider-and-response {
margin-top: 110px !important;
}
.form-vacancy__header {
padding: 20px 15px;
}
.slider-and-response .page-jobs__form .form-vacancy__file {
-ms-flex-preferred-size: 49.5%;
flex-basis: 49.5%;
}
.directions__content-header {
background: 0 0 !important;
}
}
@media only screen and (max-width: 340px) {
.form-contact__textarea {
width: 95%;
}
.form-contact__input-block label input {
max-width: 97.5%;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(1) .human {
margin-right: -24px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(2) .human {
margin-left: -10px;
}
.franchise__like .franchise__like-block:nth-child(2) .franchise__like-comment:nth-child(3) .human {
margin-right: -24px;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment .franchise__like-human-answer {
position: relative;
left: -14px;
}
.franchise__like .franchise__like-block:nth-child(3) .franchise__like-comment .human {
margin-left: 0;
}
.franchise__cost-list {
width: 90%;
}
.franchise__cost-list ul {
margin-right: 0;
}
.franchise__cost-subtitle span {
padding-left: 0;
}
}
@media only screen and (max-width: 320px) {
.about__title {
font-size: 22px;
}
.about__testimonials-comment {
max-width: 190px;
}
.our-approach {
padding-top: 50px;
}
.our-approach .slider-block .slider-block__container .swiper-slide img {
height: 250px;
}
}
.card-current__img--position {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.card-current--width {
width: 100%;
max-width: 100%;
text-align: center;
}
.course-teacher__tabs {
width: 70%;
margin: 0 auto !important;
position: relative;
}
.course-teacher__tabs::after {
position: absolute;
content: "";
width: 90%;
height: 1px;
top: 49%;
left: 5%;
background-color: #d7d7d7;
}
.course-teacher__tabs .swiper-slide {
height: 130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.course-teacher__tabs .tabs__item {
margin-right: 0 !important;
border: 1px solid #d7d7d7;
}
.course-teacher__nav .flipper__nav {
position: relative;
}
.course-teacher__nav .flipper__arrows {
width: 90%;
left: 5%;
}
.course-teacher__nav .flipper__arrow--prev {
left: 8%;
top: -65px;
}
.course-teacher__nav .flipper__arrow--next {
right: 8%;
top: -65px;
}
@media only screen and (max-width: 1023px) {
.course-teacher__nav .flipper__arrow--prev {
left: 5%;
}
.course-teacher__nav .flipper__arrow--next {
right: 5%;
}
.course-teacher__tabs {
width: 80%;
}
.course-teacher__nav .flipper__arrows {
width: 100%;
left: 0;
}
.course-teacher__tabs .tabs__item:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media only screen and (max-width: 767px) {
.course-teacher__nav .flipper__arrow--prev {
left: -3%;
}
.course-teacher__nav .flipper__arrow--next {
right: -3%;
}
.course-teacher__nav .flipper__arrows {
display: block;
}
}
@media only screen and (max-width: 374px) {
.u-call {
top: 20px;
right: 50px;
}
.u-call a:nth-child(2) {
font-size: 10px;
}
}
@media only screen and (min-width: 720px) {
.category__card--join-us {
height: 300px;
overflow: hidden;
}
.category__card--join-us .category__block {
height: 100%;
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-sizing: border-box;
box-sizing: border-box;
}
.category__card--join-us .category__vacancy {
margin-top: auto;
}
.category__card--join-us .category__text-content {
padding-bottom: 20px;
}
.category__card--join-us .category__vacancy a {
display: none;
}
.category__card--join-us .category__vacancy a:nth-child(1),
.category__card--join-us .category__vacancy a:nth-child(2),
.category__card--join-us .category__vacancy a:nth-last-child(1) {
display: inline-block;
}
}
.uu-wrapper {
margin-top: 25px;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.uu-card,
.uu-card::before {
border-radius: 16px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.uu-card {
margin-bottom: 35px;
height: 450px;
background: #c4c4c4;
max-width: 360px;
overflow: hidden;
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;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.uu-card::before {
position: absolute;
content: "";
pointer-events: none;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(138, 0, 238, 0.734331)));
background: linear-gradient(0deg, transparent 0%, rgba(138, 0, 238, 0.734331) 100%);
opacity: 0;
}
.uu-card:hover .uu-title h2 {
padding-top: 40px;
}
.uu-card:hover::before {
opacity: 0.3;
}
.uu-card,
.uu-title {
position: relative;
width: 100%;
}
.uu-tab,
.uu-title h2 {
font-family: "Rounded", sans-serif;
font-style: normal;
font-weight: 400;
}
.uu-title h2 {
z-index: 1;
position: relative;
word-wrap: break-word;
font-size: 30px;
line-height: 1.5;
padding: 20px 33px 26px;
color: #fff;
}
.uu-tab {
font-size: 15px;
line-height: 1.3;
color: #8a00ee;
padding: 7px 10px;
border-radius: 9px;
margin-bottom: 10px;
margin-right: 15px;
opacity: 0.32;
}
.uu-tab:hover {
opacity: 1;
}
.uu-tab.is-active {
background-color: #8a00ee;
color: #fff;
opacity: 1;
pointer-events: none;
}
.uu-svg {
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.uu-background--ude {
padding-top: 100px;
}
.uu-footer__link {
margin-right: 20px !important;
}
@media (min-width: 375px) {
.uu-card {
height: 515px;
}
}
@media (min-width: 768px) {
.uu-card {
width: 46%;
margin-right: 4%;
}
.uu-card:nth-child(even) {
margin-right: 0;
}
.uu-tab {
font-size: 25px;
}
.uu-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (min-width: 1024px) {
.uu-card {
width: 31%;
margin-right: 3.5%;
max-width: 400px;
}
.uu-card:nth-child(even) {
margin-right: 3.5%;
}
.uu-card:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 1200px) {
.uu-title h2 {
font-size: 36px;
}
}
.category__card:not(.category__card--join-us) .category__title {
color: #fff;
}
.category__card:not(.category__card--join-us) .category__text-content p {
color: #fff;
font-family: "Rounded", sans-serif;
font-size: 18px;
line-height: 1.5;
}
.footer__social-icon a:nth-child(7) svg .color-1 {
fill: #a0a0a0 !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.footer__social-icon a:nth-child(7) svg:hover .color-1 {
fill: #8a00ee !important;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
@media (max-width: 500px) {
.footer__social-icon {
max-height: 70px;
}
}
@media (max-width: 1680px) {
.uu-background--ude {
padding-top: 0;
padding-bottom: 0;
}
.uu-background--ude .main-container {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@media (max-width: 1200px) {
.uu-background--ude {
padding-top: 100px;
padding-bottom: 50px;
}
.uu-background--ude .main-container {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.course-test,
.course__resume--up {
margin-bottom: 0 !important;
font-size: 20px;
line-height: 1.3;
}
.course-test {
width: 100%;
font-family: "Rounded", sans-serif;
}
.course__resume--up {
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;
border: 5px solid #e6e6e6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 28px;
padding: 25px 35px;
text-align: center;
font-weight: 500;
}
.course__resume--up span {
display: inline-block;
margin-bottom: 30px;
}
.ege {
position: relative;
font-size: 20px;
line-height: 1.5;
}
.ege.course__teachers {
z-index: 0;
}
.ege .course-teacher__info {
max-width: 100% !important;
}
.ege--top {
padding-bottom: 150px;
}
.ege p {
margin: 0;
}
.ege__container {
max-width: 1500px;
position: relative;
z-index: 1;
}
.ege__container--school {
margin-top: 55px;
}
.ege__container.same-courses {
margin-bottom: 0 !important;
z-index: 1;
}
.ege__right {
position: relative;
}
.ege__cons {
color: #8a00ee;
text-decoration: none;
display: inline-block;
}
.ege__cons:hover {
text-decoration: underline;
}
.ege__man {
position: absolute;
top: -200px;
right: 0;
}
.ege__links {
margin-top: 45px;
}
.ege__resume {
margin-right: 30px;
}
.ege__advantage {
padding-top: 20px;
}
.ege__row {
padding-top: 80px;
}
.ege__row--cards {
padding-top: 45px;
}
.ege__nav {
margin-top: 0;
}
.ege__center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.advantage {
margin-bottom: 80px;
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;
}
.advantage__icon {
margin-bottom: 25px;
height: 65px;
}
.advantage__title {
padding: 0 7%;
font-weight: 600;
font-size: 20px;
line-height: 1.2;
text-align: center;
color: #8a00ee;
}
.ege__center {
text-align: center;
margin-top: 0;
}
.ege__swiper {
padding-top: 35px;
}
.ege__cost {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 20px;
}
.ege__form {
position: relative;
}
.ege__form::before {
content: "";
position: absolute;
top: -40px;
left: -2%;
width: 129%;
height: 170px;
-webkit-transform: rotate(120deg);
transform: rotate(3deg);
background: #fff;
}
.ege__form .form-contact__title {
margin-bottom: 0;
padding-bottom: 10px;
}
.ege__form .form-contact__subtitle {
padding-bottom: 0;
}
.ege__form .form-contact__form {
padding-bottom: 25px;
}
@media (min-width: 768px) {
.ege--cost {
margin-bottom: 60px;
}
}
@media (min-width: 1024px) {
.ege .course-teacher__title {
margin-bottom: 20px;
}
.ege .flipper__nav .swiper-button-disabled {
opacity: 0;
}
.ege__container--owner {
margin-top: 100px;
z-index: 1;
}
}
@media (min-width: 1780px) {
.ege__container .card-news {
width: 426px;
height: 350px;
}
.ege__container .card-news .card-news__img {
width: 195px;
}
.ege__container .card-news__title {
font-size: 25px;
}
.ege__container .news-list {
margin-left: 0;
}
}
@media (min-width: 1441px) {
.ege .course-teacher__info p {
font-size: 20px;
line-height: 1.5;
}
}
@media (max-width: 1680px) {
.ege__row--cards {
max-width: 84%;
margin: auto;
}
}
@media (max-width: 1440px) {
.ege__row--cards {
max-width: 88%;
}
.ege {
font-size: 16px;
margin-bottom: 50px;
}
.ege--top {
padding-bottom: 50px;
margin-bottom: 0;
}
.ege__container {
max-width: 86%;
}
.ege__container.same-courses {
max-width: 1500px;
margin-top: 100px;
}
.ege__container .same-courses__title {
margin-left: 7%;
}
.ege__container .btn--resume,
.ege__resume {
font-size: 16px;
padding: 20px 30px;
}
.advantage {
margin-bottom: 60px;
}
}
@media (max-width: 1366px) {
.ege .u-title {
padding-bottom: 40px;
font-size: 55px;
}
}
@media (max-width: 1024px) {
.ege__container {
max-width: 96%;
}
.ege__container .same-courses__title {
margin-left: 2%;
}
.ege__row--cards {
max-width: 100%;
}
.advantage__title {
font-size: 16px;
}
}
@media (max-width: 922px) {
.course-test {
font-size: 16px;
}
.course__resume--up {
font-size: 16px;
padding: 25px;
}
}
@media (max-width: 768px) {
.ege {
margin-top: 0;
}
.ege--cards {
margin-top: -50px;
}
.ege__form::before {
top: -80px;
}
.ege__row--cards {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.advantage {
margin-bottom: 30px;
}
}
@media (max-width: 640px) {
.ege .u-title {
font-size: 45px;
}
.ege__row {
padding-top: 40px;
}
}
@media (max-width: 540px) {
.ege .u-title {
font-size: 35px;
}
.ege__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ege__links .ege__resume {
margin-right: 0;
margin-bottom: 20px;
}
}
.ege--online {
margin-top: 250px;
}
.course__resume--ege {
margin-left: auto !important;
margin-right: auto !important;
max-width: 588px;
margin-bottom: 150px;
}
.course-resume--ege {
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
justify-items: center;
padding: 20px 45px 0;
}
.course-resume__logo--ege {
display: inline-block;
}
p.course-resume__text-online--ege {
text-align: left;
}
.category__online-link-back--ege {
position: relative;
left: -7%;
top: 50px;
margin-left: 90px;
}
.course-resume__block--ege-wrap {
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;
max-width: 320px;
}
@media (max-width: 1024px) {
.category__online-link-back--ege {
width: 140px;
height: 90px;
}
.category__online-link--ege {
width: 140px;
height: 140px;
}
.category__online-link--ege h3 {
font-size: 22px;
top: 50%;
}
.category__online-arrow--ege {
bottom: 30px;
left: 28px;
width: 40px;
height: 40px;
}
}
@media (max-width: 530px) {
.course-resume__logo--ege {
width: 200px;
height: 53px;
}
.course-resume__text-online--ege {
font-size: 16px;
}
}
@media (max-width: 460px) {
.course-resume--ege {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.course-resume__logo--ege {
width: 220px;
height: 59px;
display: block;
}
p.course-resume__text-online--ege {
text-align: center;
}
.category__online-link-back--ege {
left: -1%;
top: 20px;
margin: 20px auto auto;
}
.course-resume__block--ege {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 360px) {
.course-resume__logo--ege {
width: 190px;
height: 51px;
}
}
.e-card,
.e-card__up {
width: 100%;
height: 570px;
}
.e-card {
position: relative;
margin-bottom: 50px;
background: #c4c4c4;
border-radius: 16px;
max-width: 360px;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 1;
}
.e-card.is-active {
z-index: 2;
}
.e-card__up {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.e-card__wrapper {
position: relative;
border-radius: 16px;
overflow: hidden;
height: 100%;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-box-shadow: 0 12px 35px 0 rgba(255, 28, 247, 0.36);
box-shadow: 0 12px 35px 0 rgba(255, 28, 247, 0.36);
}
.e-card__wrapper::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 76px;
background: -webkit-gradient(linear, left bottom, left top, from(#8a00ee), to(rgba(138, 0, 238, 0)));
background: linear-gradient(0deg, #8a00ee 0%, rgba(138, 0, 238, 0) 100%);
z-index: 1;
}
.e-card__wrapper.is-active {
height: auto;
}
.e-card__wrapper.is-active .e-card__svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.e-card__down {
position: relative;
margin-top: -200px;
}
.e-card__desc {
color: #fff;
position: relative;
padding: 20px 35px 80px;
}
.e-card__desc .contacts-card__schedule {
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.e-card__desc .contacts-card__schedule span {
color: #fff;
}
.e-card__title {
font-family: "Rounded", sans-serif;
font-size: 25px;
line-height: 33px;
margin-top: 5px;
margin-bottom: 20px;
}
.e-card__subtitle {
font-weight: 500;
font-size: 16px;
line-height: 26px;
opacity: 0.6;
margin-bottom: 10px;
}
.e-card__footer {
padding-bottom: 19px;
}
.e-card__arrow {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -51px;
width: 102px;
height: 51px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border: 0;
z-index: 1;
}
.e-card__svg {
width: 34px;
height: 18px;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
@media (min-width: 768px) {
.e-card {
width: 48%;
margin-right: 4%;
}
.e-card:nth-child(even) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
.e-card {
width: 31%;
margin-right: 3.5%;
max-width: 400px;
}
.e-card:nth-child(even) {
margin-right: 3.5%;
}
.e-card:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 1680px) {
.e-card,
.e-card__up {
height: 500px;
}
}
@media (max-width: 1440px) {
.e-card,
.e-card__up {
height: 450px;
}
.e-card__arrow {
width: 90;
height: 45;
margin-left: -45px;
}
.e-card__desc {
padding: 20px 35px 50px;
}
}
.e-rev p {
font-size: 20px;
line-height: 1.6;
max-width: 90%;
}
.e-rev .swiper-pagination-bullet {
background: #ba38e8;
width: 10px;
height: 10px;
}
.e-rev__slide {
padding-bottom: 40px;
}
.e-rev__svg {
width: 40px;
height: 60px;
}
.e-rev__svg--next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.e-rev__next,
.e-rev__prev {
background-image: none;
top: 35%;
}
.e-rev__left,
.e-rev__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.e-rev__wrapper {
margin: 0 10%;
width: 80%;
}
.e-rev__left {
width: 38%;
padding-right: 40px;
}
.e-rev__left img {
-o-object-fit: contain;
object-fit: contain;
}
.e-rev__right {
width: 58%;
}
.e-rev__title {
font-family: "Rounded", sans-serif;
font-size: 25px;
line-height: 35px;
color: #7d26e5;
}
.e-rev__subtitle {
margin-bottom: 20px;
display: inline-block;
font-size: 20px;
line-height: 24px;
color: #7d26e5;
}
.e-rev__pagination {
bottom: 10px;
}
@media (max-width: 1440px) {
.e-rev p {
font-size: 16px;
line-height: 1.5;
}
}
@media (max-width: 640px) {
.e-rev__wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.e-rev__left {
width: 80%;
padding: 0 10%;
}
.e-rev__left--main {
display: none;
}
.e-rev__right {
width: 100%;
}
.e-rev__title {
text-align: center;
}
.e-rev__title--main {
text-align: left;
}
.e-rev__subtitle {
text-align: center;
}
.e-rev__subtitle--main {
text-align: left;
}
.e-rev p {
max-width: 100%;
}
.e-rev__prev--main {
left: -10px;
}
.e-rev__next--main {
right: 10px;
}
}
.e-cost {
width: 31%;
margin-right: 2%;
margin-bottom: 25px;
background: #f2f2f2;
}
.e-cost__wrapper {
margin: 30px 40px 10px;
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;
min-height: 375px;
}
.e-cost__title {
font-size: 20px;
margin: 8px 0;
}
.e-cost__desc,
.e-cost__item {
font-size: 16px;
margin-bottom: 30px;
}
.e-cost__desc {
width: 80%;
line-height: 20px;
}
.e-cost__item {
line-height: 24px;
}
.e-cost__price {
margin-bottom: 3px;
font-family: "Rounded", sans-serif;
font-size: 25px;
line-height: 33px;
color: #7d26e5;
}
@media (max-width: 768px) {
.e-cost {
width: 100%;
margin-right: 0;
}
.e-cost__wrapper {
min-height: 300px;
}
}
.menu-item a {
color: #000;
font-weight: 500;
font-size: 16px;
}
.menu-item a:hover {
color: #8a00ee;
text-decoration: none;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
@media (max-width: 1280px) {
.menu-item a {
font-size: 14px;
}
}
.category__online-school {
margin-top: 10px;
width: 100%;
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(/wp-content/uploads/2020/10/test.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 35% 0;
}
.category__online-logo {
width: 190px;
height: 51px;
margin-left: 20px;
}
.category__online-text {
font-family: "Montserrat";
font-weight: 700;
font-size: 25px;
margin: 0 80px;
color: #fff;
padding: 30px 0;
}
.category__online-link-back {
position: relative;
width: 130px;
height: 90px;
margin-right: 20px;
}
.category__online-link,
.category__online-link:hover {
-webkit-transition: 0.4s ease !important;
transition: 0.4s ease !important;
}
.category__online-link {
position: absolute;
width: 130px;
height: 130px;
background-color: #ff8a00;
border-radius: 50%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.category__online-link:hover {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2);
}
.category__online-study {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
text-align: center;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category__online-study h3 {
font-family: "SansRounded";
color: #fff;
font-size: 20px;
line-height: 1.2em;
margin-top: 24px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.category__online-arrow {
position: relative;
bottom: 28px;
left: 25px;
width: 35px;
height: 35px;
}
@media (max-width: 1297px) {
.category__online-school {
width: 100%;
max-width: 960px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around;
background-position: 0 0;
}
.category__online-logo {
width: 220px;
height: 59px;
margin-left: 0;
}
.category__online-text {
font-size: 18px;
text-align: center;
margin: 0 20px;
padding: 10px 0;
}
}
@media (max-width: 1052px) and (min-width: 990px) {
.category__online-school {
width: 100%;
max-width: 475px;
-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: center;
-ms-flex-pack: center;
justify-content: center;
background-position: 0 0;
margin: 50px 20px 0;
}
.category__online-logo {
width: 170px;
height: 45px;
margin-left: 0;
}
.category__online-link-back {
width: 100px;
margin-right: 0;
}
.category__online-text {
font-size: 16px;
text-align: center;
margin: 0 0 0 30px;
padding: 20px 0 0;
max-width: 250px;
}
.category__online-link {
width: 120px;
height: 120px;
top: 80%;
}
.category__online-arrow {
bottom: 23px;
left: 23px;
width: 32px;
height: 32px;
}
}
@media (max-width: 991px) and (min-width: 565px) {
.category__online-school {
margin-left: 10px;
margin-right: 10px;
max-width: 652px;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.category__online-link {
top: 50%;
left: 65%;
}
.category__online-text {
font-size: 16px;
text-align: center;
margin: 0;
padding: 5px 0 0;
max-width: 270px;
}
.category__online-logo {
width: 170px;
height: 45px;
margin-left: 10px;
}
}
@media (max-width: 671px) and (min-width: 565px) {
.category__online-logo {
margin-top: 10px;
}
.category__online-link {
top: 90%;
}
}
@media (max-width: 564px) {
.category__online-school {
-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;
margin-top: 50px;
margin-left: 0;
margin-right: 0;
}
.category__online-logo {
margin-top: 20px;
}
.category__online-link-back {
top: 30px;
}
.category__online-text {
font-size: 16px;
text-align: center;
margin: 0 0 0 30px;
padding: 20px 0 0;
max-width: 250px;
}
.category__online-link {
top: 70%;
}
}
.category__online-link-back--course {
position: absolute;
width: 140px;
height: 90px;
margin-right: 0;
left: 35%;
bottom: -20%;
}
.category__online-link--course {
text-decoration: none !important;
width: 140px;
height: 140px;
}
.category__online-link--course h3 {
font-size: 22px;
}
.category__online-arrow--course {
bottom: 30px;
left: 28px;
width: 40px;
height: 40px;
}
@media (max-width: 1024px) {
.category__online-link-back--course {
left: 31%;
width: 120px;
height: 90px;
}
.category__online-link--course {
width: 120px;
height: 120px;
}
.category__online-link--course h3 {
font-size: 18px;
top: 50%;
}
.category__online-arrow--course {
bottom: 25px;
left: 23px;
width: 35px;
height: 35px;
}
}
@media (max-width: 1052px) and (min-width: 990px) {
.category__online-link--course {
top: 50%;
}
}
@media (max-width: 990px) {
.category__online-link-back--course {
left: 27%;
}
}
@media (max-width: 670px) {
.category__online-link--course {
top: 50%;
}
}
@media (max-width: 564px) {
.category__online-link-back--course {
top: auto;
left: 32%;
}
}
@media (max-width: 563px) {
.category__online-link-back--course {
left: 32%;
}
}
@media (max-width: 420px) {
.category__online-link-back--course {
left: 28%;
}
}
.main-about {
padding: 60px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-about__left,
.main-about__stats {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
@media (min-width: 1280px) {
.main-about__left,
.main-about__stats {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
.main-learn__items,
.main-learn__items-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-learn__items {
max-width: 1000px;
margin: 0 auto;
}
.main-learn__items-card {
margin: -10px;
padding-bottom: 90px;
}
.main-learn__items-card .col {
padding: 10px 55px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 768px) {
.main-learn__items-card {
padding-bottom: 130px;
}
.main-learn__items-card .col {
padding: 10px;
}
}
@media (min-width: 1280px) {
.main-learn__items-card {
margin: -17.5px;
}
.main-learn__items-card .col {
padding: 17.5px;
}
}
.main-hero {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main-hero__directions {
margin: -100px -17.5px -17.5px;
padding-bottom: 100px;
}
.main-hero__directions .col {
padding: 17.5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.main-hero__title {
text-align: center;
}
.main-hero__parent {
position: relative;
padding-top: 80px;
padding-bottom: 130px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
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;
}
.main-hero__parent .btn {
margin: auto;
font-size: 14px;
}
.main-hero__bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
display: none;
background-size: auto 100%;
background-position: right;
background-repeat: no-repeat;
}
@media (min-width: 420px) {
.main-hero__parent .btn {
font-size: 18px;
}
}
@media (min-width: 768px) {
.main-hero__parent {
padding-bottom: 200px;
}
.main-hero__parent .btn {
font-size: 26px;
}
}
@media (min-width: 1280px) {
.main-hero__bg {
display: block;
}
.main-hero__title {
max-width: 600px;
text-align: left;
}
.main-hero__parent .btn {
margin: 0;
}
}
.main-promo {
padding: 120px 0;
}
.main-promo__container {
max-width: 795px;
width: 100%;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
}
.main-promo__card {
padding: 40px 20px;
background: #fff;
-webkit-box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
border-radius: 33.6px;
position: relative;
}
.main-promo__title {
font-family: "Rounded", sans-serif;
font-size: 35px;
line-height: 1;
color: #8a00ee;
text-align: center;
margin-bottom: 20px;
}
.main-promo__content {
text-align: center;
margin-bottom: 30px;
font-size: 12px;
line-height: 15px;
}
.main-promo__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main-promo__btn .btn {
font-size: 12px;
line-height: 18.43px;
padding: 9px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.main-promo__animation {
width: 100px;
height: 100px;
position: absolute;
z-index: 2;
}
.main-promo__animation--1 {
width: 70px;
height: 50px;
left: -5px;
top: -15px;
}
.main-promo__animation--2 {
width: 60px;
height: 60px;
top: -20px;
right: 0;
}
.main-promo__animation--3 {
width: 60px;
height: 60px;
bottom: -40px;
right: 40px;
}
@media (min-width: 768px) {
.main-promo__card {
padding: 40px 60px;
}
.main-promo__title {
font-size: 40px;
}
.main-promo__content {
font-size: 20px;
line-height: 24px;
}
.main-promo__btn .btn {
font-size: 22px;
line-height: 33.79px;
padding: 14px;
}
.main-promo__animation--3 {
width: 110px;
height: 111px;
bottom: -80px;
right: 40px;
}
.main-promo__animation--1 {
width: 80px;
height: 80px;
left: -10px;
top: -45px;
}
.main-promo__animation--2 {
width: 90px;
height: 90px;
top: -40px;
right: -10px;
}
}
@media (min-width: 1280px) {
.main-promo__btn .btn {
font-size: 26px;
line-height: 39.94px;
padding: 11px;
}
.main-promo__animation {
-webkit-animation: scale-back ease 0.6s 0.5s forwards;
animation: scale-back ease 0.6s 0.5s forwards;
}
.main-promo__card:hover .main-promo__animation {
-webkit-animation: scale ease 0.6s forwards !important;
animation: scale ease 0.6s forwards !important;
}
.main-promo__animation--1 {
width: 110px;
height: 111px;
top: auto;
bottom: 50%;
left: -70px;
}
.main-promo__animation--2 {
width: 110px;
height: 111px;
top: -30px;
right: -50px;
}
}
.main-contact {
padding-top: 40px;
}
@media (min-width: 768px) {
.main-contact {
padding-top: 50px;
}
}
@media (min-width: 1280px) {
.main-contact {
padding-top: 60px;
}
}
.main-ask {
background: #8a00ee;
padding: 30px 0;
}
.main-ask .u-title {
padding: 0;
white-space: nowrap;
}
.main-ask .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.main-ask__ask {
margin-top: 26px;
}
@media (min-width: 768px) {
.main-ask {
padding: 55px 0;
}
.main-ask__ask {
margin-left: 62px;
margin-top: 0;
}
.main-ask .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 1280px) {
.main-ask__ask {
margin-left: 129px;
}
}
.learn-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-bottom: 40px;
}
.learn-item__img-wrap,
.learn-item__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learn-item__wrap {
margin: 0 -10px;
}
.learn-item__img-wrap {
width: 90px;
height: 90px;
-webkit-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
padding: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.learn-item__img {
-o-object-fit: contain;
object-fit: contain;
width: 100%;
height: 100%;
}
.learn-item__title {
font-size: 22px;
line-height: 33.79px;
color: #8a00ee;
font-weight: 700;
font-family: "Rounded", sans-serif;
}
.learn-item__content {
font-size: 14px;
}
@media (min-width: 768px) {
.learn-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.learn-item__title {
font-size: 26px;
line-height: 39.94px;
}
.learn-item__img-wrap {
width: 100px;
height: 100px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
}
@media (min-width: 1280px) {
.learn-item__title {
font-size: 39px;
line-height: 61px;
}
.learn-item__img-wrap {
width: 125px;
height: 125px;
-webkit-box-flex: 0;
-ms-flex: 0 0 125px;
flex: 0 0 125px;
}
}
.learn-card {
padding: 20px;
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.learn-card:hover .learn-card__title {
color: #ed1c24;
}
.learn-card__title {
font-family: "Rounded", sans-serif;
color: #8a00ee;
font-weight: 700;
font-size: 24px;
text-align: center;
margin-bottom: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.learn-card__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media (min-width: 1280px) {
.learn-card__title {
font-size: 40px;
}
}
.stats-elem {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.stats-elem:hover {
cursor: default;
}
.stats-elem:hover .stats-elem__title {
opacity: 1;
}
.stats-elem__number,
.stats-elem__title {
font-family: "Rounded", sans-serif;
color: #ed1c24;
font-size: 86px;
}
.stats-elem__title {
color: #8a00ee;
font-size: 24px;
opacity: 0.5;
-webkit-transition: All 0.3s;
transition: All 0.3s;
}
@media (min-width: 420px) {
.stats-elem {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
.card-shadow {
background: #fff;
-webkit-box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
border-radius: 10px;
}
.card-hero {
padding: 20px 15px;
position: relative;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card-hero__content {
margin-bottom: 20px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
font-size: 16px;
}
.card-hero__btn {
margin: 0 auto 15px;
font-size: 18px;
}
.card-hero__title {
color: #8a00ee;
font-size: 32px;
}
.card-hero__link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card-hero__link a {
font-weight: 500;
font-size: 15px;
color: #8a00ee;
text-align: center;
}
.card-hero__animation1 {
width: 75px;
height: 57px;
position: absolute;
bottom: -10px;
left: -10px;
z-index: 2;
}
.card-hero__animation2 {
width: 80px;
height: 70px;
position: absolute;
top: -10px;
right: 10px;
z-index: 2;
}
@media (min-width: 420px) {
.card-hero {
padding: 20px 30px;
}
.card-hero__btn {
font-size: 20px;
}
.card-hero__animation1 {
width: 80px;
height: 90px;
bottom: -15px;
left: 0;
}
.card-hero__animation2 {
width: 90px;
height: 90px;
top: -25px;
right: 10px;
}
}
@media (min-width: 768px) {
.card-hero__title {
font-size: 40px;
}
.card-hero__animation1 {
width: 80px;
height: 80px;
bottom: -15px;
left: -15px;
}
}
@media (min-width: 1280px) {
.card-hero__animation1,
.card-hero__animation2 {
-webkit-animation: scale-back ease 0.6s 0.5s forwards;
animation: scale-back ease 0.6s 0.5s forwards;
width: 110px;
height: 111px;
}
.card-hero__animation1 {
bottom: -30px;
left: -50px;
}
.card-hero__animation2 {
top: -50px;
right: 10px;
}
.card-hero:hover .card-hero__animation1,
.card-hero:hover .card-hero__animation2 {
-webkit-animation: scale ease 0.6s forwards !important;
animation: scale ease 0.6s forwards !important;
}
}
.ask,
.ask__btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ask {
max-width: 305px;
width: 100%;
}
.ask__btn {
background: #fff;
-webkit-box-shadow: 0 5px 23px rgba(124, 15, 134, 0.6);
box-shadow: 0 5px 23px rgba(124, 15, 134, 0.6);
border-radius: 52px;
padding: 11px;
min-width: 33px;
height: 33px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Rounded", sans-serif;
font-weight: 400;
font-size: 23px;
color: #8a00ee;
text-align: center;
cursor: pointer;
}
.ask__btn--close .ask__btn-close img {
-webkit-transition: all 0.9s;
transition: all 0.9s;
-webkit-transform: scale(1);
transform: scale(1);
}
.ask__btn-title {
font-size: 14px;
line-height: 21.5px;
padding: 0 26px;
display: block;
overflow: hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ask__btn-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ask__btn-close img,
.ask__card--close {
-webkit-transform: scale(0);
transform: scale(0);
}
.ask__btn-close img {
width: 13px;
height: 13px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ask__card {
position: absolute;
bottom: calc(100% + 17px);
right: 0;
z-index: 10;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation: ask_card-open ease 0.3s 0s forwards;
animation: ask_card-open ease 0.3s 0s forwards;
}
.ask__card--close {
-webkit-animation: ask_card-close ease 0.3s 0s forwards;
animation: ask_card-close ease 0.3s 0s forwards;
}
@media (min-width: 768px) {
.ask__btn-title {
font-size: 26px;
line-height: 39.94px;
padding: 0 40px;
}
.ask__btn {
min-width: 62px;
height: 62px;
}
.ask__btn-close img {
width: 24px;
height: 24px;
}
}
.ask-card {
width: 305px;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
background: #fff;
-webkit-box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
border-radius: 10px;
}
.ask-card__text {
font-size: 16px;
margin-bottom: 15px;
}
.ask-item {
margin-bottom: 12px;
}
.ask-item:last-child {
margin-bottom: 0;
}
.ask-item__img {
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.ask-item__link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ask-item__title {
font-weight: 600;
font-size: 16px;
line-height: 20px;
margin-left: 15px;
}
.lang {
padding: 5px;
}
.lang img {
width: 27px;
height: 18px;
-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.25));
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.25));
}
.lang a {
font-family: "Rounded", sans-serif;
font-size: 25px;
text-decoration: none;
color: #ed1c24;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.lang a:hover {
color: #ec3f45;
}
.lang__link {
opacity: 0.4;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lang__link:hover {
opacity: 1;
}
.lang__link--active {
pointer-events: none;
opacity: 1;
}
@media (min-width: 768px) {
.lang img {
width: 42px;
height: 28px;
}
}
.main-callback {
background: 0 0;
}
.main-callback .btn {
background-color: #8a00ee;
border-color: #8a00ee;
margin-top: 20px;
}
.main-callback__modal {
margin: auto;
position: relative;
width: 100%;
max-width: 358px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
box-shadow: 0 5px 15px rgba(63, 0, 68, 0.2);
border-radius: 12px;
padding: 40px 20px;
}
.main-callback__close {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
color: #8a00ee;
}
.main-callback__close svg {
width: 16px;
height: 17px;
}
.feedback_img {
width: 220px;
height: 220px;
cursor: pointer;
border-radius: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-top: 15px;
}
.feedback_img:hover {
-webkit-box-shadow: 0 0 10px #8a00ee;
box-shadow: 0 0 10px #8a00ee;
}