@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&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(//fastisi.com/wp-content/themes/veti-k/landing/partners/imgjax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/fonts/slick/slick.eot);
src: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/fonts/slick/slick.eot?#iefix) format("embedded-opentype"), url(//fastisi.com/wp-content/themes/veti-k/landing/partners/fonts/slick/slick.woff) format("woff"), url(//fastisi.com/wp-content/themes/veti-k/landing/partners/fonts/slick/slick.ttf) format("truetype"), url(//fastisi.com/wp-content/themes/veti-k/landing/partners/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: 'Roboto', sans-serif;
font-size: 18px;
background: #ededed;
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: #ededed;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
html:focus, body:focus {
background: #ededed;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
* {
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;
margin: 0 auto;
padding: 0 15px;
}
.screen1 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg.jpg) no-repeat 50% 0;
min-height: 635px;
-webkit-background-size: 100% auto;
background-size: 100% auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.screen1 .container {
padding-top: 25px;
width: 100%;
position: relative;
}
.screen1 h1 {
display: block;
text-align: center;
font-size: 48px;
color: #fff;
font-weight: 900;
margin-bottom: 60px;
}
.screen1 span {
display: block;
text-align: center;
color: #fff;
font-size: 36px;
line-height: 63px;
font-weight: 500;
margin-bottom: 50px;
}
.contacts {
display: flex;
width: 100%;
}
.contact-left {
width: 50%;
padding-right: 12px;
}
.contact-left p {
display: flex;
align-items: center;
justify-content: flex-end;
color: #fff;
font-size: 30px;
font-weight: 700;
margin-bottom: 25px;
min-height: 39px;
}
.contact-right {
width: 50%;
padding-left: 12px;
}
.contact-right a {
display: flex;
min-height: 39px;
align-items: center;
text-decoration: none;
color: #fff;
font-size: 30px;
font-weight: 700;
margin-bottom: 25px;
padding-left: 47px;
}
.contact-right a.mail {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/icon1.png) no-repeat 0 50%;
}
.contact-right a.site {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/icon2.png) no-repeat 0 50%;
}
.contact-right a.tel {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/icon3.png) no-repeat 0 50%;
}
.logo {
display: block;
position: absolute;
top: 15px;
}
.logo a {
display: block;
}
.logo img {
display: block;
width: 100%;
height: auto;
}
.logo1 {
left: 15px;
}
.logo2 {
right: 15px;
}
.screen2 {
position: relative;
padding-top: 96px;
display: flex;
flex-wrap: wrap;
}
.screen2 span {
display: block;
width: 100%;
position: relative;
z-index: 2;
text-align: center;
font-size: 30px;
color: #000000;
font-weight: bold;
margin-bottom: 25px;
}
.screen2:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 0;
left: 0;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg2.png) no-repeat 0 0;
width: 309px;
height: 580px;
}
.screen2:before {
content: '';
display: block;
clear: both;
position: absolute;
top: 0;
right: 0;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg3.png) no-repeat 0 0;
width: 369px;
height: 644px;
}
.img {
position: relative;
z-index: 2;
width: 50%;
padding: 0 40px;
margin-bottom: 35px;
}
.img h2 {
display: block;
text-align: center;
font-weight: 900;
font-size: 18px;
margin-bottom: 20px;
}
.img img {
display: block;
width: 100%;
height: auto;
}
.offer {
width: 50%;
padding-right: 20px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
z-index: 2;
}
.offer strong {
display: block;
color: #000000;
font-weight: 900;
font-size: 18px;
line-height: 24px;
}
.offer p {
display: block;
color: #000000;
font-size: 18px;
line-height: 24px;
}
.offer p b {
font-weight: bold;
color: #980000;
}
.offer p em {
font-weight: bold;
}
.offer p.bold {
font-weight: bold;
}
.offer a {
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;
color: #fff;
font-size: 18px;
text-transform: uppercase;
width: 210px;
height: 40px;
background-color: #29beff;
margin-top: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-left: 65px;
}
.offer a:hover {
background-color: #008cca;
}
.offer2 {
padding: 0 0 0 20px;
}
.offer2 a {
background-color: #f18e17;
margin-left: 0;
align-self: flex-end;
margin-right: 65px;
}
.offer2 a:hover {
background-color: #e67e00;
}
.screen3 {
background-color: #e6e4e4;
padding-top: 25px;
padding-bottom: 40px;
position: relative;
display: flex;
flex-direction: column;
align-self: center;
}
.screen3 strong {
display: block;
text-align: center;
font-weight: bold;
color: #000000;
font-size: 24px;
line-height: 30px;
position: relative;
z-index: 2;
padding: 0 140px;
}
.screen3 p {
display: block;
text-align: center;
color: #000000;
font-size: 18px;
line-height: 24px;
position: relative;
z-index: 2;
}
.screen3 b {
display: block;
text-align: center;
color: #000000;
font-weight: bold;
padding-top: 20px;
font-size: 18px;
line-height: 24px;
position: relative;
z-index: 2;
}
.screen3:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 35px;
left: 0;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg4.png) no-repeat;
width: 148px;
height: 191px;
}
.screen3:before {
content: '';
display: block;
clear: both;
position: absolute;
top: 5px;
right: 25px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg5.png) no-repeat;
width: 150px;
height: 191px;
}
.screen4 {
position: relative;
overflow: hidden;
padding: 15px;
}
.screen4:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 0;
left: 0;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg6.png) no-repeat 0 0;
width: 567px;
height: 628px;
}
.screen4:before {
content: '';
display: block;
clear: both;
position: absolute;
top: 0;
right: 0;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg7.png) no-repeat 0 0;
width: 630px;
height: 622px;
}
.screen4-content {
margin: 0 auto;
background-color: #f1f1f1;
max-width: 1098px;
width: 100%;
position: relative;
z-index: 2;
padding: 15px;
}
.screen4-content strong {
display: block;
text-align: center;
font-weight: bold;
color: #000;
font-size: 18px;
line-height: 24px;
}
.screen4-content p {
display: block;
text-align: center;
color: #000;
font-size: 18px;
line-height: 24px;
}
.screen5 {
display: flex;
padding: 0;
position: relative;
z-index: 2;
margin-bottom: 25px;
}
.info-block {
margin-right: 15px;
width: 50%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.info-block strong {
display: block;
font-weight: 900;
color: #000000;
font-size: 18px;
line-height: 24px;
}
.info-block span {
display: block;
font-weight: bold;
color: #980000;
font-size: 18px;
line-height: 24px;
}
.info-block p {
display: block;
color: #000000;
font-size: 18px;
line-height: 24px;
}
.info-block a {
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;
color: #fff;
font-size: 18px;
text-transform: uppercase;
width: 210px;
height: 40px;
background-color: #29beff;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-left: 65px;
}
.info-block a:hover {
background-color: #008cca;
}
.info-block2 {
margin-right: 0;
margin-left: 15px;
}
.info-block2 a {
background-color: #f18e17;
margin-left: 0;
align-self: flex-end;
margin-right: 65px;
}
.info-block2 a:hover {
background-color: #e67e00;
}
.info-block-content {
background-color: #f1f1f1;
padding: 15px;
margin-bottom: 45px;
}
.screen6-content {
position: relative;
z-index: 2;
padding-bottom: 15px;
}
.screen6 {
position: relative;
overflow: hidden;
margin-bottom: 5px;
}
.screen6:after {
content: '';
display: block;
clear: both;
position: absolute;
left: 15px;
top: 140px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg8.png) no-repeat;
width: 214px;
height: 283px;
}
.screen6:before {
content: '';
display: block;
clear: both;
position: absolute;
left: 26px;
top: 40px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg12.png) repeat-y;
width: 1364px;
height: 100%;
-webkit-background-size: 1364px auto;
background-size: 1364px auto;
}
.screen6 span {
display: block;
text-align: center;
color: #000000;
font-size: 30px;
font-weight: 900;
}
.screen6 strong {
margin-top: 25px;
display: block;
text-align: center;
font-weight: 900;
color: #000000;
font-size: 30px;
}
.screen6 p {
display: block;
text-align: center;
color: #000000;
font-size: 18px;
line-height: 24px;
}
.screen6 p b {
display: inline;
}
.screen6 p.color {
color: #29beff;
}
.screen6 b.color {
color: #29beff;
}
.screen6 p.color2 {
color: #e0961c;
}
.screen6 b.color2 {
color: #e0961c;
margin-top: 20px;
}
.screen6 b {
display: block;
text-align: center;
color: #000000;
font-size: 18px;
font-weight: bold;
line-height: 24px;
}
.screen7 {
position: relative;
margin-bottom: 70px;
}
.screen7:after {
content: '';
display: block;
clear: both;
position: absolute;
left: 15px;
top: -25px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg8.png) no-repeat;
width: 214px;
height: 283px;
}
.screen7:before {
content: '';
display: block;
clear: both;
position: absolute;
right: 15px;
top: 30px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg10.png) no-repeat;
width: 219px;
height: 371px;
}
.screen7 .screen7-content {
position: relative;
z-index: 2;
}
.screen7 strong {
display: block;
text-align: center;
font-weight: 900;
color: #000000;
font-size: 30px;
}
.screen7 p {
display: block;
text-align: center;
color: #000000;
font-size: 18px;
line-height: 24px;
}
.screen7 p b {
font-weight: bold;
}
.screen7 a {
display: flex;
margin: 35px auto 35px;
text-decoration: none;
align-items: center;
justify-content: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #fff;
font-size: 33px;
text-transform: uppercase;
width: 392px;
height: 75px;
background-color: #b82308;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.screen7 a:hover {
background-color: #f52a05;
}
.screen7 em {
display: block;
text-align: center;
font-size: 36px;
font-weight: bold;
font-style: italic;
}
.file {
width: 100%;
height: 34px;
margin-bottom: 10px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
border: 1px solid #848484;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
}
.file input[type="file"] {
display: block;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.file span {
padding: 0 20px;
font-size: 13px;
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.file:hover {
border: 2px solid #000;
}
.footer {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg11.png) no-repeat 50% 50%;
-webkit-background-size: 100% auto;
background-size: 100% auto;
min-height: 894px;
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
}
.footer form {
max-width: 379px;
padding-top: 15px;
width: 379px;
}
.footer input[type="text"] {
display: block;
width: 100%;
height: 34px;
margin-bottom: 10px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
border: 1px solid #848484;
background-color: transparent;
padding: 0 20px;
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 500;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.footer input[type="text"]:hover {
border: 2px solid #000;
}
.footer input[type="text"]:focus {
border: 4px solid #00a6eb;
font-weight: bold;
}
.footer input[type="text"]::placeholder {
color: #000;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.footer input[type="text"]::-webkit-input-placeholder {
color: #000;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.footer input[type="text"]::-moz-placeholder {
font-weight: 500;
color: #000;
font-family: 'Roboto', sans-serif;
}
.footer input[type="text"]:-ms-input-placeholder {
color: #000;
font-weight: 500;
font-family: 'Roboto', sans-serif;
}
.footer input[type="text"]:-moz-placeholder {
font-weight: 500;
color: #000;
font-family: 'Roboto', sans-serif;
}
.footer input[type="submit"] {
display: block;
margin: 0 auto;
cursor: pointer;
font-family: 'Roboto', sans-serif;
border: none;
text-align: center;
font-size: 12px;
color: #fff;
width: 171px;
height: 46px;
background-color: #b82308;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-transform: uppercase;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.footer input[type="submit"]:hover {
background-color: #f52a05;
}
.footer ul {
display: flex;
padding-top: 15px;
margin-bottom: 15px;
justify-content: space-between;
}
.footer input[type="radio"] {
display: none;
}
.footer input[type="radio"] + label {
cursor: pointer;
font-family: 'Roboto', sans-serif;
color: #000000;
font-size: 13px;
font-weight: 900;
display: block;
padding: 10px;
-webkit-border-radius: 15px;
border: 1px solid #848484;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.footer input[type="radio"] + label:hover {
border: 1px solid #000;
}
.footer input[type="radio"]:checked + label {
border: 2px solid #00a6eb;
padding: 9px;
}
.btn5 {
cursor: pointer;
} @media screen and (max-width: 1390px) {
.footer {
-webkit-background-size: auto auto;
background-size: auto auto;
}
}
@media screen and (max-width: 959px) {
.screen1 {
-webkit-background-size: auto 100%;
background-size: auto 100%;
padding-bottom: 25px;
}
.screen1 .container {
padding-top: 190px;
}
.screen1 h1 {
font-size: 40px;
margin-bottom: 30px;
}
.screen1 h1 br {
display: none;
}
.screen1 span {
font-size: 28px;
line-height: 48px;
margin-bottom: 30px;
}
.contact-left p {
font-size: 24px;
margin-bottom: 15px;
min-height: 39px;
}
.logo {
width: 200px;
}
.contact-right a {
font-size: 24px;
margin-bottom: 15px;
padding-left: 47px;
}
.screen2 {
padding-top: 30px;
}
.screen2:after {
display: none;
}
.screen2:before {
display: none;
}
.screen2 span {
order: 1;
font-size: 28px;
line-height: 32px;
}
.screen2 span br {
display: none;
}
.screen2 .img {
order: 2;
width: 100%;
padding: 0 20%;
position: relative;
}
.screen2 .img:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 0;
left: -15px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg2.png) no-repeat 0 0;
width: 309px;
height: 580px;
}
.screen2 .img img {
position: relative;
z-index: 2;
}
.screen2 .img h2 {
position: relative;
z-index: 2;
}
.screen2 .img2 {
order: 4;
}
.screen2 .img2:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 0;
left: auto;
right: -15px;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg3.png) no-repeat 0 0;
width: 309px;
height: 580px;
}
.screen2 .offer {
order: 3;
width: 100%;
padding: 0;
margin: 0 0 50px 0;
align-items: center;
}
.screen2 .offer strong {
text-align: center;
}
.screen2 .offer p {
text-align: center;
}
.screen2 .offer p br {
display: none;
}
.screen2 .offer a {
margin: 20px auto 0;
}
.screen2 .offer2 {
order: 5;
}
.screen3:after {
top: 0;
margin-left: -74px;
left: 50%;
transform: rotate(110deg);
-webkit-transform: rotate(110deg);
-moz-transform: rotate(110deg);
}
.screen3:before {
top: auto;
bottom: 0;
margin-left: -75px;
transform: rotate(69deg);
-webkit-transform: rotate(69deg);
-moz-transform: rotate(69deg);
left: 50%;
right: auto;
}
.screen3 {
padding: 170px 15px;
}
.screen3 p br {
display: none;
}
.screen3 strong {
padding: 0;
}
.screen3 strong br {
display: none;
}
.screen4-content p br {
display: none;
}
.screen5 {
flex-wrap: wrap;
}
.info-block {
margin: 0 0 15px 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.info-block strong {
text-align: center;
}
.info-block p {
text-align: center;
}
.info-block span {
text-align: center;
}
.info-block span br {
display: none;
}
.info-block a {
margin: 0;
}
.info-block2 a {
align-self: center;
}
.info-block-content {
width: 100%;
margin-bottom: 15px;
}
.screen6:after {
top: -15px;
margin-left: -74px;
left: 50%;
transform: rotate(110deg);
-webkit-transform: rotate(110deg);
-moz-transform: rotate(110deg);
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg4.png) no-repeat;
width: 148px;
height: 191px;
}
.screen6 {
padding-top: 150px;
}
.screen6 p br {
display: none;
}
.screen7:after {
top: -15px;
margin-left: -74px;
left: 50%;
transform: rotate(110deg);
-webkit-transform: rotate(110deg);
-moz-transform: rotate(110deg);
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg4.png) no-repeat;
width: 148px;
height: 191px;
}
.screen7:before {
top: auto;
bottom: 0;
margin-left: -75px;
transform: rotate(69deg);
-webkit-transform: rotate(69deg);
-moz-transform: rotate(69deg);
left: 50%;
background: url(//fastisi.com/wp-content/themes/veti-k/landing/partners/img/bg5.png) no-repeat;
width: 150px;
height: 191px;
right: auto;
}
.screen7 {
margin-bottom: 40px;
padding: 155px 15px 170px;
}
}
@media screen and (max-width: 640px) {
.contacts {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
}
.contact-left {
width: auto;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
.contact-left p {
margin: 0;
}
.contact-right {
width: auto;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.contact-right a {
margin: 0;
}
}
@media screen and (max-width: 480px) {
.screen2 .img {
padding: 0;
}
.screen2 span {
font-size: 24px;
line-height: 28px;
}
.screen3 strong {
font-size: 20px;
line-height: 24px;
}
.screen6 span {
font-size: 24px;
}
.screen6 strong {
font-size: 26px;
}
.screen7 a {
font-size: 26px;
width: 290px;
}
.screen7 strong {
font-size: 26px;
}
.screen7 em {
font-size: 24px;
}
.screen1 h1 {
font-size: 34px;
margin-bottom: 30px;
line-height: 40px;
}
.screen1 span {
font-size: 24px;
line-height: 30px;
margin-bottom: 30px;
}
.logo {
width: 135px;
}
.screen1 .container {
padding-top: 120px;
}
.contact-left p {
font-size: 20px;
}
.contact-right a {
font-size: 20px;
}
}
@media screen and (max-width: 360px) {
.footer input[type="radio"] + label {
font-size: 12px;
padding: 8px 6px;
}
.footer input[type="radio"]:checked + label {
border: 2px solid #00a6eb;
padding: 7px 5px;
}
}