@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";
}body {
background-color: #f0f0f0;
font-family: "Montserrat", 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,
body input[type="submit"]:hover {
transition: 0.5s;
background-color: #bf442d !important;
}
body button: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: 40px 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;
}
}
body .header-logo {
margin-bottom: 45px;
}
@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;
margin-top: 45px;
}
}
@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: 100px;
}
@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: 24px;
font-weight: bold;
text-transform: uppercase;
padding: 20px 80px;
background-color: #b82308;
border-radius: 100px;
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: #b82308;
border-radius: 100px;
text-transform: uppercase;
border: 2px solid #b82308;
font-size: 18px;
padding: 20px 40px;
background: transparent;
font-weight: bold;
pointer-events: none;
}
body .header-made:hover {
background: transparent !important;
}
@media (max-width: 576px) {
body .header-made {
font-size: 16px;
padding: 10px 40px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .header-made {
font-size: 15px;
}
}
body .header-advantages {
font-size: 18px;
font-weight: 400;
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;
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: #000;
position: absolute;
left: -92px;
top: 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 {
overflow: hidden;
padding-bottom: 50px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .header-right {
overflow: hidden;
padding-bottom: 85px;
}
}
body .header-right .lines {
position: absolute;
right: -150px;
top: -166px;
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;
font-size: 40px;
right: 75px;
bottom: 200px;
text-align: center;
color: #fff; 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;
}
}
body .about {
padding-right: 150px;
}
@media (max-width: 1700px) {
body .about {
padding: 0;
}
}
body .about-left {
position: relative;
padding-left: 0;
}
@media (max-width: 1200px) {
body .about-left {
padding-right: 0;
margin-bottom: 20px;
}
}
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-size {
position: absolute;
right: -190px;
bottom: 27px;
font-size: 44px;
font-weight: bold;
}
@media (max-width: 576px) {
body .about-size {
right: auto;
left: 15px;
bottom: -50px;
}
}
@media (min-width: 576px) and (max-width: 860px) {
body .about-size {
right: auto;
left: 200px;
bottom: -38px;
}
}
@media (min-width: 860px) and (max-width: 1200px) {
body .about-size {
right: auto;
left: 500px;
bottom: -38px;
}
}
body .about-line {
width: 149px;
display: block;
height: 1px;
background: #000;
position: absolute;
left: -135px;
top: -4px;
transform: rotate(42deg);
}
@media (max-width: 576px) {
body .about-line {
left: auto;
right: -159px;
transform: rotate(115deg);
top: -54px;
width: 220px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .about-line {
left: auto;
right: -114px;
transform: rotate(120deg);
top: -18px;
}
}
body .about-line:before {
content: "";
position: absolute;
left: 0;
top: -5px;
width: 10px;
height: 10px;
background-color: #478dc6;
border: 1px solid #000;
border-radius: 5px;
}
@media (max-width: 1200px) {
body .about-size-size {
font-size: 28px;
}
}
body .about-size-size:after {
content: "";
position: absolute;
left: -5px;
bottom: 7px;
width: 100%;
height: 1px;
background-color: #000;
}
@media (max-width: 1200px) {
body .about-size-size:after {
left: 2px;
}
}
body .about-delimeter {
font-size: 17px;
position: absolute;
left: 58px;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 1200px) {
body .about-delimeter {
left: 35px;
top: 60%;
}
}
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-item {
height: 540px;
}
body .advantages-item:first-child {
background-color: #b82308;
position: relative;
}
@media (max-width: 576px) {
body .advantages-item {
min-height: 320px;
height: auto;
}
}
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 97px 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 0;
}
}
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-family/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;
min-height: 235px;
}
body .advantages-item:nth-child(4) .advantages-title {
padding-top: 50px;
}
}
body .advantages-item:nth-child(5) {
background-image: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-family/assets/images/bg/bg-5.png);
background-size: cover;
background-position: center center;
}
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%;
transform: translateY(23%) translateX(-50%);
}
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:nth-child(7) {
background-image: url(//fastisi.com/wp-content/themes/veti-k/landing/calendar-family/assets/images/bg/bg-7.png);
background-size: cover;
}
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:nth-child(9) {
padding: 180px 0 0 146px;
}
@media (max-width: 576px) {
body .advantages-item:nth-child(9) {
padding: 0px 15px;
min-height: 235px;
}
}
@media (min-width: 576px) and (max-width: 1200px) {
body .advantages-item:nth-child(9) {
padding: 150px 60px 0 60px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
body .advantages-item:nth-child(9) {
height: 320px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
body .advantages-item:nth-child(9) {
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 40px;
width: 100%;
font-size: 16px;
}
}
body .board {
padding: 50px 150px;
background-color: #eeb851;
}
@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 {
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 {
font-size: 14px;
}
}
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: 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 45px 15px;
}
body .footer {
background-color: #51a2ee;
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: 20px 10px;
width: 513px;
}
}
@media (min-width: 1500px) and (max-width: 1700px) {
body .footer-input {
padding: 20px 10px;
width: 606px;
}
}
@media (min-width: 1700px) {
body .footer-input {
padding: 20px 10px;
width: 100%;
}
}
body .footer-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #ffffff;
text-transform: uppercase;
padding: 20px 40px;
background-color: #b82308;
font-size: 18px;
font-weight: 700;
border-radius: 100px;
border: 0;
}
@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;
}
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;
}
}