* { margin: 0; padding: 0; box-sizing: border-box; } html, body { margin: 0; padding: 0; font-family: "Montserrat", serif !important; } body.noscroll { overflow: hidden; } h1, h2, h3, h4, h5, h6, span, p { margin: 0; padding: 0; } a { text-decoration: none !important; } ul { list-style: none; margin: 0; padding: 0; } li { list-style: none; } .wrapper { overflow: hidden; width: 100%; background-color: #FFFFFF; } .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1377px; margin: 0 auto; } input[type=number] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .breadcrumb_block { padding: 24px 0 20px 0; } .breadcrumb_block .breadcrumb { margin: 0 !important; display: flex; align-items: center; gap: 8px; } .breadcrumb_block .menu_breadcrumb { display: block; font-size: 13px; font-weight: 400; line-height: 13px; text-align: left; color: #767682; } .breadcrumb_block .active { font-size: 13px; font-weight: 400; line-height: 13px; text-align: left; color: #000000; } .about_company { margin-bottom: 80px; } .about_company .about_block { padding: 80px 80px 41px 80px; border-radius: 10px; background-image: url(../img/hero_home.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .about_title_block { display: flex; flex-direction: column; align-items: flex-start; color: #FFFFFF; margin-bottom: 48px; font-size: 72px; font-weight: 700; } .about_block_mini_title { font-size: 40px; font-weight: 400; text-align: left; color: #FFFFFF; } .block_cost { display: flex; align-items: flex-start; gap: 40px; margin-bottom: 32px; } .cost_text { display: flex; flex-direction: column; align-items: flex-start; font-size: 40px; font-weight: 700; text-align: center; color: #FFFFFF; } .mini_cost { font-size: 20px; font-weight: 400; text-align: center; } .main_directions { margin-bottom: 88px; } .directions_block_cards { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .directions_item { padding: 64px; border-radius: 20px; width: 100%; height: 272px; } .directions_item:nth-child(1) { background-image: url(../img/img_item.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .directions_item:nth-child(2) { background-image: url(../img/img_item1.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .directions_item_title { font-size: 24px; font-weight: 700; line-height: 24px; text-align: left; color: #1F1F1F; margin-bottom: 24px; } .directions_text_item { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: #1F1F1F; } .slider { margin-bottom: 64px; } .slider .about_block { position: relative; } .title_main { font-size: 32px; font-weight: 700; line-height: 39px; text-align: left; color: #1F1F1F; margin-bottom: 40px; } .slider .swiper-container { width: 100%; height: 100%; } .slider__flex { display: flex; align-items: flex-start; overflow: hidden; width: 100%; height: 665px; } .slider__col { display: flex; flex-direction: column; padding-left: 20px; } .slider .slider__next { top: 54px; right: 76px; } .slider .slider__prev { bottom: -24px; right: 76px; rotate: 180deg; } .slider .slider__prev, .slider .slider__next { position: absolute; z-index: 10; cursor: pointer; text-align: center; font-size: 14px; height: 48px; display: flex; align-items: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .slider .slider__prev:focus, .slider .slider__next:focus { outline: none; } .slider__thumbs { height: 665px; } .slider__thumbs .slider__image { width: 216px; } .slider__thumbs .slider__image img { width: 216px; height: 126px; cursor: pointer; } .slider__thumbs .slider__image { transition: 0.25s; opacity: 30%; } .slider__thumbs .slider__image:hover { opacity: 1; } .slider__thumbs .swiper-slide-thumb-active .slider__image { filter: grayscale(0%); opacity: 1; } .slider__images { height: 665px; width: 1144px; overflow: hidden; } .slider__images .slider__image img { transition: 3s; } /* .slider .slider__images .slider__image:hover img { transform: scale(1.1); } */ .slider__image { width: 100%; height: 100%; border-radius: 10px; overflow: hidden; } .slider__images .slider__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } .inf_products { margin-bottom: 80px; } .inf_products .about_block { position: relative; } .product_group_items { padding: 80px; background-color: #00B571; border-radius: 20px; display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 10; } .inf_products .leaf { position: absolute; left: -158px; top: -41px; } .inf_products .leaf_second { position: absolute; right: -203px; top: -94px; } .products_items { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; } .img_inf{ width: 80px; height: 80px; } .product_title_inf { font-size: 16px; font-weight: 700; line-height: 24px; text-align: center; color: #FFFFFF; } .product_mini_text_inf { font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: center; color: #FFFFFF; } .recommended_block { margin-bottom: 80px; } .recomended_items_group { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .recomended_item { padding: 40px; background-color: #F3F3F8; border-radius: 20px; display: flex; flex-direction: column; align-items: center; width: 100%; height: 450px; } .recommended_title_item { font-size: 24px; font-weight: 700; line-height: 24px; text-align: center; margin: 24px 0 16px 0; color: #1F1F1F; } .recommended_mini_text_r { font-size: 16px; font-weight: 400; line-height: 25.6px; text-align: center; color: #767682; margin-bottom: 16px; } .recommended_block .connect_block { display: flex; align-items: center; justify-content: center; gap: 20px; } .recommended_block .connecting { display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 400; line-height: 22.4px; text-align: center; color: #767682; } .our_team { margin-bottom: 80px; } .our_team .block_slider { position: relative; overflow: hidden; padding-bottom: 44px; } .our_img_teams { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 24px; } .our_team .img_group { width: 332px; height: 450px; border-radius: 20px; } .teams_text_position { position: absolute; bottom: 16px; width: -moz-max-content; width: max-content; font-size: 16px; font-weight: 400; line-height: 19.5px; text-align: left; color: #FFFFFF; padding: 12px 25px; background-color: #00B571; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .teams_white_text { color: #00B571; background-color: #F5F5F6; } .teams_info { display: flex; flex-direction: column; align-items: center; justify-content: center; } .teams_name { font-size: 24px; font-weight: 700; line-height: 28.8px; text-align: center; color: #1F1F1F; } .teams_surname { font-size: 24px; font-weight: 400; line-height: 28.8px; text-align: center; color: #1F1F1F; } .our_team .swiper-pagination { bottom: 0; top: inherit; background-color: #F3F3F8; border-radius: 4px; height: 4px; overflow: hidden; border-radius: 4px; } .our_team .swiper-pagination-progressbar-fill { background-color: #00B571; border-radius: 200px; } .geography_company { margin-bottom: 80px; } .geography_company .cards_geography { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 24px; } .geography_item { padding: 40px; background-color: #F3F3F8; border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; width: 332px; height: 180px; } .geography_title_item { font-size: 40px; font-weight: 700; line-height: 40px; text-align: center; color: #00B571; } .geography_mini_text { font-size: 16px; font-weight: 400; line-height: 19.5px; text-align: left; color: #000000; } .geography_map_block { height: 520px; } .geography_map_img { border-radius: 20px; } .on_marketplaces { margin-bottom: 100px; } .on_marketplaces .title_block { font-size: 32px; font-weight: 700; line-height: 39px; text-align: left; color: #1F1F1F; margin-bottom: 32px; } .marketplaces_item { padding: 50px 60px; background-image: url(../img/bg_item.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 250px; position: relative; border-radius: 20px; max-width: 680px; margin: 0 auto; } .marketplaces_item:last-child{ background-image: url(../img/bg_item1.png); } .marketplaces_items_group{ display: flex; align-items: center; justify-content: space-between; gap: 16px; } .marketplaces_grade { display: flex; align-items: center; gap: 10px; margin: 20px 0 24px 0; } .marketplaces_text_grade { font-size: 32px; font-weight: 700; line-height: 32px; text-align: left; color: #FFFFFF; } .marketplaces_bottom_text_title { display: flex; align-items: center; gap: 30px; } .marketplaces_commend_text { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; color: #FFFFFF; } .go_catalog { position: absolute; right: 0; bottom: 35px; font-size: 14px; font-weight: 500; line-height: 14px; text-align: left; color: #5F139C; padding: 20px 30px; background-color: #FFFFFF; border-radius: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .form_block { margin-bottom: 100px; } .form_block .img_form { margin: 0 auto; display: block; } .mob { display: none !important; } @media (max-width: 1300px){ .about_company .about_block{ padding: 66px 80px 41px 50px; } .about_title_block{ font-size: 60px; line-height: 48px; margin-bottom: 32px; } .about_block_mini_title{ font-size: 34px; } .block_cost { gap: 30px; } .cost_text { font-size: 34px; } .mini_cost{ font-size: 18px; } .directions_item{ padding: 48px; padding: 32px; height: 213px; } .slider .slider__flex{ width: 96%; margin: 0 auto; } .slider .slider__prev, .slider .slider__next{ right: 96px; } /* .slider .slider__prev{ } */ .recomended_item{ height: 480px; } .geography_map_block{ overflow-x: scroll; } .marketplaces_item{ height: 302px; } .marketplaces_commend_text{ font-size: 14px; } } @media (max-width: 999px) { .breadcrumb_block { display: none; } .about_company .about_block { padding: 40px; background-image: url(../img/hero_home.png); border-radius: 0; padding: 40px 24px; } .about_block_mini_title { font-size: 24px; font-weight: 400; line-height: 24px; } .about_title_block { font-size: 34px; line-height: 38px; font-weight: 700; margin-bottom: 24px; } .block_cost { flex-direction: column; gap: 20px; margin-bottom: 20px; } .cost_text { font-size: 32px; font-weight: 700; line-height: 32px; } .mini_cost { font-size: 16px; font-weight: 400; line-height: 19.5px; text-align: center; } .about_company { margin-bottom: 42px; } .title_main { font-size: 24px; font-weight: 700; line-height: 24px; margin-bottom: 32px; } .main_directions { margin-bottom: 64px; padding: 0 24px; } .directions_block_cards { flex-direction: column; } .directions_item:nth-child(1) { background-image: url(../img/img_item2.png); } .directions_item:nth-child(2) { background-image: url(../img/img_item3.png); } .directions_item { padding: 40px; height: auto; } .directions_item_title { font-size: 24px; font-weight: 700; line-height: 24px; margin-bottom: 16px; } .directions_text_item { font-size: 14px; font-weight: 400; line-height: 20px; } .directions_text_item br{ display: none; } .slider .slider__prev, .slider .slider__next { display: none; } .slider .title_main{ padding: 0 24px; } .slider__flex { flex-direction: column; gap: 16px; } .slider__col { width: 100%; } .slider__thumbs .slider__image { width: 100%; } .slider__thumbs { height: auto; } .slider__images { width: 100%; height: 100%; padding: 0 24px; } .slider__thumbs .slider__image{ border-radius: 0; } .slider__thumbs .slider__image img { width: 100%; border-radius: 10px; height: auto; } .slider__flex { height: auto; } .inf_products .leaf_second { display: none; } .inf_products .leaf { display: none; } .product_group_items { border-radius: 0; padding: 40px 20px; flex-direction: column; gap: 32px; } .products_items { gap: 16px; margin: 0 auto; } .product_title_inf { font-size: 16px; font-weight: 700; line-height: 24px; } .product_mini_text_inf { font-size: 16px; font-weight: 400; line-height: 25.6px; } .product_mini_text_inf br{ display: none; } .img_inf { width: 70px; height: 80px; } .inf_products { margin-bottom: 64px; } .recommended_block { margin-bottom: 64px; padding: 0 24px; } .recomended_items_group { flex-direction: column; } .recomended_item { height: auto; padding: 35px 43px; } .recommended_title_item { font-size: 24px; font-weight: 700; line-height: 24px; margin: 20px 0; } .recommended_mini_text_r { font-size: 16px; font-weight: 400; line-height: 25.6px; margin-bottom: 20px; } .recommended_mini_text_r br{ display: none; } .recommended_block .connecting { font-size: 14px; font-weight: 400; line-height: 22.4px; } .recommended_block .connect_block { flex-direction: column; gap: 16px; } .our_team { margin-bottom: 64px; padding: 0 24px; } .our_img_teams{ max-width: 312px; } .teams_text_position{ padding: 12px; font-size: 12px; } .our_team .img_group { width: 100%; height: 420px; object-fit: cover; } .teams_name { font-size: 24px; font-weight: 700; line-height: 24px; } .teams_surname { font-size: 24px; font-weight: 400; line-height: 24px; } .our_team .block_slider { padding-bottom: 38px; } .our_team .swiper-pagination { height: 12px; } .geography_company { margin-bottom: 40px; } .geography_company .about_block { padding: 0 24px; } .geography_company .cards_geography { flex-direction: column; margin-bottom: 40px; } .geography_item{ width: 100%; } .geography_mini_text{ line-height: 22px; } .geography_map_img { border-radius: 0; } .geography_map_block { width: 1376px; } .geography_map_container { overflow-x: scroll; } .on_marketplaces { margin-bottom: 75px; padding: 0 24px; } .on_marketplaces .title_block { font-size: 24px; font-weight: 700; line-height: 28px; margin-bottom: 32px; } .marketplaces_items_group{ flex-direction: column; } .marketplaces_item { padding: 40px; height: 275px; max-width: 100%; } .marketplaces_title_item_img { width: 214px; } .marketplaces_second_img { width: 114px; } .marketplaces_grade { margin: 16px 0; } .marketplaces_text_grade { font-size: 24px; font-weight: 700; line-height: 24px; } .marketplaces_img_grade { width: 24px; height: 24px; } .marketplaces_bottom_text_title { flex-direction: column; gap: 4px; align-items: flex-start; } .marketplaces_commend_text { font-size: 16px; font-weight: 400; line-height: 24px; } .go_catalog { bottom: 24px; } .marketplaces_item:last-child{ background-image: url(../img/bg_item2.png); } .form_block .img_form { display: none; } .form_block .mob { display: block !important; } .form_block { margin-bottom: 64px; } } @media (max-width: 600px){ .about_company .about_block { padding: 40px 40px 387px 40px; background-image: url(../img/hero_home1.png); border-radius: 0; background-position: bottom; } .about_title_block{ line-height: 58px; font-size: 40px; } } @media (max-width: 480px){ .about_company .about_block{ padding: 40px 40px 262px 40px; } }