@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");
.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/picture/css/.https://fastisi.com/wp-content/themes/veti-k/landing/picture/css/img/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/fonts/slick/slick.eot);
src: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(//fastisi.com/wp-content/themes/veti-k/landing/picture/fonts/slick/slick.woff) format("woff"), url(//fastisi.com/wp-content/themes/veti-k/landing/picture/fonts/slick/slick.ttf) format("truetype"), url(//fastisi.com/wp-content/themes/veti-k/landing/picture/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;
}
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: 'Open Sans', sans-serif;
font-size: 13px;
background-color: #FBFBFB;
min-width: 320px;
height: 100%;
position: relative;
-webkit-text-size-adjust: none;
}
html, body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
html:hover, body:hover {
background: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
html:focus, body:focus {
background: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
body:hover {
background-color: #FBFBFB;
}
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
#wrapper {
overflow: hidden;
}
.container {
max-width: 1390px;
padding: 0 15px;
margin: 0 auto;
position: relative;
}
.logo {
position: absolute;
top: 37px;
left: 5.5%;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/logo2.svg) no-repeat;
width: 172px;
height: 121px;
}
.logo a {
display: block;
height: 100%;
}
.screen1 {
display: flex;
padding-bottom: 120px;
}
.screen1 .screen-img {
left: 734px;
top: 0px;
}
.screen1-text {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 195px 0 0 4%;
}
.screen1-text span {
display: block;
font-weight: 600;
font-size: 35px;
line-height: 48px;
text-transform: uppercase;
color: #000000;
margin-bottom: 9px;
}
.screen1-text span strong {
font-weight: 800;
}
.screen1-text b {
display: block;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.screen1-text b:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen1-text p {
display: block;
font-size: 18px;
line-height: 25px;
color: #000000;
margin-bottom: 24px;
}
.btn-made {
display: flex;
align-items: center;
}
.btn-made .btn {
margin-right: 63px;
}
.btn-made span.made {
display: flex;
align-items: center;
font-size: 16px;
color: #000;
padding-left: 61px;
min-height: 39px;
margin: 0;
font-weight: normal;
line-height: 16px;
text-transform: none;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/flag.png) no-repeat 0 50%;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 16px;
color: #fff;
background: #D81D00;
box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.4), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.4), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.4), inset 0px -5px 4px rgba(0, 0, 0, 0.25);
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
width: 212px;
height: 40px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn:hover {
background: #ff2402;
box-shadow: 0px 0px 10px rgba(216, 29, 0, 0.4), inset 0px 0px 4px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 10px rgba(216, 29, 0, 0.4), inset 0px 0px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 10px rgba(216, 29, 0, 0.4), inset 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.screen-img {
position: absolute;
}
.screen-img img {
display: block;
}
.screen-img img.price-img {
position: absolute;
bottom: 46px;
left: -130px;
}
.screen2 {
margin-bottom: 122px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg1.png) no-repeat 50% 0;
min-height: 699px;
margin-top: -112px;
display: flex;
justify-content: flex-end;
}
.screen2 .screen-img {
right: 696px;
top: 131px;
}
.screen2-text {
display: flex;
flex-direction: column;
padding: 292px 2.5% 0 0;
}
.screen2-text span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 10px;
}
.screen2-text span strong {
position: relative;
z-index: 1;
}
.screen2-text span strong:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen2-text b {
display: block;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #000000;
margin-bottom: 15px;
}
.screen2-text p {
display: block;
font-size: 16px;
line-height: 22px;
color: #000000;
width: 540px;
margin-bottom: 22px;
}
.screen3 {
max-width: 680px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 138px;
}
.screen3:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 13px;
left: -216px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon2.png) no-repeat;
width: 214px;
height: 273px;
}
.screen3:before {
content: '';
display: block;
clear: both;
position: absolute;
top: -140px;
right: -190px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon1.png) no-repeat;
width: 219px;
height: 371px;
}
.screen3 span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 32px;
position: relative;
z-index: 1;
}
.screen3 span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen3 p {
display: block;
text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.screen4 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg2.png) no-repeat 50% 0;
min-height: 529px;
display: flex;
}
.screen4 .screen-img {
top: 49px;
left: 702px;
}
.screen4-text {
display: flex;
flex-direction: column;
padding: 111px 0 0 3.7%;
align-items: flex-start;
width: 570px;
}
.screen4-text span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.screen4-text span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen4-text b {
display: block;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #000000;
margin-bottom: 9px;
}
.screen4-text p {
display: block;
font-size: 16px;
line-height: 22px;
color: #000000;
width: 540px;
margin-bottom: 22px;
}
.screen5 {
display: flex;
flex-direction: column;
margin-bottom: 119px;
align-items: center;
}
.screen5 span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.screen5 span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen5 p {
display: block;
font-weight: 600;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #000000;
margin-bottom: 32px;
}
.screen5 ul.necessary {
display: flex;
padding: 0 4% 0 4%;
flex-wrap: wrap;
margin-bottom: 32px;
justify-content: space-between;
}
.screen5 ul.necessary li {
width: 530px;
padding-top: 56px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon7.png) no-repeat 0 0;
padding-right: 0;
margin-bottom: 17px;
font-size: 18px;
line-height: 25px;
color: #000000;
}
.screen5 em {
display: block;
text-align: center;
font-size: 16px;
line-height: 22px;
font-weight: normal;
margin-bottom: 18px;
color: #000000;
}
.screen5 a.btn {
margin: 0 auto;
}
.necessary-gallery {
width: 100%;
padding: 0 5% 50px;
}
.necessary-gallery img {
display: block;
width: 100%;
height: auto;
}
.necessary-gallery strong {
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
width: 41px;
height: 41px;
background: #D81D00;
font-weight: bold;
font-size: 18px;
color: #fff;
position: absolute;
top: 0;
left: 13px;
}
.necessary-gallery .necessary-block {
padding: 13px 27px 0;
position: relative;
}
.necessary-gallery .slick-list {
margin: 0 -27px;
}
.necessary-gallery .slick-prev {
bottom: 13px;
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/picture/img/arrow-l.png) no-repeat 15px 0;
margin-left: -103px;
opacity: 1 !important;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.necessary-gallery .slick-prev:before {
display: none;
}
.necessary-gallery .slick-prev:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -9px;
right: -45px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/separator.png) no-repeat;
width: 31px;
height: 37px;
}
.necessary-gallery .slick-prev:hover {
opacity: 1 !important;
background-position: 0 0;
}
.necessary-gallery .slick-next {
bottom: 13px;
right: 50%;
top: auto;
opacity: 1 !important;
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/picture/img/arrow-r.png) no-repeat -15px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.necessary-gallery .slick-next:before {
display: none;
}
.necessary-gallery .slick-next:hover {
opacity: 1 !important;
background-position: 0 0;
}
.screen6 {
display: flex;
justify-content: flex-end;
padding-bottom: 180px;
}
.screen6 .screen-img {
top: -165px;
right: 783px;
}
.screen6 .screen6-text {
display: flex;
flex-direction: column;
width: 540px;
margin-right: 6.5%;
align-items: flex-start;
}
.screen6 .screen6-text span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 22px;
position: relative;
z-index: 1;
}
.screen6 .screen6-text span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen6 .screen6-text p {
display: block;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.screen7 {
display: flex;
min-height: 560px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg3.png) no-repeat 50% 0;
margin-top: -23px;
margin-bottom: 59px;
}
.screen7 .screen-img {
top: -19px;
left: 696px;
}
.screen7 .screen7-text {
display: flex;
flex-direction: column;
width: 620px;
align-items: flex-start;
padding: 112px 0 0 3.7%;
}
.screen7 .screen7-text span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 16px;
position: relative;
z-index: 1;
}
.screen7 .screen7-text span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen7 .screen7-text b {
display: block;
font-weight: 600;
font-size: 18px;
line-height: 25px;
margin-bottom: 7px;
color: #000000;
}
.screen7 .screen7-text p {
display: block;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.screen8 {
max-width: 640px;
margin-bottom: 108px;
}
.screen8:after {
position: absolute;
top: -69px;
left: -189px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon3.png) no-repeat;
width: 159px;
height: 233px;
}
.screen8:before {
position: absolute;
top: 60px;
right: -228px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon4.png) no-repeat;
width: 167px;
height: 237px;
}
.screen8 span {
margin-bottom: 23px;
}
.screen8 b {
display: block;
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #000000;
}
.screen8 p {
font-weight: normal;
margin-bottom: 29px;
}
.screen9 {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 55px;
}
.screen9 span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 47px;
position: relative;
z-index: 1;
}
.screen9 span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen9 ul {
display: flex;
margin: 0 -15px 26px;
}
.screen9 li {
padding: 0 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.screen9 li:nth-child(2) .price {
top: 10px;
right: 10px;
}
.screen9 img {
display: block;
width: 100%;
height: auto;
}
.screen9 .work {
position: relative;
}
.screen9 .price {
position: absolute;
top: 15px;
right: 15px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon9.png) no-repeat;
min-width: 111px;
min-height: 63px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 18px;
color: #000000;
padding: 20px 15px;
}
.screen9 .pseudonym {
position: absolute;
bottom: 3px;
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);
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon8.png) no-repeat;
min-width: 253px;
min-height: 67px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #000000;
padding: 20px 25px;
}
.screen9 strong {
display: flex;
font-weight: bold;
font-size: 24px;
line-height: 33px;
color: #000000;
align-items: flex-end;
}
.screen9 strong i {
display: block;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon10.png) no-repeat;
width: 41px;
height: 41px;
margin-left: 10px;
}
.screen10 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg4.png) no-repeat 50% 0;
min-height: 349px;
margin-bottom: 50px;
}
.screen10 .container {
max-width: 580px;
padding: 42px 0 0 0;
display: flex;
flex-direction: column;
align-items: center;
}
.screen10 .container:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -13px;
left: -269px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon6.png) no-repeat;
width: 250px;
height: 282px;
}
.screen10 .container:before {
content: '';
display: block;
clear: both;
position: absolute;
top: 29px;
right: -320px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon5.png) no-repeat;
width: 239px;
height: 263px;
}
.screen10 span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 25px;
position: relative;
z-index: 1;
}
.screen10 span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen10 p {
display: block;
text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #000000;
margin-bottom: 32px;
}
.screen10 a.btn {
margin: 0 auto;
}
.screen11 {
display: flex;
flex-direction: column;
margin-bottom: 18px;
align-items: center;
}
.screen11 span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 19px;
position: relative;
z-index: 1;
}
.screen11 span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.screen11 p {
display: block;
text-align: center;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #000000;
margin-bottom: 34px;
}
.screen11 ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 4%;
margin-bottom: 26px;
}
.screen11 li {
padding: 0 0;
margin: 0 0 16px 0;
width: 500px;
font-size: 16px;
line-height: 22px;
color: #000000;
}
.screen11 li:nth-child(1) {
order: 1;
}
.screen11 li:nth-child(2) {
order: 3;
}
.screen11 li:nth-child(3) {
order: 2;
}
.screen11 li:nth-child(4) {
order: 4;
}
.screen11 b {
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
width: 41px;
height: 41px;
font-weight: bold;
color: #000000;
font-size: 18px;
line-height: 18px;
margin-bottom: 14px;
background: #F7CF00;
}
.screen11 strong {
display: block;
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #000000;
margin-bottom: 26px;
}
.screen11 a.btn {
margin: 0 auto;
width: auto;
padding: 0 30px;
}
.screen12 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg5.png) no-repeat 50% 0;
min-height: 586px;
display: flex;
flex-direction: column;
margin-bottom: 31px;
align-items: center;
padding-top: 38px;
}
.screen12 span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 37px;
position: relative;
z-index: 1;
}
.screen12 span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.video-gallery {
width: 100%;
padding: 0 4% 76px;
}
.video-gallery .slick-list {
margin: 0 -16px;
}
.video-gallery .video-block {
padding: 0 16px;
position: relative;
}
.video-gallery .video-block:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/play.png) no-repeat;
width: 73px;
height: 73px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.video-gallery .video-block:hover:after {
width: 83px;
height: 83px;
}
.video-gallery img {
display: block;
width: 100%;
height: auto;
border: 1px solid #D0D0D0;
}
.video-gallery .slick-prev {
opacity: 1 !important;
bottom: 13px;
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/picture/img/arrow-l.png) 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;
}
.video-gallery .slick-prev:before {
display: none;
}
.video-gallery .slick-prev:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -9px;
right: -45px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/separator.png) no-repeat;
width: 31px;
height: 37px;
}
.video-gallery .slick-prev:hover {
opacity: 1 !important;
background-position: 0 0;
}
.video-gallery .slick-next {
opacity: 1 !important;
bottom: 13px;
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/picture/img/arrow-r.png) no-repeat -15px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.video-gallery .slick-next:before {
display: none;
}
.video-gallery .slick-next:hover {
opacity: 1 !important;
background-position: 0 0;
}
.screen13 {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40px;
}
.screen13 a.btn {
margin: 0 auto;
}
.screen13 span {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 58px;
position: relative;
z-index: 1;
}
.screen13 span:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.reviews-gallery {
width: 100%;
padding: 0 9% 70px;
margin-bottom: 30px;
}
.reviews-gallery img {
display: block;
width: 100%;
height: auto;
}
.reviews-gallery .review-block {
padding: 0 25px;
}
.reviews-gallery .slick-list {
margin: 0 -25px;
}
.reviews-gallery .slick-prev {
bottom: 13px;
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);
opacity: 1 !important;
width: 74px;
height: 16px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/arrow-l.png) 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;
}
.reviews-gallery .slick-prev:before {
display: none;
}
.reviews-gallery .slick-prev:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -9px;
right: -45px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/separator.png) no-repeat;
width: 31px;
height: 37px;
}
.reviews-gallery .slick-prev:hover {
opacity: 1 !important;
background-position: 0 0;
}
.reviews-gallery .slick-next {
bottom: 13px;
right: 50%;
top: auto;
margin-right: -103px;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
opacity: 1 !important;
-o-transform: translate(0, 0);
transform: translate(0, 0);
width: 74px;
height: 16px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/arrow-r.png) no-repeat -15px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.reviews-gallery .slick-next:before {
display: none;
}
.reviews-gallery .slick-next:hover {
background-position: 0 0;
opacity: 1 !important;
}
.screen14 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg6.png) no-repeat 50% 0;
min-height: 240px;
padding-top: 70px;
margin-bottom: 51px;
}
.screen14 span {
display: block;
font-weight: bold;
font-size: 35px;
line-height: 48px;
text-align: center;
color: #FFFFFF;
}
.screen15 {
max-width: 1060px;
margin-bottom: 31px;
}
.request {
background: #FFFFFF;
box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 6px 6px 2px rgba(0, 0, 0, 0.15);
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
position: relative;
margin-bottom: 26px;
overflow: hidden;
}
.request:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 196px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg7.jpg) no-repeat 85% 0;
}
.request:before {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 138px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg8.jpg) no-repeat 85% 0;
}
.request-container {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
padding-top: 50px;
align-items: center;
padding-bottom: 77px;
}
.request-container form {
display: flex;
flex-direction: column;
align-items: center;
}
.request-container span.t1 {
display: block;
font-weight: bold;
font-size: 30px;
line-height: 41px;
color: #000000;
margin-bottom: 13px;
position: relative;
z-index: 1;
}
.request-container span.t1:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: 2px;
left: 0;
width: 100%;
height: 15px; background: #f6cf00; background: -moz-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: -webkit-linear-gradient(top, #f6cf00 0%, #ffd68b 100%); background: linear-gradient(to bottom, #f6cf00 0%, #ffd68b 100%); z-index: -1;
}
.request-container p.t2 {
display: block;
text-align: center;
font-weight: 600;
font-size: 18px;
line-height: 25px;
color: #000;
margin-bottom: 33px;
}
.request-container ul {
display: flex;
flex-wrap: wrap;
width: 650px;
justify-content: space-between;
margin-bottom: 5px;
}
.request-container li {
width: 325px;
height: 40px;
margin: 0 0 13px;
padding: 0 12.5px;
}
.request-container input[type="tel"],
.request-container input[type="text"] {
display: block;
height: 100%;
width: 100%;
background: #FDFDFD;
border: 1px solid #C6C6C6;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
padding: 0 30px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.request-container input[type="tel"]::placeholder,
.request-container input[type="text"]::placeholder {
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.4);
}
.request-container input[type="text"]::-webkit-input-placeholder {
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.4);
}
.request-container input[type="text"]::-moz-placeholder {
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.4);
}
.request-container input[type="text"]:-ms-input-placeholder {
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.4);
}
.request-container input[type="text"]:-moz-placeholder {
font-family: 'Open Sans', sans-serif;
color: rgba(0, 0, 0, 0.4);
}
.request-container input[type="tel"]:hover,
.request-container input[type="text"]:hover {
border: 1px solid #777676;
}
.request-container input[type="tel"]:hover::placeholder,
.request-container input[type="text"]:hover::placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:hover::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:hover::-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:hover:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:hover:-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="tel"]:focus,
.request-container input[type="text"]:focus {
border: 1px solid #777676;
}
.request-container input[type="text"]:focus::placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:focus::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:focus::-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:focus:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="text"]:focus:-moz-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.request-container input[type="submit"] {
margin: 0 auto;
cursor: pointer;
border: none;
}
.security {
display: block;
text-align: center;
margin-bottom: 30px;
}
.security span {
display: block;
font-weight: 600;
font-size: 21px;
line-height: 22px;
color: #000000;
}
.security a {
margin-left: 11px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
border: 2px solid #D81D00;
box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.4);
-webkit-box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.4);
-moz-box-shadow: 0px 4px 10px rgba(216, 29, 0, 0.4);
width: 254px;
height: 40px;
font-size: 16px;
background-color: transparent;
color: #D81D00;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.security a:hover {
background-color: #D81D00;
color: #fff;
}
.footer {
background: #FFFFFF;
padding: 27px 0 22px;
}
.footer span {
display: block;
font-size: 18px;
line-height: 25px;
color: #000000;
margin-bottom: 7px;
}
.footer strong {
display: block;
font-size: 18px;
line-height: 25px;
color: #000000;
font-weight: 600;
}
.footer .container {
max-width: 850px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer ul {
display: flex;
padding-top: 8px;
width: 100%;
justify-content: center;
}
.footer li {
margin: 0 9px;
}
.footer a {
display: block;
}
.footer img {
display: block;
}
.screen9 span b {
display: none;
}
.price-img {
position: absolute;
bottom: 46px;
width: 201px;
left: -130px;
}
.price-img span {
display: block;
position: absolute;
font-weight: bold;
font-size: 24px;
color: #FFFFFF;
-webkit-transform: rotate(-25deg);
-moz-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
-o-transform: rotate(-25deg);
transform: rotate(-25deg);
top: 61px;
left: 21px;
}
.price-img img {
display: block;
width: 100%;
height: auto;
}
.work-examples {
position: absolute;
opacity: 0;
pointer-events: none;
width: 100%;
margin-bottom: 30px;
padding-bottom: 70px;
}
.work-examples .slick-prev {
opacity: 1 !important;
bottom: 13px;
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/picture/img/arrow-l.png) 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;
}
.work-examples .slick-prev:before {
display: none;
}
.work-examples .slick-prev:after {
content: '';
display: block;
clear: both;
position: absolute;
top: -9px;
right: -45px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/separator.png) no-repeat;
width: 31px;
height: 37px;
}
.work-examples .slick-prev:hover {
opacity: 1 !important;
background-position: 0 0;
}
.work-examples .slick-next {
opacity: 1 !important;
bottom: 13px;
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/picture/img/arrow-r.png) no-repeat -15px 0;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.work-examples .slick-next:before {
display: none;
}
.work-examples .slick-next:hover {
opacity: 1 !important;
background-position: 0 0;
} @media screen and (max-width: 1200px) {
.logo {
top: 15px;
left: 15px;
}
.screen1-text {
padding: 195px 0 0 15px;
}
.screen2-text {
padding: 292px 0 0 0;
}
.screen1 .screen-img {
left: 675px;
}
.screen2 .screen-img {
right: 645px;
}
.screen4-text {
padding-left: 0;
}
.screen4 .screen-img {
left: 565px;
}
.screen5 ul.necessary {
padding: 0;
}
.screen5 ul.necessary li {
width: 48%;
}
.necessary-gallery {
padding-left: 0;
padding-right: 0;
}
.screen6 .screen6-text {
margin-right: 0;
}
.screen6 .screen-img {
right: 610px;
}
.screen7 .screen7-text {
padding: 112px 0 0 0;
}
.screen9 ul {
margin: 0 -7.5px 26px;
}
.screen9 ul li {
padding-right: 7.5px;
padding-left: 7.5px;
}
.screen11 ul {
padding: 0;
}
.screen11 ul li {
width: 48%;
}
.video-gallery {
width: 100%;
padding: 0 0 76px;
}
.reviews-gallery {
width: 100%;
padding: 0 0 50px;
}
.video-gallery .video-block {
padding: 0 7.5px;
}
.video-gallery .slick-list {
margin: 0 -7.5px;
}
}
@media screen and (max-width: 960px) {
.screen1 {
flex-direction: column;
align-items: center;
padding-top: 15px;
padding-bottom: 0;
margin-bottom: 50px;
}
.logo {
position: static;
margin-bottom: 25px;
}
.screen1-text {
padding: 0;
width: 100%;
text-align: center;
align-items: center;
margin-bottom: 0;
order: 2;
}
.screen1-text span br {
display: none;
}
.screen1-text p br {
display: none;
}
.screen1 .screen-img {
position: relative;
left: auto;
top: auto;
width: 100%;
order: 1;
margin-bottom: 30px;
}
.screen1 .screen-img img.main-img {
display: block;
width: 100%;
height: auto;
}
.screen-img img.price-img {
bottom: 26%;
left: 12%;
}
.screen2 {
background: #fff;
margin: 0 0 0px 0;
display: flex;
min-height: 1px;
padding: 50px 15px;
flex-direction: column;
align-items: center;
}
.screen2 .screen-img {
position: static;
width: 100%;
order: 1;
margin-bottom: 30px;
}
.screen2 .screen-img img {
display: block;
width: 100%;
height: auto;
}
.screen2 .screen2-text {
margin-bottom: 0px;
padding: 0;
width: 100%;
order: 2;
align-items: center;
}
.screen2 .screen2-text span, .screen2 .screen2-text b, .screen2 .screen2-text p {
text-align: center;
}
.screen2 .screen2-text p {
width: 100%;
}
.screen2 .screen2-text b br, .screen2 .screen2-text p br {
display: none;
}
.screen3 {
margin-bottom: 30px;
max-width: 100%;
padding: 150px 15px;
}
.screen3:after {
top: auto;
bottom: 15px;
left: 50%;
margin-left: -50px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon2.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 100px;
height: 140px;
z-index: -1;
-webkit-transform: rotate(-72deg);
-moz-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
-o-transform: rotate(-72deg);
transform: rotate(-72deg);
}
.screen3:before {
top: 15px;
left: 50%;
margin-left: -50px;
right: auto;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon1.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 100px;
height: 170px;
z-index: -1;
-webkit-transform: rotate(-72deg);
-moz-transform: rotate(-72deg);
-ms-transform: rotate(-72deg);
-o-transform: rotate(-72deg);
transform: rotate(-72deg);
}
.screen3 p br {
display: none;
}
.screen8 {
margin: 0;
}
.screen8:after {
top: auto;
bottom: 15px;
left: 50%;
margin-left: -50px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon3.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 100px;
height: 140px;
z-index: -1;
-webkit-transform: rotate(-107deg);
-moz-transform: rotate(-107deg);
-ms-transform: rotate(-107deg);
-o-transform: rotate(-107deg);
transform: rotate(-107deg);
}
.screen8:before {
top: 0;
left: 50%;
margin-left: -50px;
right: auto;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon4.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 100px;
height: 170px;
z-index: -1;
-webkit-transform: rotate(-99deg);
-moz-transform: rotate(-99deg);
-ms-transform: rotate(-99deg);
-o-transform: rotate(-99deg);
transform: rotate(-99deg);
}
.screen4 {
background: #fff;
padding: 50px 15px;
margin-bottom: 50px;
min-height: 1px;
display: flex;
flex-direction: column;
align-items: center;
}
.screen4 .screen-img {
position: static;
width: 100%;
order: 1;
margin-bottom: 30px;
}
.screen4 .screen-img img {
display: block;
width: 100%;
height: auto;
}
.screen4-text {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 0;
order: 2;
margin-bottom: 0px;
}
.screen4-text b {
text-align: center;
}
.screen4-text p {
text-align: center;
width: 100%;
}
.screen4-text p br {
display: none;
}
.screen5 p br {
display: none;
}
.screen5 ul.necessary {
margin-bottom: 30px;
}
.screen5 ul.necessary li {
width: 100%;
text-align: center;
background-position: 50% 0;
margin-bottom: 30px;
}
.necessary-gallery .necessary-block {
padding: 13px 15px 0;
}
.necessary-gallery .slick-list {
margin: 0 -15px;
}
.necessary-gallery {
margin-bottom: 20px;
}
.screen5 {
margin-bottom: 50px;
}
.screen6 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-bottom: 0;
margin-bottom: 50px;
}
.screen6 .screen-img {
position: static;
order: 2;
width: 100%;
}
.screen6 .screen-img img {
display: block;
width: 100%;
height: auto;
}
.screen6 .screen6-text {
margin: 0 0 30px 0;
order: 1;
width: 100%;
align-items: center;
}
.screen6 .screen6-text p {
text-align: center;
}
.screen6 .screen6-text p br {
display: none;
}
.screen7 {
background: #fff;
min-height: 1px;
padding: 50px 15px;
margin: 0;
display: flex;
align-items: center;
flex-direction: column;
}
.screen7 .screen7-text {
padding: 0;
margin: 0 0 30px 0;
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
.screen7 .screen7-text b {
text-align: center;
}
.screen7 .screen7-text b br {
display: none;
}
.screen7 .screen7-text p {
text-align: center;
}
.screen7 .screen7-text p br {
display: none;
}
.screen7 .screen-img {
position: static;
width: 100%;
}
.screen7 .screen-img img {
display: block;
width: 100%;
height: auto;
}
.screen9 {
margin-bottom: 50px;
}
.screen9 ul {
display: none;
}
.work-examples {
position: relative;
opacity: 1;
pointer-events: all;
width: 100%;
margin-bottom: 30px;
padding-bottom: 70px;
}
.screen10 {
background: #fff;
min-height: 1px;
padding: 100px 15px;
margin-bottom: 50px;
}
.screen10 .container {
max-width: 100%;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
position: static;
}
.screen10 .container:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 15px;
left: 15px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon6.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 100px;
height: 120px;
z-index: 0;
-webkit-transform: rotate(40deg);
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
}
.screen10 .container:before {
content: '';
display: block;
clear: both;
position: absolute;
top: auto;
bottom: 15px;
right: 15px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/icon5.png) no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 100px;
height: 120px;
z-index: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.screen10 a.btn {
z-index: 2;
}
.screen11 {
margin-bottom: 50px;
}
.screen11 p br {
display: none;
}
.screen11 ul li {
width: 100%;
margin-bottom: 30px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.screen11 strong br {
display: none;
}
.screen12 {
background: #fff;
min-height: 1px;
padding: 50px 15px;
margin-bottom: 50px;
}
.reviews-gallery .review-block {
padding: 0 7.5px;
}
.reviews-gallery .slick-list {
margin: 0 -7.5px;
}
.screen13 {
margin-bottom: 50px;
}
.screen14 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/picture/img/bg6.png) no-repeat 50% 0;
-webkit-background-size: 1360px 100%;
background-size: 1360px 100%;
min-height: 1px;
margin-bottom: 50px;
display: flex;
align-items: center;
padding: 50px 15px;
}
.footer .container {
max-width: 100%;
}
.reviews-gallery {
padding: 0 0 70px;
margin-bottom: 30px;
}
.price-img {
bottom: 26%;
left: 12%;
}
}
@media screen and (max-width: 768px) {
.screen14 span {
font-size: 28px;
line-height: 38px;
}
.screen9 strong {
font-size: 18px;
line-height: 20px;
}
.request-container {
padding-top: 50px;
padding-bottom: 50px;
}
.request-container form {
width: 100%;
}
.request-container form p br {
display: none;
}
.request-container form ul {
width: 100%;
margin: 0 -7.5px;
}
.request-container form ul li {
width: 50%;
padding: 0 7.5px;
}
}
@media screen and (max-width: 640px) {
.screen1-text span {
font-size: 28px;
line-height: 38px;
}
.screen1-text b {
font-size: 25px;
line-height: 35px;
}
.btn-made {
align-items: center;
flex-direction: column;
}
.btn-made .btn {
margin: 0 0 20px 0;
}
.screen2-text span {
font-size: 25px;
line-height: 35px;
}
.request-container span {
font-size: 25px;
line-height: 35px;
}
.screen3 span {
font-size: 25px;
line-height: 35px;
}
.screen4-text span {
font-size: 25px;
line-height: 35px;
}
.screen5 span {
font-size: 25px;
line-height: 35px;
}
.screen6 .screen6-text span {
font-size: 25px;
line-height: 35px;
}
.screen7 .screen7-text span {
font-size: 25px;
line-height: 35px;
}
.screen9 span {
font-size: 25px;
line-height: 35px;
}
.screen10 span {
font-size: 25px;
line-height: 35px;
}
.screen9 strong {
font-size: 16px;
line-height: 18px;
}
.screen11 span {
font-size: 25px;
line-height: 35px;
}
.screen12 span {
font-size: 25px;
line-height: 35px;
}
.screen13 span {
font-size: 25px;
line-height: 35px;
}
.screen14 span {
font-size: 20px;
line-height: 30px;
}
.request-container form ul li {
width: 100%;
}
.security {
flex-direction: column;
}
.security span {
margin-bottom: 10px;
}
}
@media screen and (max-width: 568px) {
.reviews-instagram h1{
text-align: center;
padding: 0 15px;
font-size: 21px !important;
margin-bottom: 30px !important;
}
.reviews-instagram {
margin-bottom: 80px !important;
}
.request-container p.t2 {
font-size: 16px;
}
.ffLamp-footer_left-soc{
display: flex !important;
justify-content: center;
}
.ffLamp-footer_left-soc a{
margin: 0 5px !important;
}
.request-container form ul li:nth-child(5) {
margin-bottom: 24px;
}
.header-fixed .col-header-menu .header-menu-mobile {
top: 2px;
}
.request-container input[type="tel"], .request-container input[type="text"] {
padding: 0 15px;
}
.screen14 span {
font-size: 18px;
line-height: 30px;
}
.screen14 span br{
display: none;
}
.screen14 {
padding: 30px 15px;
}
.footer span {
font-size: 16px;
}
.screen-img img.price-img {
bottom: 12%;
left: 10%;
}
.screen1-text b {
font-size: 22px;
line-height: 32px;
}
.screen2-text span {
font-size: 22px;
line-height: 32px;
}
.screen3 span {
font-size: 22px;
line-height: 32px;
}
.screen4-text span {
font-size: 22px;
line-height: 32px;
}
.screen5 span {
font-size: 22px;
line-height: 32px;
}
.screen6 .screen6-text span {
font-size: 22px;
line-height: 32px;
}
.screen7 .screen7-text span {
font-size: 22px;
line-height: 32px;
}
.screen9 span {
font-size: 22px;
line-height: 32px;
}
.screen10 span {
font-size: 22px;
line-height: 32px;
}
.screen11 span {
font-size: 22px;
line-height: 32px;
}
.screen12 span {
font-size: 22px;
line-height: 32px;
}
.screen13 span {
font-size: 22px;
line-height: 32px;
}
.request-container span {
font-size: 22px;
line-height: 32px;
}
.footer .container {
flex-direction: column;
}
.footer ul {
padding-top: 30px;
}
.screen9 strong {
text-align: center;
position: relative;
padding-bottom: 55px;
}
.screen9 strong i {
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);
margin: 0;
}
.price-img {
bottom: 12%;
left: 10%;
}
}
@media screen and (max-width: 480px) {
.screen1-text span {
font-size: 24px;
line-height: 34px;
}
.screen9 ul li:nth-child(2) {
display: flex;
flex-direction: column;
}
.screen9 ul li:nth-child(2) .work {
width: 100%;
padding: 0;
margin-bottom: 30px;
}
.screen9 ul li:nth-child(2) .work:last-child {
margin: 0;
padding: 0;
}
.screen9 span {
text-indent: -99999px;
}
.screen9 span b {
display: block;
text-indent: 0;
}
.screen1 .screen-img img.main-img {
width: 116%;
left: -5%;
position: relative;
z-index: -1;
}
.screen2 .screen-img img {
width: 130%;
left: -13%;
position: relative;
}
.screen4 .screen-img img {
width: 170%;
left: -40%;
position: relative;
}
.screen7 .screen-img img {
width: 116%;
left: -5%;
position: relative;
}
.screen6 .screen-img img {
width: 106%;
left: -3%;
position: relative;
}
}
@media screen and (max-width: 460px) {
.video-gallery .video-block:after {
width: 50px;
height: 50px;
}
.video-gallery .video-block:hover:after {
width: 60px;
height: 60px;
}
.screen1-text span {
font-size: 20px;
line-height: 30px;
}
.screen1-text b {
font-size: 17px;
line-height: 24px;
}
.screen2-text span {
font-size: 16px;
line-height: 24px;
}
.screen2-text span em {
display: none;
}
.screen3 span {
font-size: 20px;
line-height: 28px;
}
.screen4-text span {
font-size: 20px;
line-height: 28px;
}
.screen5 span {
font-size: 20px;
line-height: 28px;
}
.screen6 .screen6-text span {
font-size: 20px;
line-height: 28px;
}
.screen7 .screen7-text span {
font-size: 18px;
line-height: 26px;
}
.screen9 span {
font-size: 20px;
line-height: 28px;
}
.screen10 span {
font-size: 20px;
line-height: 28px;
}
.screen11 span {
font-size: 20px;
line-height: 28px;
}
.screen12 span {
font-size: 20px;
line-height: 28px;
}
.screen13 span {
font-size: 20px;
line-height: 28px;
}
.request-container span {
font-size: 20px;
line-height: 28px;
}
}
@media screen and (max-width: 360px) {
.price-img {
bottom: 8%;
left: 5%;
width: 150px;
}
.price-img span {
font-size: 18px;
top: 45px;
left: 15px;
}
.screen11 a.btn {
padding: 0 20px;
font-size: 14px;
}
}
.wpcf7 p{
margin-bottom: 0;
}
.wpcf7 br{
display: none;
}