@font-face {
font-family: 'icomoon';
src:  url(//fastisi.com/wp-content/themes/veti-k/icomoon/fonts/icomoon.eot?rlw4w0);
src:  url(//fastisi.com/wp-content/themes/veti-k/icomoon/fonts/icomoon.eot?rlw4w0#iefix) format('embedded-opentype'),
url(//fastisi.com/wp-content/themes/veti-k/icomoon/fonts/icomoon.ttf?rlw4w0) format('truetype'),
url(//fastisi.com/wp-content/themes/veti-k/icomoon/fonts/icomoon.woff?rlw4w0) format('woff'),
url(//fastisi.com/wp-content/themes/veti-k/icomoon/fonts/icomoon.svg?rlw4w0#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook3:before {
content: "\e900";
color: #1877f2;
}
.icon-instagram1:before {
content: "\e901";
color: #e4405f;
}
.icon-telegram1:before {
content: "\e902";
color: #2ca5e0;
}
.icon-tiktok:before {
content: "\e903";
}
.icon-viber:before {
content: "\e904";
color: #665cac;
}
.icon-whatsapp1:before {
content: "\e905";
color: #25d366;
}
.icon-facebook1:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.icon-paper-plane:before {
content: "\f1d8";
}
.icon-send:before {
content: "\f1d8";
}
.icon-paper-plane-o:before {
content: "\f1d9";
}
.icon-send-o:before {
content: "\f1d9";
}
.icon-facebook:before {
content: "\ea90";
}
.icon-facebook2:before {
content: "\ea91";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-whatsapp:before {
content: "\ea93";
}
.icon-telegram:before {
content: "\ea95";
}@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
body {
background-color: #f0f0f0;
font-family: 'Open Sans', sans-serif;
margin: 0;
}
body h1,
body h2,
body h3,
body h4,
body p,
body ul,
body li {
margin: 0;
padding: 0;
list-style: none;
}
body button,
body input[type="submit"] {
border: none;
cursor: pointer;
transition: 0.5s;
}
body button:hover,
.header-made:hover,
.inst-testimonals:hover,
.docs-btn:hover,
body input[type="submit"]:hover {
transition: 0.5s;
opacity:0.5;
filter: brightness(0.9);
}
body button:focus,
.header-made:focus,
.inst-testimonals:focus,
.docs-btn:focus,
body input[type="submit"]:focus {
transition: 0.5s;
border: none;
outline: none;
}
body input {
border: 3px solid #fff;
}
body input:focus {
outline: none;
border: 3px solid #eeb851;
}
body .header {
padding: 105px 150px;
}
@media (max-width: 1200px) {
body .header {
padding: 10px 0;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .header {
padding: 50px 50px;
}
}
body .header-left {
padding-left: 85px;
}
@media (max-width: 1700px) {
body .header-left {
padding-left: 15px;
}
}
@media (max-width: 1200px) {
body .header-logo {
margin: 0;
text-align: center;
}
}
body .header-title {
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
padding-bottom: 20px;
}
@media (max-width: 576px) {
body .header-title {
font-size: 19px;
}
}
@media (min-width: 576px) and (max-width: 1700px) {
body .header-title {
font-size: 36px;
}
}
body .header-desc {
font-size: 24px;
font-weight: 500;
padding-bottom: 40px;
}
@media (max-width: 576px) {
body .header-desc {
font-size: 14px;
padding-bottom: 20px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .header-desc br {
display: none;
}
}
body .header-buttons {
display: flex;
flex-direction: row;
margin-bottom: 80px;
}
@media (max-width: 576px) {
body .header-buttons {
flex-direction: column;
margin-bottom: 0;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .header-buttons {
justify-content: center;
margin-bottom: 20px;
}
}
body .header-order {
cursor: pointer;
color: #fff;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
padding: 15px 20px;
background-color: #2bbdff;
border-radius: 80px;
margin-right: 20px;
}
@media (max-width: 576px) {
body .header-order {
margin: 0;
width: 100%;
padding: 10px 50px;
font-size: 16px;
margin-bottom: 20px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .header-order {
font-size: 15px;
}
}
body .header-made {
color: #fff;
border-radius: 80px;
text-transform: uppercase;
background:#ffec00;
font-size: 20px;
padding: 15px 20px;
font-weight: bold;
cursor:pointer;
}
@media (max-width: 576px) {
body .header-made {
font-size: 16px;
padding: 10px 50px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .header-made {
font-size: 15px;
}
}
body .header-advantages {
font-size: 22px;
font-weight: 300;
max-width: 600px;
position: relative;
padding-bottom: 25px;
}
body .header-advantages:last-child {
padding: 0;
}
@media (max-width: 576px) {
body .header-advantages {
margin-top: 50px;
z-index: -1;
font-size: 14px;
}
body .header-advantages:last-child {
margin: 0;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .header-advantages {
max-width: none;
width: 100%;
}
body .header-advantages:last-child {
margin-bottom: 20px;
}
}
body .line {
display: block;
background-color: #ffec00;
margin-bottom: 10px;
width: 80px;
height: 2px;
}
@media (max-width: 1200px) {
body .line {
display: none;
}
}
body .header-right {
position: relative;
}
@media (max-width: 1200px) {
body .header-right {
margin: 0 -15px;
}
}
@media (max-width: 576px) {
body .header-right {
padding-bottom: 50px;
}
}
@media (min-width: 767px) and (max-width: 1200px) {
body .header-right {
overflow: hidden;
padding-bottom: 85px;
}
}
body .header-right .lines {
position: absolute;
right: -150px;
top: -105px;
width: 1146px;
height: auto;
}
@media (max-width: 576px) {
body .header-right .lines {
position: relative;
right: -35%;
top: 0;
width: 450px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .header-right .lines {
position: relative;
right: -35%;
top: 0;
width: 500px;
}
}
@media (min-width: 720px) and (max-width: 1200px) {
body .header-right .lines {
width: 840px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .header-right .lines {
right: -50px;
top: -50px;
width: 655px;
}
}
@media (min-width: 1500px) and (max-width: 1920px) {
body .header-right .lines {
width: 900px;
}
}
body .header-right .products {
width: 850px;
height: auto;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 576px) {
body .header-right .products {
width: 100%;
top: 20px;
}
}
@media (min-width: 576px) and (max-width: 1700px) {
body .header-right .products {
top: 0;
width: 100%;
}
}
body .header-right .price {
position: absolute;
right: 0;
bottom: 100px;
width: 400px;
}
@media (max-width: 1200px) {
body .header-right .price {
bottom: 85px;
right: 0;
left: 50%;
transform: translateX(-50%);
width: 320px;
}
}
@media (min-width: 720px) and (max-width: 1200px) {
body .header-right .price {
width: 500px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .header-right .price {
width: 400px;
bottom: 100px;
}
}
body .header-right span {
position: absolute;
right: 75px;
bottom: 200px;
text-align: center;
font-weight: bold;
}
@media (max-width: 720px) {
body .header-right span {
font-size: 36px;
left: 50%;
right: auto;
transform: translateX(-50%);
bottom: 175px;
}
}
@media (min-width: 720px) and (max-width: 1200px) {
body .header-right span {
font-size: 46px;
left: 50%;
right: auto;
transform: translateX(-50%);
bottom: 200px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .header-right span {
font-size: 40px;
right: 75px;
bottom: 200px;
text-align: center;
}
}
@media (max-width: 1700px) {
body .about {
padding: 0;
}
}
body .about-left {
position: relative;
padding-left: 0;
padding-right: 0;
}
body .about-left img {
width: 100%;
height: auto;
}
body .about-image {
width: 100%;
height: auto;
}
body .about-extra--size {
position: absolute;
right: -85px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 720px) {
body .about-extra--size {
top: auto;
bottom: -150px;
right: 0;
width: 150px;
}
}
@media (min-width: 720px) and (max-width: 1200px) {
body .about-extra--size {
top: auto;
bottom: -150px;
right: 0;
width: 200px;
}
}
body .about-size1 {
position: absolute;
font-size: 44px;
font-weight: bold;
z-index: 10;
top: 230px;
}
body .about-size2 {
position: absolute;
font-size: 44px;
font-weight: bold;
z-index: 10;
left:220px;
bottom:-105px;
}
body .about-size3 {
position: absolute;
font-size: 44px;
font-weight: bold;
z-index: 10;
bottom: -137px;
left:-40px;
}
body .about-line1 {
width: 130px;
display: block;
height: 3px;
background: #ffec00;
position: absolute;
left: 75px;
top: -99px;
transform: rotate(-30deg);
}
body .about-line2 {
width: 140px;
display: block;
height: 3px;
background: #2bbdff;
position: absolute;
left: -5px;
top: -165px;
transform: rotate(30deg);
}
body .about-line3 {
width: 180px;
display: block;
height: 3px;
background: #ffec00;
position: absolute;
left: 215px;
top: -215px;
transform: rotate(140deg);
}
body .about-line1:before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 10px;
height: 10px;
background-color: #ffec00;
border: 1px solid #ffec00;
border-radius: 5px;
}
body .about-line2:before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 10px;
height: 10px;
background-color: #2bbdff;
border: 1px solid #2bbdff;
border-radius: 5px;
}
body .about-line3:before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 10px;
height: 10px;
background-color: #ffec00;
border: 1px solid #ffec00;
border-radius: 5px;
}
body .about-size1-size {
position: relative;
top: -186px;
font-size: 30px;
font-weight: 600;
left: 190px;
}
body .about-size2-size {
position: relative;
top: -186px;
font-size: 30px;
font-weight: 600;
left: 130px;
}
body .about-size3-size {
position: relative;
top: -216px;
font-size: 30px;
font-weight: 600;
left: 90px;
}
body .about-line-1-2 {
width: 150px;
display: block;
height: 3px;
background: #ffec00;
position: absolute;
left: 195px;
top: -130px;
}
body .about-line-2-2 {
width: 150px;
display: block;
height: 3px;
background: #2bbdff;
position: absolute;
left: 125px;
top: -130px;
}
body .about-line-3-2 {
width: 150px;
display: block;
height: 3px;
background: #ffec00;
position: absolute;
left: 87px;
top: -157px;
}
body .about-delimeter {
font-size: 17px;
position: absolute;
left: 36px;
top: 50%;
transform: translateY(-50%);
}
body .about-right .line {
top: 15px;
}
@media (max-width: 1200px) {
body .about-right {
margin-top: 100px;
}
}
body .about-title {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 20px;
}
@media (max-width: 576px) {
body .about-title {
font-size: 19px;
}
}
body .about-desc {
font-size: 18px;
font-weight: 500;
padding-bottom: 20px;
}
body .about-desc:last-child {
padding: 0;
}
body .about-desc span {
font-weight: bold;
}
@media (max-width: 576px) {
body .about-desc {
font-size: 14px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .about-desc {
font-size: 14px;
}
}
body .advantages {
padding: 0 150px;
}
@media (max-width: 1500px) {
body .advantages {
padding: 0;
margin-top: 50px;
}
}
@media (min-width: 1500px) and (max-width: 1700px) {
body .advantages {
padding: 0;
margin-top: 0;
}
}
body .advantages-mylist {
position: absolute;
left: 92px;
top: 57px;
}
@media (max-width: 576px) {
body .advantages-mylist {
width: 75px;
left: 40px;
top: 70px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
body .advantages-mylist {
width: 110px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .advantages-mylist {
left: 50px;
}
}
body .advantages-size {
position: absolute;
left: 272px;
top: 242px;
font-size: 44px;
font-weight: bold;
}
@media (max-width: 576px) {
body .advantages-size {
left: 195px;
top: 0;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .advantages-size {
left: 225px;
}
}
body .advantages-line {
width: 149px;
display: block;
height: 1px;
background: #000;
position: absolute;
left: -135px;
top: 96px;
transform: rotate(-42deg);
}
body .advantages-line:before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 10px;
height: 10px;
background-color: #478dc6;
border: 1px solid #000;
border-radius: 5px;
}
body .advantages-size-size:after {
content: "";
position: absolute;
left: -5px;
bottom: 7px;
width: 100%;
height: 1px;
background-color: #000;
}
@media (max-width: 576px) {
body .advantages-size-size {
font-size: 28px;
}
}
body .advantages-delimeter {
font-size: 17px;
position: absolute;
left: 58px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 576px) {
body .advantages-delimeter {
font-size: 10px;
position: absolute;
left: 37px;
top: 50%;
transform: none;
}
}
body .advantages-item:nth-child(2) {
padding: 155px 50px 0;
}
@media (max-width: 576px) {
body .advantages-item:nth-child(2) {
padding: 0 15px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .advantages-item:nth-child(2) {
padding: 100px 35px 20px;
}
}
@media (max-width: 1500px) and (min-width: 1401px){
body .advantages-item:nth-child(2) {
padding: 100px 15px 20px;
}
}
body .advantages-desc {
font-size: 18px;
font-weight: 400;
padding-bottom: 20px;
}
body .advantages-desc:last-child {
padding: 0;
}
@media (max-width: 576px) {
body .advantages-desc {
font-size: 14px;
padding-top: 65px;
}
body .advantages-desc:last-child {
padding: 0;
}
}
body .advantages-title {
font-size: 30px;
font-weight: 700;
padding-bottom: 20px;
text-align: right;
position: relative;
}
body .advantages-title .line {
display: block;
background-color: #000;
position: absolute;
left: 15px;
top: 18px;
width: 80px;
height: 2px;
}
@media (max-width: 576px) {
body .advantages-title {
font-size: 19px;
text-align: center;
}
body .advantages-title .line {
display: none;
}
}
body .advantages-item:nth-child(3) {
background-image: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-sport/assets/images/kid.png);
background-size: cover;
background-position-x: center;
}
@media (min-width: 992px) and (max-width: 1200px) {
body .advantages-item:nth-child(3) {
background-position-x: 50%;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
body .advantages-item:nth-child(3) {
background-position-x: -120px;
}
}
@media (min-width: 1300px) and (max-width: 1920px) {
body .advantages-item:nth-child(3) {
background-position: 73%;
}
}
body .advantages-item:nth-child(4) {
padding: 192px 44px 0 112px;
}
body .advantages-item:nth-child(4) .advantages-title {
text-align: left;
}
body .advantages-item:nth-child(4) .line {
left: -100px;
}
@media (max-width: 576px) {
body .advantages-item:nth-child(4) {
padding: 0 15px;
}
body .advantages-item:nth-child(4) .advantages-title {
padding-top: 50px;
}
}
body .advantages-item:nth-child(6) {
background-color: #51a2ee;
position: relative;
}
body .advantages-item:nth-child(6) img {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
body .advantages-item:nth-child(6) .advantages-size {
left: 60px;
top: 397px;
z-index: 10;
}
body .advantages-item:nth-child(6) .advantages-line {
transform: rotate(142deg);
left: auto;
right: -128px;
top: 0;
}
@media (max-width: 576px) {
body .advantages-item:nth-child(6) img {
position: relative;
width: 90%;
}
body .advantages-item:nth-child(6) .advantages-size {
left: 45px;
top: 150px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .advantages-item:nth-child(6) img {
width: 60%;
}
}
body .advantages-item .advantages-desc {
position: relative;
}
body .advantages-item:nth-child(8) {
padding: 20px 10px;
background-color: #eeb851;
}
@media (max-width: 1700px) {
body .advantages-item:nth-child(8) img {
width: 100%;
height: 100%;
object-fit: contain;
}
}
body .advantages-item.about-12 {
padding: 180px 0 30px 146px;
}
@media (max-width: 576px) {
body .advantages-item.about-12 {
padding: 0px 15px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .advantages-item.about-12 {
padding: 75px 60px 20px 60px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .advantages-item.about-12 {
padding: 130px 35px 30px 115px;
}
}
body .advantages-item.about-7 {
padding: 180px 0 0 46px;
}
@media (max-width: 576px) {
body .advantages-item.about-7 {
padding: 0px 15px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .advantages-item.about-7 {
padding: 150px 60px 0 60px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
body .advantages-item.about-7 {
height: 320px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .advantages-item.about-7 {
padding: 130px 35px 0 115px;
}
}
body .advantages-button {
text-align: center;
margin: 50px 0;
}
body .advantages-button button {
font-size: 24px;
font-weight: 700;
color: #ffffff;
background-color: #b82308;
border-radius: 100px;
text-align: center;
padding: 20px 80px;
text-transform: uppercase;
}
@media (max-width: 576px) {
body .advantages-button {
margin: 0 0 20px;
}
body .advantages-button button {
padding: 10px 50px;
width: 100%;
font-size: 16px;
}
}
body .board {
padding: 50px 150px;
}
@media (max-width: 1200px) {
body .board {
padding: 0 0 50px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .board {
padding: 0 20px 50px;
}
}
body .board-title {
font-size: 30px;
font-weight: bold;
padding-bottom: 40px;
padding-top: 80px;
}
@media (max-width: 576px) {
body .board-title {
color: #fff;
font-size: 19px;
padding-bottom: 20px;
padding-top: 40px;
}
}
body .board-desc {
font-size: 18px;
font-weight: 400;
}
@media (max-width: 576px) {
body .board-desc {
color: #fff;
font-size: 14px;
}
.about-11{
display: block;
}
.slick-slider img{
max-width: 80% !important;
}
}
body .board-image {
position: absolute;
left: 50%;
top: 50%;
transform: translateY(-50%) translateX(-50%);
width: 100%;
}
@media (max-width: 1200px) {
body .board-image {
position: static;
transform: none;
margin-top: 35px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .board-image {
width: 90%;
}
}
body .recommended {
padding: 10px 0 0;
}
body .recommended img {
width: 100%;
}
body .testimonials-title {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 45px 15px;
}
body .footer {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-sport/assets/images/background-footer.png);
background-position: top;
padding: 50px 455px;
}
@media (max-width: 1200px) {
body .footer {
padding: 50px 0;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .footer {
padding: 50px 20px;
}
}
@media (min-width: 1700px) and (max-width: 1920px) {
body .footer {
padding: 50px 150px;
}
}
body .footer-form {
text-align: center;
}
@media (max-width: 1200px) {
body .footer-form {
margin-bottom: 40px;
}
}
body .footer-input {
font-size: 14px;
font-weight: 400;
padding: 20px 145px;
margin-bottom: 10px;
text-align: center;
}
body .footer-input::placeholder {
color: #000;
}
@media (max-width: 1200px) {
body .footer-input {
padding: 20px 10px;
width: 100%;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .footer-input {
padding: 10px 10px;
width: 300px;
}
}
@media (min-width: 1500px) and (max-width: 1700px) {
body .footer-input {
padding: 10px 10px;
width: 300px;
}
}
@media (min-width: 1700px) {
body .footer-input {
padding: 20px 10px;
width: 500px;
}
}
body .footer-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #2bbdff;
text-transform: uppercase;
padding: 2px 40px;
background-color: #b82308;
font-size: 18px;
font-weight: 700;
border-radius: 100px;
border: 0;
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.43);
height: 47px;
}
@media (max-width: 576px) {
body .footer-button {
padding: 10px 40px;
width: 100%;
font-size: 16px;
}
}
body .footer-desc {
position: relative;
}
@media (max-width: 1200px) {
body .footer-desc {
font-size: 14px;
min-height: 250px;
}
}
body .footer-text {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
padding-bottom: 20px;
}
body .footer-time {
font-size: 18px;
font-weight: 700;
color: #fff;
padding-bottom: 20px;
}
body .footer-social {
display: flex;
flex-direction: row;
justify-content: flex-end;
}
body .footer-social-item {
margin-right: 15px;
}
body .footer-warning {
position: absolute;
right: 0;
bottom: 90px;
}
@media (max-width: 1200px) {
body .footer-warning {
right: 15px;
bottom: -20px;
}
}.slick-slider
{
position: relative;
width: 100%;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
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;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}* {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
}
body {
overflow-x: hidden;
}
i {
font-style: normal;
}
#message {
color: rgb(59, 200, 80);
padding: 20px;
width: 84%;
margin: 0 auto 20px;
background-color: #f3f3f3;
border: 2px solid #a3a3a3;
border-radius: 24px;
display: none;
margin-top: 15px;
}
.about-size3{
display:none;
}
.about-size2{
display:none;
}
.about-size1{
display:none;
}
#block-reviews{
display: none;
}
.terms {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.terms a {
text-align: center;
color: #fff;
background: #ffec00;
font-size: 12px;
text-decoration: none;
transition: all 0.2s ease;
border:none;
}
.docs-btn {
display: block;
background-color: #eeb851;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
font-size: 16px !important;
padding: 10px 35px;
color: #fff !important;
font-weight: 700;
border: 2px solid #eeb851;
text-transform: uppercase;
transition: all 0.25s ease;
margin-top: 10px;
} .footer-form input {
display: block;
margin-left: auto;
margin-right: auto;
border-radius:10px;
}
.footer-social img {
height: 42px;
}
.cal-box-pci23 img {
display: block;
width: 100%;
margin: 0 auto 20px;
height: 359px; object-fit: contain;
min-width: 100%;
}
@media all and (max-width: 1600px) {
.markers {
position: absolute;
z-index: 100;
max-width: 150px;
top: 250px;
left: 50px;
}
}
@media all and (max-width: 768px) {
.markers {
position: absolute;
z-index: 100;
max-width: 100px;
top: 120px;
left: 50px;
}
.cal-box-pci23 img{
height:240px;
}
}
.price-blue,
.price-red {
position: absolute;
width: 400px;
bottom: 220px;
left:-160px;
}
.price-blue {
right: 0;
}
.price-blue img,
.price-red img {
max-width: 100%;
display: block;
}
.price-blue span,
.price-red span {
position: absolute;
left: 20% !important;
top: 25px !important;
width: 250px;
}
.recommended {
padding: 60px 0 !important;
}
.box-p-wrapper {
padding-left: 50px;
}
.box-p {
margin-bottom: 15px;
text-align: left;
font-weight: 700;
}
@media all and (max-width: 1540px) {
.price-red {
left: -115px;
}
.price-blue {
right: 0;
}
body .header-right .products {
max-width: 100%;
}
body .header-right .price {
right: 0px;
}
}
@media all and (max-width: 1200px) {
.price-red {
left: 100px;
}
.price-blue {
left: 400px;
}
.price-blue span,
.price-red span {
left: 50% !important;
}
body .header-right .price {
right: -125px;
left: unset;
}
body .header-right span {
left: unset;
right: 135px;
}
.markers {
left: 310px;
}
}
@media all and (max-width: 900px) {
.price-blue,
.price-red {
bottom: 360px;
width: 400px;
}
}
@media all and (max-width: 767px) {
body .header-right .products {
width: 105%;
max-width: 105%;
padding: 0 0px 0 15px;
}
.markers {
left: 50px;
}
.cal-box-pci23 {
max-height: 308px !important;
}
.recommended {
padding: 30px 0 !important;
}
body .header-right .price {
right: unset;
left: 50%;
}
body .header-right span {
left: 50%;
right: unset;
}
.row-box {
display: flex;
flex-direction: column;
}
.row-box .m-last {
order: 1;
}
.box-p-wrapper {
padding-left: 15px;
order: 0;
}
.price-blue,
.price-red {
width: 320px;
bottom: 205px;
left: 50%;
transform: translateX(-50%);
}
.price-red {
width: 320px; left: 50%;
transform: translateX(-50%);
}
.price-blue {
bottom: 30px;
}
.price-blue span,
.price-red span {
left: 155px !important;
top: 25px !important;
width: 250px;
line-height: 1;
}
.price-blue span {
width: 280px;
}
.header-right.d-block.d-xl-none {
padding-bottom: 200px !important;
}
.price {
bottom: 60px !important;
}
}
.delivery {
text-align-last: center;
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
body .about-size1-size {
top: -171px;
left: 211px;
display:none;
}
.arrow {
position: fixed;
bottom: 0;
left: 50%;
margin-left: -20px;
width: 40px;
height: 40px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSLQodC70L7QuV8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yODUsMTEuMjg0TDE2LDE5LjU3MWwtOC4yODUtOC4yODhjLTAuMzk1LTAuMzk1LTEuMDM0LTAuMzk1LTEuNDI5LDAgIGMtMC4zOTQsMC4zOTUtMC4zOTQsMS4wMzUsMCwxLjQzbDguOTk5LDkuMDAybDAsMGwwLDBjMC4zOTQsMC4zOTUsMS4wMzQsMC4zOTUsMS40MjgsMGw4Ljk5OS05LjAwMiAgYzAuMzk0LTAuMzk1LDAuMzk0LTEuMDM2LDAtMS40MzFDMjUuMzE5LDEwLjg4OSwyNC42NzksMTAuODg5LDI0LjI4NSwxMS4yODR6IiBmaWxsPSIjMTIxMzEzIiBpZD0iRXhwYW5kX01vcmUiLz48Zy8+PGcvPjxnLz48Zy8+PGcvPjxnLz48L3N2Zz4=);
background-size: contain;
z-index: 99;
}
.bounce {
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
body .header-logo {
height: 145px;
margin-bottom: 25px;
opacity: 0;
}
.price-red span:first-child {
height: 110px;
background: #2bbdff;
border-radius:100px;
font-size: 70px;
color: #fff;
}
.price-red span:first-child del {
color: #e9f6ff;
margin: -30px 0 0 0 !important;
}
.home-header .home-header-menu ul ul.sub-menu {
top: 33px;
}
.home-header .home-header-menu ul ul.sub-menu li{
width: 100% !important;
}
.home-header .home-header-menu ul ul.sub-menu li a{
height: auto !important;
width: 100% !important;
margin: 0 !important;
}
.price-red span:last-child {
height: 35px;
background: #ffec00;
border-radius: 100px;
width: 150px;
margin-left: 50px;
line-height: 35px;
text-align: center;
font-size: 24px;
}
.price-red i {
font-size: 26px;
}
.about-2 {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-sport/assets/images/3.png) no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
}
.about-2 h3 {
font-size: 30px;
color: #fff;
}
.about-2 h3:after {
content: "";
display: inline-block;
background-color: #ffec00;
margin-bottom: 10px;
width: 80px;
height: 2px;
position: relative;
margin-left:15px;
}
.about-5 {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding:20px!important;
}
.about-5 h3 {
font-size: 17px;
width: 100%;
text-align: right;
padding-bottom: 0;
margin:30px 0 10px 0;
}
.about-5 .advantages-desc {
font-size: 14px;
padding-bottom: 0;
}
.about-5 h3:before {
content: "";
display: inline-block;
background-color: #ffec00;
margin-bottom: 10px;
width: 80px;
height: 2px;
position: relative;
margin-right:15px;
}
.about-7 {
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
}
.about-left p {
font-weight: 700;
font-size: 24px;
width: 80%;
}
.about-7 h3 {
font-size: 30px;
width: 100%;
text-align: right;
margin:30px 0;
}
.about-7 h3:after {
content: "";
display: inline-block;
background-color: #ffec00;
margin-bottom: 10px;
width: 80px;
height: 2px;
position: relative;
margin-left:15px;
}
.about-9 { background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
padding:20px!important;
}
.about-4 {
display: flex;
flex-direction: column;
justify-content: center;
padding:20px!important;
}
.about-11 {
background-size: cover;
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-end;
}
.about .order {
height: 60px;
width: 300px;
margin: 0 auto;
font-size: 26px;
background:#2bbdff;
color:#fff;
border-radius:100px;
}
.about-11 .order{
max-width: 300px;
width: 100%;
bottom: 20px;
background: #2bbdff;
border: 3px solid #fff;
border-radius: 50px;
left: 50%;
transform: translateX(-50%);
position: absolute;
}
body .about-2 .about-size1-size{
color: #fff;
}
body .about-2 .advantages-desc{
color: #fff;
}
.about-12 p {
margin:20px 0;
}
.board {
background: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-sport/assets/images/productss.png) no-repeat;
background-size: cover;
background-position: top;
}
.recommended {
background: #ffec00;
}
.slick-arrow {
display: none!important;
}
.slider img {
margin:0 auto;
}
.slick-dots {
text-align: center;
margin-bottom: 20px;
}
.slick-dots li {
display: inline-block;
padding:0 10px;
}
.slick-dots li button {
font-size: 0;
height: 15px;
width: 15px;
border-radius:50%;
background: #ccc;
}
.slick-dots li button:hover {
background:#2bbdff!important;
}
.slick-dots li.slick-active button {
background:#2bbdff;
}
.testimonials-title {
color:#2bbdff;
}
.slider2 .slick-dots li button:hover {
background:#ffec00!important;
}
.slider2 .slick-dots li.slick-active button {
background:#ffec00;
}
.inst-testimonals {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
text-decoration: none;
color:#000;
padding-right: 50px;
font-weight: 700;
}
.terms p {
text-align: center;
color:#fff;
font-size: 28px;
font-weight: 700;
}
.inst-testimonals img {
margin-left:10px;
}
body .header-right .products ,body .header-right .lines {
display: none;
}
.terms p:first-child {
margin-bottom: 30px;
}
.page-template-calendar-sport .footer .row:nth-child(2) {
flex-direction: column;
align-items: center;
}
.page-template-calendar-sport .products-gallery-sport .products-gallery-sport{
display: none;
}
@media (max-width: 1400px) and (min-width: 1200px){
body .advantages-item.about-12 {
padding: 0px 35px 0 115px;
}
body .advantages-item.about-7 {
padding: 0px 35px 0 115px;
}
.about-7 h3 {
margin:10px 0 0 0;
}
body .about-size1 {
top:200px;
}
}
@media(max-width: 992px){
.advantages-item {
display: flex;
padding:30px!important;
justify-content: center;
align-items: center;
}
body .advantages-desc:last-child {
padding-bottom: 20px;
}
.board {
text-align: center;
}
}
@media(max-width: 1450px){
.about-2 h3 {
text-align: left;
width: 60%;
margin-left:auto;
}
body .about-size1 {
top:200px;
}
}
@media(max-width: 1366px){
.price-red {
left: -50px;
bottom: 219px;
}
.price-red span:first-child {
font-size: 65px;
line-height: 65px;
}
.about-2 {
justify-content: flex-end;
}
body .about-size1 {
top:180px;
}
body .about-size2 {
left: 150px;
bottom: -146px;
display: none;
}
body .about-size3 {
display: none;
bottom: -158px;
left: -65px;
}
}
@media(max-width: 1199px){
.price-red span:last-child {
margin-top: 60px;
margin-left: 0;
}
}
@media(max-width: 1024px){
.price-red {
bottom: 340px;
left:100px;
}
.price-red span:first-child {
font-size: 45px;
line-height: 65px;
}
body .about-size3 {
bottom:-170px;
left:-40px;
}
.about-2 {
padding: 155px 97px 20px!important;
}
body .about-size1 {
top:180px;
left:40px;
}
body .about-size2 {
left: 210px;
bottom: -125px;
}
.board {
text-align: center;
}
}
@media(min-width: 1200px){
body .advantages-item.about-7 {
padding-bottom: 0;
padding-top: 0;
justify-content: center;
padding-left:40px;
}
body .advantages-item.about-12 {
padding-bottom: 0;
padding-top: 0;    
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
body .advantages-item:nth-child(2) {
justify-content: center;
}
}
@media(max-width: 768px){
body .about-size2 {
left: 250px;
bottom: -85px;
}
body .about-size3 {
bottom: 0px;
}
body .about-size1 {
top:185px;
}
body .header-logo {
height: auto;
display: none;
}
.price-red {
bottom:460px;
left:0;
}
.about-2 {
padding:195px 97px 0!important;
}
.about-4 {
padding: 20px 5px !important; margin-bottom: 50px;
}
.about-4 img {
position: relative;
left: 0;
}
.board img {
width: 100%;
}
.terms p {
font-size: 24px;
}
body .footer-time {
font-weight: normal;
}
body .footer-text {
font-weight: 500;
}
body .advantages-title {
font-size: 21px;
}
}
@media(max-width: 767px){
.price-red {
left:50%;
bottom:400px;
}
.recommended {
background: transparent;
}
}
@media(max-width: 500px){
.inst-testimonals {
justify-content: center;
padding: 50px 0 0 0;
}
.footer-text{
width: 100% !important;
}
.ffLamp-footer_left-soc{
display: flex !important;
justify-content: center;
}
.ffLamp-footer_left-soc a{
margin: 0 5px !important;
}
.footer .wpcf7-form-control{
max-width: 100% !important;
width: 100% !important;
overflow: hidden !important;
font-size: 14px !important;
}
.price-red span:first-child del {
margin: -15px 0 0 0 !important;
}
body .footer-time {
font-size: 16px;
}
.home-header .home-header-menu ul ul.sub-menu {
top: 12px;
}
body .footer-text {
font-size: 14px;
}
.recommended iframe{
width: 100%;
margin-top: 30px;
height: 415px !important;
}
body .about-line3 {
width: 100px;
transform: rotate(45deg);
left: 190px;
}
body .about-line-3-2 {
top: -180px;
left: 275px;
width: 120px;
}
body .about-size3-size {
left: 270px;
top:-230px;
}
.about-2 {
padding: 100px 45px 0!important;
}
body .advantages-item.about-12 {
flex-direction: column;
display: block;
}
.price-red {
left:50%;
}
.about-2 h3 {
padding-bottom: 0;
line-height: 30px;
margin-top: 10px;
}
.about-2 .advantages-desc {
padding-bottom: 10px!important;
}
.advantages-title {
font-size: 24px;
}
.about-5 h3 {
text-align: center!important;
margin-top: 0;
}
.about-5 h3.advantages-title2 {
text-align: center!important;
margin-top: 30px;
padding-top: 0 !important;
}
.about-7 h3 {
text-align: center;
}
.about-2 h3 {
margin-top: 80px;
margin-bottom: 10px;
}
body .header-order {
text-align: center !important;
}
}
@media(max-width: 420px){
body .about-size2 {
left: 70px;
bottom: -126px;
}
.about-11{
display: block;
padding: 40px;
background: #2bbdff;
}
.about-11 .order {
max-width: 300px;
width: 100%;
bottom: 20px;
left: 0;
transform: none;
position: relative;
display: block;
line-height: 51px;
text-align: center;
margin: 30px auto 0 auto;
}
video{
max-width: 80% !important;
}
body .advantages-desc {
padding-top:0px;
}
body .about-line1 {
top: -70px;
left: -50px;
width: 100px;
}
body .about-line-1-2 {
top: -95px;
left: 43px;
width: 100px;
}
body .about-size1-size {
left: 20px;
top: -150px;
}
.price-red {
bottom:290px;
}
body .about-size3 {
left: -115px;
bottom: -105px;
}
body .about-size1 {
left: 150px;
}
body .about-size1 {
top:150px;
}
.about-5 h3:before {
display: none;
}
.about-9 {
background-size: 100% !important;
padding: 70px 5px !important;
height: auto !important; }
.header-right.d-block.d-xl-none {
padding-bottom: 80px!important;
margin-bottom: 70px;
}
.about-2 {
padding: 100px 45px 10px!important;
}
.about-5 h3:after {
content: "";
display: block;
background-color: #ffec00;
width: 80px;
height: 2px;
position: relative;
margin-right: 0px;
margin:10px auto;
}
.about-2 h3:after {
content: "";
display: block;
background-color: #ffec00;
width: 80px;
height: 2px;
position: relative;
margin-left: 0px;
margin:10px auto;
}
.box-p {
font-weight: 500;
}
}
@media(max-width: 380px){
body .about-line2 {
width: 100px;
}
body .about-line-2-2 {
width: 100px;
left: 88px;
top: -140px;
}
body .about-size2-size {
top: -196px;
left: 80px;
}
.price-red {
bottom: 230px;
}
body .about-size3 {
bottom: -133px;
}
}
@media(max-width: 360px){
body .about-size3 {
bottom: -113px;
}
.price-red {
bottom: 235px;
}
.header-right.d-block.d-xl-none {
padding-bottom: 37px!important;
}
}
.u_price{
display: none !important;
}
.action-text-1{
position: absolute;
top: 140px;
text-transform: uppercase;
font-weight: bold;
width: 263px;
text-align: center;
text-decoration: none;
left: 72px;
font-size: 30px;
line-height: 26px;
background: #2bbdff;
padding: 10px 10px;
border-radius: 50px;
border: 0;
cursor: pointer;
color: #fff;
}
.action-text-1 u{
font-size: 14px;
vertical-align: top;
margin: -5px 0 8px -5px;
display: inline-block;
text-decoration: none;
}
.action-text-1-f{
position: relative;
top: 0 !important;
left: 0 !important;
border: 5px solid #fff;
margin: 0 auto 20px auto;
}
.action-text-price{
text-align: center;
color: #fff;
}
.action-text-price span{
font-size: 58px;
border: 5px solid #fff;
display: block;
margin-bottom: 10px;
font-weight: bold;
border-radius: 50px;
padding-bottom: 10px;
}
.action-text-price span del{
font-weight: normal;
}
.action-text-2 {
padding: 10px;
text-transform: initial;
font-weight: 500;
font-size: 18px;
text-align: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
z-index: 9999;
top: 0;
display: none;
margin: 0;
flex-wrap: wrap;
align-items: center;
background: #000000de;
}
.action-text-2 .p{
max-width: 380px;
margin: 0 auto;
color: #fff;
padding-top: 50px;
font-size: 16px;
line-height: normal;
}
.action-menu-close {
position: absolute;
right: 14px;
top: 12px;
width: 20px;
height: 20px;
background: url(//fastisi.com/wp-content/themes/veti-k/image/close.svg) no-repeat;
background-size: cover;
opacity: 0.8;
}
@media (min-width: 767px) {
.action-text-price{
display: none;
}
}
@media (max-width: 767px) {
.action-text-price{
display: none;
}
.action-text-1{
left: 10px;
top: 143px;
width: 300px;
line-height: normal;
}
.action-text-1-f{
width: 100% !important;
}
body .header{
z-index: 100;
position: relative;
}
}
.slick-slide img{
max-width: 100%;
width: auto;
}
.slick-slide {
padding: 0 10px;
}
@media screen and (max-width: 780px)  {
.cal-box-tit-center231 {
padding-top: 0 !important;
}
} .footer-lending_container{
padding: 30px 0;
}
.footer-title {
position: relative;
font-weight: 700;
font-size: 26px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
color: #FFFFFF!important;
margin-bottom: 20px;
}
.footer-lending_block-1 {
width: 456px;
display: block;
margin: 0 auto;
}
.btn-docum {
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
line-height: 2.2;
border: 2px solid #FFFFFF;
border-radius: 30px;
font-size: 16px;
line-height: 22px;
width: 254px;
text-transform: uppercase;
height: 50px;
margin: 0 auto 41px;
color: #FFFFFF;
padding-top: 12px;
text-align: center;
}
.btn-docum:hover {
color: #6664E8;
background-color: #fff;
}
.footer-lending_block-1 span{
font-family: 'Lato';
display: block;
margin-bottom: 42px;
text-transform: uppercase;
font-weight: 700;
font-size: 17.8px!important;
line-height: 35px;
color: #FFFFFF;
text-align: center;
}
.footer-lending_block-1 p{
display: block;
font-weight: 600;
font-size: 18px;
line-height: normal;
color: #FFFFFF!important;
margin-bottom: 30px!important;
}
.ffLamp-footer_left-soc {
display: flex;
margin-bottom: 30px;
justify-content: center;
}
.ffLamp-footer_left-soc a {
display: block;
margin: 0 8px;
border-radius: 100px;
overflow: hidden;
transition: 0.3s;
}
.footer_soc {
display: flex;
align-items: center;
}
.footer_soc a {
display: block;
margin-right: 30px;
border-radius: 100px;
overflow: hidden;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 500px){
.footer-lending_block-1 {
width: 100%!important;
text-align: center!important;
padding: 0 15px;
}
.footer-lending_block-1 a img{
text-align: center;
}
.footer_soc {
width: 100%;
justify-content: center;
}
.footer_soc a{
margin: 0 15px;
}
}