@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext");
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-slider.screenshots-carousel .slide {
padding: 0 15px;
}
.slick-slider.screenshots-carousel .slide .holder {
margin-bottom: 35px;
-webkit-box-shadow: 0px 8px 15px 0px rgba(89, 89, 89, 0.25);
-moz-box-shadow: 0px 8px 15px 0px rgba(89, 89, 89, 0.25);
box-shadow: 0px 8px 15px 0px rgba(89, 89, 89, 0.25);
}
.slick-slider.screenshots-carousel .slide img {
display: block;
width: 100%;
height: auto;
}
.slick-slider.screenshots-carousel .slide.slick-active .holder {
transform: scale(1.08);
}
.slick-slider.screenshots-carousel .slide.slick-center {
z-index: 100;
position: relative;
}
.slick-slider.screenshots-carousel .slide.slick-center .holder {
transform: scale(1.16);
}
.slick-slider.screenshots-carousel .slick-list {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff url(https://fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/css/.https://fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/css/img/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/slick/slick.eot);
src: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/slick/slick.woff) format("woff"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/slick/slick.ttf) format("truetype"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/slick/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 50px;
width: 50px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: #2095f2;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
border-radius: 50px;
z-index: 100;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
opacity: .7;
outline: none;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
@font-face {
font-family: 'Lato';
src: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Regular.eot);
src: local("Lato Regular"), local("Lato-Regular"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Regular.woff) format("woff"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Black.eot);
src: local("Lato Black"), local("Lato-Black"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Black.eot?#iefix) format("embedded-opentype"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Black.woff) format("woff"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Semibold.eot);
src: local("Lato Semibold"), local("Lato-Semibold"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Semibold.eot?#iefix) format("embedded-opentype"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Semibold.woff) format("woff"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Lato';
src: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Bold.eot);
src: local("Lato Bold"), local("Lato-Bold"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Bold.eot?#iefix) format("embedded-opentype"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Bold.woff) format("woff"), url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/fonts/Lato-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
aside, nav, footer, header, section, article {
display: block;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
textarea {
resize: none;
}
input, textarea {
outline: none;
}
input:active, textarea:active {
outline: none;
}
:focus {
outline: none;
}
body {
margin: 0;
color: #000;
font-family: 'Lato';
font-weight: normal;
font-size: 13px;
background: #F3F6FB;
min-width: 320px;
height: 100%;
position: relative;
-webkit-text-size-adjust: none;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
html, body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
html:hover, body:hover {
background: #F3F6FB;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
html:focus, body:focus {
background: #F3F6FB;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
#wrapper {
overflow: hidden;
}
.container {
max-width: 1282px;
padding: 0 15px;
margin: 0 auto;
}
.screen1 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/bg1.png) no-repeat 50% 0;
padding-bottom: 280px;
}
.screen1 .container {
display: flex;
position: relative;
justify-content: space-between;
}
.main-img {
position: absolute;
left: 661px;
top: 11px;
}
.main-img img {
display: block;
}
.header {
margin: 0;
padding: 27px 0 0 4px;
}
.header .title-site {
text-indent: -99999px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon1.png) no-repeat;
min-height: 30px;
width: 361px;
margin-bottom: 13px;
}
.header span {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 38px;
text-transform: uppercase;
color: #333333;
margin-bottom: 13px;
}
.header strong {
display: block;
font-weight: 900;
font-size: 18px;
line-height: 22px;
color: #333333;
margin-bottom: 20px;
letter-spacing: 0.01em;
}
.header p {
display: block;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
margin-bottom: 20px;
color: #444444;
}
.logo {
margin: 0 0 49px 1px;
}
.logo a {
display: block;
}
.logo a img {
display: block;
width: 151px;
height: auto;
}
.header-price {
display: flex;
align-items: flex-end;
margin-bottom: 26px;
}
.header-price .main-img {
display: none;
}
.header-price b {
display: block;
font-weight: 600;
font-size: 18.139px;
margin: 0px 0 -1px 3px;
letter-spacing: 1.00772px;
color: #0093D3;
}
.header-price ul {
display: flex;
margin: 0 0 0 -3px;
}
.header-price li {
width: 46px;
height: 46px;
text-indent: -9999px;
margin: 0 0 0 0;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/svg41.svg) no-repeat 50% 50%;
-webkit-background-size: contain;
background-size: contain;
}
.header-price li:nth-child(2) {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/svg42.svg) no-repeat 50% 50%;
-webkit-background-size: contain;
background-size: contain;
}
.header-price li:nth-child(3) {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/svg48.svg) no-repeat 50% 50%;
-webkit-background-size: contain;
background-size: contain;
}
.buttons {
display: flex;
}
a.order-btn {
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
margin-right: 25px;
width: 212px;
height: 40px;
background: #0093D3;
box-shadow: 0px 2px 10px rgba(0, 147, 210, 0.5), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 2px 10px rgba(0, 147, 210, 0.5), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 2px 10px rgba(0, 147, 210, 0.5), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
font-weight: 600;
font-size: 16px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
}
a.order-btn:hover {
background: #27b5f3;
}
a.made {
width: 229.21px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
font-size: 16px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
color: #0093D3;
background: #FFCF21;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
a.made:hover {
background: #ffde68;
}
.screen2 {
margin-bottom: 75px;
}
.screen2 span {
display: block;
text-align: center;
font-weight: 900;
font-size: 24px;
line-height: 36px;
letter-spacing: 1px;
text-transform: uppercase;
color: #333333;
}
.screen2 strong {
display: block;
text-align: center;
font-weight: 900;
font-size: 24px;
line-height: 36px;
letter-spacing: 1px;
text-transform: uppercase;
color: #0093D3;
margin-bottom: 26px;
}
.item {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 21px;
}
.item .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon6.png) no-repeat;
width: 305px;
height: 66px;
}
.item ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.item li {
margin: 0 6px 27px;
}
.item img {
display: block;
}
.item2 {
margin-bottom: 31px;
}
.item2 li {
margin: 0 11px 15px;
}
.item2 .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon30.png) no-repeat;
width: 304px;
height: 65px;
margin-bottom: 34px;
}
.item3 {
margin-bottom: 54px;
}
.item3 ul {
margin: 0 -10px 0;
}
.item3 ul li {
margin: 0 10px 23px;
}
.item3 ul:last-child {
margin: 0;
align-items: center;
}
.item3 ul:last-child li {
margin: 0 6.5px;
}
.item3 .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon35.png) no-repeat;
width: 304px;
height: 65px;
margin-bottom: 33px;
}
.item4 {
margin-bottom: 11px;
}
.item4 ul {
margin: 0;
justify-content: space-between;
max-width: 1056px;
width: 100%;
}
.item4 ul:last-child {
margin: 0 0 23px 0;
}
.item4 ul li {
margin: 0 0 23px 0;
}
.item4 .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon53.png) no-repeat;
width: 304px;
height: 65px;
margin-bottom: 33px;
}
.item5 {
margin-bottom: 57px;
}
.item5 ul {
margin: 0;
justify-content: space-between;
max-width: 1056px;
}
.item5 ul li {
margin: 0;
}
.item5 .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon71.png) no-repeat;
width: 304px;
height: 65px;
margin-bottom: 33px;
}
.item6 {
margin-bottom: 45px;
}
.item6 ul {
margin: 0;
justify-content: space-between;
max-width: 1120px;
}
.item6 ul li {
margin: 0 10px 19px;
}
.item6 .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon73.png) no-repeat;
width: 304px;
height: 65px;
margin-bottom: 33px;
}
.item7 {
margin-bottom: 50px;
}
.item7 ul {
margin: 0;
justify-content: center;
}
.item7 ul li {
margin: 0 12px 15px;
}
.item7 .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon98.png) no-repeat;
width: 304px;
height: 65px;
margin-bottom: 33px;
}
.item8 {
margin-bottom: 0;
}
.item8 ul {
margin: 0;
justify-content: center;
max-width: 810px;
}
.item8 ul li {
margin: 0 7.5px 21.55px;
}
.item8 .item-title {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon103.png) no-repeat;
width: 304px;
height: 65px;
margin-bottom: 33px;
}
.item-title {
text-indent: -9999px;
display: block;
margin-bottom: 32px;
}
.screen3 {
background-color: #fff;
padding: 46px 0 71px 0;
}
.screen3 .container {
position: relative;
display: flex;
}
.screen3 .screen3-img {
position: absolute;
top: -2px;
left: 640px;
}
.screen3 .screen3-img img {
display: block;
}
.screen3 .screen3-content {
max-width: 610px;
padding-left: 3px;
}
.screen3 .screen3-content .screen3-img {
display: none;
}
.screen3 p {
display: block;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.02em;
color: #444444;
margin-bottom: 15px;
}
.screen3 b {
display: block;
margin: 0 0 6px 7px;
font-weight: 900;
font-size: 18px;
line-height: 54px;
letter-spacing: 0.02em;
color: #444444;
}
.screen3 b i {
vertical-align: middle;
margin: 0 11px;
display: inline-flex;
}
.screen3 .screen3-size {
position: relative;
left: -12px;
}
.screen3 .screen3-size img {
display: block;
}
.screen3-title {
margin-bottom: 6px;
}
.screen3-title span {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 36px;
letter-spacing: 1px;
text-transform: uppercase;
color: #0093D3;
}
.screen3-title span strong {
color: #333333;
}
.screen4 {
padding-bottom: 62px;
position: relative;
z-index: 2;
}
.screen4 .container {
position: relative;
display: flex;
justify-content: flex-end;
}
.screen4 .container .iconka {
position: absolute;
bottom: -126px;
left: 50%;
margin-left: -84px;
}
.screen4 .container .iconka img {
display: block;
}
.screen4 .screen4-img {
position: absolute;
right: 665px;
top: 0;
}
.screen4 .screen4-img img {
display: block;
}
.screen4 .screen4-content {
max-width: 606px;
width: 100%;
padding: 83px 0 0 0;
}
.screen4 .screen4-content .screen3-title {
margin-bottom: 18px;
}
.screen4 .screen4-content .screen4-img {
display: none;
}
.screen4 .screen4-content b {
display: block;
font-weight: 900;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.01em;
color: #333333;
margin: 0 0 12px 6px;
}
.screen4 .screen4-content p {
display: block;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.02em;
color: #444444;
margin: 0 0 38px 6px;
}
.screen4 .screen4-content i {
display: flex;
justify-content: center;
}
.screen4 .screen4-content i img {
display: block;
margin: 0 0 0 -15px;
}
.screen5 {
padding-bottom: 144px;
}
.screen5 .container {
position: relative;
display: flex;
}
.screen5 .screen5-content {
padding: 119px 0 0 0;
}
.screen5 .screen5-content .screen5-img {
display: none;
}
.screen5 .screen5-content b {
display: block;
font-weight: 900;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.01em;
margin: 0 0 16px 7px;
color: #333333;
}
.screen5 .screen5-content p {
display: block;
font-weight: 900;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.01em;
color: #0093D3;
margin: 0 0 0 7px;
}
.screen5 a.order-btn {
margin-top: 25px;
}
.screen5 .screen3-title {
margin: 0 0 18px 7px;
}
.screen5 .screen5-img {
position: absolute;
left: 616px;
top: 0;
}
.screen5 .screen5-img img {
display: block;
}
.screen6 {
background: #0093D3;
position: relative;
padding-top: 53px;
padding-bottom: 1px;
z-index: 3;
overflow: hidden;
}
.screen6 .container {
position: relative;
}
.screen6 .container:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -259px;
left: -145px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon129.png) no-repeat;
width: 482px;
height: 482px;
opacity: 0.1;
}
.screen6 .container:before {
content: '';
display: block;
clear: both;
position: absolute;
top: -145px;
right: -251px;
opacity: 0.1;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon130.png) no-repeat;
width: 482px;
height: 483px;
}
.screen6 .title-screen6 {
display: block;
position: relative;
z-index: 2;
text-align: center;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-transform: uppercase;
margin: 0 0 48px 0;
color: #FFFFFF;
}
.step {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
}
.step:after {
content: '';
display: block;
clear: both;
position: absolute;
height: 100%;
width: 2px;
background-color: #fff;
top: 0;
margin-left: -3px;
left: 50%;
}
.step .number {
position: absolute;
z-index: 2;
top: -8px;
left: 50%;
width: 36px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
margin-left: -20px;
height: 36px;
background: #FFFFFF;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.601989px;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #0093D3;
padding: 3px 0 0 3px;
}
.step .step-info {
width: 45.4%;
padding: 62px 0 0 0;
margin-right: 5px;
min-height: 370px;
}
.step .step-info .step-img {
display: none;
}
.step .step-title {
height: 36px;
display: flex;
align-items: center;
width: 100%;
padding: 3px 0 0 9px;
font-weight: 900;
font-size: 24px;
letter-spacing: 1px;
text-transform: uppercase;
color: #0093D3;
background: #FFCF21;
margin-bottom: 18px;
}
.step p {
display: block;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #FFFFFF;
}
.step .step-img {
position: relative;
width: 44.6%;
}
.step .step-img img {
display: block;
position: absolute;
right: 0;
}
.step3:after {
display: none;
}
.step3 .number {
top: 0;
}
.step3 .step-img img {
top: -6px;
right: -10px;
}
.step3 .step-info {
padding: 66px 0 0 0;
margin-right: 5px;
min-height: 370px;
}
.step3 .step-title {
margin-bottom: 25px;
}
.step3 b {
display: block;
font-weight: bold;
font-size: 40px;
line-height: 30px;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 6px;
}
.step3 p {
margin-bottom: 22px;
}
.step3 .result-img {
margin: 0 0 0 -6px;
}
.step3 .result-img img {
display: block;
width: 100%;
height: auto;
}
.step2 .number {
top: -14px;
}
.step2 .step-img {
order: 2;
width: 45.8%;
top: -14px;
}
.step2 .step-img i {
position: absolute;
right: 141px;
top: -20px;
}
.step2 .step-img i img {
display: block;
}
.step2 .step-img img {
right: auto;
left: 0;
}
.step2 .step-info {
order: 1;
width: 45.6%;
padding: 88px 0 0 2px;
margin-right: 0;
min-height: 370px;
}
.step2 .step-info .step-title {
margin-bottom: 23px;
}
.screen7 {
background-color: #fff;
}
.screen7 .container {
display: flex;
justify-content: flex-end;
position: relative;
}
.screen7 .screen7-img {
position: absolute;
right: 527px;
top: 0;
}
.screen7 .screen7-img img {
display: block;
}
.screen7 .screen7-content {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
max-width: 470px;
padding-top: 127px;
min-height: 411px;
}
.screen7 .screen7-content a.order-btn {
margin: 0 auto;
}
.screen7 .screen7-content span {
display: block;
text-align: center;
font-weight: 600;
font-size: 22.2914px;
line-height: 32px;
text-transform: uppercase;
color: #0093D3;
}
.screen7 .screen7-content strong {
display: block;
text-align: center;
font-weight: 600;
font-size: 22.2914px;
line-height: 32px;
text-transform: uppercase;
color: #0093D3;
background: #FFCF21;
padding: 4px 26px 0px;
margin: -4px 0 27px 0;
}
.screen7 .screen7-content .screen7-img {
display: none;
}
.screen8 {
padding-top: 64px;
}
.screen8 .container {
position: relative;
padding: 0 19px 60px 17px;
}
.screen8 .container:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: -321px;
left: -180px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon129.png) no-repeat;
width: 482px;
height: 482px;
opacity: 0.5;
}
.screen8 .container:before {
content: '';
display: block;
clear: both;
position: absolute;
bottom: -98px;
right: -251px;
opacity: 0.5;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon130.png) no-repeat;
width: 482px;
height: 483px;
}
.screen8 span {
display: block;
text-align: center;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-transform: uppercase;
color: #333333;
}
.screen8 strong {
display: block;
text-align: center;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-transform: uppercase;
color: #0093D3;
margin-bottom: 41px;
}
.screen8-container {
background-color: #fff;
border: 3px solid #FFCF21;
box-shadow: 0px 6px 10px rgba(160, 160, 160, 0.3);
-webkit-box-shadow: 0px 6px 10px rgba(160, 160, 160, 0.3);
-moz-box-shadow: 0px 6px 10px rgba(160, 160, 160, 0.3);
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
position: relative;
z-index: 3;
}
.screen8-container ul {
display: flex;
flex-wrap: wrap;
padding: 0 30px 0 29px;
}
.screen8-container ul li {
width: 50%;
border-bottom: 1px solid #DDDDDD;
padding: 13px 0px 6px 0;
}
.screen8-container ul li:nth-child(even) {
padding: 13px 0 6px 27px;
}
.screen8-container ul li:nth-child(15) {
border: none;
}
.screen8-container ul li:last-child {
border: none;
}
.screen8-container ul .row {
font-weight: 600;
font-size: 14px;
padding-left: 30px;
line-height: 30px;
letter-spacing: 0.914719px;
text-transform: uppercase;
color: #222222;
margin: 0;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon137.png) no-repeat 0 0;
min-height: 20px;
}
.screen9 {
background-color: #fff;
padding-top: 53px;
position: relative;
z-index: 3;
margin-bottom: 57px;
}
.screen9 .container {
display: flex;
justify-content: space-between;
position: relative;
padding: 0 41px 34px 17px;
}
.screen9 .screen9-img {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.screen9 .screen9-img img {
display: block;
}
.screen9 .title-screen9 {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
color: #333333;
margin: 0 0 26px;
padding: 0 15px;
}
.screen9-left {
max-width: 378px;
width: 100%;
position: relative;
z-index: 2;
}
.screen9-left .advantage {
margin-bottom: 48px;
}
.screen9-left .advantage:last-child {
margin: 0;
}
.screen9-right {
max-width: 335px;
width: 100%;
position: relative;
z-index: 2;
}
.screen9-right .advantage {
margin-bottom: 85px;
}
.screen9-right .advantage:last-child {
margin: 0;
}
.advantage {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.advantage p {
display: block;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #444444;
}
.advantage span {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 30px;
letter-spacing: 1px;
text-transform: uppercase;
color: #0093D3;
background: #FFCF21;
padding: 5px 7px 1px 10px;
margin-bottom: 13px;
}
.screen10 {
margin-bottom: 57px;
}
.screen10 .container {
padding: 0 18px 0 17px;
}
.screen10 .container .order-btn {
margin: 25px auto 0;
}
.screen10 .title-screen10 {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
color: #333333;
margin-bottom: 38px;
}
.screen10 .screen10-container {
background-color: #fff;
border: 3px solid #FFCF21;
box-shadow: 0px 6px 10px rgba(160, 160, 160, 0.3);
-webkit-box-shadow: 0px 6px 10px rgba(160, 160, 160, 0.3);
-moz-box-shadow: 0px 6px 10px rgba(160, 160, 160, 0.3);
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
position: relative;
z-index: 3;
display: flex;
justify-content: space-between;
}
.screen10 .screen10-container .iconka-screen10 {
position: absolute;
bottom: -69px;
right: 77px;
}
.screen10 .screen10-container .iconka-screen10 img {
display: block;
}
.screen10 .screen10-left {
min-width: 645px;
width: 645px;
min-height: 399px;
}
.screen10 .screen10-left ul {
padding: 6px 0 0 22px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.screen10 .screen10-left ul li {
border-bottom: 1px solid #DDDDDD;
width: 38.5%;
padding: 7px 0 3px 0;
}
.screen10 .screen10-left ul li:nth-child(even) {
width: 61.5%;
}
.screen10 .screen10-left ul li .row {
font-weight: 600;
font-size: 14px;
line-height: 36px;
text-transform: uppercase;
margin: 0;
color: #000000;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon137-1.png) no-repeat 0 3px;
min-height: 20px;
padding-left: 36px;
}
.screen10 .screen10-right {
width: 100%;
position: relative;
min-height: 399px;
-webkit-border-top-right-radius: 26px;
-webkit-border-bottom-right-radius: 26px;
-moz-border-radius-topright: 26px;
-moz-border-radius-bottomright: 26px;
border-top-right-radius: 26px;
border-bottom-right-radius: 26px;
overflow: hidden;
}
.screen10 .screen10-right img {
display: block;
position: absolute;
left: 0;
}
.screen11 {
margin-bottom: 71px;
}
.screen11 span {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
color: #333333;
margin-bottom: 48px;
padding: 0 15px;
}
.screen11 span strong {
display: block;
color: #0093D3;
}
.screen11 .container {
display: flex;
justify-content: flex-end;
position: relative;
padding: 0 19px 0 15px;
}
.screen11 .screen11-img {
position: absolute;
right: 767px;
top: 10px;
}
.screen11 .screen11-img img {
display: block;
}
.screen11 .video {
border: 1px solid #D0D0D0;
}
.screen11 .video .fade {
width: 607px;
height: 356px;
margin: 0;
opacity: 1;
}
.screen11 .video .fade .slick-prev {
opacity: 1 !important;
bottom: -35px;
top: auto;
left: 50%;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
width: 74px;
height: 16px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/Arrow1.svg) no-repeat 15px 0;
margin-left: -103px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.screen11 .video .fade .slick-prev:hover {
opacity: 1 !important;
background-position: 0 0;
}
.screen11 .video .fade .slick-prev:before {
display: none;
}
.screen11 .video .fade .slick-prev:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -9px;
right: -45px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/Line7.png) no-repeat;
width: 31px;
height: 37px;
}
.screen11 .video .fade .slick-next {
opacity: 1 !important;
bottom: -35px;
right: 50%;
top: auto;
margin-right: -103px;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
width: 74px;
height: 16px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/Arrow2.svg) no-repeat -15px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.screen11 .video .fade .slick-next:before {
display: none;
}
.screen11 .video .fade .slick-next:hover {
opacity: 1 !important;
background-position: 0 0;
}
.screen11 .video img {
display: block;
}
.screen12 {
background-color: #fff;
padding-top: 0;
position: relative;
z-index: 2;
}
.screen12-container {
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
position: relative;
}
.screen12-img {
position: absolute;
right: 674px;
}
.screen12-img img {
display: block;
}
.screen12-content {
min-height: 310px;
max-width: 626px;
width: 100%;
padding: 54px 0 0 0;
}
.screen12-content .screen12-img {
display: none;
}
.screen12-content span {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-transform: uppercase;
color: #333333;
margin-bottom: 24px;
}
.screen12-content span strong {
color: #0093D3;
}
.screen12-content i {
display: block;
margin: 0 0 11px;
}
.screen12-content i img {
display: block;
}
.screen12-content b {
display: block;
font-weight: 900;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.01em;
color: #333333;
margin: 0 0 8px;
}
.screen12-content p {
display: block;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.02em;
color: #444444;
}
.screen12-container2 {
margin: 0;
justify-content: flex-start;
}
.screen12-container2 .screen12-img {
right: auto;
left: 580px;
}
.screen12-container2 .screen12-content {
min-height: 309px;
max-width: 570px;
width: 100%;
padding: 58px 0 0 0;
}
.screen12-container2 .screen12-content p {
margin-bottom: 26px;
}
.screen13 {
}
.screen13 .container {
position: relative;
padding-top: 61px;
}
.screen13 .container:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -115px;
left: -212px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon129.png) no-repeat;
width: 482px;
height: 482px;
opacity: 0.5;
}
.screen13 .container:before {
content: '';
display: block;
clear: both;
position: absolute;
bottom: -312px;
right: -239px;
opacity: 0.5;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon130.png) no-repeat;
width: 482px;
height: 483px;
}
.screen13 .title-screen13 {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
color: #333333;
margin-bottom: 25px;
position: relative;
z-index: 2;
} .toggle-block {
position: relative;
z-index: 2;
max-width: 876px;
width: 100%;
margin: 0 auto 15px;
background: #FFFFFF;
box-shadow: 0px 2px 15px rgba(115, 182, 253, 0.25);
-webkit-box-shadow: 0px 2px 15px rgba(115, 182, 253, 0.25);
-moz-box-shadow: 0px 2px 15px rgba(115, 182, 253, 0.25);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
overflow: hidden;
}
.toggle-block:after {
content: '';
display: block;
clear: both;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
position: absolute;
top: -21px;
left: -28px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon148.png) no-repeat;
width: 130px;
height: 134px;
opacity: 0;
}
.toggle-block:before {
content: '';
display: block;
clear: both;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
position: absolute;
bottom: -28px;
right: -23px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon149.png) no-repeat;
width: 158px;
height: 98px;
opacity: 0;
}
.toggle-block.expanded:after {
opacity: 1;
}
.toggle-block.expanded:before {
opacity: 1;
}
.toggle-block.expanded .opener {
min-height: 70px;
padding: 45px 0 0 65px;
}
.toggle-block.expanded .opener:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 16px;
right: 35px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon147.png) no-repeat;
width: 21px;
height: 21px;
margin-top: 0;
}
.toggle-block .opener {
font-weight: 600;
font-size: 20px;
line-height: 27px;
color: #000000;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
min-height: 90px;
cursor: pointer;
display: block;
padding: 32px 0 0 65px;
text-decoration: none;
position: relative;
z-index: 2;
}
.toggle-block .opener:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 35px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon146.png) no-repeat;
width: 21px;
height: 21px;
margin-top: -10.5px;
}
.toggle-block .opener:hover {
text-decoration: none;
}
.toggle-block .slide {
position: relative;
z-index: 2;
overflow: hidden;
width: 100%;
padding: 11px 0 33px 0;
}
.toggle-block .slide p {
padding: 0 65px 0 65px;
margin: 0 0 30px 0;
font-size: 18px;
display: block;
line-height: 24px;
color: #333333;
}
.toggle-block .slide p:last-child {
margin: 0;
}
.screen14 {
position: relative;
z-index: 2;
margin-top: -46px;
padding-top: 100px;
margin-bottom: 56px;
}
@media (max-width: 560px) {
.screen14 {
margin-top: -16px;
padding-top: 70px;
}
}
.screen14 span {
display: block;
font-weight: 900;
font-size: 24px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
color: #333333;
margin-bottom: 45px;
}
.reviews .slick-list {
margin: 0 -35px 37px;
}
.reviews .slick-dots {
position: static;
display: flex !important;
justify-content: center;
}
.reviews .slick-dots li {
position: relative;
display: block;
height: auto;
width: auto;
margin: 0 7.5px;
padding: 0;
cursor: pointer;
}
.reviews .slick-dots li button {
display: block;
height: 10px;
width: 10px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 0px;
cursor: pointer;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background: #0093D3;
border: 1px solid #0093D3;
}
.reviews .slick-dots li button:before {
display: none;
}
.reviews .slick-dots li.slick-active button {
background-color: transparent;
}
.review {
padding: 0 35px;
}
.review img {
display: block;
width: 100%;
height: auto;
}
.footer {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/icon154.jpg) no-repeat 50% 0;
min-height: 661px;
padding-top: 23px;
}
.footer .container {
display: flex;
justify-content: space-between;
position: relative;
max-width: 992px;
margin-bottom: -20px;
}
.footer .footer-form {
width: 42%;
}
.footer .footer-form input[type="submit"] {
display: block;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
width: 100%;
height: 40px;
border: none;
background: #FFCF21;
box-shadow: 0px 2px 10px rgba(0, 147, 210, 0.5), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 2px 10px rgba(0, 147, 210, 0.5), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 2px 10px rgba(0, 147, 210, 0.5), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
font-weight: 600;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
color: #0093D3;
margin-top: 17px;
}
.footer .footer-form input[type="submit"]:hover {
background-color: #ffe000;
}
.footer .footer-form input[type="text"],
.footer .footer-form input[type="tel"] {
display: block;
background: #FDFDFD;
border: 1px solid #C6C6C6;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
padding: 0 15px 0 35px;
font-size: 14px;
height: 45px;
width: 100%;
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.8);
font-weight: bold;
margin-bottom: 12px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.footer .footer-form input[type="text"]:focus,
.footer .footer-form input[type="tel"]:focus {
border: 2px solid #FFCF21;
}
.footer .footer-form input[type="text"]:hover,
.footer .footer-form input[type="tel"]:hover {
border: 2px solid #FFCF21;
}
.footer .footer-form input[type="text"]:hover::placeholder,
.footer .footer-form input[type="tel"]:hover::placeholder {
color: rgba(0, 0, 0, 0.8);
}
.footer .footer-form input[type="tel"]:hover::-webkit-input-placeholder,
.footer .footer-form input[type="text"]:hover::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.8);
}
.footer .footer-form input[type="text"]:hover::-moz-placeholder {
color: rgba(0, 0, 0, 0.8);
}
.footer .footer-form input[type="text"]:hover:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.8);
}
.footer .footer-form input[type="text"]:hover:-moz-placeholder {
color: rgba(0, 0, 0, 0.8);
}
.footer .footer-form input[type="text"]::placeholder,
.footer .footer-form input[type="tel"]::placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
font-weight: normal;
}
.footer .footer-form input[type="tel"]::-webkit-input-placeholder,
.footer .footer-form input[type="text"]::-webkit-input-placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
font-weight: normal;
}
.footer .footer-form input[type="text"]::-moz-placeholder {
font-size: 14px;
color: rgba(0, 0, 0, 0.4);
font-weight: normal;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
margin: -5px 0 7px 35px;
display: block;
}
.footer .footer-form input[type="text"]:-ms-input-placeholder {
font-size: 14px;
font-weight: normal;
color: rgba(0, 0, 0, 0.4);
}
.footer .footer-form input[type="text"]:-moz-placeholder {
font-size: 14px;
font-weight: normal;
color: rgba(0, 0, 0, 0.4);
}
.footer .title-footer {
display: block;
font-weight: 800;
font-size: 24px;
line-height: 36px;
margin: 0 0 18px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}
.footer a.doc {
margin: 0 auto 50px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
width: 253px;
height: 40px;
border: 2px solid #FFFFFF;
box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.1);
-webkit-box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.1);
-moz-box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.1);
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
font-size: 16px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
text-decoration: none;
color: #FFFFFF;
background-color: transparent;
}
.footer a.doc:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.footer-img {
padding: 0 15px;
}
.footer-img img {
display: block;
margin: 0 auto;
}
.footer-img2 {
position: absolute;
bottom: -212px;
right: -160px;
}
.footer-img2 img {
display: block;
}
.footer-block {
width: 48.3%;
margin-top: -3px;
}
.footer-block span {
display: block;
font-size: 24px;
line-height: 24px;
color: #FFFFFF;
margin-bottom: 19px;
}
.footer-block b {
display: block;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
margin-bottom: 11px;
}
.footer-block .soc {
padding-top: 6px;
}
.footer-block .soc ul {
display: flex;
align-items: center;
}
.footer-block .soc ul li {
margin: 0 27px 0 0;
}
.footer-block .soc ul a {
display: block;
}
.footer-block .soc ul img {
display: block;
}
.img-gal, .img-gal2, .img-gal3 {
display: none;
margin-bottom: 80px;
padding-bottom: 10px;
}
.img-gal img, .img-gal2 img, .img-gal3 img {
display: block;
margin: 0 auto;
}
.img-gal .slick-prev, .img-gal2 .slick-prev, .img-gal3 .slick-prev {
opacity: 1 !important;
bottom: -35px;
top: auto;
left: 50%;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
width: 74px;
height: 16px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/Arrow1.svg) no-repeat 15px 0;
margin-left: -103px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.img-gal .slick-prev:hover, .img-gal2 .slick-prev:hover, .img-gal3 .slick-prev:hover {
opacity: 1 !important;
background-position: 0 0;
}
.img-gal .slick-prev:before, .img-gal2 .slick-prev:before, .img-gal3 .slick-prev:before {
display: none;
}
.img-gal .slick-prev:after, .img-gal2 .slick-prev:after, .img-gal3 .slick-prev:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -9px;
right: -45px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/Line7.png) no-repeat;
width: 31px;
height: 37px;
}
.img-gal .slick-next, .img-gal2 .slick-next, .img-gal3 .slick-next {
opacity: 1 !important;
bottom: -35px;
right: 50%;
top: auto;
margin-right: -103px;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
width: 74px;
height: 16px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/Arrow2.svg) no-repeat -15px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.img-gal .slick-next:before, .img-gal2 .slick-next:before, .img-gal3 .slick-next:before {
display: none;
}
.img-gal .slick-next:hover, .img-gal2 .slick-next:hover, .img-gal3 .slick-next:hover {
opacity: 1 !important;
background-position: 0 0;
}  @media screen and (max-width: 1282px) {
.screen1 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-kids/img/bg1.png) no-repeat -319px 0;
}
}
@media screen and (max-width: 1024px) {
.reviews .slick-list {
margin: 0 -7.5px 37px;
}
.review {
padding: 0 7.5px;
}
.screen11 .screen11-img {
right: 680px;
}
.item5 img {
width: 100%;
height: auto;
}
.item4 ul {
justify-content: center;
}
.item4 ul li {
margin: 0 7.5px 23px;
}
.item6 ul {
justify-content: center;
}
}
@media screen and (max-width: 959px) {
.screen1 {
background: #f6faff;
padding-bottom: 50px;
margin-bottom: 50px;
}
.main-img {
display: none;
}
.logo {
margin: 0 auto 20px;
width: 151px;
}
.header span {
margin-bottom: 15px;
text-align: center;
}
.header .title-site {
margin: 0 auto 15px;
}
.header {
width: 100%;
margin: 0;
display: block;
padding: 25px 0 0 0px;
}
.header .main-img {
display: block;
position: static;
margin-bottom: 20px;
}
.header .main-img img {
width: 100%;
height: auto;
}
.screen3 .screen3-img {
display: none;
}
.screen3 .screen3-size img {
width: 100%;
height: auto;
}
.screen3 p br {
display: none;
}
.screen3 b {
margin-left: 0;
}
.screen3 b br {
display: none;
}
.screen3 .screen3-content {
max-width: 100%;
width: 100%;
padding: 0;
}
.screen3 .screen3-content .screen3-img {
display: block;
position: static;
width: 100%;
margin-bottom: 25px;
}
.screen3 .screen3-content .screen3-img img {
width: 100%;
height: auto;
}
.screen3 .screen3-size {
position: relative;
left: auto;
}
.screen3-title {
margin-bottom: 15px;
}
.screen4 .screen4-img {
display: none;
}
.screen4 .screen4-content {
padding-top: 30px;
max-width: 100%;
}
.screen4 .screen4-content i {
margin-bottom: 25px;
}
.screen4 .screen4-content b br {
display: none;
}
.screen4 .screen4-content .screen4-img {
display: block;
position: static;
width: 100%;
margin-bottom: 25px;
}
.screen4 .screen4-content .screen4-img img {
width: 100%;
height: auto;
}
.screen4 .container .iconka {
position: static;
margin: 0 auto;
}
.screen4 .container .iconka img {
margin: 0 auto;
}
.screen4 .container {
display: block;
}
.screen4 {
padding-bottom: 30px;
}
.screen5 .screen5-img {
display: none;
}
.screen5 .screen5-content {
padding: 0;
width: 100%;
}
.screen5 .screen5-content .screen5-img {
display: block;
position: static;
width: 100%;
margin-bottom: 25px;
}
.screen5 .screen5-content .screen5-img img {
width: 100%;
height: auto;
}
.screen4 .screen4-content b {
margin-left: 0;
}
.screen4 .screen4-content p {
margin-left: 0;
}
.screen5 .screen5-content b {
margin-left: 0;
}
.screen5 .screen5-content p {
margin-left: 0;
}
.screen5 {
padding-bottom: 50px;
}
.screen5 .screen3-title {
margin: 0 0 18px 0px;
}
.screen6 {
padding-top: 30px;
}
.step {
padding-bottom: 25px;
}
.step .step-img {
display: none;
}
.step .step-info {
width: 100%;
padding: 0 0 0 38px;
margin: 0;
min-height: 1px;
}
.step .step-info .step-img {
display: block;
position: relative;
top: auto;
margin-bottom: 15px;
width: 100%;
}
.step .step-info .step-img img {
display: block;
width: 100%;
height: auto;
position: static;
}
.step .number {
top: 0;
left: -7.5px;
margin-left: 0;
}
.step:after {
margin-left: 0;
left: 10px;
}
.step2 .step-img i {
position: absolute;
right: 0;
top: 4px;
}
.step3 {
padding-bottom: 0;
}
.step3 .result-img {
margin: 0;
}
.step3 .step-info {
padding-left: 0;
}
.step3 .step-title {
margin-left: 38px;
width: auto;
}
.screen7 .screen7-img {
display: none;
}
.screen7 .screen7-content {
max-width: 100%;
padding-top: 30px;
min-height: 1px;
}
.screen7 .screen7-content .screen7-img {
display: block;
position: static;
margin-bottom: 25px;
width: 100%;
}
.screen7 .screen7-content .screen7-img img {
width: 100%;
height: auto;
}
.screen7 {
background-color: #fff;
padding-bottom: 30px;
}
.screen7 a.order-btn {
margin: 0 auto;
}
.screen8 {
padding-top: 35px;
}
.screen8-container ul {
padding: 0 15px 0 15px;
}
.screen8-container ul li {
width: 100%;
padding: 13px 0px 6px 0 !important;
}
.screen8-container ul .row {
line-height: 24px;
}
.screen9 .container {
flex-wrap: wrap;
padding: 0 15px 34px 15px;
}
.screen9-left {
max-width: 100%;
width: 100%;
margin-bottom: 30px;
}
.screen9-left .advantage {
margin-bottom: 30px;
}
.screen9 .screen9-img {
opacity: 0.4;
}
.screen9-right {
max-width: 100%;
width: 100%;
}
.screen9-right .advantage {
margin-bottom: 30px;
}
.screen10 .screen10-container {
flex-wrap: wrap;
}
.screen10 .screen10-right {
position: static;
order: 1;
min-height: 1px;
-webkit-border-radius: 0px;
-webkit-border-top-left-radius: 26px;
-webkit-border-top-right-radius: 26px;
-moz-border-radius: 0px;
-moz-border-radius-topleft: 26px;
-moz-border-radius-topright: 26px;
border-radius: 0px;
border-top-left-radius: 26px;
border-top-right-radius: 26px;
}
.screen10 .screen10-right img {
width: 100%;
height: auto;
position: static;
}
.screen10 .screen10-left {
min-width: 1px;
width: 100%;
min-height: 1px;
order: 2;
}
.screen10 .screen10-left ul {
padding: 10px 15px 35px 15px;
}
.screen11 .container {
flex-wrap: wrap;
}
.screen11 .screen11-img {
position: static;
width: 100%;
margin: 0 0 30px 0;
}
.screen11 .screen11-img img {
width: 100%;
height: auto;
}
.screen11 .video {
width: 100%;
border: 1px solid #D0D0D0;
}
.screen11 .video img {
width: 100%;
height: auto;
}
.screen12 {
padding-bottom: 50px;
}
.screen12-container {
flex-wrap: wrap;
}
.screen12-container .screen12-content {
min-height: 1px;
max-width: 100%;
width: 100%;
padding: 30px 0 0 0;
}
.screen12-container .screen12-content .screen12-img {
display: block;
margin-bottom: 25px;
width: 100%;
position: static;
}
.screen12-container .screen12-content .screen12-img img {
position: static;
width: 100%;
height: auto;
}
.screen12-img {
display: none;
}
.footer {
-webkit-background-size: cover;
background-size: cover;
padding-bottom: 20px;
}
.footer .container {
display: flex;
justify-content: space-between;
position: relative;
max-width: 100%;
margin-bottom: 30px;
flex-wrap: wrap;
}
.footer .footer-form {
width: 100%;
order: 1;
}
.footer .footer-form .wpcf7-form-control.wpcf7-textarea{
max-width: 100% !important;
margin-bottom: -10px !important;
}
.footer .footer-form .footer-text{
width: 100% !important;
font-size: 18px !important;
}
.ffLamp-footer_left-soc{
display: flex !important;
justify-content: space-between !important;
margin-left: 0 !important;
}
.ffLamp-footer_left-soc a{
margin: 0 5px !important;
}
.footer-block {
margin-bottom: 25px;
order: 2;
width: 100%;
margin-top: 0;
}
.footer-img2 {
display: none;
}
.screen11 .video .fade {
width: 100%;
height: auto;
margin: 0;
}
.screen11 .video .fade img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 640px) {
.advantage span {
font-size: 17px;
}
.screen8 span {
font-size: 19px;
line-height: 36px;
}
.screen8 strong {
font-size: 18px;
line-height: 30px;
margin-bottom: 30px;
}
.screen10 .screen10-left ul li {
width: 100% !important;
}
.screen10 .screen10-container .iconka-screen10 {
position: absolute;
bottom: -43px;
right: 0;
width: 90px;
}
.screen10 .screen10-container .iconka-screen10 img {
width: 100%;
height: auto;
}
.screen10 .screen10-left ul li .row {
padding-left: 30px;
}
.toggle-block .opener {
padding-left: 15px !important;
padding-right: 45px !important;
}
.toggle-block .opener {
display: flex;
align-items: center;
padding-top: 0;
font-size: 18px;
line-height: 24px;
}
.toggle-block .slide p {
padding: 0 15px 0 15px;
}
.toggle-block .opener:after {
right: 15px !important;
}
}
@media screen and (max-width: 568px) {
.footer-img img {
width: 100%;
height: auto;
}
.screen7 .screen7-content span {
font-size: 24px;
line-height: 30px;
}
.screen7 .screen7-content strong {
font-size: 16px;
line-height: 37px;
padding: 4px 10px 0px;
margin: 0px 0 34px 0;
}
}
@media screen and (max-width: 480px) {
.step2 .step-img i {
width: 100px;
}
.screen5 a.order-btn {
margin: 25px auto 0;
}
.screen12-content a.order-btn {
margin: 0 auto 0;
}
.footer-block span {
font-size: 16px;
line-height: 22px;
}
.footer-block b {
font-size: 16px;
line-height: 20px;
margin-bottom: 11px;
}
.reviews .slick-dots li {
margin: 0 2.5px;
}
.toggle-block .slide p {
font-size: 16px;
}
.screen12-content span {
font-size: 20px;
line-height: 32px;
}
.screen11 span {
font-size: 22px;
line-height: 32px;
}
.screen11 span strong {
font-size: 19px;
}
.screen3 {
padding: 25px 0 45px 0;
}
.screen2 {
margin-bottom: 25px;
}
.buttons {
display: flex;
justify-content: space-between;
}
.buttons a.order-btn {
width: 42%;
margin: 0;
}
.buttons a.made {
width: 56%;
font-size: 14px;
margin: 0;
}
.header strong {
margin-bottom: 10px;
}
.header span {
font-size: 22px;
line-height: 30px;
}
.header .title-site {
-webkit-background-size: contain;
background-size: contain;
width: 290px;
}
.screen1 {
padding-bottom: 30px;
margin-bottom: 30px;
}
.step3 b {
font-size: 30px;
}
.img-gal, .img-gal2, .img-gal3 {
display: block;
width: 100%;
}
.item1 ul {
display: none;
}
.item2 ul {
display: none;
}
.item3 ul {
display: none;
}
.item4 ul {
display: none;
}
.item6 ul {
display: none;
}
.item7 ul {
display: none;
}
.item8 ul {
display: none;
}
.item7 {
margin-bottom: 20px;
}
.item6 {
margin-bottom: 20px;
}
.item3 {
margin-bottom: 20px;
}
}