18 Commits

Author SHA1 Message Date
10411dd714 Merge pull request 'dev' (#30) from dev into main
Reviewed-on: #30
2024-11-18 15:07:50 +03:00
4be3686d2b Merge pull request 'dev' (#29) from dev into main
Reviewed-on: #29
2024-11-14 14:41:27 +03:00
70e1fa2a10 Merge pull request '1.7.19 get_my_routes_ajax log fail' (#28) from dev into main
Reviewed-on: #28
2024-11-12 17:36:48 +03:00
3a14430cd5 Merge pull request 'dev' (#27) from dev into main
Reviewed-on: #27
2024-11-12 16:08:27 +03:00
73621de710 Merge pull request 'dev' (#26) from dev into main
Reviewed-on: #26
2024-11-12 13:10:14 +03:00
5cbae093e9 Merge pull request 'dev' (#25) from dev into main
Reviewed-on: #25
2024-11-11 07:39:53 +03:00
fdaa18c0e6 Merge pull request 'dev' (#24) from dev into main
Reviewed-on: #24
2024-11-06 17:30:10 +03:00
ff6ee93497 Merge pull request 'dev' (#23) from dev into main
Reviewed-on: #23
2024-11-03 23:44:45 +03:00
d62261066f Merge pull request 'dev' (#22) from dev into main
Reviewed-on: #22
2024-10-24 10:40:47 +03:00
2a852cbb51 Merge pull request 'TRI-274 replace password recovery text' (#21) from dev into main
Reviewed-on: #21
2024-10-23 13:35:45 +03:00
f561c32526 Merge pull request 'dev' (#20) from dev into main
Reviewed-on: #20
2024-10-22 17:41:12 +03:00
cd36747b5c Merge pull request 'dev' (#19) from dev into main
Reviewed-on: #19
2024-10-22 16:50:19 +03:00
d020bdf9d0 TRI-262 replace invocation in subscription mail template 2024-10-18 15:44:38 +03:00
cd323ab66c Merge pull request 'TRI-262 replace invocation in subscription mail template' (#18) from dev into main
Reviewed-on: #18
2024-10-18 00:47:14 +03:00
0ac236d2ff Merge pull request 'dev' (#17) from dev into main
Reviewed-on: #17
2024-10-17 18:20:26 +03:00
769a42ec8b Merge pull request 'dev' (#16) from dev into main
Reviewed-on: #16
2024-10-10 14:37:43 +03:00
60ff29b23f Merge pull request 'fix tiktok link' (#15) from dev into main
Reviewed-on: #15
2024-10-05 11:26:01 +03:00
15ff3d37fc Merge pull request 'dev' (#14) from dev into main
Reviewed-on: #14
2024-10-02 13:52:51 +03:00
115 changed files with 1703 additions and 4776 deletions

View File

@@ -314,11 +314,7 @@ def send_message_ajax(request):
html = render_to_string('mail/m_request_offer.html', Dict, request)
from BaseModels.mailSender import admin_send_mail_by_SMTPlib
mail_sets = get_mail_send_options()
opts = get_options_by_opt_types('support_email', only_vals=True)
if opts and 'support_email' in opts:
to = [opts['support_email']]
else:
to = [mail_sets['sender_email']]
to = [mail_sets['sender_email']]
res = admin_send_mail_by_SMTPlib(
mail_sets,
subject=subject,

View File

@@ -145,8 +145,8 @@ def send_mail_by_SMTPlib(sets, subject, from_email, to_init, html_content, smtp_
res = None
if type(to) in (list, tuple):
# if sets['sender_email'] in to:
# to.remove(sets['sender_email'])
if sets['sender_email'] in to:
to.remove(sets['sender_email'])
if len(to) > 1:
to_str = u', '.join(to)

View File

@@ -1,6 +1,6 @@
import json
from django.http import HttpResponse, Http404, FileResponse, HttpResponseRedirect
from django.http import HttpResponse, Http404, FileResponse
from django.template import loader, RequestContext
from django.contrib.auth.decorators import login_required
@@ -15,7 +15,6 @@ from django.views.decorators.csrf import csrf_exempt
from webpush import send_user_notification
import json
from datetime import datetime, timedelta
from django.urls import reverse
def generate_routes(request, routes_count):
if (not request.user
@@ -74,7 +73,7 @@ def test_code(request):
from RoutesApp.search_matches import search_matches
from RoutesApp.models import Route
search_matches(Route.objects.filter(id=17158))
search_matches(Route.objects.filter(id=16))
# from RoutesApp.funcs import get_city_by_type_transport_and_address_point
# from RoutesApp.models import Route
@@ -249,12 +248,6 @@ def StaticPageView(request, url):
'route_form': RouteForm(),
'owner_type': 'mover'
})
elif url in ['landing_customer', 'landing_mover']:
raise Http404
# return HttpResponseRedirect(reverse('customer_landing_page'))
# elif url == 'landing_mover':
# return HttpResponseRedirect(reverse('mover_landing_page'))
# elif url == 'works':
# return WorksPage(request)
elif url in ['main']:

View File

@@ -30,6 +30,6 @@ class Admin_Route(Admin_Trans_BaseModel):
search_fields = [
'owner__first_name', 'owner__last_name', 'from_city__name', 'to_city__name', 'owner__email'
]
raw_id_fields = ['from_city', 'to_city', 'owner']
raw_id_fields = ['from_city', 'to_city']
admin.site.register(Route, Admin_Route)
admin.site.register(Route,Admin_Route)

View File

@@ -47,7 +47,7 @@ def send_push_message_for_found_matches_routes(route, data_Dict):
def send_mail_found_matches_routes(route, matched_route, data_Dict):
def send_mail_found_matches_routes(route, data_Dict):
print(f'send_mail_found_matches_routes to route id = {route.id}')
Dict = {
@@ -67,9 +67,7 @@ def send_mail_found_matches_routes(route, matched_route, data_Dict):
from_email=mail_sets['sender_email'], to=to,
html_content=html
)
subject = f'route matches {route.id} <> {matched_route.id} send to {route.owner.email}'
to = ['web@syncsystems.net', 'sa@a3-global.com']
to = ['web@syncsystems.net']
res = admin_send_mail_by_SMTPlib(
mail_sets,
subject=subject,
@@ -80,56 +78,6 @@ def send_mail_found_matches_routes(route, matched_route, data_Dict):
return res
def user_notify_by_result_search_matches(route_for_send, founded_route, params):
log = ''
data_Dict = None
try:
data_Dict = get_Dict_for_send_msgs(params, founded_route.owner_type)
except Exception as e:
msg = f'<br>\n! search_matches Error get_Dict_for_send_msgs = {str(e)}'
print(msg)
log += msg
if data_Dict and check_option_in_cur_user_subscribe(
route_for_send.owner, 'push уведомления'
):
try:
msg = send_push_message_for_found_matches_routes(route_for_send, data_Dict)
if msg:
log += msg
except Exception as e:
msg = f'<br>\n! search_matches Error send_push_message_for_found_matches_routes = {str(e)}'
print(msg)
log += msg
if data_Dict and check_option_in_cur_user_subscribe(
route_for_send.owner,
'уведомление на e-mail о появлении перевозчика по заданным критериям'
):
try:
msg = send_mail_found_matches_routes(route_for_send, founded_route, data_Dict)
if msg:
log += msg
except Exception as e:
msg = f'<br>\n! search_matches Error send_mail_found_matches_routes = {str(e)}'
print(msg)
log += msg
return log
def users_notify_by_result_search_matches(source_route, found_routes, params):
log = ''
log += user_notify_by_result_search_matches(source_route, found_routes[0], params)
for route in found_routes:
log += user_notify_by_result_search_matches(route, source_route, params)
return log
def search_matches(for_routes=None):
print('search_matches')
@@ -199,9 +147,39 @@ def search_matches(for_routes=None):
if found_routes:
msg = f'found routes for send messages = {found_routes.count()}'
print(msg)
log += users_notify_by_result_search_matches(route, found_routes, params)
data_Dict = None
try:
data_Dict = get_Dict_for_send_msgs(params, found_routes[0].owner_type)
except Exception as e:
msg = f'<br>\n! search_matches Error get_Dict_for_send_msgs = {str(e)}'
print(msg)
log += msg
if data_Dict and check_option_in_cur_user_subscribe(
route.owner, 'push уведомления'
):
try:
msg = send_push_message_for_found_matches_routes(route, data_Dict)
if msg:
log += msg
except Exception as e:
msg = f'<br>\n! search_matches Error send_push_message_for_found_matches_routes = {str(e)}'
print(msg)
log += msg
if data_Dict and check_option_in_cur_user_subscribe(
route.owner,
'уведомление на e-mail о появлении перевозчика по заданным критериям'
):
try:
msg = send_mail_found_matches_routes(route, data_Dict)
if msg:
log += msg
except Exception as e:
msg = f'<br>\n! search_matches Error send_mail_found_matches_routes = {str(e)}'
print(msg)
log += msg
except Exception as e:
msg = f'<br>\n! search_matches Error = {str(e)}'

View File

@@ -1,14 +0,0 @@
# Generated by Django 4.2.2 on 2025-02-17 17:48
from django.db import migrations
class Migration(migrations.Migration):
dependencies = [
('SubscribesApp', '0004_alter_subscribe_bg_color_alter_subscribe_text_color'),
('SubscribesApp', '0007_subscribeoption_route_highlight_hours'),
]
operations = [
]

View File

@@ -1,5 +1,5 @@
User-agent: *
Disallow: /
Allow: /
Disallow: */admin/*
Host: dev.tripwb.com
Host: tripwb.com

File diff suppressed because one or more lines are too long

View File

@@ -1,178 +0,0 @@
.about {
margin-bottom: 168px;
}
@media (min-width: 1720px) {
.about {
margin-bottom: 188px;
}
}
@media (max-width: 1304.98px) {
.about {
margin-bottom: 138px;
}
}
@media (max-width: 991.98px) {
.about {
margin-bottom: 110px;
}
}
.about .title {
margin-bottom: 60px;
}
@media (min-width: 1720px) {
.about .title {
margin-bottom: 49px;
}
}
@media (max-width: 1304.98px) {
.about .title {
margin-bottom: 39px;
}
}
@media (max-width: 991.98px) {
.about .title {
margin-bottom: 48px;
}
}
@media (max-width: 479.98px) {
.about .title {
margin-bottom: 37px;
}
}
.about__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 991.98px) {
.about__grid {
display: block;
}
}
.about__img {
box-shadow: inset 18.19px 1.21px 18.19px 0 #FFFFFFCC, inset -18.19px -1.21px 18.19px 0 #4052801A, 48.5px 36.38px 36.38px 0 #6B7F9933;
border-radius: 31px;
margin-left: -20px;
margin-top: 8px;
}
@media (min-width: 1720px) {
.about__img {
margin-top: 19px;
}
}
@media (max-width: 1304.98px) {
.about__img {
margin-left: -10px;
}
}
@media (max-width: 991.98px) {
.about__img {
margin-left: 0;
margin-bottom: 49px;
display: block;
}
}
@media (max-width: 479.98px) {
.about__img {
margin-bottom: 38px;
}
}
.about__right {
text-align: left;
padding-top: 43px;
padding-left: 50px;
}
@media (min-width: 1720px) {
.about__right {
padding-top: 90px;
padding-left: 21px;
}
}
@media (max-width: 1304.98px) {
.about__right {
padding-left: 11px;
padding-top: 19px;
}
}
@media (max-width: 991.98px) {
.about__right {
padding: 0 8px;
text-align: center;
}
}
@media (max-width: 479.98px) {
.about__right {
padding: 0;
}
}
.about__right::after {
content: '';
display: block;
clear: both;
}
.about__half {
max-width: 50%;
float: left;
}
@media (max-width: 991.98px) {
.about__half {
max-width: initial;
}
}
.about__half:last-child {
padding-left: 16px;
max-width: 47%;
}
@media (max-width: 991.98px) {
.about__half:last-child {
max-width: initial;
padding-left: 0;
}
}
.about b {
letter-spacing: 0.4px;
}
@media (min-width: 1720px) {
.about b {
font-weight: 700;
letter-spacing: 0;
}
}
@media (max-width: 479.98px) {
.about b {
letter-spacing: 0.9px;
}
}
@media (min-width: 1720px) {
.about p {
margin-bottom: 39px;
}
}

View File

@@ -1 +1,32 @@
.animate{padding:60px 40px 49px;opacity:0;background-color:var(--color-black2);border-radius:30px;color:white;margin-bottom:160px}@media (min-width: 1720px){.animate{padding-top:100px;padding-bottom:89px;margin-bottom:180px}}@media (max-width: 1304.98px){.animate{margin-bottom:141px}}@media (max-width: 991.98px){.animate{padding-top:40px;padding-bottom:29px;margin-bottom:121px}}@media (max-width: 479.98px){.animate{padding:30px 7px 19px}}.animate.left{transform:scale(0);opacity:0}.animate.right{opacity:0;transform:scale(0)}.animate.right .title{margin-bottom:17px}@media (min-width: 1720px){.animate.right .title{max-width:80%;margin-bottom:40px}}@media (max-width: 1304.98px){.animate.right .title{margin-bottom:25px}}@media (max-width: 991.98px){.animate.right .title{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .title{margin-bottom:20px}}@media (max-width: 991.98px){.animate.right .subtitle{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .use__btn{margin-top:-11px}}.animate__link{color:var(--color-orange);text-decoration:underline !important}.animate .title{margin-bottom:25px;max-width:87%}@media (min-width: 1720px){.animate .title{margin-bottom:40px}}@media (max-width: 1304.98px){.animate .title{max-width:99%}}@media (max-width: 991.98px){.animate .title{max-width:85%;font-size:24px;line-height:29.05px}}@media (max-width: 767.98px){.animate .title{max-width:100%;margin-bottom:14px}}.animate .subtitle{width:47%;margin:0 auto 23px}@media (min-width: 1720px){.animate .subtitle{line-height:26px;letter-spacing:0.1px;margin-bottom:40px}}@media (max-width: 1304.98px){.animate .subtitle{width:54%}}@media (max-width: 991.98px){.animate .subtitle{width:102%;margin-bottom:26px}}@media (max-width: 479.98px){.animate .use__btn{margin-top:-6px;padding-left:15px;padding-right:15px;display:flex}}
.animate {
padding: 60px 40px 49px;
opacity: 0;
background-color: var(--color-black2);
border-radius: 30px;
color: white;
margin-bottom: 160px;
}
.animate.left {
transform: translateX(-180px);
}
.animate.right {
transform: translateX(180px);
}
.animate__link {
color: var(--color-orange);
text-decoration: underline !important;
}
.animate .title {
margin-bottom: 25px;
max-width: 87%;
/*width: 90%;*/
}
.animate .subtitle {
width: 47%;
margin: 0 auto 23px;
}

View File

@@ -2,156 +2,28 @@
margin-bottom: 132px;
}
@media (min-width: 1720px) {
.benefits {
margin-bottom: 147px;
}
}
@media (max-width: 1304.98px) {
.benefits {
margin-bottom: 101px;
}
}
@media (max-width: 991.98px) {
.benefits {
margin-bottom: 93px;
}
}
@media (max-width: 479.98px) {
.benefits {
margin-bottom: 103px;
}
}
.benefits__grid {
text-align: left;
display: grid;
grid-template-columns: 1.5fr 3fr 1.5fr;
}
@media (max-width: 991.98px) {
.benefits__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 479.98px) {
.benefits__grid {
grid-template-columns: 1fr;
text-align: center;
}
}
.benefits__item {
min-height: 122px;
padding-right: 7px;
margin-bottom: 22px;
}
@media (min-width: 1720px) {
.benefits__item {
min-height: 145px;
}
}
@media (max-width: 991.98px) {
.benefits__item {
padding-right: 25px;
}
}
@media (max-width: 479.98px) {
.benefits__item {
padding-right: 0;
margin-bottom: 19px;
min-height: 90px;
}
}
@media (max-width: 991.98px) {
.benefits__second {
grid-column: 1 / 3;
order: -1;
margin-bottom: 56px;
}
}
@media (max-width: 479.98px) {
.benefits__second {
grid-column: 1/2;
margin-bottom: 31px;
}
}
.benefits__third {
padding-left: 16px;
}
@media (min-width: 1720px) {
.benefits__third {
padding-left: 31px;
margin-right: 5px;
}
}
@media (max-width: 991.98px) {
.benefits__third {
padding-left: 11px;
}
}
@media (max-width: 479.98px) {
.benefits__third {
padding-left: 0;
}
}
.benefits .title {
margin-bottom: 76px;
}
@media (min-width: 1720px) {
.benefits .title {
margin-bottom: 93px;
}
}
@media (max-width: 991.98px) {
.benefits .title {
margin-bottom: 19px;
}
}
.benefits img {
position: relative;
top: 14px;
right: -11px;
}
@media (min-width: 1720px) {
.benefits img {
top: -33px;
}
}
@media (max-width: 1304.98px) {
.benefits img {
top: 20px;
right: 0;
}
}
@media (min-width: 1720px) {
.benefits h2 {
margin-bottom: 10px;
}
}
@media (max-width: 479.98px) {
.benefits p {
margin-bottom: 13px;
}
}

View File

@@ -1,194 +0,0 @@
.cards__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.cards__item {
position: relative;
}
@media (max-width: 991.98px) {
.cards__item {
max-width: 270px;
}
}
@media (max-width: 767.98px) {
.cards__item {
max-width: 251px;
margin-right: 18px;
}
}
.slick-active .cards__item .cards__desc, .cards__item:hover .cards__desc, .cards__item:focus .cards__desc {
-webkit-line-clamp: initial;
/* number of lines to show */
line-clamp: initial;
max-height: 17em;
}
.cards__img {
margin-bottom: 5px;
}
@media (min-width: 1720px) {
.cards__img {
width: 100%;
margin-bottom: 15px;
}
}
@media (max-width: 1304.98px) {
.cards__img {
margin-bottom: 8px;
}
}
@media (max-width: 991.98px) {
.cards__img {
margin-bottom: 8px;
}
}
@media (max-width: 767.98px) {
.cards__img {
margin-bottom: 10px;
}
}
.cards__img:hover {
scale: 1.05;
transition: scale 0.15s linear;
}
.cards__desc {
font-weight: 500;
line-height: 22px;
padding: 0 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7;
/* number of lines to show */
line-clamp: 7;
-webkit-box-orient: vertical;
transition: all 0.3s ease-in-out;
max-height: 10em;
}
@media (min-width: 1720px) {
.cards__desc {
font-size: 20px;
line-height: 26px;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1279.98px) {
.cards__desc {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 3px;
}
}
@media (max-width: 991.98px) {
.cards__desc {
padding-left: 8px;
padding-right: 8px;
}
}
.slick-active .cards__desc, .cards__desc:hover, .cards__desc:focus {
-webkit-line-clamp: initial;
/* number of lines to show */
line-clamp: initial;
max-height: 999em;
}
.cards__desc a {
color: var(--color-orange);
}
.cards__arrow {
width: 62px;
height: 20px;
position: absolute;
right: -30px;
top: -21px;
background-image: url("/static/img/svg/Arrow23.svg");
}
@media (min-width: 1720px) {
.cards__arrow {
right: -45px;
top: -29px;
}
}
@media (max-width: 1304.98px) {
.cards__arrow {
top: -8%;
}
}
@media (max-width: 991.98px) {
.cards__arrow {
display: none;
}
}
.cards .slick-list {
overflow: visible;
}
@media (max-width: 767.98px) {
.cards .slick-list {
margin-bottom: 1px;
padding-left: 58px;
}
}
.cards .slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
}
.cards .slick-dots li {
margin: 0 0.25rem;
}
@media (max-width: 767.98px) {
.cards .slick-dots li {
margin: 0 0.31rem;
}
}
.cards .slick-dots button {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 100%;
background-color: #D9D9D9;
text-indent: -9999px;
}
.cards .slick-dots li.slick-active button {
background-color: var(--color-orange);
}
.cards--cstmr .cards__desc {
padding: 0 50px;
}
@media (max-width: 1304.98px) {
.cards--cstmr .cards__desc {
padding-left: 10px;
padding-right: 10px;
}
}

View File

@@ -1 +1,128 @@
.chatterbox{margin-bottom:160px}@media (min-width: 1720px){.chatterbox{margin-bottom:180px}}@media (max-width: 1304.98px){.chatterbox{margin-bottom:142px}}@media (max-width: 991.98px){.chatterbox{margin-left:-50vw;margin-right:-50vw;margin-bottom:122px}}@media (max-width: 767.98px){.chatterbox{max-width:100vw;margin:0 auto 121px;position:relative}}.chatterbox__slider{max-width:1200px;margin:0 auto}@media (min-width: 1720px){.chatterbox__slider{max-width:1640px}}@media (max-width: 1304.98px){.chatterbox__slider{max-width:1100px}}@media (max-width: 991.98px){.chatterbox__slider{max-width:720px}}@media (max-width: 767.98px){.chatterbox__slider{max-width:830px;width:830px;left:50%;transform:translateX(-50%)}}@media (max-width: 479.98px){.chatterbox__slider{max-width:initial}}.chatterbox__slide{width:335px;height:615px;background:url("/static/img/webp/phone-border.webp") center no-repeat;transition:scale 0.2s ease-in-out;margin:auto;position:relative}@media (min-width: 1720px){.chatterbox__slide{width:456px;height:836px;background-size:456px 836px}}@media (max-width: 1304.98px){.chatterbox__slide{width:308px;height:565px;background-size:308px 565px}}@media (max-width: 991.98px){.chatterbox__slide{width:206px;height:377px;background-size:206px 377px}}@media (max-width: 767.98px){.chatterbox__slide{width:234px;height:429px;background-size:234px 429px}}.chatterbox__slide.loaded video{opacity:1}.chatterbox__slide.loaded img{z-index:-10}.chatterbox__slide video{max-width:100%;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none;position:relative}@media (min-width: 1720px){.chatterbox__slide video{top:-2px}}@media (max-width: 1304.98px){.chatterbox__slide video{top:10px}}@media (max-width: 991.98px){.chatterbox__slide video{top:-4px}}@media (max-width: 767.98px){.chatterbox__slide video{top:22px}}.chatterbox__slide img{position:absolute;scale:1.32;top:11%}.chatterbox__wrap{position:absolute;left:8px;right:8px;top:8px;bottom:8px;border-radius:25px;background-color:grey;overflow:hidden}@media (min-width: 1720px){.chatterbox__wrap{border-radius:50px}}.chatterbox__vbtn{position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none}.loaded .chatterbox__vbtn{display:none}.chatterbox__vbtn::before{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border:0;border-radius:50%;transition:opacity 100ms linear}@media (min-width: 1720px){.chatterbox__vbtn::before{width:109px;height:109px}}@media (max-width: 991.98px){.chatterbox__vbtn::before{width:48px;height:48px}}@media (max-width: 767.98px){.chatterbox__vbtn::before{width:55px;height:55px}}.chatterbox__vbtn::before,.chatterbox__vbtn::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:pointer}.chatterbox__vbtn::after{border-color:transparent transparent transparent #ffffff;border-style:solid;border-width:15px 0 15px 25px;display:inline-block;margin-left:2px}@media (min-width: 1720px){.chatterbox__vbtn::after{border-width:23px 0 23px 35px;margin-left:4px}}@media (max-width: 991.98px){.chatterbox__vbtn::after{border-width:10px 0 10px 14px}}.chatterbox__vbox{position:relative;display:flex;justify-content:center;align-items:center;height:600px}@media (min-width: 1720px){.chatterbox__vbox{height:827px}}@media (max-width: 1304.98px){.chatterbox__vbox{height:530px}}@media (max-width: 991.98px){.chatterbox__vbox{height:370px}}.chatterbox__mbtns{position:absolute;top:58%;transform:translateY(-50%);left:0;right:0}@media (max-width: 479.98px){.chatterbox__mbtns{top:61.6%}}.chatterbox .title{margin-bottom:60px}@media (max-width: 1304.98px){.chatterbox .title{margin-bottom:39px}}@media (max-width: 767.98px){.chatterbox .title{margin-bottom:50px}}.chatterbox .slick-next{right:-40px}@media (max-width: 1304.98px){.chatterbox .slick-next{right:-10px}}@media (max-width: 991.98px){.chatterbox .slick-next{width:40px;height:40px;background-size:32%;right:5%}}@media (max-width: 479.98px){.chatterbox .slick-next{right:0}}.chatterbox .slick-prev{left:-40px}@media (max-width: 1304.98px){.chatterbox .slick-prev{left:-10px}}@media (max-width: 991.98px){.chatterbox .slick-prev{width:40px;height:40px;background-size:32%;left:5%}}@media (max-width: 479.98px){.chatterbox .slick-prev{left:0}}@media (max-width: 991.98px){.chatterbox .slick-list{overflow:visible}}.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.72}@media (max-width: 1304.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.69}}@media (max-width: 991.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.8}}@media (max-width: 479.98px){.slick-slide:not(.slick-center) .chatterbox__slide{scale:0.85}}.slick-center .chatterbox__vbtn{opacity:1;pointer-events:initial;z-index:1}.slick-center .chatterbox__vbox video{pointer-events:initial;cursor:pointer}
.chatterbox {
margin-bottom: 160px;
}
.chatterbox__slider {
max-width: 1200px;
margin: 0 auto;
}
.chatterbox__slide {
width: 335px;
height: 615px;
background: url("/static/img/webp/phone-border.webp") center no-repeat;
transition: scale 0.2s ease-in-out;
margin: auto;
position: relative;
}
.chatterbox__slide.loaded video {
opacity: 1;
}
.chatterbox__slide.loaded img {
z-index: -10;
}
.chatterbox__slide video {
max-width: 100%;
opacity: 0;
transition: opacity 0.2s ease-in-out;
pointer-events: none;
}
.chatterbox__slide img {
position: absolute;
scale: 1.32;
top: 11%;
}
.chatterbox__wrap {
position: absolute;
left: 8px;
right: 8px;
top: 8px;
bottom: 8px;
border-radius: 25px;
background-color: grey;
overflow: hidden;
}
.chatterbox__vbtn {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
transition: opacity 0.2s ease-in-out;
pointer-events: none;
}
.loaded .chatterbox__vbtn {
display: none;
}
.chatterbox__vbtn::before {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-primary);
border: 0;
border-radius: 50%;
transition: opacity 100ms linear;
}
.chatterbox__vbtn::before, .chatterbox__vbtn::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.chatterbox__vbtn::after {
border-color: transparent transparent transparent #ffffff;
border-style: solid;
border-width: 15px 0 15px 25px;
display: inline-block;
margin-left: 2px;
}
.chatterbox__vbox {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 600px;
}
.chatterbox .title {
margin-bottom: 60px;
}
.chatterbox .slick-next {
right: -40px;
}
.chatterbox .slick-prev {
left: -40px;
}
.slick-slide:not(.slick-center) .chatterbox__slide {
scale: 0.72;
}
.slick-center .chatterbox__vbtn {
opacity: 1;
pointer-events: initial;
z-index: 1;
}
.slick-center .chatterbox__vbox video {
pointer-events: initial;
cursor: pointer;
}

View File

@@ -1,347 +0,0 @@
.diff {
margin-bottom: 179px;
}
@media (min-width: 1720px) {
.diff {
margin-bottom: 172px;
}
}
@media (max-width: 1304.98px) {
.diff {
margin-bottom: 140px;
}
}
@media (max-width: 991.98px) {
.diff {
margin-bottom: 125px;
}
}
@media (max-width: 767.98px) {
.diff {
margin-bottom: 139px;
}
}
.diff .title {
width: 60%;
margin-bottom: 65px;
}
@media (min-width: 1720px) {
.diff .title {
width: 49%;
margin-bottom: 60px;
}
}
@media (max-width: 1304.98px) {
.diff .title {
width: 73%;
margin-bottom: 40px;
}
}
@media (max-width: 991.98px) {
.diff .title {
width: 90%;
margin-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.diff .title {
width: 100%;
margin-bottom: 30px;
}
}
.diff__grid {
display: flex;
position: relative;
margin-bottom: 30px;
}
.diff__grid::before {
content: '';
position: absolute;
height: 96%;
width: 5px;
border-radius: 5px;
background-color: #EDEDED;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
@media (max-width: 1304.98px) {
.diff__grid::before {
height: 90%;
}
}
@media (max-width: 991.98px) {
.diff__grid::before {
display: none;
}
}
@media (max-width: 991.98px) {
.diff__grid {
display: block;
}
}
.diff__coll {
width: 50%;
}
@media (max-width: 991.98px) {
.diff__coll {
width: 100%;
}
}
.diff__coll.left {
margin-right: 29px;
}
@media (min-width: 1720px) {
.diff__coll.left {
margin-right: 12px;
}
}
@media (max-width: 1304.98px) {
.diff__coll.left {
margin-right: 10px;
}
}
@media (max-width: 991.98px) {
.diff__coll.left {
margin-right: 0;
}
}
.diff__coll.left .diff__coll-title {
padding-left: 39px;
}
@media (min-width: 1720px) {
.diff__coll.left .diff__coll-title {
padding-left: 2px;
}
}
@media (max-width: 1304.98px) {
.diff__coll.left .diff__coll-title {
padding-left: 0;
}
}
@media (max-width: 991.98px) {
.diff__coll.left .diff__coll-title {
padding-left: 0;
}
}
.diff__coll.right {
margin-left: 29px;
}
@media (max-width: 1304.98px) {
.diff__coll.right {
margin-left: 10px;
}
}
@media (max-width: 991.98px) {
.diff__coll.right {
margin-left: 0;
display: none;
}
}
.diff__coll.right .diff__coll-title {
padding-right: 39px;
}
@media (min-width: 1720px) {
.diff__coll.right .diff__coll-title {
padding-right: 0;
}
}
@media (max-width: 1304.98px) {
.diff__coll.right .diff__coll-title {
padding-right: 0;
}
}
@media (max-width: 991.98px) {
.diff__coll.right .diff__coll-title {
padding-right: 0;
}
}
.diff__coll-title {
margin-bottom: 38px;
}
@media (max-width: 1304.98px) {
.diff__coll-title {
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.diff__coll-title {
margin-bottom: 19px;
}
}
@media (max-width: 767.98px) {
.diff__coll-title {
margin-bottom: 29px;
}
}
.diff__item {
position: relative;
text-align: left;
padding-left: 10px;
padding-top: 11px;
padding-bottom: 11px;
display: flex;
gap: 11px;
align-items: center;
background-color: #FFFFFF;
border-radius: 15px;
font-weight: 500;
font-size: 20px;
line-height: 28px;
margin-bottom: 35px;
cursor: default;
}
@media (min-width: 1720px) {
.diff__item {
padding: 20px;
gap: 20px;
margin-bottom: 40px;
}
}
@media (max-width: 1304.98px) {
.diff__item {
margin-bottom: 18px;
}
}
@media (max-width: 991.98px) {
.diff__item {
font-size: 18px;
margin-bottom: 25px;
padding-bottom: 9px;
}
}
@media (max-width: 767.98px) {
.diff__item {
font-size: 16px;
line-height: 19.36px;
padding-right: 15px;
margin-bottom: 14px;
}
}
.diff__item:last-child {
margin-bottom: 0;
}
.diff__item:hover .diff__status::before {
scale: 1.2;
}
.diff__status {
position: relative;
height: 48px;
width: 48px;
border-radius: 5px;
flex-shrink: 0;
}
@media (min-width: 1720px) {
.diff__status {
border-radius: 12px;
}
}
@media (max-width: 1304.98px) {
.diff__status {
border-radius: 13px;
}
}
@media (max-width: 991.98px) {
.diff__status {
border-radius: 11px;
}
}
@media (max-width: 767.98px) {
.diff__status {
width: 35px;
height: 35px;
}
}
.diff__status::before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: 0% 15%;
}
.diff__status::before {
content: '';
width: 36px;
height: 36px;
}
.diff__item--done .diff__status {
background-color: #CCF9D9;
}
.diff__item--done .diff__status::before {
width: 26px;
height: 26px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDJMOS4zMzMzMyAyNEwyIDEzLjAwMDUiIHN0cm9rZT0iIzQ1QzIyNiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
@media (max-width: 767.98px) {
.diff__item--done .diff__status::before {
scale: 0.7;
}
}
.diff__item--error .diff__status {
background-color: #F9CCCC;
}
.diff__item--error .diff__status::before {
width: 36px;
height: 36px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjEyNSA3Ljg3NUw3Ljg3NSAyOC4xMjUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI4LjEyNSAyOC4xMjVMNy44NzUgNy44NzUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
@media (max-width: 767.98px) {
.diff__item--error .diff__status::before {
scale: 0.7;
}
}

View File

@@ -1,418 +0,0 @@
.easy {
margin-bottom: 162px;
}
@media (min-width: 1720px) {
.easy {
margin-bottom: 180px;
}
}
@media (max-width: 1304.98px) {
.easy {
margin-bottom: 140px;
}
}
@media (max-width: 991.98px) {
.easy {
margin-bottom: 121px;
}
}
.easy .title {
max-width: 55%;
margin-bottom: 21px;
}
@media (min-width: 1720px) {
.easy .title {
max-width: 45%;
margin-bottom: 23px;
}
}
@media (max-width: 991.98px) {
.easy .title {
max-width: 75%;
}
}
@media (max-width: 767.98px) {
.easy .title {
max-width: 95%;
margin-bottom: 30px;
}
}
.easy .subtitle {
margin-bottom: 41px;
}
@media (min-width: 1720px) {
.easy .subtitle {
margin-bottom: 59px;
}
}
@media (max-width: 767.98px) {
.easy .subtitle {
max-width: 90%;
margin: 0 auto 23px;
}
}
.easy__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(2, minmax(186px, auto));
grid-template-areas: 'a b' 'a c';
grid-column-gap: 20px;
grid-row-gap: 80px;
margin-bottom: 46px;
}
@media (min-width: 1720px) {
.easy__grid {
grid-column-gap: 147px;
grid-template-rows: repeat(2, minmax(245px, auto));
grid-row-gap: 136px;
margin-bottom: 63px;
}
}
@media (max-width: 1304.98px) {
.easy__grid {
grid-column-gap: 69px;
grid-template-rows: repeat(2, minmax(172px, auto));
margin-bottom: 41px;
}
}
@media (max-width: 991.98px) {
.easy__grid {
display: block;
margin-bottom: 37px;
}
}
@media (max-width: 767.98px) {
.easy__grid {
margin-bottom: 40px;
}
}
.easy__item {
border-radius: 30px;
background-color: var(--color-grey);
/*background-color: #a72525;*/
text-align: left;
padding: 21px;
box-shadow: var(--box-shadow-primary);
}
.easy__item--fir {
grid-area: a;
margin-right: 60px;
padding-bottom: 0;
}
@media (min-width: 1720px) {
.easy__item--fir {
margin-right: -10px;
padding-top: 31px;
}
}
@media (max-width: 1304.98px) {
.easy__item--fir {
margin-right: 13px;
}
}
@media (max-width: 991.98px) {
.easy__item--fir {
padding-top: 17px;
margin-right: 0;
margin-bottom: 49px;
}
}
@media (max-width: 767.98px) {
.easy__item--fir {
margin-bottom: 42px;
}
}
.easy__item--fir p {
width: 93%;
margin-bottom: 29px;
}
@media (min-width: 1720px) {
.easy__item--fir p {
width: 89%;
margin-bottom: 53px;
}
}
@media (max-width: 991.98px) {
.easy__item--fir p {
max-width: 78%;
}
}
.easy__item--sec {
grid-area: b;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 1720px) {
.easy__item--sec {
padding-left: 15px;
}
}
@media (max-width: 991.98px) {
.easy__item--sec {
padding-top: 35px;
padding-bottom: 37px;
margin-bottom: 46px;
}
}
@media (max-width: 767.98px) {
.easy__item--sec {
display: block;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 49px;
}
}
.easy__item--sec img {
margin-bottom: -10px;
margin-right: -5px;
max-width: 50.1%;
}
@media (min-width: 1720px) {
.easy__item--sec img {
max-width: 53%;
}
}
@media (max-width: 1304.98px) {
.easy__item--sec img {
max-width: 42%;
margin-bottom: -4px;
margin-right: 0;
}
}
@media (max-width: 991.98px) {
.easy__item--sec img {
margin-right: 0;
margin-bottom: 0;
}
}
@media (max-width: 767.98px) {
.easy__item--sec img {
max-width: 104%;
position: relative;
left: -6px;
top: -4px;
}
}
.easy__item--sec p {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 767.98px) {
.easy__item--sec p {
margin-bottom: 22px;
}
}
.easy__item--thr {
grid-area: c;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 1720px) {
.easy__item--thr {
padding-left: 15px;
}
}
@media (max-width: 991.98px) {
.easy__item--thr {
padding-top: 42px;
padding-bottom: 46px;
}
}
@media (max-width: 767.98px) {
.easy__item--thr {
display: block;
padding-top: 0;
padding-bottom: 0;
}
}
.easy__item--thr .img {
margin-bottom: -10px;
margin-right: 24px;
max-width: 80%;
}
@media (max-width: 1279.98px) {
.easy__item--thr .img {
max-width: 35%;
}
}
@media (max-width: 1304.98px) {
.easy__item--thr .img {
margin-right: 2px;
}
}
@media (max-width: 991.98px) {
.easy__item--thr .img {
margin-right: 0;
max-width: 34%;
}
}
@media (max-width: 767.98px) {
.easy__item--thr .img img {
display: block;
margin: 0 auto;
}
}
.easy__item--thr p {
max-width: 50%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 991.98px) {
.easy__item--thr p {
max-width: 60%;
}
}
@media (max-width: 767.98px) {
.easy__item--thr p {
margin-bottom: 22px;
max-width: 100%;
}
}
.easy__arrow {
width: 68px;
height: 18px;
background-image: url("/static/img/svg/Arrow08.svg");
position: absolute;
z-index: 1;
}
@media (min-width: 1720px) {
.easy__arrow {
scale: 1.4;
}
}
@media (max-width: 1304.98px) {
.easy__arrow {
scale: 0.8;
}
}
@media (max-width: 991.98px) {
.easy__arrow {
display: none;
}
}
.easy__arrow--fir {
top: 46%;
right: 101%;
}
@media (min-width: 1720px) {
.easy__arrow--fir {
right: 105%;
top: 34%;
}
}
@media (max-width: 1304.98px) {
.easy__arrow--fir {
top: 48%;
}
}
.easy__arrow--sec {
top: 117%;
left: 30%;
transform: rotate(90deg);
}
@media (min-width: 1720px) {
.easy__arrow--sec {
left: 45%;
top: 124%;
}
}
@media (max-width: 1304.98px) {
.easy__arrow--sec {
left: 38%;
}
}
.easy__btn {
margin-top: -21px;
}
@media (max-width: 1304.98px) {
.easy__btn {
margin-top: -20px;
}
}
@media (max-width: 991.98px) {
.easy__btn {
margin-top: -19px;
padding-left: 54px;
padding-right: 54px;
}
}
@media (max-width: 767.98px) {
.easy__btn {
padding-left: 50px;
padding-right: 50px;
margin-top: -8px;
max-width: 100%;
}
}

View File

@@ -1 +0,0 @@
.header{margin-top:0;position:fixed;display:block;left:0;top:0;width:100vw;padding:15px 5px;transition:all 0.1s ease-in-out;background-color:white}@media (max-width: 991.98px){.header{padding-top:7px;padding-bottom:7px}}.header.scrolled{padding-top:7px;padding-bottom:7px;box-shadow:var(--box-shadow-primary);border-bottom:1px solid var(--color-grey)}.header__grid,.header__list{display:flex;align-items:center;justify-content:space-between}.header__logo{width:48px;height:48px;position:relative;left:5px}@media (max-width: 1304.98px){.header__logo{left:6px}}@media (max-width: 991.98px){.header__logo{left:0}}@media (max-width: 767.98px){.header__logo{left:-3px}}.header__nav{flex-grow:1;max-width:41%;margin-left:auto}@media (min-width: 1720px){.header__nav{max-width:34%}}@media (max-width: 1304.98px){.header__nav{max-width:46.5%}}.header__link{color:var(--color-black2);text-decoration:none}.header__btn{padding:8px 0 6px;font-size:16px;margin-left:61px;margin-right:-3px}@media (min-width: 1720px){.header__btn{margin-left:81px}}@media (max-width: 1304.98px){.header__btn{margin-right:0}}@media (max-width: 991.98px){.header__btn{display:none}}.header .dropdown{left:-4px}@media (max-width: 767.98px){.header .dropdown{left:-8px}}.header .dropdown-content{right:0;height:initial}@media (max-width: 575px){.header .dropdown-content{right:0;left:initial}}

View File

@@ -1,24 +1,11 @@
.presentation {
margin: 12px -65px 140px;
margin: 20px -65px 140px;
}
@media (min-width: 1720px) {
.presentation {
margin-left: 0;
margin-right: 0;
margin-bottom: 160px;
}
}
@media (max-width: 1304.98px) {
.presentation {
margin-bottom: 118px;
}
}
@media (max-width: 991.98px) {
.presentation {
margin-bottom: 105px;
}
}
@@ -30,7 +17,7 @@
background-image: url(/static/img/png/Box9.png), url(/static/img/png/Box10.png), url(/static/img/png/Box11.png), url(/static/img/png/Box12.png);
background-position: top -4px left 46px, top -30px right -14px, bottom 73px left 278px, bottom 71px right 276px;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 17.5%, 21.8%, 8.5%, 8.8%;
background-size: 17.5%,21.8%,8.5%,8.8%;
}
@media (min-width: 1720px) {
@@ -42,97 +29,19 @@
}
}
@media (max-width: 1304.98px) {
.presentation__top {
background-size: 16%, 20%, 9.5%, 10.1%;
background-position: top -2.8% left 6.5%, top -19% right 3.5%, bottom 32% left 23%, bottom 29% right 22.6%;
margin-bottom: 96px;
}
}
@media (max-width: 991.98px) {
.presentation__top {
background-size: 14.5%, 17%, 8.3%, 9.1%;
background-position: top 9% left 7%, top 5% right 6%, bottom 51% left 14.8%, bottom 47.5% right 13.8%;
padding-top: 31px;
margin-bottom: 76px;
}
}
@media (max-width: 767.98px) {
.presentation__top {
margin-bottom: 77px;
}
}
@media (max-width: 991.98px) {
.presentation__bottom .subtitle {
max-width: 40%;
margin: 0 auto 30px;
}
}
@media (max-width: 767.98px) {
.presentation__bottom .subtitle {
max-width: 65%;
margin-bottom: 21px;
}
}
.presentation__title {
margin-bottom: 23px;
}
@media (max-width: 991.98px) {
.presentation__title {
max-width: 75%;
margin: 0 auto 19px;
}
}
@media (max-width: 767.98px) {
.presentation__title {
margin-bottom: 15px;
}
}
.presentation__subtitle {
margin-bottom: 41px;
font-weight: 600;
}
@media (max-width: 991.98px) {
.presentation__subtitle {
max-width: 55%;
margin: 0 auto 40px;
font-size: 16px;
}
}
@media (max-width: 767.98px) {
.presentation__subtitle {
margin-bottom: 30px;
max-width: 77%;
}
}
.presentation__btn {
margin-bottom: 40px;
}
@media (max-width: 991.98px) {
.presentation__btn {
padding-left: 82px;
padding-right: 82px;
}
}
@media (max-width: 767.98px) {
.presentation__btn {
margin-bottom: 30px;
}
}
.presentation__next {
font-weight: 500;
line-height: 22px;
@@ -144,29 +53,6 @@
animation: jump 2s ease-in-out infinite;
}
.presentation__cards {
max-width: 1300px;
margin: 0 auto;
}
@media (min-width: 1720px) {
.presentation__cards {
max-width: initial;
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 1304.98px) {
.presentation__cards {
max-width: 1140px;
}
}
.presentation__bottom .presentation__title {
margin-bottom: 13px;
}
@keyframes jump {
0% {
transform: translateY(0px);
@@ -187,3 +73,12 @@
transform: translateY(0px);
}
}
.presentation__bottom .presentation__title {
margin-bottom: 13px;
}
.presentation__cards {
max-width: 1300px;
margin: 0 auto;
}

View File

@@ -1,2 +1,137 @@
.container{margin:0 auto;width:1280px;position:relative}@media (min-width: 1720px){.container{width:1720px}}@media (max-width: 1304.98px){.container{width:1120px;max-width:88vw}}@media (max-width: 991.98px){.container{width:640px;max-width:100vw}}@media (max-width: 767.98px){.container{margin:0 16px;width:auto}}:root{--color-primary: #FF613A;--color-white: #FFFFFF;--color-black: #000000;--color-black2: #272424;--color-grey: #F1F1F1;--color-grey2: #7A7979;--color-orange: #FF613A;--box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
0 -1px 10px 0 rgba(198, 199, 203, 0.20);text-align:center;color:var(--color-black2)}html,body{max-width:100vw;max-height:initial}body{height:100%;position:relative}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}h1,.h1{font-size:44px;line-height:52px}@media (min-width: 1720px){h1,.h1{font-size:48px;line-height:52px}}h2,.h2{font-size:24px;line-height:36px;margin-bottom:10px}@media (min-width: 1720px){h2,.h2{font-size:28px;margin-bottom:20px}}h3,.h3{font-size:20px;line-height:28px;margin-bottom:12px}@media (max-width: 1304.98px){h3,.h3{margin-bottom:13px}}h4,.h4{font-size:18px;line-height:26px;margin-bottom:20px}p{line-height:22px;margin-bottom:20px}@media (min-width: 1720px){p{font-size:20px;line-height:26px}}@media (max-width: 991.98px){p{margin-bottom:18px}}@media (max-width: 479.98px){p{margin-bottom:14px}}b{font-weight:500}@media (max-width: 991.98px){b{font-size:16px;line-height:22px}}.btn{display:inline-flex;text-decoration:none;color:black;line-height:22px;border-radius:10px;padding:20px 76px 18px;justify-content:center;align-items:center;margin:0 3px;letter-spacing:0.2px;font-size:18px}.btn--primary{background:var(--color-primary);color:var(--color-white)}.title{font-size:44px;font-weight:700;line-height:52px;margin-bottom:13px;margin-left:auto;margin-right:auto}@media (min-width: 1720px){.title{font-size:48px;margin-bottom:22px}}@media (max-width: 1304.98px){.title{margin-bottom:20px}}@media (max-width: 991.98px){.title{font-size:32px;line-height:38.73px}}@media (max-width: 767.98px){.title{margin-bottom:14px}}.subtitle{margin-bottom:81px;line-height:22px}@media (min-width: 1720px){.subtitle{font-size:20px;margin-bottom:105px}}@media (max-width: 1304.98px){.subtitle{margin-bottom:71px}}.hide{display:none}.hide__xxl{display:inline-flex}@media (min-width: 1720px){.hide__xxl{display:none}}@media (max-width: 991.98px){.hide__md{display:none}}@media (max-width: 479.98px){.hide__xs{display:none}}.show__xxl{display:none}@media (min-width: 1720px){.show__xxl{display:block}}.show__md{display:none}@media (max-width: 991.98px){.show__md{display:initial}}@media (min-width: 480px){.show__xs{display:none}}@media (min-width: 1440px){.br--xxl{display:none}}@media (max-width: 991.98px){.br--md{display:none}}@media (max-width: 767.98px){.br--sm{display:none}}.is-container.wrapper_main{overflow-x:hidden}.is-container.wrapper_main>.container{padding-top:129px}@media (max-width: 1304.98px){.is-container.wrapper_main>.container{padding-top:126px}}@media (max-width: 991.98px){.is-container.wrapper_main>.container{padding-top:85px}}@media (max-width: 767.98px){.is-container.wrapper_main>.container{padding-top:57px}}@media (min-width: 1440px){.is-container.wrapper_main{max-width:initial}}.is-container.wrapper_main>.container{position:relative;left:15px}@media (min-width: 1720px){.is-container.wrapper_main>.container{left:17px}}@media (max-width: 767.98px){.is-container.wrapper_main>.container{left:0}}
.container {
margin: 0 auto;
width: 1280px;
position: relative;
min-height: 695px;
}
@media (min-width: 1720px) {
.container {
width: 1720px;
}
}
/*@media (max-width: 1019.98px) {*/
/* .container {*/
/* width: 720px*/
/* }*/
/*}*/
/*@media (max-width: 767.98px) {*/
/* .container {*/
/* margin: 0 15px;*/
/* width: auto*/
/* }*/
/*}*/
:root {
--color-primary: #FF613A;
--color-white: #FFFFFF;
--color-black: #000000;
--color-black2: #272424;
--color-grey: #F1F1F1;
--color-grey2: #7A7979;
--color-orange: #FF613A;
--box-shadow-primary: -1px 4px 10px 0 rgba(198, 199, 203, 0.20),
0 -1px 10px 0 rgba(198, 199, 203, 0.20);
text-align: center;
color: var(--color-black2);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
h1, .h1 {
font-size: 44px;
line-height: 52px;
}
@media (min-width: 1720px) {
h1, .h1 {
font-size: 48px;
line-height: 52px;
}
}
h2, .h2 {
font-size: 24px;
line-height: 36px;
margin-bottom: 10px;
}
h3, .h3 {
font-size: 20px;
line-height: 28px;
margin-bottom: 12px;
}
h4, .h4 {
font-size: 18px;
line-height: 26px;
margin-bottom: 20px;
}
p {
line-height: 22px;
margin-bottom: 20px;
}
b {
font-weight: 500;
}
.btn {
display: inline-flex;
text-decoration: none;
color: black;
line-height: 22px;
border-radius: 10px;
padding: 20px 76px 18px;
justify-content: center;
align-items: center;
margin: 0 3px;
letter-spacing: 0.2px;
font-size: 18px;
}
.btn--primary {
background: var(--color-primary);
color: var(--color-white);
}
.title {
font-size: 44px;
font-weight: 700;
line-height: 52px;
margin-bottom: 13px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1720px) {
.title {
font-size: 44px;
margin-bottom: 22px;
}
}
.subtitle {
margin-bottom: 81px;
line-height: 22px;
}
@media (min-width: 1720px) {
.subtitle {
font-size: 20px;
margin-bottom: 97px;
}
}
.hide {
display: none;
}
@media (min-width: 1440px) {
.is-container.wrapper_main {
max-width: initial;
}
}

View File

@@ -1 +1,23 @@
.sore{margin-bottom:160px;margin-top:1px}@media (min-width: 1720px){.sore{margin-bottom:178px}}@media (max-width: 1304.98px){.sore{margin-bottom:140px}}@media (max-width: 991.98px){.sore{margin-bottom:60px}}@media (max-width: 479.98px){.sore{margin-bottom:40px}}.sore__img{margin:0 auto 13px;position:relative;left:-17px;top:-13px}@media (min-width: 1720px){.sore__img{margin-bottom:40px;top:-5px;left:-21px}}@media (max-width: 1304.98px){.sore__img{left:2px;top:-22px;margin-bottom:4px}}@media (max-width: 991.98px){.sore__img{top:-8px;left:-15px;margin-bottom:18px}}@media (max-width: 479.98px){.sore__img{max-width:108.5%;top:-26px;left:-18px;margin-bottom:-9px}}.sore .title{margin-bottom:40px}@media (min-width: 1720px){.sore .title{margin-bottom:61px}}@media (max-width: 991.98px){.sore .title{margin-bottom:20px}}@media (max-width: 479.98px){.sore .title{margin-bottom:29px}}.sore .subtitle{max-width:62%;margin:0 auto 10px}@media (min-width: 1720px){.sore .subtitle{line-height:26px;max-width:60%}}@media (max-width: 1304.98px){.sore .subtitle{max-width:65%}}@media (max-width: 991.98px){.sore .subtitle{max-width:85%}}@media (max-width: 479.98px){.sore .subtitle{max-width:99%}}.sore .h3{max-width:47%;margin:0 auto 19px}@media (min-width: 1720px){.sore .h3{max-width:38%}}@media (max-width: 1304.98px){.sore .h3{max-width:50%}}@media (max-width: 991.98px){.sore .h3{max-width:65%;margin-bottom:21px}}@media (max-width: 479.98px){.sore .h3{max-width:100%;margin-bottom:17px}}@media (max-width: 767.98px){.sore__btn{padding-left:50px;padding-right:50px}}@media (max-width: 479.98px){.sore__btn{box-sizing:border-box;padding:8px 15px;min-height:60px;display:flex}}
.sore {
margin-bottom: 160px;
}
.sore__img {
margin: 0 auto 26px;
position: relative;
left: -17px;
}
.sore .title {
margin-bottom: 40px;
}
.sore .subtitle {
max-width: 62%;
margin: 0 auto -1px;
}
.sore .h3 {
max-width: 47%;
margin: 0 auto 19px;
}

View File

@@ -1 +1,51 @@
.use{margin-bottom:123px}@media (min-width: 1720px){.use{margin-bottom:184px}}@media (max-width: 1304.98px){.use{margin-bottom:142px}}@media (max-width: 991.98px){.use{margin-bottom:121px}}.use__img{width:67.5%;margin-left:16px;margin-bottom:31px}@media (min-width: 1720px){.use__img{width:50.2%;margin-left:15px;margin-bottom:46px}}@media (max-width: 1304.98px){.use__img{width:77%;margin-left:10px;margin-bottom:34px}}@media (max-width: 991.98px){.use__img{margin-left:0;width:100%;margin-bottom:40px}}@media (max-width: 767.98px){.use__img{margin-bottom:30px}}.use__btn{margin-bottom:11px;text-align:center}@media (max-width: 767.98px){.use__btn{max-width:100%;padding-left:50px;padding-right:50px}}.use__link{font-size:18px;font-weight:600;line-height:26px;color:var(--color-grey2)}.use .title{max-width:80%;margin-bottom:49px}@media (min-width: 1720px){.use .title{max-width:40%}}@media (max-width: 991.98px){.use .title{margin-bottom:40px}}@media (max-width: 767.98px){.use .title{max-width:100%;margin-bottom:29px}}.use--lett{margin-bottom:120px}@media (min-width: 1720px){.use--lett{margin-bottom:126px}}@media (max-width: 1304.98px){.use--lett{margin-bottom:106px}}@media (max-width: 991.98px){.use--lett{margin-bottom:79px}}@media (max-width: 767.98px){.use--lett{margin-bottom:81px}}.use--lett .title{margin-bottom:51px}@media (max-width: 1304.98px){.use--lett .title{margin-bottom:39px}}@media (max-width: 767.98px){.use--lett .title{margin-bottom:10px}}.use--lett .use__img{margin-left:-5px;margin-right:-5px;max-width:110%;width:1290px}@media (min-width: 1720px){.use--lett .use__img{width:initial}}@media (max-width: 1304.98px){.use--lett .use__img{margin-left:0;margin-right:0;max-width:100%;width:1120px}}@media (max-width: 767.98px){.use--lett .use__img{max-width:103%;margin-left:-5px;margin-top:-6px}}@media (max-width: 479.98px){.use--lett .use__img{margin-bottom:3px}}@media (max-width: 991.98px){.use .h3{max-width:75%;margin:0 auto 22px}}@media (max-width: 767.98px){.use .h3{max-width:100%;margin-bottom:16px}}
.use {
margin-bottom: 123px;
}
.use__img {
width: 67.5%;
margin-left: 16px;
margin-bottom: 31px;
}
.use__btn {
margin-bottom: 11px;
}
.use__link {
font-size: 18px;
font-weight: 600;
line-height: 26px;
color: var(--color-grey2);
}
.use .title {
max-width: 80%;
margin-bottom: 49px;
}
.use--diff .title {
width: 60%;
margin-bottom: 60px;
}
.use--diff .use__img {
width: 100%;
margin-left: 0;
margin-bottom: 17px;
}
.use--lett {
margin-bottom: 120px;
}
.use--lett .title {
margin-bottom: 51px;
}
.use--lett .use__img {
margin-left: -5px;
margin-right: -5px;
max-width: 110%;
width: 1290px;
}

View File

@@ -1,29 +1,5 @@
.uses {
margin-bottom: 120px;
}
@media (min-width: 1720px) {
.uses {
margin-bottom: 136px;
}
}
@media (max-width: 1304.98px) {
.uses {
margin-bottom: 125px;
}
}
@media (max-width: 991.98px) {
.uses {
margin-bottom: 100px;
}
}
@media (max-width: 479.98px) {
.uses {
margin-bottom: 199px;
}
margin-bottom: 122px;
}
.uses__grid {
@@ -34,156 +10,17 @@
/* width: 101.5%; */
}
@media (max-width: 991.98px) {
.uses__grid {
grid-template-columns: 1fr 1fr;
column-gap: 15px;
}
}
@media (max-width: 479.98px) {
.uses__grid {
display: block;
text-align: center;
}
}
.uses__item {
min-height: 50px;
margin-bottom: 19px;
margin-bottom: 43px;
padding: 0 50px 0 2px;
}
@media (min-width: 1720px) {
.uses__item {
margin-bottom: 22px;
}
}
@media (max-width: 991.98px) {
.uses__item {
padding-right: 0;
}
}
@media (max-width: 991.98px) {
.uses__item p:last-child {
margin-bottom: 0;
}
}
.uses__icon {
margin-bottom: 11px;
}
@media (min-width: 1720px) {
.uses__icon {
width: 147px;
height: 147px;
margin-bottom: 20px;
}
}
.uses .title {
max-width: 50%;
margin: 0 auto 60px;
}
@media (max-width: 1304.98px) {
.uses .title {
max-width: 70%;
margin-bottom: 39px;
}
}
@media (max-width: 479.98px) {
.uses .title {
margin-bottom: 30px;
}
}
.uses__title {
font-size: 24px;
font-weight: 700;
line-height: 36px;
margin-bottom: 10px;
}
.uses--cstmr .uses__item {
text-align: center;
padding: 0 15px;
}
@media (max-width: 991.98px) {
.uses--cstmr .uses__item {
margin-bottom: 42px;
min-height: 255px;
}
}
@media (max-width: 479.98px) {
.uses--cstmr .uses__item {
margin-bottom: 25px;
min-height: 194px;
}
}
@media (max-width: 991.98px) {
.uses--cstmr .uses__item p {
max-width: 90%;
margin: 0 auto;
}
}
@media (max-width: 479.98px) {
.uses--cstmr .uses__item p {
max-width: 100%;
}
}
.uses--cstmr .uses__icon {
width: 118px;
height: 118px;
}
@media (max-width: 991.98px) {
.uses--cstmr .uses__icon {
width: 142px;
height: 142px;
margin-bottom: 23px;
}
}
@media (max-width: 479.98px) {
.uses--cstmr .uses__icon {
width: 117px;
height: 117px;
margin-bottom: 8px;
}
}
@media (max-width: 991.98px) {
.uses--cstmr .uses__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 1304.98px) {
.uses--cstmr .title {
margin-bottom: 61px;
max-width: 80%;
}
}
@media (max-width: 991.98px) {
.uses--cstmr .title {
margin-bottom: 44px;
}
}
@media (max-width: 479.98px) {
.uses--cstmr .title {
max-width: 90%;
margin-bottom: 31px;
}
}

View File

@@ -253,7 +253,6 @@ footer {
height: 318px;
background: #272424;
margin-top: 50px;
text-align: left;
}
section.register>h1 {
@@ -420,7 +419,6 @@ footer>div {
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.footer_text_contact {
@@ -3382,11 +3380,6 @@ details[open] summary ~ *{
display: none;
}
input.error::placeholder {
color: red;
font-weight: bold;
}

BIN
static/img/png/about.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
static/img/png/benefits.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 844 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 467 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 777 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 605 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 706 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 884 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 305 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 689 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 558 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 967 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 380 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 501 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 767 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 663 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 231 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 245 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 426 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 321 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 307 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 695 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

BIN
static/img/png/sore2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

View File

@@ -1,4 +0,0 @@
<svg width="147" height="147" viewBox="0 0 147 147" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.7812 124.031H96.4688" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.7043 80.6205L31.3523 100.89C34.2389 103.596 37.9217 105.298 41.8531 105.743C45.7845 106.188 49.7545 105.352 53.1727 103.36L140.109 52.8283L129.429 39.7362C126.651 36.3429 122.75 34.0553 118.433 33.2865C114.115 32.5177 109.665 33.3186 105.886 35.5444L80.3906 50.5315L45.9375 39.0471L36.4629 43.124C35.7541 43.4278 35.1331 43.9052 34.6573 44.5121C34.1815 45.1189 33.8661 45.8359 33.7402 46.5967C33.6144 47.3576 33.6821 48.1379 33.9371 48.8656C34.1922 49.5934 34.6264 50.2453 35.1996 50.7612L52.8281 66.6096L36.75 75.7971L20.6719 68.9065L11.025 73.0408C10.3232 73.3423 9.70757 73.8141 9.23395 74.4134C8.76033 75.0127 8.44363 75.7206 8.31251 76.4731C8.18139 77.2256 8.23999 77.999 8.48301 78.7231C8.72602 79.4473 9.14578 80.0994 9.7043 80.6205V80.6205Z" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -1,6 +0,0 @@
<svg width="147" height="147" viewBox="0 0 147 147" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M124.031 41.3438H22.9688C20.4317 41.3438 18.375 43.4004 18.375 45.9375V119.438C18.375 121.975 20.4317 124.031 22.9688 124.031H124.031C126.568 124.031 128.625 121.975 128.625 119.438V45.9375C128.625 43.4004 126.568 41.3438 124.031 41.3438Z" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M96.4688 41.3438V32.1562C96.4688 29.7196 95.5008 27.3827 93.7778 25.6597C92.0548 23.9367 89.7179 22.9688 87.2812 22.9688H59.7188C57.2821 22.9688 54.9452 23.9367 53.2222 25.6597C51.4992 27.3827 50.5312 29.7196 50.5312 32.1562V41.3438" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M128.625 72.5234C111.871 82.2129 92.8542 87.3039 73.5 87.2809C54.1422 87.3312 35.1185 82.2384 18.375 72.5234" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M66.6094 68.9062H80.3906" stroke="#FF613A" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

@@ -27,12 +27,11 @@ function SendLoginForm(el){
if(url === '/user_account/login/') {
localStorage.setItem('needed_fbq', true)
if(url === '/user_account/login/'){
location.href = data.redirect_url//`/profile/page/dashboard/`
window.sessionStorage.removeItem('mailingSubscribeRequired')
window.sessionStorage.removeItem('email')
} else if (url === '/user_account/password_recovery/'){
} else if(url === '/user_account/password_recovery/'){
document.getElementById('password_recovery').innerHTML = data.message
}

View File

@@ -36,26 +36,26 @@ function SendRegistrationForm(el, user_id){
window.sessionStorage.removeItem('mailingSubscribeRequired')
window.sessionStorage.removeItem('email')
fbq('track', 'Contact');
fbq('track', 'Contact');
// ttq.identify({
// "email": "<hashed_email_address>", // string. The email of the customer if available. It must be hashed with SHA-256 on the client side.
// "phone_number": "<hashed_phone_number>", // string. The phone number of the customer if available. It must be hashed with SHA-256 on the client side.
// "external_id": "<hashed_extenal_id>" // string. Any unique identifier, such as loyalty membership IDs, user IDs, and external cookie IDs.It must be hashed with SHA-256 on the client side.
// });
ttq.identify({
"email": "<hashed_email_address>", // string. The email of the customer if available. It must be hashed with SHA-256 on the client side.
"phone_number": "<hashed_phone_number>", // string. The phone number of the customer if available. It must be hashed with SHA-256 on the client side.
"external_id": "<hashed_extenal_id>" // string. Any unique identifier, such as loyalty membership IDs, user IDs, and external cookie IDs.It must be hashed with SHA-256 on the client side.
});
// ttq.track('CompleteRegistration', {
// "contents": [
// {
// "content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
// "content_type": "<content_type>", // string. Either product or product_group.
// "content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
// }
// ],
// "value": "<content_value>", // number. Value of the order or items sold. Example: 100.
// "currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
// });
ttq.track('CompleteRegistration', {
"contents": [
{
"content_id": "<content_identifier>", // string. ID of the product. Example: "1077218".
"content_type": "<content_type>", // string. Either product or product_group.
"content_name": "<content_name>" // string. The name of the page or product. Example: "shirt".
}
],
"value": "<content_value>", // number. Value of the order or items sold. Example: 100.
"currency": "<content_currency>" // string. The 4217 currency code. Example: "USD".
});
@@ -68,22 +68,9 @@ function SendRegistrationForm(el, user_id){
},
error: function (data, exception){
if(data.responseJSON.html){
document.querySelector(".register").innerHTML = data.responseJSON.html
} else if(data.responseJSON.error){
const passwordInput = document.querySelector('input[name="pass"]');
if (passwordInput && data.responseJSON.error) {
passwordInput.placeholder = data.responseJSON.error;
passwordInput.value = '';
passwordInput.classList.add('error');
}
}
document.querySelector(".register").innerHTML = data.responseText
}
});
}

View File

@@ -1,11 +1,9 @@
@import "./moover/root";
@import "./moover/header";
@import "./moover/presentation";
@import "./moover/cards";
@import "./moover/easy";
@import "./moover/chatterbox";
@import "./moover/use";
@import "./moover/diff";
@import "./moover/animate";
@import "./moover/about";
@import "./moover/benefits";

View File

@@ -1,141 +1,42 @@
.about {
margin-bottom: 168px;
@media (min-width: 1720px) {
margin-bottom: 188px;
}
@media (max-width: 1304.98px) {
margin-bottom: 138px;
}
@media (max-width: 991.98px) {
margin-bottom: 110px;
}
.title {
margin-bottom: 60px;
@media (min-width: 1720px) {
margin-bottom: 49px;
}
@media (max-width: 1304.98px) {
margin-bottom: 39px;
}
@media (max-width: 991.98px) {
margin-bottom: 48px;
}
@media (max-width: 479.98px) {
margin-bottom: 37px;
}
}
&__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
@media (max-width: 991.98px) {
display: block;
}
}
&__img {
box-shadow: inset 18.19px 1.21px 18.19px 0 #FFFFFFCC,
inset -18.19px -1.21px 18.19px 0 #4052801A,
48.5px 36.38px 36.38px 0 #6B7F9933;
border-radius: 31px;
margin-left: -20px;
margin-top: 8px;
@media (min-width: 1720px) {
margin-top: 19px;
}
@media (max-width: 1304.98px) {
margin-left: -10px;
}
@media (max-width: 991.98px) {
margin-left: 0;
margin-bottom: 49px;
display: block;
}
@media (max-width: 479.98px) {
margin-bottom: 38px;
}
}
&__right {
text-align: left;
padding-top: 43px;
padding-left: 50px;
@media (min-width: 1720px) {
padding-top: 90px;
padding-left: 21px;
}
@media (max-width: 1304.98px) {
padding-left: 11px;
padding-top: 19px;
}
@media (max-width: 991.98px) {
padding: 0 8px;
text-align: center;
}
@media (max-width: 479.98px) {
padding: 0;
}
&::after {
content: '';
display: block;
clear: both;
}
}
&__half {
max-width: 50%;
float: left;
@media (max-width: 991.98px) {
max-width: initial;
}
&:last-child {
padding-left: 16px;
max-width: 47%;
@media (max-width: 991.98px) {
max-width: initial;
padding-left: 0;
}
}
}
b {
letter-spacing: 0.4px;
@media (min-width: 1720px) {
font-weight: 700;
letter-spacing: 0;
}
@media (max-width: 479.98px) {
letter-spacing: 0.9px;
}
}
p {
@media (min-width: 1720px) {
margin-bottom: 39px;
}
}
}
.about .title {
margin-bottom: 60px;
}
.about__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.about__img {
box-shadow: inset 18.19px 1.21px 18.19px 0 #FFFFFFCC,
inset -18.19px -1.21px 18.19px 0 #4052801A,
48.5px 36.38px 36.38px 0 #6B7F9933;
border-radius: 31px;
margin-left: 8px;
margin-top: 8px;
}
.about__right {
text-align: left;
padding-top: 43px;
padding-left: 50px;
}
.about__half {
max-width: 50%;
float: left;
}
.about__half:last-child {
padding-left: 16px;
max-width: 47%;
}
.about b {
letter-spacing: 0.4px;
}

View File

@@ -6,69 +6,12 @@
color: white;
margin-bottom: 160px;
@media (min-width: 1720px) {
padding-top: 100px;
padding-bottom: 89px;
margin-bottom: 180px;
}
@media (max-width: 1304.98px) {
margin-bottom: 141px;
}
@media (max-width: 991.98px) {
padding-top: 40px;
padding-bottom: 29px;
margin-bottom: 121px;
}
@media (max-width: 479.98px) {
padding: 30px 7px 19px;
}
&.left {
transform: scale(0);
opacity: 0;
transform: translateX(-180px);
}
&.right {
opacity: 0;
transform: scale(0);
.title {
margin-bottom: 17px;
@media (min-width: 1720px) {
max-width: 80%;
margin-bottom: 40px;
}
@media (max-width: 1304.98px) {
margin-bottom: 25px;
}
@media (max-width: 991.98px) {
margin-bottom: 31px;
}
@media (max-width: 479.98px) {
margin-bottom: 20px;
}
}
.subtitle {
@media (max-width: 991.98px) {
margin-bottom: 31px;
}
}
.use__btn {
@media (max-width: 479.98px) {
margin-top: -11px;
}
}
transform: translateX(180px);
}
&__link {
@@ -80,55 +23,10 @@
margin-bottom: 25px;
max-width: 87%;
/*width: 90%;*/
@media (min-width: 1720px) {
margin-bottom: 40px;
}
@media (max-width: 1304.98px) {
max-width: 99%;
}
@media (max-width: 991.98px) {
max-width: 85%;
font-size: 24px;
line-height: 29.05px;
}
@media (max-width: 767.98px) {
max-width: 100%;
margin-bottom: 14px;
}
}
.subtitle {
width: 47%;
margin: 0 auto 23px;
@media (min-width: 1720px) {
line-height: 26px;
letter-spacing: 0.1px;
margin-bottom: 40px;
}
@media (max-width: 1304.98px) {
width: 54%;
}
@media (max-width: 991.98px) {
width: 102%;
margin-bottom: 26px;
}
}
.use__btn {
@media (max-width: 479.98px) {
margin-top: -6px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
}
}

View File

@@ -1,126 +1,29 @@
.benefits {
margin-bottom: 132px;
@media (min-width: 1720px) {
margin-bottom: 147px;
}
@media (max-width: 1304.98px) {
margin-bottom: 101px;
}
@media (max-width: 991.98px) {
margin-bottom: 93px;
}
@media (max-width: 479.98px) {
margin-bottom: 103px;
}
&__grid {
text-align: left;
display: grid;
grid-template-columns: 1.5fr 3fr 1.5fr;
@media (max-width: 991.98px) {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 479.98px) {
grid-template-columns: 1fr;
text-align: center;
}
}
&__item {
min-height: 122px;
padding-right: 7px;
margin-bottom: 22px;
@media (min-width: 1720px) {
min-height: 145px;
}
@media (max-width: 991.98px) {
padding-right: 25px;
}
@media (max-width: 479.98px) {
padding-right: 0;
margin-bottom: 19px;
min-height: 90px;
}
}
&__second {
@media (max-width: 991.98px) {
grid-column: 1 / 3;
order: -1;
margin-bottom: 56px;
}
@media (max-width: 479.98px) {
grid-column: 1/2;
margin-bottom: 31px;
}
}
&__third {
padding-left: 16px;
@media (min-width: 1720px) {
padding-left: 31px;
margin-right: 5px;
}
@media (max-width: 991.98px) {
padding-left: 11px;
}
@media (max-width: 479.98px) {
padding-left: 0;
}
}
.title {
margin-bottom: 76px;
@media (min-width: 1720px) {
margin-bottom: 93px;
}
@media (max-width: 991.98px) {
margin-bottom: 19px;
}
}
img {
position: relative;
top: 14px;
right: -11px;
@media (min-width: 1720px) {
top: -33px;
}
@media (max-width: 1304.98px) {
top: 20px;
right: 0;
}
}
h2 {
@media (min-width: 1720px) {
margin-bottom: 10px;
}
}
p {
@media (max-width: 479.98px) {
margin-bottom: 13px;
}
}
}

View File

@@ -1,179 +1,34 @@
.cards {
&__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
&__item {
position: relative;
@media (max-width: 991.98px) {
max-width: 270px;
}
@media (max-width: 767.98px) {
max-width: 251px;
margin-right: 18px;
}
.slick-active &,
&:hover, &:focus {
.cards__desc {
-webkit-line-clamp: initial; /* number of lines to show */
line-clamp: initial;
max-height: 17em;
}
}
}
&__img {
margin-bottom: 5px;
@media (min-width: 1720px) {
width: 100%;
margin-bottom: 15px;
}
@media (max-width: 1304.98px) {
margin-bottom: 8px;
}
@media (max-width: 991.98px) {
margin-bottom: 8px;
}
@media (max-width: 767.98px) {
margin-bottom: 10px;
}
&:hover {
scale: 1.05;
transition: scale 0.15s linear;
}
}
&__desc {
font-weight: 500;
line-height: 22px;
padding: 0 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 7; /* number of lines to show */
line-clamp: 7;
-webkit-box-orient: vertical;
transition: all 0.3s ease-in-out;
max-height: 10em;
@media (min-width: 1720px) {
font-size: 20px;
line-height: 26px;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 1279.98px) {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 3px;
}
@media (max-width: 991.98px) {
padding-left: 8px;
padding-right: 8px;
}
.slick-active &,
&:hover, &:focus {
-webkit-line-clamp: initial; /* number of lines to show */
line-clamp: initial;
max-height: 999em;
}
a {
color: var(--color-orange);
}
}
&__arrow {
width: 62px;
height: 20px;
position: absolute;
right: -30px;
top: -21px;
background-image: url("/static/img/svg/Arrow23.svg");
@media (min-width: 1720px) {
right: -45px;
top: -29px;
}
@media (max-width: 1304.98px) {
top: -8%;
}
@media (max-width: 991.98px) {
display: none;
}
}
.slick-list {
overflow: visible;
@media (max-width: 767.98px) {
margin-bottom: 1px;
padding-left: 58px;
}
}
.slick-dots {
display: flex;
justify-content: center;
margin: 0;
padding: 1rem 0;
list-style-type: none;
li {
margin: 0 0.25rem;
@media (max-width: 767.98px) {
margin: 0 0.31rem;
}
}
button {
display: block;
width: 8px;
height: 8px;
padding: 0;
border: none;
border-radius: 100%;
background-color: #D9D9D9;
text-indent: -9999px;
}
li.slick-active button {
background-color: var(--color-orange);
}
}
&--cstmr .cards {
&__desc {
padding: 0 50px;
@media (max-width: 1304.98px) {
padding-left: 10px;
padding-right: 10px;
}
}
}
}
.cards__list {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.cards__item {
position: relative;
}
.cards__img:hover {
scale: 1.05;
transition: scale 0.15s linear;
}
.cards__img {
margin-bottom: 5px;
}
.cards__desc {
font-weight: 500;
line-height: 22px;
}
.cards__arrow {
width: 62px;
height: 20px;
position: absolute;
right: -30px;
top: -21px;
background-image: url("/static/img/svg/Arrow23.svg");
}

View File

@@ -1,52 +1,9 @@
.chatterbox {
margin-bottom: 160px;
@media (min-width: 1720px) {
margin-bottom: 180px;
}
@media (max-width: 1304.98px) {
margin-bottom: 142px;
}
@media (max-width: 991.98px) {
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 122px;
}
@media (max-width: 767.98px) {
max-width: 100vw;
margin: 0 auto 121px;
position: relative;
}
&__slider {
max-width: 1200px;
margin: 0 auto;
@media (min-width: 1720px) {
max-width: 1640px;
}
@media (max-width: 1304.98px) {
max-width: 1100px;
}
@media (max-width: 991.98px) {
max-width: 720px;
}
@media (max-width: 767.98px) {
max-width: 830px;
width: 830px;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 479.98px) {
max-width: initial;
}
}
&__slide {
@@ -57,30 +14,6 @@
margin: auto;
position: relative;
@media (min-width: 1720px) {
width: 456px;
height: 836px;
background-size: 456px 836px;
}
@media (max-width: 1304.98px) {
width: 308px;
height: 565px;
background-size: 308px 565px;
}
@media (max-width: 991.98px) {
width: 206px;
height: 377px;
background-size: 206px 377px;
}
@media (max-width: 767.98px) {
width: 234px;
height: 429px;
background-size: 234px 429px;
}
&.loaded {
video {
opacity: 1;
@@ -96,23 +29,6 @@
opacity: 0;
transition: opacity 0.2s ease-in-out;
pointer-events: none;
position: relative;
@media (min-width: 1720px) {
top: -2px;
}
@media (max-width: 1304.98px) {
top: 10px;
}
@media (max-width: 991.98px) {
top: -4px;
}
@media (max-width: 767.98px) {
top: 22px;
}
}
img {
@@ -131,10 +47,6 @@
border-radius: 25px;
background-color: grey;
overflow: hidden;
@media (min-width: 1720px) {
border-radius: 50px;
}
}
&__vbtn {
@@ -161,21 +73,6 @@
border: 0;
border-radius: 50%;
transition: opacity 100ms linear;
@media (min-width: 1720px) {
width: 109px;
height: 109px;
}
@media (max-width: 991.98px) {
width: 48px;
height: 48px;
}
@media (max-width: 767.98px) {
width: 55px;
height: 55px;
}
}
&::before,
@@ -194,16 +91,6 @@
border-width: 15px 0 15px 25px;
display: inline-block;
margin-left: 2px;
@media (min-width: 1720px) {
border-width: 23px 0 23px 35px;
margin-left: 4px;
}
@media (max-width: 991.98px) {
border-width: 10px 0 10px 14px;
}
}
}
@@ -213,121 +100,32 @@
justify-content: center;
align-items: center;
height: 600px;
@media (min-width: 1720px) {
height: 827px;
}
@media (max-width: 1304.98px) {
height: 530px;
}
@media (max-width: 991.98px) {
height: 370px;
}
}
&__mbtns {
position: absolute;
top: 58%;
transform: translateY(-50%);
left: 0;
right: 0;
@media (max-width: 479.98px) {
top: 61.6%;
}
}
.title {
margin-bottom: 60px;
@media (max-width: 1304.98px) {
margin-bottom: 39px;
}
@media (max-width: 767.98px) {
margin-bottom: 50px;
}
}
.slick-next {
right: -40px;
@media (max-width: 1304.98px) {
right: -10px;
}
@media (max-width: 991.98px) {
width: 40px;
height: 40px;
background-size: 32%;
right: 5%;
}
@media (max-width: 479.98px) {
right: 0;
}
}
.slick-prev {
left: -40px;
@media (max-width: 1304.98px) {
left: -10px;
}
@media (max-width: 991.98px) {
width: 40px;
height: 40px;
background-size: 32%;
left: 5%;
}
@media (max-width: 479.98px) {
left: 0;
}
}
.slick-list {
@media (max-width: 991.98px) {
overflow: visible;
}
}
}
.slick-slide:not(.slick-center) .chatterbox__slide {
scale: 0.72;
@media (max-width: 1304.98px) {
scale: 0.69;
}
@media (max-width: 991.98px) {
scale: 0.8;
}
@media (max-width: 479.98px) {
scale: 0.85;
}
}
.slick-center {
.chatterbox__vbtn {
opacity: 1;
pointer-events: initial;
z-index: 1;
}
.chatterbox__vbox video {
pointer-events: initial;
cursor: pointer;
}
.chatterbox__slide {
}
.slick-center .chatterbox__vbtn {
opacity: 1;
pointer-events: initial;
z-index: 1;
}
.slick-center .chatterbox__vbox video {
pointer-events: initial;
cursor: pointer;
}

View File

@@ -1,283 +0,0 @@
.diff {
margin-bottom: 179px;
@media (min-width: 1720px) {
margin-bottom: 172px;
}
@media (max-width: 1304.98px) {
margin-bottom: 140px;
}
@media (max-width: 991.98px) {
margin-bottom: 125px;
}
@media (max-width: 767.98px) {
margin-bottom: 139px;
}
.title {
width: 60%;
margin-bottom: 65px;
@media (min-width: 1720px) {
width: 49%;
margin-bottom: 60px;
}
@media (max-width: 1304.98px) {
width: 73%;
margin-bottom: 40px;
}
@media (max-width: 991.98px) {
width: 90%;
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
width: 100%;
margin-bottom: 30px;
}
}
&__grid {
display: flex;
position: relative;
margin-bottom: 30px;
&::before {
content: '';
position: absolute;
height: 96%;
width: 5px;
border-radius: 5px;
background-color: #EDEDED;
left: 50%;
transform: translateX(-50%);
bottom: 0;
@media (max-width: 1304.98px) {
height: 90%;
}
@media (max-width: 991.98px) {
display: none;
}
}
@media (max-width: 991.98px) {
display: block;
}
}
&__coll {
width: 50%;
@media (max-width: 991.98px) {
width: 100%;
}
&.left {
margin-right: 29px;
@media (min-width: 1720px) {
margin-right: 12px;
}
@media (max-width: 1304.98px) {
margin-right: 10px;
}
@media (max-width: 991.98px) {
margin-right: 0;
}
.diff__coll-title {
padding-left: 39px;
@media (min-width: 1720px) {
padding-left: 2px;
}
@media (max-width: 1304.98px) {
padding-left: 0;
}
@media (max-width: 991.98px) {
padding-left: 0;
}
}
}
&.right {
margin-left: 29px;
@media (max-width: 1304.98px) {
margin-left: 10px;
}
@media (max-width: 991.98px) {
margin-left: 0;
display: none;
}
.diff__coll-title {
padding-right: 39px;
@media (min-width: 1720px) {
padding-right: 0;
}
@media (max-width: 1304.98px) {
padding-right: 0;
}
@media (max-width: 991.98px) {
padding-right: 0;
}
@media (max-width: 767.98px) {
//margin-bottom: 29px;
}
}
}
}
&__coll-title {
margin-bottom: 38px;
@media (max-width: 1304.98px) {
margin-bottom: 18px;
}
@media (max-width: 991.98px) {
margin-bottom: 19px;
}
@media (max-width: 767.98px) {
margin-bottom: 29px;
}
}
&__item {
position: relative;
text-align: left;
padding-left: 10px;
padding-top: 11px;
padding-bottom: 11px;
display: flex;
gap: 11px;
align-items: center;
background-color: #FFFFFF;
border-radius: 15px;
font-weight: 500;
font-size: 20px;
line-height: 28px;
margin-bottom: 35px;
cursor: default;
@media (min-width: 1720px) {
padding: 20px;
gap: 20px;
margin-bottom: 40px;
}
@media (max-width: 1304.98px) {
margin-bottom: 18px;
}
@media (max-width: 991.98px) {
font-size: 18px;
margin-bottom: 25px;
padding-bottom: 9px;
}
@media (max-width: 767.98px) {
font-size: 16px;
line-height: 19.36px;
padding-right: 15px;
margin-bottom: 14px;
}
&:last-child {
margin-bottom: 0;
}
&:hover {
.diff__status::before {
scale: 1.2;
}
}
}
&__status {
position: relative;
height: 48px;
width: 48px;
border-radius: 5px;
flex-shrink: 0;
@media (min-width: 1720px) {
border-radius: 12px;
}
@media (max-width: 1304.98px) {
border-radius: 13px;
}
@media (max-width: 991.98px) {
border-radius: 11px;
}
@media (max-width: 767.98px) {
width: 35px;
height: 35px;
}
&::before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transform-origin: 0% 15%;
}
&::before {
content: '';
width: 36px;
height: 36px;
}
.diff__item--done & {
background-color: #CCF9D9;
&::before {
width: 26px;
height: 26px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDJMOS4zMzMzMyAyNEwyIDEzLjAwMDUiIHN0cm9rZT0iIzQ1QzIyNiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
@media (max-width: 767.98px) {
scale: 0.7;
}
}
}
.diff__item--error & {
background-color: #F9CCCC;
&::before {
width: 36px;
height: 36px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjEyNSA3Ljg3NUw3Ljg3NSAyOC4xMjUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI4LjEyNSAyOC4xMjVMNy44NzUgNy44NzUiIHN0cm9rZT0iI0ZGMDAwMCIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
@media (max-width: 767.98px) {
scale: 0.7;
}
}
}
}
}

View File

@@ -1,334 +1,105 @@
.easy {
margin-bottom: 162px;
}
@media (min-width: 1720px) {
margin-bottom: 180px;
}
.easy .title {
max-width: 55%;
margin-bottom: 21px;
}
@media (max-width: 1304.98px) {
margin-bottom: 140px;
}
.easy .subtitle {
margin-bottom: 41px;
}
@media (max-width: 991.98px) {
margin-bottom: 121px;
}
.title {
max-width: 55%;
margin-bottom: 21px;
@media (min-width: 1720px) {
max-width: 45%;
margin-bottom: 23px;
}
@media (max-width: 991.98px) {
max-width: 75%;
}
@media (max-width: 767.98px) {
max-width: 95%;
margin-bottom: 30px;
}
}
.subtitle {
margin-bottom: 41px;
@media (min-width: 1720px) {
margin-bottom: 59px;
}
@media (max-width: 767.98px) {
max-width: 90%;
margin: 0 auto 23px;
}
}
&__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(2, minmax(186px, auto));
grid-template-areas:
.easy__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(2, minmax(186px, auto));
grid-template-areas:
'a b'
'a c';
grid-column-gap: 20px;
grid-row-gap: 80px;
margin-bottom: 46px;
@media (min-width: 1720px) {
grid-column-gap: 147px;
grid-template-rows: repeat(2, minmax(245px, auto));
grid-row-gap: 136px;
margin-bottom: 63px;
}
@media (max-width: 1304.98px) {
grid-column-gap: 69px;
grid-template-rows: repeat(2, minmax(172px, auto));
margin-bottom: 41px;
}
@media (max-width: 991.98px) {
display: block;
margin-bottom: 37px;
}
@media (max-width: 767.98px) {
margin-bottom: 40px;
}
}
&__item {
border-radius: 30px;
background-color: var(--color-grey);
/*background-color: #a72525;*/
text-align: left;
padding: 21px;
box-shadow: var(--box-shadow-primary);
&--fir {
grid-area: a;
margin-right: 60px;
padding-bottom: 0;
@media (min-width: 1720px) {
margin-right: -10px;
padding-top: 31px;
}
@media (max-width: 1304.98px) {
margin-right: 13px;
}
@media (max-width: 991.98px) {
padding-top: 17px;
margin-right: 0;
margin-bottom: 49px;
}
@media (max-width: 767.98px) {
margin-bottom: 42px;
}
p {
width: 93%;
margin-bottom: 29px;
@media (min-width: 1720px) {
width: 89%;
margin-bottom: 53px;
}
@media (max-width: 991.98px) {
max-width: 78%;
}
}
}
&--sec {
grid-area: b;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
@media (min-width: 1720px) {
padding-left: 15px;
}
@media (max-width: 991.98px) {
padding-top: 35px;
padding-bottom: 37px;
margin-bottom: 46px;
}
@media (max-width: 767.98px) {
display: block;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 49px;
}
img {
margin-bottom: -10px;
margin-right: -5px;
max-width: 50.1%;
@media (min-width: 1720px) {
max-width: 53%;
}
@media (max-width: 1304.98px) {
max-width: 42%;
margin-bottom: -4px;
margin-right: 0;
}
@media (max-width: 991.98px) {
margin-right: 0;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
max-width: 104%;
position: relative;
left: -6px;
top: -4px;
}
}
p {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
@media (max-width: 767.98px) {
margin-bottom: 22px;
}
}
}
&--thr {
grid-area: c;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
//background-color: #00a420;
@media (min-width: 1720px) {
padding-left: 15px;
}
@media (max-width: 991.98px) {
padding-top: 42px;
padding-bottom: 46px;
}
@media (max-width: 767.98px) {
display: block;
padding-top: 0;
padding-bottom: 0;
}
.img {
margin-bottom: -10px;
margin-right: 24px;
max-width: 80%;
@media (max-width: 1279.98px) {
max-width: 35%;
}
@media (max-width: 1304.98px) {
margin-right: 2px;
}
@media (max-width: 991.98px) {
margin-right: 0;
max-width: 34%;
}
img {
@media (max-width: 767.98px) {
display: block;
margin: 0 auto;
}
}
}
p {
max-width: 50%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
@media (max-width: 991.98px) {
max-width: 60%;
}
@media (max-width: 767.98px) {
margin-bottom: 22px;
max-width: 100%;
}
}
}
}
&__arrow {
width: 68px;
height: 18px;
background-image: url("/static/img/svg/Arrow08.svg");
position: absolute;
z-index: 1;
@media (min-width: 1720px) {
scale: 1.4;
}
@media (max-width: 1304.98px) {
scale: 0.8;
}
@media (max-width: 991.98px) {
display: none;
}
&--fir {
top: 46%;
right: 101%;
@media (min-width: 1720px) {
right: 105%;
top: 34%;
}
@media (max-width: 1304.98px) {
top: 48%;
}
}
&--sec {
top: 117%;
left: 30%;
transform: rotate(90deg);
@media (min-width: 1720px) {
left: 45%;
top: 124%;
}
@media (max-width: 1304.98px) {
left: 38%;
}
}
}
&__btn {
margin-top: -21px;
@media (max-width: 1304.98px) {
margin-top: -20px;
}
@media (max-width: 991.98px) {
margin-top: -19px;
padding-left: 54px;
padding-right: 54px;
}
@media (max-width: 767.98px) {
padding-left: 50px;
padding-right: 50px;
margin-top: -8px;
max-width: 100%;
}
}
grid-column-gap: 20px;
grid-row-gap: 80px;
margin-bottom: 46px;
}
.easy__item {
border-radius: 30px;
background-color: var(--color-grey);
/*background-color: #a72525;*/
text-align: left;
padding: 21px;
box-shadow: var(--box-shadow-primary);
}
.easy__item--fir {
grid-area: a;
margin-right: 60px;
padding-bottom: 0;
}
.easy__item--fir p {
width: 93%;
margin-bottom: 29px;
}
.easy__item--sec img {
margin-bottom: -10px;
margin-right: -5px;
}
.easy__item--thr img {
margin-bottom: -10px;
margin-right: 24px;
}
.easy__item--sec {
grid-area: b;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.easy__item--sec p,
.easy__item--thr p,
.easy__item--sec,
.easy__item--thr {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.easy__item--thr {
grid-area: c;
display: flex;
align-items: center;
justify-content: space-between;
}
.easy__item--thr p {
max-width: 50%;
}
.easy__arrow {
width: 68px;
height: 18px;
background-image: url("/static/img/svg/Arrow08.svg");
position: absolute;
z-index: 1;
}
.easy__arrow--fir {
top: 46%;
right: 101%;
}
.easy__arrow--sec {
top: 117%;
left: 30%;
transform: rotate(90deg);
}
.easy__btn {
margin-top: -21px;
}

View File

@@ -1,105 +0,0 @@
.header {
margin-top: 0;
position: fixed;
display: block;
left: 0;
top: 0;
width: 100vw;
padding: 15px 5px;
transition: all 0.1s ease-in-out;
background-color: white;
@media (max-width: 991.98px) {
padding-top: 7px;
padding-bottom: 7px;
}
&.scrolled {
padding-top: 7px;
padding-bottom: 7px;
box-shadow: var(--box-shadow-primary);
border-bottom: 1px solid var(--color-grey);
}
&__grid,
&__list {
display: flex;
align-items: center;
justify-content: space-between;
}
&__logo {
width: 48px;
height: 48px;
position: relative;
left: 5px;
@media (max-width: 1304.98px) {
left: 6px;
}
@media (max-width: 991.98px) {
left: 0;
}
@media (max-width: 767.98px) {
left: -3px;
}
}
&__nav {
flex-grow: 1;
max-width: 41%;
margin-left: auto;
@media (min-width: 1720px) {
max-width: 34%;
}
@media (max-width: 1304.98px) {
max-width: 46.5%;
}
}
&__link {
color: var(--color-black2);
text-decoration: none;
}
&__btn {
padding: 8px 0 6px;
font-size: 16px;
margin-left: 61px;
margin-right: -3px;
@media (min-width: 1720px) {
margin-left: 81px;
}
@media (max-width: 1304.98px) {
margin-right: 0;
}
@media (max-width: 991.98px) {
display: none;
}
}
.dropdown {
left: -4px;
@media (max-width: 767.98px) {
left: -8px;
}
&-content {
right: 0;
height: initial;
@media (max-width: 575px) {
right: 0;
left: initial;
}
}
}
}

View File

@@ -1,163 +1,64 @@
.presentation {
margin: 12px -65px 140px;
margin: 20px -65px 140px;
@media (min-width: 1720px) {
margin-left: 0;
margin-right: 0;
margin-bottom: 160px;
}
@media (max-width: 1304.98px) {
margin-bottom: 118px;
}
@media (max-width: 991.98px) {
margin-bottom: 105px;
}
&__top {
position: relative;
min-height: 270px;
margin: 0 auto 116px;
padding: 29px 0 40px;
background-image: url(/static/img/png/Box9.png),
url(/static/img/png/Box10.png),
url(/static/img/png/Box11.png),
url(/static/img/png/Box12.png);
background-position: top -4px left 46px,
top -30px right -14px,
bottom 73px left 278px,
bottom 71px right 276px;
background-repeat: no-repeat,
no-repeat,
no-repeat,
no-repeat;
background-size: 17.5%, 21.8%, 8.5%, 8.8%;
@media (min-width: 1720px) {
background-size: 18.5%, 22%, 9%, 10.1%;
background-position: top -47px left 58px,
top -31px right 20px,
bottom 8px left 347px,
bottom -5px right 352px;
padding-top: 95px;
margin-bottom: 176px;
}
@media (max-width: 1304.98px) {
background-size: 16%, 20%, 9.5%, 10.1%;
background-position: top -2.8% left 6.5%,
top -19% right 3.5%,
bottom 32% left 23%,
bottom 29% right 22.6%;
margin-bottom: 96px;
}
@media (max-width: 991.98px) {
background-size: 14.5%, 17%, 8.3%, 9.1%;
background-position: top 9% left 7%,
top 5% right 6%,
bottom 51% left 14.8%,
bottom 47.5% right 13.8%;
padding-top: 31px;
margin-bottom: 76px;
}
@media (max-width: 767.98px) {
margin-bottom: 77px;
}
.presentation__top {
position: relative;
min-height: 270px;
margin: 0 auto 116px;
padding: 29px 0 40px;
background-image: url(/static/img/png/Box9.png),
url(/static/img/png/Box10.png),
url(/static/img/png/Box11.png),
url(/static/img/png/Box12.png);
background-position: top -4px left 46px,
top -30px right -14px,
bottom 73px left 278px,
bottom 71px right 276px;
background-repeat: no-repeat,
no-repeat,
no-repeat,
no-repeat;
background-size: 17.5%,21.8%,8.5%,8.8%;
@media (min-width: 1720px) {
background-size: 18.5%, 22%, 9%, 10.1%;
background-position: top -47px left 58px,
top -31px right 20px,
bottom 8px left 347px,
bottom -5px right 352px;
padding-top: 95px;
margin-bottom: 176px;
}
&__bottom {
.subtitle {
@media (max-width: 991.98px) {
max-width: 40%;
margin: 0 auto 30px;
}
@media (max-width: 767.98px) {
max-width: 65%;
margin-bottom: 21px;
}
}
}
&__title {
margin-bottom: 23px;
@media (max-width: 991.98px) {
max-width: 75%;
margin: 0 auto 19px;
}
@media (max-width: 767.98px) {
margin-bottom: 15px;
.presentation__title {
margin-bottom: 23px;
}
}
&__subtitle {
margin-bottom: 41px;
font-weight: 600;
@media (max-width: 991.98px) {
max-width: 55%;
margin: 0 auto 40px;
font-size: 16px;
}
@media (max-width: 767.98px) {
margin-bottom: 30px;
max-width: 77%;
.presentation__subtitle {
margin-bottom: 41px;
font-weight: 600;
}
}
&__btn {
margin-bottom: 40px;
@media (max-width: 991.98px) {
padding-left: 82px;
padding-right: 82px;
}
@media (max-width: 767.98px) {
margin-bottom: 30px;
.presentation__btn {
margin-bottom: 40px;
}
}
&__next {
font-weight: 500;
line-height: 22px;
padding-right: 5px;
}
&__arrows {
padding-top: 2px;
animation: jump 2s ease-in-out infinite;
}
&__cards {
max-width: 1300px;
margin: 0 auto;
@media (min-width: 1720px) {
max-width: initial;
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 1304.98px) {
max-width: 1140px;
}
@media (max-width: 767.98px) {
//padding-left: 58px;
.presentation__next {
font-weight: 500;
line-height: 22px;
padding-right: 5px;
}
}
&__bottom .presentation__title {
margin-bottom: 13px;
}
.presentation__arrows {
padding-top: 2px;
animation: jump 2s ease-in-out infinite;
}
@keyframes jump {
@@ -180,3 +81,12 @@ max-width: 65%;
transform: translateY(0px);
}
}
.presentation__bottom .presentation__title {
margin-bottom: 13px;
}
.presentation__cards {
max-width: 1300px;
margin: 0 auto;
}

View File

@@ -2,6 +2,7 @@
margin: 0 auto;
width: 1280px;
position: relative;
min-height: 695px;
}
@media (min-width: 1720px) {
@@ -11,26 +12,18 @@
}
@media (max-width: 1304.98px) {
.container {
width: 1120px;
max-width: 88vw;
}
}
/*@media (max-width: 1019.98px) {*/
/* .container {*/
/* width: 720px*/
/* }*/
/*}*/
@media (max-width: 991.98px) {
.container {
width: 640px;
max-width: 100vw;
}
}
@media (max-width: 767.98px) {
.container {
margin: 0 16px;
width: auto;
}
}
/*@media (max-width: 767.98px) {*/
/* .container {*/
/* margin: 0 15px;*/
/* width: auto*/
/* }*/
/*}*/
:root {
--color-primary: #FF613A;
@@ -48,18 +41,6 @@
color: var(--color-black2);
}
html,
body {
max-width: 100vw;
//overflow-x: hidden;
max-height: initial;
}
body {
height: 100%;
position: relative;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 700;
@@ -79,21 +60,12 @@ h2, .h2 {
font-size: 24px;
line-height: 36px;
margin-bottom: 10px;
@media (min-width: 1720px) {
font-size: 28px;
margin-bottom: 20px;
}
}
h3, .h3 {
font-size: 20px;
line-height: 28px;
margin-bottom: 12px;
@media (max-width: 1304.98px) {
margin-bottom: 13px;
}
}
h4, .h4 {
@@ -105,28 +77,10 @@ h4, .h4 {
p {
line-height: 22px;
margin-bottom: 20px;
@media (min-width: 1720px) {
font-size: 20px;
line-height: 26px;
}
@media (max-width: 991.98px) {
margin-bottom: 18px;
}
@media (max-width: 479.98px) {
margin-bottom: 14px;
}
}
b {
font-weight: 500;
@media (max-width: 991.98px) {
font-size: 16px;
line-height: 22px;
}
}
@@ -157,22 +111,9 @@ b {
margin-left: auto;
margin-right: auto;
@media (min-width: 1720px) {
font-size: 48px;
margin-bottom: 22px;
}
@media (max-width: 1304.98px) {
margin-bottom: 20px;
}
@media (max-width: 991.98px) {
font-size: 32px;
line-height: 38.73px;
}
@media (max-width: 767.98px) {
margin-bottom: 14px;
@media (min-width: 1720px) {
font-size: 44px;
margin-bottom: 22px;
}
}
@@ -180,123 +121,18 @@ b {
margin-bottom: 81px;
line-height: 22px;
@media (min-width: 1720px) {
font-size: 20px;
margin-bottom: 105px;
@media (min-width: 1720px) {
font-size: 20px;
margin-bottom: 97px;
}
@media (max-width: 1304.98px) {
margin-bottom: 71px;
}
}
.hide {
display: none;
&__xxl {
display: inline-flex;
@media (min-width: 1720px) {
display: none;
}
}
&__md {
@media (max-width: 991.98px) {
display: none;
}
}
&__xs {
@media (max-width: 479.98px) {
display: none;
}
}
}
.show {
&__xxl {
display: none;
@media (min-width: 1720px) {
display: block;
}
}
&__md {
display: none;
@media (max-width: 991.98px) {
display: initial;
}
}
&__xs {
@media (min-width: 480px) {
display: none;
}
}
}
.br {
&--xxl {
@media (min-width: 1440px) {
display: none;
}
}
&--md {
@media (max-width: 991.98px) {
display: none;
}
}
&--sm {
@media (max-width: 767.98px) {
display: none;
}
}
}
.is-container.wrapper_main {
overflow-x: hidden;
> .container {
padding-top: 129px;
@media (max-width: 1304.98px) {
padding-top: 126px;
}
@media (max-width: 991.98px) {
padding-top: 85px;
}
@media (max-width: 767.98px) {
padding-top: 57px;
}
}
@media (min-width: 1440px) {
@media (min-width: 1440px) {
.is-container.wrapper_main {
max-width: initial;
}
& > .container {
position: relative;
left: 15px;
@media (min-width: 1720px) {
left: 17px;
}
@media (max-width: 767.98px) {
left: 0;
}
}
}

View File

@@ -1,127 +1,27 @@
.sore {
margin-bottom: 160px;
margin-top: 1px;
@media (min-width: 1720px) {
margin-bottom: 178px;
}
@media (max-width: 1304.98px) {
margin-bottom: 140px;
}
@media (max-width: 991.98px) {
margin-bottom: 60px;
}
@media (max-width: 479.98px) {
margin-bottom: 40px;
}
&__img {
margin: 0 auto 13px;
margin: 0 auto 26px;
position: relative;
left: -17px;
top: -13px;
@media (min-width: 1720px) {
margin-bottom: 40px;
top: -5px;
left: -21px;
}
@media (max-width: 1304.98px) {
left: 2px;
top: -22px;
margin-bottom: 4px;
}
@media (max-width: 991.98px) {
top: -8px;
left: -15px;
margin-bottom: 18px;
}
@media (max-width: 479.98px) {
max-width: 108.5%;
top: -26px;
left: -18px;
margin-bottom: -9px;
}
}
.title {
margin-bottom: 40px;
@media (min-width: 1720px) {
margin-bottom: 61px;
}
@media (max-width: 991.98px) {
margin-bottom: 20px;
}
@media (max-width: 479.98px) {
margin-bottom: 29px;
}
}
.subtitle {
max-width: 62%;
margin: 0 auto 10px;
margin: 0 auto -1px;
@media (min-width: 1720px) {
line-height: 26px;
max-width: 60%;
}
@media (max-width: 1304.98px) {
max-width: 65%;
}
@media (max-width: 991.98px) {
max-width: 85%;
}
@media (max-width: 479.98px) {
max-width: 99%;
}
}
.h3 {
max-width: 47%;
margin: 0 auto 19px;
margin: 0 auto 19px;
@media (min-width: 1720px) {
max-width: 38%;
}
@media (max-width: 1304.98px) {
max-width: 50%;
}
@media (max-width: 991.98px) {
max-width: 65%;
margin-bottom: 21px;
}
@media (max-width: 479.98px) {
max-width: 100%;
margin-bottom: 17px;
}
}
&__btn {
@media (max-width: 767.98px) {
padding-left: 50px;
padding-right: 50px;
}
@media (max-width: 479.98px) {
box-sizing: border-box;
padding: 8px 15px;
min-height: 60px;
display: flex;
}
}
}

View File

@@ -1,55 +1,14 @@
.use {
margin-bottom: 123px;
@media (min-width: 1720px) {
margin-bottom: 184px;
}
@media (max-width: 1304.98px) {
margin-bottom: 142px;
}
@media (max-width: 991.98px) {
margin-bottom: 121px;
}
&__img {
width: 67.5%;
margin-left: 16px;
margin-bottom: 31px;
@media (min-width: 1720px) {
width: 50.2%;
margin-left: 15px;
margin-bottom: 46px;
}
@media (max-width: 1304.98px) {
width: 77%;
margin-left: 10px;
margin-bottom: 34px;
}
@media (max-width: 991.98px) {
margin-left: 0;
width: 100%;
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
margin-bottom: 30px;
}
}
&__btn {
margin-bottom: 11px;
text-align: center;
@media (max-width: 767.98px) {
max-width: 100%;
padding-left: 50px;
padding-right: 50px;
}
}
&__link {
@@ -62,51 +21,26 @@
.title {
max-width: 80%;
margin-bottom: 49px;
}
@media (min-width: 1720px) {
max-width: 40%;
&--diff {
.title {
width: 60%;
margin-bottom: 60px;
}
@media (max-width: 991.98px) {
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
max-width: 100%;
margin-bottom: 29px;
.use__img {
width: 100%;
margin-left: 0;
margin-bottom: 17px;
}
}
&--lett {
margin-bottom: 120px;
@media (min-width: 1720px) {
margin-bottom: 126px;
}
@media (max-width: 1304.98px) {
margin-bottom: 106px;
}
@media (max-width: 991.98px) {
margin-bottom: 79px;
}
@media (max-width: 767.98px) {
margin-bottom: 81px;
}
.title {
margin-bottom: 51px;
@media (max-width: 1304.98px) {
margin-bottom: 39px;
}
@media (max-width: 767.98px) {
margin-bottom: 10px;
}
}
.use__img {
@@ -114,39 +48,6 @@
margin-right: -5px;
max-width: 110%;
width: 1290px;
@media (min-width: 1720px) {
width: initial;
}
@media (max-width: 1304.98px) {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 1120px;
}
@media (max-width: 767.98px) {
max-width: 103%;
margin-left: -5px;
margin-top: -6px;
}
@media (max-width: 479.98px) {
margin-bottom: 3px;
}
}
}
.h3 {
@media (max-width: 991.98px) {
max-width: 75%;
margin: 0 auto 22px;
}
@media (max-width: 767.98px) {
max-width: 100%;
margin-bottom: 16px;
}
}
}

Some files were not shown because too many files have changed in this diff Show More