.call-to-action{ margin: 0 50px; } .contact-body{ gap: 15px; } /* cta */ .int-subscription-block { position: relative; padding-bottom:60px !important; padding: 12px 16px } .int-subscription-block .int-subscription-block-wrap { display: flex; flex-direction: column; justify-content: space-between; margin: 0 auto; padding: 20px 16px; background: #fff; border-radius: 8px } .int-subscription-block .int-subscription-block-image { display: none } .int-subscription-block .int-subscription-block-image img { display: block; max-width: 100%; max-height: auto } .int-subscription-block .int-subscription-block-header-image { display: flex; justify-content: center; margin-bottom: 16px } .int-subscription-block .int-subscription-block-header-image img { display: block; max-width: 100%; max-height: auto } .int-subscription-block .int-subscription-block-header-title { font-style: normal; font-weight: 700; font-size: 16px; line-height: 26px; text-align: center; color: #000; margin: 0 0 16px 0; } .int-subscription-block .int-subscription-block-header-title.int-subscription-block-header-title--2 { display: none } .int-subscription-block .int-subscription-block-header-text { font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: #000; margin-bottom: 16px } .int-subscription-block .int-subscription-block-footer-switch { display: flex; flex-wrap: nowrap; align-items: center; background: #eff5f9; padding: 8px; border-radius: 200px; margin-bottom: 16px } .int-subscription-block .int-subscription-block-footer-switch .int-subscription-block-footer-switch-item { flex: 1; display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; color: #0079bf; padding: 0 26px; border-radius: 200px; height: 35px; white-space: nowrap; cursor: pointer } .int-subscription-block .int-subscription-block-footer-switch .int-subscription-block-footer-switch-item.int-subscription-block-footer-switch-item--active { background-color: #0079bf; box-shadow: 0px 3px 15px #489ed0; color: #fff } .int-subscription-block .int-subscription-block-footer-input { margin-bottom: 16px } .int-subscription-block .int-subscription-block-footer-input input { display: block; width: 100%; font-weight: 600; font-size: 14px; line-height: 48px; height: 48px; color: #7e8083; padding: 5px; margin: 0; background: none; box-shadow: none; border: 0; outline: 0; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 4px } .int-subscription-block .int-subscription-block-footer-input input::-moz-placeholder { color: #7e8083 } .int-subscription-block .int-subscription-block-footer-input input::-moz-placeholder { color: #7e8083; opacity: 1 } .int-subscription-block .int-subscription-block-footer-button { background: #0079bf; border-radius: 4px; height: 48px; line-height: 48px; text-align: center; cursor: pointer; font-style: normal; font-weight: 700; font-size: 14px; text-align: center; color: #fff; margin-bottom: 16px } .int-subscription-block .int-subscription-block-footer-button:hover { box-shadow: 0px 3px 15px #489ed0 } .int-subscription-block .int-subscription-block-footer-text { font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #7e8083 } .int-subscription-block .int-subscription-block-footer-text a { color: #7e8083 !important; text-decoration: underline !important } .int-subscription-block .int-subscription-block-footer-text a:hover { text-decoration: none !important } @media only screen and (min-width: 768px) { .int-subscription-block { padding:12px 20px } .int-subscription-block .int-subscription-block-header { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: nowrap; margin-bottom: 16px } .int-subscription-block .int-subscription-block-footer { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap } .int-subscription-block .int-subscription-block-footer-switch,.int-subscription-block .int-subscription-block-footer-input,.int-subscription-block .int-subscription-block-footer-button { margin-bottom: 0 } .int-subscription-block .int-subscription-block-footer-switch { margin-right: 24px } .int-subscription-block .int-subscription-block-footer-input { min-width: 239px; max-width: 239px; margin-right: 10px } .int-subscription-block .int-subscription-block-footer-button { min-width: 112px; max-width: 112px } .int-subscription-block .int-subscription-block-footer-text { padding-top: 16px; width: 100% } .int-subscription-block .int-subscription-block-header-image { width: 100%; max-width: 216px; margin-right: 10px; margin-bottom: 0 } .int-subscription-block .int-subscription-block-header-image img { width: 216px } .int-subscription-block .int-subscription-block-header-title,.int-subscription-block .int-subscription-block-header-text { text-align: left } .int-subscription-block .int-subscription-block-header-title { font-weight: 700; font-size: 28px; line-height: 1.2; margin: 0 0 12px 0 } .int-subscription-block .int-subscription-block-header-title.int-subscription-block-header-title--1 { display: none } .int-subscription-block .int-subscription-block-header-title.int-subscription-block-header-title--2 { display: block } .int-subscription-block .int-subscription-block-header-text { font-weight: 400; font-size: 12px; line-height: 16px } } @media only screen and (min-width: 1024px) { .int-subscription-block { padding:12px 24px } .int-subscription-block .int-subscription-block-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center } .int-subscription-block .int-subscription-block-image { display: flex } .int-subscription-block .int-subscription-block-image img { width: 293px } .int-subscription-block .int-subscription-block-info { width: 100% } .int-subscription-block .int-subscription-block-header-image { display: none } .int-subscription-block .int-subscription-block-header-title { font-size: 40px; line-height: 1.2 } .int-subscription-block .int-subscription-block-header-text { font-size: 12px; line-height: 16px; max-width: 470px } } @media only screen and (min-width: 1280px) { .int-subscription-block { padding:12px 24px } .int-subscription-block .int-subscription-block-image { display: flex; margin-right: 70px } .int-subscription-block .int-subscription-block-image img { min-width: 424px } } /* cta end */ /* faq */ .popular-requests__items { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .request-item { font-size: 12px; line-height: 1em; padding: 8px 14px; transition: .3s ease; text-decoration: none; text-transform: uppercase; color: #000; border: 1px solid #1c9aa2; border-radius: 3px; } .request-item:hover { text-decoration: none; color: #fff; background: #1c9aa2; } /* faq end */ /* footer */ /* ===== FOOTER VARIABLES ===== */ :root{ --footer-bg: #f8f9fc; /* ana arka plan */ --footer-text: #212529; /* koyu metin rengi */ --footer-muted: #6c757d; /* ikincil metin */ --footer-title: #000; /* baÅŸlık rengi */ --footer-link: #007bff; /* link hover rengi */ --footer-line: #ebedf3; /* dikey ayırıcı */ --footer-accent: #0084ff; /* sosyal ikon hover */ } /* ===== GENEL YAPI ===== */ .footer, .footer-end{ background:var(--footer-bg); color:var(--footer-text); font-size:.9375rem; /* 15px */ line-height:1.5; } .footer{border-bottom: 1px solid 1px solid #58626c;} .footer-end{background-color: #fff !important;} .footer__container, .footer-end__container{ padding-bottom:3rem; border-top:1px solid transparent; } /* ===== BÃœYÃœK EKRAN DÃœZENÄ° ===== */ @media (min-width:992px){ .footer__container{ display:flex; gap:2.5rem; } .footer__section{ flex:1 1 0; padding-right:2.5rem; display: flex; flex-direction: column; align-items: center; border-right:1px solid var(--footer-line); } .footer__section:last-child{border-right:none;} } /* ===== BAÅžLIKLAR ===== */ .footer-title{ font-size:1.25rem; /* 20px */ font-weight:700; margin-bottom:1rem; color:var(--footer-title); } /* ===== CONTACT BLOKLARI ===== */ .footer-contacts__item, .footer-contacts__title{ margin-bottom:.75rem; } .footer-contacts__icon{ width:18px; height:18px; margin-right:.5rem; fill:none; stroke:var(--footer-muted); stroke-width:1.6; } .footer-contacts__content a{ color:inherit; text-decoration:none; } .footer-contacts__content a:hover{color:var(--footer-link);} .footer-contacts mark a{color:inherit!important;text-decoration:underline;} /* ===== MENÃœ LÄ°STELERÄ° ===== */ .footer-menu__list, .footer-menu2__list{ list-style:none; padding:0; margin:0; width: 100%; display: flex; flex-direction: column; align-items: center; } .footer-menu__item, .footer-menu2__item{ margin-bottom:.4rem; } .footer-menu__link, .footer-menu2__link{ color:var(--footer-text); text-decoration:none; } .footer-menu__link:hover, .footer-menu2__link:hover{ color:var(--footer-link); } .footer-menu2__icon{ width:18px; height:18px; margin-right:.35rem; fill:none; stroke:var(--footer-muted); vertical-align:-3px; } /* ===== EMERGENCY CONTACT ===== */ .emergency-contact{ background:#fff; border:1px solid #ced4da; border-radius:.35rem; padding:1rem; margin-top:1.5rem; } .emergency-contact__note{ font-size:.8rem; color:var(--footer-muted); margin-bottom:.6rem; } .emergency-contact__icon .icon{ width:22px; height:22px; stroke:var(--footer-accent); } .emergency-contact__contact a{ font-size:1.15rem; font-weight:700; color:var(--footer-text); text-decoration:none; } .emergency-contact__contact a:hover{color:var(--footer-link);} /* ===== KUR Ä°NFO ===== */ .courses{ display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; } .course{ display:flex; align-items:center; gap:.25rem; } .course .icon{ width:18px; height:18px; stroke:var(--footer-muted); } /* ===== SOSYAL MEDYA ===== */ .social__list{ display:flex; gap:.5rem; list-style:none; padding:0; margin:.5rem 0; } .social__icon{ width:28px; height:28px; transition:opacity .2s ease; } .social__link:hover .social__icon{opacity:.75;} /* ===== FOOTER-END BLOKU ===== */ .footer-end__container{ padding-top:1.5rem; padding-bottom:1.5rem; display:flex; flex-wrap:wrap; align-items:center; gap:1rem; } .footer-end__left, .footer-end__center, .footer-end__right{ flex:1 1 auto; } .footer-end__left span{ display:inline-block; margin-right:.75rem; font-size:.8125rem; color:var(--footer-muted); } @media (min-width:576px){ .footer-end__center{ display:flex; justify-content:flex-end; } } .footer-end__center img{ max-width:240px; height:auto; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.2); } .footer-end__right iframe{ max-width:100%; border:0; } /* ===== MOBÄ°L AYARLAR ===== */ @media (max-width:991.98px){ .footer__section{ border:none; margin-bottom:2rem; } .footer-menu, .footer-menu2{ margin-bottom:1.5rem; } .social__list{justify-content:flex-start;} } .footer-copyright>a>span { font-size: 14px; line-height: 18px; display: block; width: 57px; height: 25px; margin: 0; padding: 0; color: #005580; background: url("/img/sisologo.webp"); } .footer-copyright { display: flex; gap: 10px; align-items: center; } @media (min-width: 992px) { .footer .footer__container, .footer-end .footer-end__container, .footer-end .footer__container-bottom { max-width: none; width: calc(100% - 130px); margin-left: 65px; margin-right: 65px; } } /* footer end */ /*faq*/ .features-wrapper.container{ background: #fff; border-radius: 1rem; overflow: hidden; } .columns { display: flex; flex-direction: column; gap: 2.5rem; } @media (min-width: 768px) { .columns { flex-direction: row; } } .column { flex: 1; padding: 1rem; } .column-header { font-size: 1.25rem; font-weight: 600; color: #374151; text-align: center; margin-bottom: 2rem; } /* Feature Item */ .feature-item { margin-bottom: 1rem; } .feature-toggle { display: flex; align-items: center; justify-content: space-between; background: #F3F4F6; border: 1px solid transparent; padding: 0.75rem 1rem; border-radius: 0.75rem; cursor: pointer; transition: border-color 0.3s ease; } .feature-toggle:hover { border-color: #4B5563; } .feature-icon-text { display: flex; align-items: center; gap: 0.75rem; } .icon-box { width: 2rem; height: 2rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; } .text-medium { color: #374151; font-weight: 500; } .arrow { width: 1.25rem; height: 1.25rem; color: #9CA3AF; transition: transform 0.3s ease; } .rotated { transform: rotate(180deg); } /* Content */ .feature-content { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease; margin: 0.5rem 1rem; font-size: 0.875rem; color: #4B5563; } .expanded { max-height: 200px; opacity: 1; } /* Button */ .detail-btn { background: #fff; color: #000; border: 1px solid #4B5563; padding: 0.5rem 1.25rem; border-radius: 0.75rem; font-weight: 500; cursor: pointer; transition: background 0.3s, color 0.3s; } .detail-btn:hover { background: #4B5563; color: #fff; } /*faq end*/ /*filter*/ .for-filter-part{ position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; } :root { --primary: #0d9488; /* teal tone */ --surface: #ffffff; --surface-muted: #f3f4f6; --border: #d1d5db; --radius: 0.5rem; } /* RESET BASICS ---------------------------------------------------- */ #mainslider h1 { margin-bottom: 2rem; text-align: center; color: #fff; font-style:italic; font-weight: 800; font-size: clamp(2.5rem, 6vw, 3.5rem); text-shadow: 0 0 10px black; letter-spacing: 0.02em; } /* FILTER WRAPPER -------------------------------------------------- */ .filter { width: 90%; max-width: 900px; background: #f5fafb; backdrop-filter: blur(6px); border-radius: 1.5rem; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .filter-row { display: flex; flex-direction: column; /* default – mobile */ } @media (min-width: 768px) { .filter-row { flex-direction: row; /* desktop – horizontal */ align-items: center; } } /* INDIVIDUAL FIELD ------------------------------------------------ */ .filter-item { position: relative; flex: 1 1 0; padding: 10px 25px; } .filter-item:not(:last-child) { box-shadow: 0 1px 2px -1px #707070; /* space between fields */ } .filter-label { display: block; font-size: 1rem; font-weight: 700; } .filter-input { width: 100%; padding: 0.5rem 0; border: none; background-color: transparent; font-size: 1rem; min-height: 37px; } .filter-input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.3); } /* AUTOCOMPLETE LIST ---------------------------------------------- */ #countryList { position: absolute; top: 100%; left: 0; right: 0; background: var(--surface); border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); max-height: 15rem; overflow-y: auto; z-index: 10; } #countryList li { padding: 0.5rem 1rem; cursor: pointer; list-style: none; } #countryList li:hover { background: var(--surface-muted); } /* TRAVELLER DROPDOWN --------------------------------------------- */ #travellersDisplay { padding-top: .4rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } #travellersBox { position: absolute; top: 100%; left: 0; right: 0; background: var(--surface); border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); padding: 1rem; z-index: 10; } .counter-btn { width: 2rem; height: 2rem; border: none; border-radius: 9999px; background: var(--primary); color: #fff; font-size: 1.25rem; line-height: 0; cursor: pointer; } .counter-btn:disabled { opacity: 0.4; cursor: not-allowed; } /* SEARCH BUTTON --------------------------------------------------- */ .search-btn { border: none; font-weight: 600; padding: 0.75rem 1rem; border-radius: 26px; font-size: 1rem; cursor: pointer; color:white; background: #f59e0b; /* yellow‑500 */ height:100%; } .search-btn:hover { background: #fbbf24; /* yellow‑400 */ } @media (min-width: 768px) { .search-btn { margin-left: 1rem; margin-right:10px; height: calc(2.5rem + 1rem); /* aligns vertically with inputs */ flex: 0 0 auto; } } /* UTILITY --------------------------------------------------------- */ .ve-field.d-vis.qc-reward,.ve-field.d-vis.qc-coupon{display:none !important;} .hidden { display: none !important; } /*filter end*/ /*product inner*/ .inner-submit-btn{ color: black; padding: 0.7em 1.7em; font-weight:700; font-size: 18px; border-radius: 0.5em; background: #f9f9f9; cursor: pointer; border: 1px solid #e8e8e8; width:100%; transition: all 0.3s; } .inner-submit-btn:active{ color: #666; box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff; } .inner-submit-btn:hover{ filter:brightness(70%); } .Intro_containerHeader__WgHBI{position: relative;z-index: 0;margin-top: 10px;} .Banner_wrapper__juJe3 { display: flex; flex-flow: column nowrap; width: 100%; margin: 0 auto 5rem; padding: 1.5rem .75rem; font-family: Gotham Pro, Open Sans, sans-serif; color: #1f264b; border: 1px solid #fff; border-radius: .5rem; background: url(https://static.sletat.ru/images/reisefuhrer/sportmaster/slider-banner/320.jpg) 50% no-repeat; background-size: cover; box-shadow: 0 2px 8px rgba(15, 85, 126, .04), 4px 4px 16px rgba(18, 102, 152, .08) } @media(min-width: 425px) { .Banner_wrapper__juJe3 { background: url(https://static.sletat.ru/images/reisefuhrer/sportmaster/slider-banner/768.jpg) 50% no-repeat; background-size: cover } } @media(min-width: 768px) { .Banner_wrapper__juJe3 { padding: 2.75rem 3.5rem 1.75rem } } @media(min-width: 960px) { .Banner_wrapper__juJe3 { padding: 2.75rem 3.25rem 2rem 4.5rem; background: url(https://static.sletat.ru/images/reisefuhrer/sportmaster/slider-banner/960.jpg) 50% no-repeat; background-size: cover } } @media(min-width: 1200px) { .Banner_wrapper__juJe3 { padding: 2.75rem; background: url(https://static.sletat.ru/images/reisefuhrer/sportmaster/slider-banner/1232.jpg) 50% no-repeat; background-size: cover } } .hbKVxL { position: relative; width: 100%; box-sizing: border-box; background-color: white; border-radius: 8px; margin-bottom: 0.5rem; padding: 1rem; } .iLuOry{ width: 1px; display: flex; background: rgb(161, 161, 161); -webkit-box-flex: 1; flex-grow: 1; } .sc-hIUJlX:last-child .iLuOry{display:none !important;} .sc-fxwrCY{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);} .fVfZAx { height: 24px; width: 24px; display: flex ; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; border: none; border-radius: 50%; color: rgb(61, 149, 251); background: none; transition: 0.3s; box-sizing: border-box; cursor: pointer; } .RPjSW { top: 1.25rem; left: 1rem; height: 100%; position: absolute; z-index: 1; display: flex ; flex-direction: column; -webkit-box-align: center; align-items: center; } .bMoERE { margin: 0.125rem 0px; width: 1rem; height: 1rem; background-color: rgb(61, 149, 251); border-radius: 50%; } .Banner_header__3rPwh { display: flex; align-items: flex-start; flex-flow: column nowrap; justify-content: flex-start; margin: 0 0 1.75rem } @media(min-width: 768px) { .Banner_header__3rPwh { margin: 0 0 2rem } } @media(min-width: 960px) { .Banner_header__3rPwh { margin: 0 0 2.625rem } } @media(min-width: 1200px) { .Banner_header__3rPwh { flex-flow: row nowrap; margin: 0 0 1.25rem } } .Banner_logo__l52Bg { order: 1; width: auto; height: 22px; margin: 0 0 1.5rem } @media(min-width: 768px) { .Banner_logo__l52Bg { width: unset; height: unset; margin: 0 0 2rem } } @media(min-width: 1200px) { .Banner_logo__l52Bg { order: 2; margin: 0 0 0 4.75rem } } .Banner_description__XEvqt { order: 2; margin: 0; font-size: 14px; line-height: 20px } @media(min-width: 768px) { .Banner_description__XEvqt { font-size: 20px; line-height: 28px } } @media(min-width: 1200px) { .Banner_description__XEvqt { order: 1; width: 54% } } .Banner_main___CgfX { display: flex; align-items: flex-start; flex-flow: column nowrap; justify-content: space-between; margin: 0 0 2.75rem } @media(min-width: 1200px) { .Banner_main___CgfX { flex-flow: row nowrap } } .Banner_title__CYz0n { order: 2; font-size: 24px; font-weight: 700; line-height: 28px } @media(min-width: 768px) { .Banner_title__CYz0n { order: 1; margin: 0 0 2.75rem; font-size: 32px; line-height: 40px } } @media(min-width: 960px) { .Banner_title__CYz0n { margin: 0 0 1.75rem } } @media(min-width: 1200px) { .Banner_title__CYz0n { order: 2; width: 46%; margin: 0; padding: 0 0 0 4.75rem } } .Banner_sliderContainer__KzKel { position: relative; order: 1; width: 100%; margin: 0 0 1rem } @media(min-width: 768px) { .Banner_sliderContainer__KzKel { order: 2; margin: 0 } } @media(min-width: 1200px) { .Banner_sliderContainer__KzKel { order: 1; width: 54% } } .Banner_sliderContainer__KzKel .swiper { height: 168px; margin: 0 } @media(min-width: 768px) { .Banner_sliderContainer__KzKel .swiper { height: unset } } .Banner_sliderContainer__KzKel .swiper .swiper-pagination { display: block; margin: 0 } @media(min-width: 768px) { .Banner_sliderContainer__KzKel .swiper .swiper-pagination { display: none } } .Banner_sliderContainer__KzKel .swiper .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin-right: .5rem } .Banner_sliderContainer__KzKel .swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #1f264b !important } .Banner_sliderContainer__KzKel .swiper-slide { width: 104px } @media(min-width: 768px) { .Banner_sliderContainer__KzKel .swiper-slide { width: unset } } .Banner_sliderContainer__KzKel .Banner_item__tlO9V { width: 104px; min-width: 104px; height: 123px; border-radius: .5rem; box-shadow: 0 2px 4px rgba(26, 130, 195, .08), 4px 4px 8px rgba(26, 130, 195, .1) } @media(min-width: 768px) { .Banner_sliderContainer__KzKel .Banner_item__tlO9V { width: unset; height: unset } } .Banner_sliderContainer__KzKel .Banner_button__KXhm_ { display: none } @media(min-width: 768px) { .Banner_sliderContainer__KzKel .Banner_button__KXhm_ { position: absolute; z-index: 4; top: 50%; display: block; padding: 0; cursor: pointer; border: none; background-color: transparent; transform: translateY(-50%) } } .Banner_sliderContainer__KzKel .Banner_prevEl__1Agcb { left: -20px } .Banner_sliderContainer__KzKel .Banner_nextEl__H2fWr { right: -28px } .Banner_footer__LoHOF { width: 100%; font-size: 12px; line-height: 16px; color: #a1a1a1 } @media(min-width: 1200px) { .Banner_footer__LoHOF { width: 54%; max-width: 54% } } .BackToTripsPageButton_backBtn__Ht0aY { padding: 0; font: inherit; color: inherit; border: none; background-color: transparent; min-width: 56px; cursor: pointer; color: #fff; text-decoration: none } .BackToTripsPageButton_backBtn__title__iR5tW { font-size: .75rem; font-weight: 400; line-height: 1.33; margin: 0 0 0 8px } .Intro_containerHeader__WgHBI { width: 100%; min-width: 320px; max-width: 1280px; margin: 10px auto 0 auto; padding: 0 } @media(min-width: 960px) { .Intro_containerHeader__WgHBI { padding: 0 .625rem } } @media(min-width: 1200px) { .Intro_containerHeader__WgHBI { padding: 0 1.5rem } } .Intro_header__Nv9Ey { width: 100%; height: auto; min-height: 357px; margin: 0 auto; border-radius: 0 } @media(min-width: 1200px) { .Intro_header__Nv9Ey { border-radius: .5rem } } .Intro_content__pSDMG { min-width: 296px; max-width: calc(100% - 24px); margin: 10px 10px 10px 10px; display: flex; align-items: center; flex-flow: column nowrap; height: 100%; min-height: 357px; padding: 12px 12px 16px } @media(min-width: 768px) { .Intro_content__pSDMG { max-width: calc(100% - 40px) } } @media(min-width: 1200px) { .Intro_content__pSDMG { max-width: 1232px } } @media(min-width: 768px) { .Intro_content__pSDMG { padding: 24px 40px 80px } } @media(min-width: 960px) { .Intro_content__pSDMG { padding: 24px 32px 80px } } @media(min-width: 1200px) { .Intro_content__pSDMG { max-width: 1264px; padding: 24px 104px 80px } } .Intro_title__k8RJp { font-size: 1.25rem; line-height: 1.2; font-weight: 800; text-transform: uppercase; display: flex; align-items: center; flex: 1 0 auto; flex-flow: row nowrap; justify-content: center; width: 100%; margin: 0; text-align: center; color: #fff; text-shadow: 3px 0 5px rgba(0, 0, 0, .3) } @media(min-width: 768px) { .Intro_title__k8RJp { font-size: 2.5rem; line-height: 1.2; font-weight: 800; letter-spacing: .02em; text-transform: uppercase } } .Intro_navigation__pasG0 { display: flex; align-items: flex-start; flex-flow: column nowrap; width: 100%; margin: 0 0 24px; gap: 12px } @media(min-width: 768px) { .Intro_navigation__pasG0 { flex-flow: row nowrap; margin: 0 0 40px; gap: 0 } } .CallMeBack_callMeBack__tK5MC { width: 100%; background-color: #fff; margin-bottom: 96px; margin-top: 50px } @media(max-width: 700px) { .CallMeBack_callMeBack__tK5MC { margin-bottom: 40px; padding-top: 40px } } .CopiedBtn_container__UcrVh { position: relative; background: none; border: none; cursor: pointer } .ComplexityCircle_circle__o1sY5 { display: inline-block; border-radius: 50%; border: 1px solid #3d95fb; background: none; margin-right: 2px } .ComplexityCircle_circleFilled__4fMwd { background-color: #3d95fb } .BuyProvider_providerContainer__mufBm { display: flex; flex-flow: column nowrap; width: 100%; margin: 0 0 2.5rem; padding: .75rem; color: #313140; border-radius: 8px; background: #fff } @media(min-width: 768px) { .BuyProvider_providerContainer__mufBm { flex-flow: row wrap; padding: 1rem } } @media(min-width: 960px) { .BuyProvider_providerContainer__mufBm { flex-flow: column nowrap; margin: 0 } } .BuyProvider_providerContainerHeaderItem__rvxJu { display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; width: 100%; margin: 0 0 .25rem } .BuyProvider_providerContainerItem__BRAik { display: flex; flex-flow: column nowrap; justify-content: space-between; width: 100% } @media(min-width: 768px) { .BuyProvider_providerContainerItem__BRAik { flex-flow: row nowrap } } @media(min-width: 960px) { .BuyProvider_providerContainerItem__BRAik { flex-flow: column nowrap; width: 100% } } .BuyProvider_providerContainerItem__BRAik:not(:last-child) { margin: 0 0 1rem } .BuyProvider_providerContainerItemHalf___IdIJ { flex-flow: column nowrap; width: 100% } @media(min-width: 768px) { .BuyProvider_providerContainerItemHalf___IdIJ { width: 50% } } @media(min-width: 960px) { .BuyProvider_providerContainerItemHalf___IdIJ { width: 100% } } .BuyProvider_providerContainerItemEnd__cGZdM { align-items: flex-end } .BuyProvider_subItem__ueUjr { width: 100% } .BuyProvider_subItemFullWidth__wcSZQ { display: flex; align-items: flex-start; flex-flow: row wrap; justify-content: space-between; width: 100% } .BuyProvider_subItemFullWidth__wcSZQ .BuyProvider_pointContainerNote__SwTAQ { width: 100% } @media(min-width: 768px) { .BuyProvider_subItemFullWidth__wcSZQ .BuyProvider_pointContainerNote__SwTAQ { width: 50% } } @media(min-width: 960px) { .BuyProvider_subItemFullWidth__wcSZQ .BuyProvider_pointContainerNote__SwTAQ { width: 100% } } .BuyProvider_title___STy_ { font-size: 1.25rem; font-weight: 600; line-height: 1.2; width: 100%; margin: 0 0 1.5rem } @media(min-width: 960px) { .BuyProvider_title___STy_ { margin: 0 0 .5rem } } @media(min-width: 1200px) { .BuyProvider_title___STy_ { margin: 0 0 1rem } } .BuyProvider_subTitle__b6mvz { font-size: .875rem; font-weight: 600; line-height: 1.14; margin: 0 .5rem 0 0 } .BuyProvider_subTitleNote__MV_Tp { font-size: .875rem; font-weight: 600; line-height: 1.14; display: flex; align-items: center; flex-flow: row nowrap; justify-content: flex-start; margin: 0 1rem 0 0; color: #a1a1a1 } .BuyProvider_iconSubTitleNote__mOpCL { display: inline-block; width: 18px; height: 18px; margin: 0 .25rem 0 0; color: #3d95fb } .BuyProvider_text__VnhIL { font-size: 1rem; font-weight: 400; line-height: 1.25; margin: 0 } .BuyProvider_pointContainerNote__SwTAQ, .BuyProvider_pointContainer__kaMEM { display: flex; align-items: center; flex-flow: row wrap; justify-content: flex-start; row-gap: .5rem } .BuyProvider_pointContainerNote__SwTAQ:not(:last-child) { margin: 0 0 .5rem } .BuyProvider_pointContainer__kaMEM:not(:last-child) { margin: 0 0 .75rem } .BuyProvider_difficultyContainer__Yv80N { display: flex; align-items: center; flex-flow: row nowrap; justify-content: flex-start; width: 100%; gap: .2rem } .BuyProvider_socialLinks__UQLND { display: flex; align-items: center; flex-flow: row nowrap; justify-content: flex-end; gap: .25rem } .BuyProvider_price__M8Ish { position: relative; display: flex; align-items: flex-start; flex-flow: column nowrap; justify-content: flex-start; margin: 0 0 .75rem; gap: .125rem } @media(min-width: 768px) { .BuyProvider_price__M8Ish { margin: 0 } } @media(min-width: 960px) { .BuyProvider_price__M8Ish { align-items: center; flex-flow: row wrap; justify-content: space-between; margin: 0 0 .75rem } } @media(min-width: 1200px) { .BuyProvider_price__M8Ish { flex-flow: column nowrap; justify-content: center } } .BuyProvider_currentPrice__s8SRq { display: flex; align-items: flex-end; flex: 1 1 auto; flex-flow: row nowrap; justify-content: flex-end } .BuyProvider_priceAmount__iOOpw { font-size: 2rem; font-weight: 700; line-height: 1.25; margin: 0 .25rem 0 0; white-space: nowrap; color: #3d95fb } .BuyProvider_iconPricePerPerson__mqyGY { color: #a1a1a1 } .GeneratePdfButton_pdfBtn__nPZsl { position: relative; cursor: pointer; border: none; background: none } .GeneratePdfButton_pdfBtn__nPZsl:disabled { pointer-events: none } .GroupType_tourParam__29Ywe { font-size: .75rem; font-weight: 400; line-height: 1.33; display: flex; align-items: center; flex-flow: row nowrap; justify-content: flex-start; width: auto; max-width: -moz-max-content; max-width: max-content; height: 24px; padding: .25rem .5rem; border-radius: 4px; background: #f3f9ff } .GroupType_tourParam__29Ywe .GroupType_groupSize__0NV6X { font-size: .625rem; font-weight: 400; line-height: 1.2; color: #3d95fb } .GroupType_tourParamIcon__ldcqW { display: flex; align-items: center; flex-flow: row nowrap; height: 16px; margin: 0 0 0 .5rem } .SlotDate_text__DUY1o { font-size: 1rem; font-weight: 400; line-height: 1.25; width: 100% } .SlotDate_weekDay__kykTy, .SlotDate_weekEndDay__Wtg4_ { font-size: .75rem; font-weight: 600; line-height: 1.33; letter-spacing: .75px; text-transform: uppercase } .SlotDate_weekDay__kykTy { color: #a1a1a1 } .SlotDate_weekEndDay__Wtg4_ { color: #fb4242 } .TourTags_inlineTags__f31Ch { margin-bottom: .5rem; color: #a1a1a1; font-size: .75rem; font-weight: 400; line-height: 1.33 } .SectionHeading_heading__gr7ht { font-size: 1.25rem; font-weight: 600; line-height: 1.2; margin: 0 0 1.5rem; color: #313140 } @media(min-width: 768px) { .SectionHeading_heading__gr7ht { font-size: 2rem; font-weight: 600; line-height: 1.25; margin: 0 0 2.5rem } } @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-wrapper { transform: translateZ(0) } .swiper-pointer-events { touch-action: pan-y } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } :root { --swiper-navigation-size: 44px } .swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 10 } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2) } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) } .Description_container__03LQl { margin: 0 0 2.5rem } .diller:not(:last-child)::after{ content:","; } @media(min-width: 1200px) { .Description_container__03LQl { margin: 0 0 5rem } } .Description_description__oLi49 table{width:100%!important;margin:0 !important;} .Description_description__oLi49 { font-size: 1rem; font-weight: 400; line-height: 1.25; line-height: 145%; color: #313140 } .Description_description__oLi49 p { margin: 0; padding-top: .5rem; padding-bottom: .5rem } .DetailItem_container__wxfn9 { font-size: .875rem; font-weight: 400; line-height: 1.3; display: flex; align-items: flex-start; flex-flow: column nowrap; justify-content: space-between; padding: .75rem; color: #313140; border-radius: 8px; background: #fff; box-shadow: none } @media(min-width: 768px) { .DetailItem_container__wxfn9 { padding: 1rem } } @media(min-width: 1200px) { .DetailItem_container__wxfn9 { flex-flow: row nowrap } } .DetailItem_container__wxfn9:not(:last-child) { margin: 0 0 .5rem } .DetailItem_container__wxfn9 p, .DetailItem_container__wxfn9 ul { margin: 0; padding-top: .5rem; padding-bottom: .5rem } .DetailItem_container__wxfn9 li { padding-top: .25rem; padding-bottom: .25rem } .DetailItem_title__JCxvU { font-size: 1rem; font-weight: 600; line-height: 1.25; width: 100%; margin: 0 0 .5rem; white-space: pre-wrap } @media(min-width: 768px) { .DetailItem_title__JCxvU { margin: 0 0 1rem } } @media(min-width: 1200px) { .DetailItem_title__JCxvU { width: 25%; margin: 0 1rem 0 0 } } .DetailItem_content__2QGa_ { width: 100% } @media(min-width: 1200px) { .DetailItem_content__2QGa_ { width: 75% } } .DetailItem_text__raMdF { overflow: hidden; line-height: 145% } .DetailItem_text__raMdF p, .DetailItem_text__raMdF ul { padding-top: .5rem; padding-bottom: .5rem } .DetailItem_text__raMdF li { padding-top: .25rem; padding-bottom: .25rem } .Details_container__rack5 { margin: 0 0 2.5rem } @media(min-width: 768px) { .Details_container__rack5 { margin: 0 0 5rem } } .Gallery_container__sdPr7 { position: relative; display: flex; margin: 0 0 1rem } .Gallery_container__sdPr7 .Gallery_mainPhoto__PSfn0 { overflow: hidden; width: 85%; max-height: 470px; cursor: pointer; border-radius: 8px; transition: all .1s ease-in-out } .Gallery_container__sdPr7 .Gallery_mainPhoto__PSfn0:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, .3); transform: scale(1.01) } .Gallery_container__sdPr7 .Gallery_mainPhoto__PSfn0 img { width: 100%; height: 100%; border-radius: 8px; -o-object-fit: cover; object-fit: cover } .Gallery_container__sdPr7 .Gallery_secondaryPhotos__87l98 { display: flex; flex-direction: column; justify-content: flex-start; width: 30%; max-height: 470px; padding-left: 1.25rem; border-radius: 8px } .Gallery_container__sdPr7 .Gallery_secondaryPhoto__Xlvef { position: relative; overflow: hidden; min-height: 143px; max-height: 143px; cursor: pointer; border-radius: 8px; transition: all .1s ease-in-out } .Gallery_container__sdPr7 .Gallery_secondaryPhoto__Xlvef:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, .3); transform: scale(1.01) } .Gallery_container__sdPr7 .Gallery_secondaryPhoto__Xlvef img { width: 100%; height: 100%; border-radius: 8px; -o-object-fit: cover; object-fit: cover } .Gallery_container__sdPr7 .Gallery_secondaryPhoto__Xlvef:not(:last-child) { margin-bottom: 20px } .Gallery_container__sdPr7 .Gallery_previewOverlay__VCbEw { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; border-radius: 8px; background: rgba(0, 0, 0, .3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px) } .Gallery_container__sdPr7 .Gallery_previewOverlayCount__tF2QG { font-size: 1rem; font-weight: 400; line-height: 1.25; color: #fff } @media (max-width: 1200px){ .mobile_nav.btn-menu { display: block !important; } } @media(max-width: 1280px) { .Gallery_container__sdPr7 .Gallery_secondaryPhotos__87l98 { padding-right: 0 } .Gallery_container__sdPr7 .Gallery_secondaryPhoto__Xlvef { min-height: 143px; max-height: unset } } @media(max-width: 768px) { .Gallery_container__sdPr7 { flex-direction: column; order: 2 } .Gallery_container__sdPr7 .Gallery_mainPhoto__PSfn0 { width: 100%; margin-bottom: .5rem; border-radius: 8px; -o-object-fit: cover; object-fit: cover } .Gallery_container__sdPr7 .Gallery_secondaryPhotos__87l98 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 0; border-radius: 8px } .Gallery_container__sdPr7 .Gallery_secondaryPhoto__Xlvef { position: relative; width: 32%; height: 143px } } @media(max-width: 576px) { .Gallery_container__sdPr7 { min-height: 300px } .Gallery_container__sdPr7 .Gallery_mainPhoto__PSfn0 { position: absolute; right: 0; bottom: 0; width: 48%; height: 143px; margin-bottom: 0; border-radius: 8px } .Gallery_container__sdPr7 .Gallery_secondaryPhoto__Xlvef { width: 48% } } .IncludedBlock_container__urwxy { width: 100%; margin: 0 0 2.5rem } @media(min-width: 768px) { .IncludedBlock_container__urwxy { margin: 0 0 5rem } } .IncludedBlock_title__nv8Vt { font-size: 1.25rem; font-weight: 600; line-height: 1.2; margin: 0 0 1.5rem; color: #313140 } @media(min-width: 768px) { .IncludedBlock_title__nv8Vt { font-size: 2rem; font-weight: 600; line-height: 1.25; margin: 0 0 2.5rem } } .IncludedBlock_mainContent__uxGrC { display: flex; flex-flow: column nowrap; justify-content: space-between; gap: .5rem } @media(min-width: 1200px) { .IncludedBlock_mainContent__uxGrC { flex-flow: row nowrap } } .IncludedBlock_listContainer__u_8a_ { display: flex; flex: 1 1; flex-flow: column nowrap; padding: 1rem 1rem 1.5rem; border-radius: .5rem; background: #fff; box-shadow: none } .tesdiq li,.inkar li{margin-bottom:7px;} .tesdiq ul span,.inkar ul span{display:block;margin-left:3px;} .tesdiq ul,.inkar ul{margin-left:8px;padding:0;} .tesdiq li::marker{ /* Unicode ✓ iÅŸarÉ™si */ content: "\2713"; /* rÉ™ng, ölçü vÉ™ yerləşmÉ™ istÉ™yÉ™ görÉ™ */ color: green; font-size: 1rem; } .inkar li::marker{ /* Unicode ✗ iÅŸarÉ™si */ content: "\2717"; color: red; font-size: 1rem; } .IncludedBlock_listItem__I5Y2R { font-size: .875rem; font-weight: 400; line-height: 170% !important; display: flex; align-items: baseline; color: #313140 } @media(min-width: 768px) { .IncludedBlock_listItem__I5Y2R { font-size: 1rem; font-weight: 400; line-height: 1.25 } } .IncludedBlock_listItem__I5Y2R:not(:last-child) { margin: 0 0 .75rem } .IncludedBlock_listItem__I5Y2R p { margin: 0 } .IncludedBlock_listTitle__8q9G4 { font-size: 1rem; font-weight: 600; line-height: 1.25; margin: 0 0 1rem } @media(min-width: 768px) { .IncludedBlock_listTitle__8q9G4 { font-size: 1.25rem; font-weight: 600; line-height: 1.2 } } .IncludedBlock_iconWrapper__ur4KZ { width: 1rem; height: 1rem; margin: 0 .5rem 0 0; display: flex; justify-content: center; flex-shrink: 0; align-items: center; background: #a1a1a1; border-radius: 50% } .IncludedBlock_iconWrapperColorful__xb3vF { background: #5bc200 } .IncludedBlock_icon___SsJR { width: 8px; height: 8px; font-size: .6rem; color: #fff } .ProgramDetails_details__zgCXc { padding: 1rem .75rem .75rem } @media(min-width: 768px) { .ProgramDetails_details__zgCXc { padding: 1rem } } .ProgramDetails_detailsText__GpyhA span{ font-family:"Montserrat" !important; } .ProgramDetails_detailsText__GpyhA { font-size: .875rem; font-weight: 400; line-height: 1.3; line-height: 145% } .ProgramDetails_detailsText__GpyhA p, .ProgramDetails_detailsText__GpyhA ul { margin: 0; padding-top: .5rem; padding-bottom: .5rem } .ProgramDetails_detailsText__GpyhA li { padding-top: .25rem; padding-bottom: .25rem } .ProgramDetails_detailsText__GpyhA li::marker { color: #3d95fb } @media(min-width: 768px) { .ProgramDetails_detailsText__GpyhA { padding: 0 0 0 4.7rem } } .ProgramDetails_details__zgCXc p, .ProgramDetails_details__zgCXc ul { display: block; margin: 0 } .ProgramDetails_details__zgCXc p:last-child { margin: 0 } .gUwdyk{display:flex;margin-left:10px;gap:10px} summary::marker{color:white;} .ProgramSummary_summary__Cz_0S { display: flex; align-items: baseline; flex-direction: column; min-height: auto; margin: 0; padding: 0; cursor: pointer; border-radius: 8px } @media(min-width: 768px) { .ProgramSummary_summary__Cz_0S { align-items: baseline; flex-direction: row } } .ProgramSummary_summaryBadge__1MmFH { margin-left: 10px; font-size: 1rem; font-weight: 700; line-height: 1.25; display: flex; align-items: center; flex-flow: row nowrap; justify-content: center; width: 5rem; min-width: 5rem; max-width: 5rem; height: 1.75rem; margin-right: 10px; padding: .25rem .5rem; white-space: nowrap; color: #3d95fb; border-radius: 4px; background-color: #f3f9ff; margin-bottom: .625rem } @media(min-width: 768px) { .ProgramSummary_summaryBadge__1MmFH { align-items: flex-start; flex-direction: row; margin-bottom: 0 } } .ProgramSummary_summaryTitle__S_cEe { font-size: 1rem; font-weight: 600; line-height: 1.25 } .Programs_container__p3o6h { width: 100%; margin: 0 0 2.5rem } .Programs_container__p3o6h summary { padding: 0 0 0 .75rem } @media(min-width: 768px) { .Programs_container__p3o6h { margin: 0 0 5rem } .Programs_container__p3o6h summary { padding: 0 } } .Programs_oneDayTrip__R7gZP li::marker { color: #3d95fb } .TransparentTag_container__utzSE { font-size: .75rem; line-height: 1.33; font-weight: 400; position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: .25rem .5rem; color: inherit; border: 1px solid #e6e6e6; border-radius: .25rem } .TransparentTag_container__utzSE .TransparentTag_icon__aHVJ0 { display: flex; align-items: center; justify-content: center; min-width: 1.25rem; height: 1rem; margin-right: .25rem; line-height: 1; color: #3d95fb } .TourShortInfo_tagsContainer__JtqN4 { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 1rem; cursor: default; gap: .5rem } .TourShortInfo_tagItem__7Y2K_ { background: #fff } .MainContent_containerBase__uQhQo { width: 100%; min-width: 320px; max-width: 1280px; margin: 0 auto; padding: 0 .625rem } @media(min-width: 768px) { .MainContent_containerBase__uQhQo { padding: 0 1.5rem } } @media(min-width: 960px) { .MainContent_containerBase__uQhQo { padding: 0 .625rem } } @media(min-width: 1200px) { .MainContent_containerBase__uQhQo { padding: 0 1.5rem } } .MainContent_pageContent__7SrRc { display: flex; align-items: flex-start; flex-flow: column nowrap; justify-content: flex-start; margin: 0 0 2.5rem } @media(min-width: 960px) { .MainContent_pageContent__7SrRc { flex-flow: row nowrap; margin: 0 0 5rem } } .MainContent_buyProvider__kN1vk { position:sticky; top:121px; } @media(min-width: 960px) { .MainContent_buyProvider__kN1vk { top: calc(3.125rem + 76px); left: 0; display: block; width: 360px; min-width: 360px; margin: 0; border-radius: .5rem; box-shadow: 0 2px 8px rgba(15, 85, 126, .04), 4px 4px 16px rgba(18, 102, 152, .08) } } @media(min-width: 984px) { .MainContent_buyProvider__kN1vk { top: 106px } } @media(min-width: 1200px) { .MainContent_buyProvider__kN1vk { width: 376px; min-width: 376px } } .MainContent_mainContent__GQEeF { width: 100% } @media(min-width: 960px) { .MainContent_mainContent__GQEeF { width: calc(100% - 360px); margin-right: 2.5rem } } @media(min-width: 1200px) { .MainContent_mainContent__GQEeF { width: calc(100% - 376px) } } .MainContent_buyProviderContainer__0nSwQ { display: block } @media(min-width: 960px) { .MainContent_buyProviderContainer__0nSwQ { display: none } } .NavBar_container__5wzPq { width: 100%; min-width: 320px; max-width: 1280px; padding: 0; position: sticky; z-index: 5; top: 0; left: 0; margin: 1.5rem auto } @media(min-width: 960px) { .NavBar_container__5wzPq { padding: 0 .625rem } } @media(min-width: 1200px) { .NavBar_container__5wzPq { padding: 0 1.5rem } } @media(max-width: 983px) { .NavBar_container__5wzPq { top: 0 } } .NavBar_content__LZkO1 { border-collapse: collapse; text-decoration: none; list-style: none; display: flex; overflow: auto; align-items: center; flex-flow: row nowrap; margin: 0 auto; padding: .75rem; white-space: nowrap; cursor: default; border-radius: .5rem; background-color: #fff; box-shadow: 0 2px 8px rgba(15, 85, 126, .04), 4px 4px 16px rgba(18, 102, 152, .08); gap: .5rem } .NavBar_content__LZkO1::-webkit-scrollbar { width: 5px } .NavBar_content__LZkO1::-webkit-scrollbar-track { border-radius: 10px; background: #e3e3e3 } .NavBar_content__LZkO1::-webkit-scrollbar-thumb { width: 5px; height: 29px; border-radius: 10px; background: #b4bcc3 } @media(max-width: 983px) { .NavBar_content__LZkO1 { scrollbar-width: none; -ms-overflow-style: none } .NavBar_content__LZkO1::-webkit-scrollbar { display: none } } .NavBar_link__YXhUz { font-size: 1rem; font-weight: 600; line-height: 1.25; display: block; padding: .25rem .5rem; text-decoration: none; color: #313140; border-radius: .25rem } .NavBar_link__YXhUz:hover { background: #f3f9ff } .NavBar_link__YXhUz:active { color: #3d95fb; background: transparent } .TourBreadcrumbs_root__mZeEd { font-size: .75rem; line-height: 1.33; font-weight: 400; width: 100%; padding: 0; text-align: center; color: #fff } @media(min-width: 768px) { .TourBreadcrumbs_root__mZeEd { width: calc(100% - 112px); padding: 0 12px } } .TourBreadcrumbs_root__mZeEd .TourBreadcrumbs_link__ekNqu { text-decoration: none; color: #fff } .TourBreadcrumbs_separator__vEYEP { display: inline-block; margin: 0 4px } a.Button_price__lbnpH:not(:disabled):hover, button.Button_price__lbnpH:not(:disabled):hover { background-color: #ff8900 } .swiper-pagination { position: absolute; bottom: 10px; z-index: 100; display: flex; width: 95%; margin-right: 10px; margin-left: 10px } .swiper-pagination-bullet { flex-shrink: 0 } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1) !important; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .ya-share2__link_more-button-type_short { background-color: transparent !important } .ya-share2__icon_more { color: transparent !important; background-image: url("data:image/svg+xml;utf8,") !important } a.Header_leaveFeedbackBtn__Rhlwk { margin-left: auto; background-color: transparent } @media(max-width: 576px) { a.Header_leaveFeedbackBtn__Rhlwk { margin-bottom: 1.5rem; margin-left: 0 } } .Header_title__DD2uL { display: flex; align-items: baseline; margin-bottom: 2.5rem } @media(max-width: 576px) { .Header_title__DD2uL { flex-direction: column; margin-bottom: .5rem } } .Header_titleWrapper__LZDlJ { display: flex; align-items: center } .Header_titleWrapper__LZDlJ h2 { margin-right: 1.5rem; margin-bottom: 0 } @media(max-width: 576px) { .Header_titleWrapper__LZDlJ { margin-bottom: 1rem } } .NoFeedbacksMessage_container__49nKb { display: flex; align-items: center; width: 100%; margin-top: 1.5rem; padding: 1rem; border-radius: 8px; background-color: #fff } .NoFeedbacksMessage_img__Ay2Zo { width: 86px; height: 86px; margin-right: 1rem } .NoFeedbacksMessage_textWrapper__FEGEU { display: flex; flex-direction: column } .NoFeedbacksMessage_title__6pIJ_ { margin: 0 0 .75rem; font-size: 1rem; font-weight: 600; line-height: 1.25 } .NoFeedbacksMessage_caption__oCz6W { margin: 0; font-size: .75rem; font-weight: 400; line-height: 1.33 } .Feedbacks_container__ABLX4 { display: flex; flex-direction: column; width: 100%; margin-top: 2.5rem; margin-bottom: 2.5rem } /* Xarici qutu */ .guest-box{width:100%;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;user-select:none;} .guest-box__head{display:flex;justify-content:space-between;padding:.75rem 1rem;align-items:center} .guest-box__head svg{transition:.3s} .guest-box.open .guest-box__head svg{transform:rotate(180deg)} .guest-drop .btn{ max-width: 33.6px !important; padding: 10px !important; width: 100%; min-width: 33.6px; } /* Drop */ .guest-box .guest-drop{display:none;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:1rem;background:#fff;line-height:1.4} .guest-box.open .guest-drop{display:block;} .guest-box .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;row-gap:0} .guest-box .row:last-child{margin-bottom:0} .guest-box .row__labels span:first-child{font-weight:600} .guest-box .row__labels small{font-size:.8rem;color:#555} .guest-box .counter{display:flex;align-items:center;gap:.5rem} .guest-box .btn{height:var(--icon-size);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--icon-bg);cursor:pointer;} .guest-box .btn:disabled{background:var(--icon-disabled);cursor:not-allowed} .guest-box .note{font-size:.8rem;color:#666;margin-top:.75rem} .guest-box .close-link{display:block;text-align:right;margin-top:1rem;font-size:.9rem;color:#007bff;text-decoration:none} /*product inner end */ /*login register*/ .ToggleButtonText_button__nHVwf { background-color: #edf1f7; padding: 4px; width: 100%; border-radius: 8px } .dVvSaP { background: transparent; color: rgb(61, 149, 251); border: 1px solid rgb(61, 149, 251); font-size: 0.75rem; line-height: 1.33; font-weight: 600; padding: 10px 20px; height: 40px; } .ToggleButtonText_knobs__FIrCJ { display: flex; align-items: stretch } @media(max-width: 700px) { .ToggleButtonText_knobs__FIrCJ { flex-direction:column } } .ToggleButtonText_label__ccysQ { border-radius: 9px; cursor: pointer; background-color: transparent; border: 0; padding: 11px; font-size: 16px; font-weight: 600; line-height: 1; text-align: center; color: #231f20; width: 50%; transition: background-color .3s linear,color .3s linear } .ToggleButtonText_label__ccysQ:hover { background-color: rgba(61,149,251,.1) } .ToggleButtonText_label__ccysQ.ToggleButtonText_active__s4Mnj { color: #fff; background-color: #3d95fb } @media(max-width: 700px) { .ToggleButtonText_label__ccysQ { width:100%; font-size: 14px } } .Register_title__PKbzo { font-size: 32px; font-weight: 700; line-height: 40px; text-align: center; margin-bottom: 12px } .Register_text__nGXp5 { font-size: 14px; font-weight: 500; line-height: 18px; text-align: center; margin-bottom: 24px } .Register_input__yZx_9 { margin-bottom: 10px } button.Register_submit__209Nf { margin: 1px 0; width: 100%; font-size: 16px; font-weight: 800; line-height: 20px; text-align: center; height: 56px } button.Register_change__DClPi { width: 100%; height: 40px } .Register_checkbox__1YqVX { font-size: 12px; font-weight: 500; line-height: 16px; text-align: left; display: block; margin-left: 10px } .Register_checkbox__1YqVX a { color: #f47535 } .Register_checkbox__1YqVX a:hover { text-decoration: underline } .Register_toggle__6OGvo { margin-bottom: 24px } @media(max-width: 700px) { .Register_toggle__6OGvo>* { flex-direction:row } } .Register_checkbox_container__eYdaG { margin-top: 15px } .UserAuth_root__Gr4Qe { padding: 32px 0 64px; background-color: #edf1f7 } .UserAuth_root_wrap__nDjPS { width: 100%; max-width: 504px; background: #fff; border-radius: 8px; box-shadow: 4px 4px 16px 0 rgba(18,102,152,.078),0 2px 8px 0 rgba(15,85,126,.039); padding: 32px; margin: 0 auto } @media(max-width: 700px) { .UserAuth_root_wrap__nDjPS { padding:32px 16px } } .UserAuth_box__ydemu { width: 100%; margin: 0 auto; max-width: 360px } @media(max-width: 700px) { .UserAuth_box__ydemu { max-width:100% } } button.Button_btn__eG9Nz { height: auto; padding: 8px 16px; border-radius: 8px; font-size: 12px; font-weight: 800; line-height: 16px } button.Button_btn__eG9Nz:hover:before { transform: translateX(-50%) translateY(-25%) scale(1.5) } button.Button_btn__eG9Nz:before { transition: all .3s linear } button:not(.Button_outline__w4aT4).Button_btn__eG9Nz { background-color: #3d95fb; border: 1px solid #3d95fb; color: #fff } button:not(.Button_outline__w4aT4).Button_btn__eG9Nz:before { background-color: #519ef6 } button:not(.Button_outline__w4aT4).Button_btn__eG9Nz.Button_second__8wKFr { background-color: #f47535; border-color: #f47535; color: #fff } button:not(.Button_outline__w4aT4).Button_btn__eG9Nz.Button_second__8wKFr:before { background-color: #fa8449 } a.Button_price__lbnpH:not(:disabled):hover,button.Button_price__lbnpH:not(:disabled):hover { background-color: #ff8900 } button.Button_btn__eG9Nz:disabled { opacity: .5!important } .PhoneField_input__pcrnL { position: relative; display: block } .PhoneField_inputWrapper__HDiRP { position: relative } .PhoneField_phone__ju8iu { width: 100%; height: 40px; padding: 12px; background: #fff; border: 1px solid #e6e6e6; border-radius: 8px; box-sizing: border-box; outline: none; font-family: Open Sans,sans-serif; font-size: .875rem; line-height: 1.14; font-weight: 400; text-overflow: ellipsis; color: #313140; caret-color: #3d95fb; resize: none; transition: border .3s linear,box-shadow .3s linear } .PhoneField_phone__ju8iu:not(.PhoneField_default__t99uJ)::-moz-placeholder { color: transparent } .PhoneField_phone__ju8iu:not(.PhoneField_default__t99uJ):-ms-input-placeholder { color: transparent } .PhoneField_phone__ju8iu:focus { box-shadow: 0 2px 8px rgba(15,85,126,.04),4px 4px 16px rgba(18,102,152,.08); border-color: #3d95fb } .PhoneField_phone__ju8iu:focus::-moz-placeholder { color: #a1a1a1 } .PhoneField_phone__ju8iu:focus:-ms-input-placeholder { color: #a1a1a1 } .PhoneField_label__VRmAn { position: absolute; top: 9px; left: 12px; font-size: .875rem; color: #a1a1a1; transition: all .4s ease } /*login register end*/ /*account inner*/ .account_inner a{color:black;} .account_list{ background:#fff; } .account_list ul li{ padding: 15px 0; margin: 0 20px; border-bottom:1px solid #ddd; } .account_list .icon { width: 22px; height: 22px; color: #571dae; fill: #571dae; margin-right: 10px; } .account_list ul li a{ font-weight:500; font-size:16px; } /*account inner end*/ /*about inner*/ .team-section{ border-radius:20px; overflow:hidden; /* keeps corners rounded */ padding:40px 0; background:linear-gradient(135deg,#0d0d0d 0%,#111 25%,#0d0d0d 50%,#111 75%,#0d0d0d 100%); background-size:400% 400%; animation:gradientShift 12s ease infinite; } @keyframes gradientShift{ 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} } /* ───────────────────────── Slide/Card ───────────────────────── */ .team-card{ color:#ffffff; text-align:center; } .team-card img{ width:100%; height:450px; object-fit:cover; margin-bottom:1rem; } .team-card .detail{ font-size:0.9rem; opacity:0.85; } /* Swiper navigation arrows contrast */ .swiper-button-prev, .swiper-button-next, .swiper-pagination{ display:none; } .contact-bg-img { background: linear-gradient(90deg, rgba(0, 0, 0, 0.4235819327731093) 100%, rgba(9, 9, 121, 1) 100%, rgba(0, 212, 255, 1) 100%) center / cover; padding: 100px 0; text-align: center; position: relative; } .contact-bg-img h3 { font-size: 44px; padding-bottom: 15px; color: #fff; } .contact-bg-img p { font-size: 20px; color: #fff; } .contact-bg-img p a { border-bottom: 1px solid #fff; transition: all .3s ease; color: #fff; } /* about codes */ .blog-all-sides{ display: flex; justify-content: space-between; border-top: 1px solid rgba(242, 242, 242, 1); margin-top: 30px; } .blog-full-left-side{ /*border-right: 1px solid rgba(242, 242, 242, 1) ;*/ width: 100%; padding: 30px 30px 0 0; } .bloglar-left-side-avtor-all{ display: flex; justify-content: space-between; align-items: flex-end; } .blog-full-story h3{ font-size:20px; margin:0 0 20px 0; } .blog-full-story ul li::marker{ color:#baba00; } .post-share-icons{ text-align:center; padding: 70px 0 40px 0; } .post-share-icons h5{ font-size:30px; line-height:36px; } .avtor-icons,.down-icons{ display: flex; gap: 13px; flex-wrap: wrap; align-items:center; } .down-icons{ justify-content:center; } .avtor-icons span{ font-size:16px; } .avtor-icons a{ width: 35px; height: 35px; background: #454545; color: aliceblue; display: inline-flex; margin:0 8px 0 0 ; justify-content: center; font-size:14px; transition:.3s; align-items: center; border-radius: 50% ; }.avtor-icons a:last-child{ margin: 0 ; } .avtor-icons a:hover{ opacity:0.6; } .blog-full-left-side-blog-name{ padding: 30px 0; line-height:26px; } .blog-left-side-full-title h2{ font-size: 32px; line-height: 40px; font-weight: 600; } .blog-full-left-side-blog-name img{ width: 100%; transition: .4s; max-height: 456px; margin:0 !important; border-radius:20px; object-fit: contain; padding-bottom: 1rem; } .blog-full-right-side{ padding: 20px 0 0 20px; text-align: start; width: 30%; } .blog-right-side-other-blogs{ padding: 30px 0; } .blog-right-side-other-blog{ border-bottom: 1px solid rgba(242, 242, 242, 1); padding: 20px 0; transition: .5s all ease; } .blog-right-side-other-blogs a:hover .blog-right-side-other-blog { padding: 20px 40px; } .other-blog-img{ display:flex; justify-content:space-between; align-items:center; } .other-blog-img h5{ color: #000; font-size: 16px; line-height:20px; width:90%; } .blog-right-side-other-blog:hover .other-blog-img h5{ opacity:0.8; } .down-icons{ padding: 20px 0 0px 0; } .down-icons a{ margin: 0 20px 0 0 ; width: 45px; height: 45px; color: aliceblue; display: inline-flex; justify-content: center; align-items: center; border-radius: 50% ; font-size: 20px; transition:.3s; } .down-icons a:last-child{ margin:0 ; } .down-icons a:hover{ background:transparent; } .post-facebook{ background: #3B5998; border: 2px solid #3B5998; } .post-facebook:hover{ color:#3B5998; } .post-whatsapp{ background: rgb(77, 194, 71); border: 2px solid rgb(77, 194, 71); } .post-whatsapp:hover{ color: rgb(77, 194, 71); } .post-pinterest{ background: rgb(203, 32, 39); border:2px solid rgb(203, 32, 39); } .post-pinterest:hover{ color: rgb(203, 32, 39); } .post-twitter{ background: #009be9; border:2px solid #009be9; } .post-twitter:hover{ color:#009be9; } /*about inner end*/ /*feedback start*/ /* feedback */ /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ /* innerSections */ .contact-icon-header { display: flex; align-items: center; gap: 20px; } .contact-icon-header svg { width: 30px; height: 30px; } .contact-icon-header h3 { font-size: 1.75rem; } .contact-address { padding: 40px 0; } .contact-address p {font-size:12px !important;} .contact-address p span { font-weight: bold; font-size: 20px; display: inline-block; padding-bottom: 15px; } .contact-body { padding-top: 10px; } .cont-border { border-bottom: 1px solid #000; transition: all .3s ease; color: #000; } .corporative-mail { padding: 20px 0; } .contact-social-media { display: flex; gap: 10px; padding: 14px 0 20px 0; } .contact-icon { width: 34px; height: 34px; background-color: #696969; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; border: 1px solid #454749; transition: .3s; } .contact-social-media a { color: #fff; } .contact-icon a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .input-box { position: relative; width: 100%; } .elaqe-formu .input-box input, .elaqe-formu .input-box textarea { background: #fff; } .elaqe-formu input.text { height: 50px; } .elaqe-formu input.text, .elaqe-formu textarea { transition: all .3s ease; width: 100%; border: 2px solid #eaeaea; padding: 12px ; border-radius: 3px ; font-size: 14px; outline: none; position: relative; -webkit-appearance: none; } .elaqe-formu textarea { height: 140px; } .contact-icon:hover { background: transparent; } .contact-icon:hover a { color: #454749; } .submit-button { display: block; display: flex; justify-content: end; } .btn-submit { color: #ffffff; border: none; margin-top: 20px; padding: 18px 70px; font-size: 15px; border-radius: 3px; transition: .3s; } .btn-submit:hover { color: #fff !important; } /* Əlaqə / feedback — убрать лишние боковые отступы (container 50px + contact-content 50px + section margin) */ .main-root > section:has(.contact-content) .container { max-width: 100%; padding-left: clamp(12px, 2.5vw, 20px) !important; padding-right: clamp(12px, 2.5vw, 20px) !important; } .contact-content { padding: clamp(24px, 4vw, 40px) clamp(12px, 2.5vw, 20px) 0 !important; } @media (min-width: 992px) { body.fc-inner-page .main-root > section:has(.speedbar) { margin-left: 0 !important; margin-right: 0 !important; padding-left: max(65px, env(safe-area-inset-left, 0px)); padding-right: max(65px, env(safe-area-inset-right, 0px)); box-sizing: border-box; } body.fc-inner-page .main-root > section:has(.speedbar) .container { width: 100%; max-width: none; margin-left: 0; margin-right: 0; padding-left: clamp(16px, 2vw, 24px) !important; padding-right: clamp(16px, 2vw, 24px) !important; } body.fc-inner-page .main-root > section:has(.contact-content) { margin-left: 0 !important; margin-right: 0 !important; padding-left: max(65px, env(safe-area-inset-left, 0px)); padding-right: max(65px, env(safe-area-inset-right, 0px)); box-sizing: border-box; } body.fc-inner-page .main-root > section:has(.contact-content) .container { width: 100%; max-width: none; margin-left: 0; margin-right: 0; } /* Внутренние страницы (Biz kimik, статика): контент между боковыми рельсами */ body.fc-inner-page .main-root { box-sizing: border-box; padding-left: 65px !important; padding-right: 65px !important; max-width: 100%; overflow-x: clip; } body.fc-inner-page #about_static_page, body.fc-inner-page .main-root > section { margin-left: 0 !important; margin-right: 0 !important; max-width: 100%; box-sizing: border-box; } body.fc-inner-page #about_static_page .container, body.fc-inner-page .main-root > section .container { width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: clamp(16px, 2vw, 28px) !important; padding-right: clamp(16px, 2vw, 28px) !important; box-sizing: border-box; } body.fc-inner-page #socials_wrappers, body.fc-inner-page .side-bar-full { z-index: 30; } /* FAB — справа от контента, не поверх карточки */ body.fc-inner-page .conversion_widget-btn { right: calc(65px + 18px) !important; } body.fc-inner-page .callback_widget { right: calc(65px + 18px) !important; } } /* Страница Biz kimik / about */ #about_static_page { padding: 0 0 clamp(24px, 4vw, 40px); margin: 0; max-width: 100%; box-sizing: border-box; } #about_static_page .about-hero { margin-top: 1.25rem; position: relative; border-radius: 18px; overflow: hidden; min-height: 320px; padding: 34px 36px; display: flex; align-items: flex-end; background-image: url(/uploads/posts/2026-04/baslqsz-dizayn.png); background-color: #dedede; background-position: center; background-repeat: no-repeat; background-size: cover; } #about_static_page .about-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.4) 100%); pointer-events: none; } #about_static_page .about-hero-content { position: relative; z-index: 1; color: #fff; } #about_static_page .about-hero-title { margin: 0; font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.05; font-weight: 700; color: #fff; letter-spacing: 0.6px; text-transform: uppercase; } #about_static_page .about-info-card { margin-top: 24px; border-radius: 18px; background: #fff; border: 1px solid #ececec; box-shadow: 0 8px 24px rgba(18, 18, 18, 0.08); padding: clamp(24px, 3vw, 34px) clamp(20px, 2.5vw, 32px); display: flex; align-items: center; justify-content: space-between; gap: clamp(20px, 3vw, 30px); } #about_static_page .about-info-text { flex: 1 1 auto; min-width: 0; max-width: 720px; } #about_static_page .about-logo { margin-bottom: 18px; max-width: 120px; height: auto; display: block; } #about_static_page .about-info-text p { margin: 0; color: #212121; font-size: 16px; line-height: 1.78; font-weight: 500; } #about_static_page .about-info-text p .accent { color: #e31e24; } #about_static_page .about-readmore { margin-top: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 999px; height: 44px; padding: 0 22px; font-size: 14px; color: #333; text-decoration: none; transition: all 0.25s ease; } #about_static_page .about-readmore:hover { border-color: #b8b8b8; color: #111; background: #fafafa; } #about_static_page .about-side-image { width: min(280px, 32vw); height: 254px; background-position: center; background-image: url(/img/about/bina_2-removebg-preview.png); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; } @media (max-width: 991.98px) { body.fc-inner-page .main-root { padding-left: 0 !important; padding-right: 0 !important; } #about_static_page { padding-bottom: 24px; } #about_static_page .about-hero { min-height: 220px; padding: 24px; margin-top: 0.75rem; } #about_static_page .about-info-card { flex-direction: column; align-items: flex-start; } #about_static_page .about-info-text p { font-size: 15px; line-height: 1.65; } #about_static_page .about-side-image { width: 100%; max-width: 320px; height: 190px; margin: 0 auto; } body.fc-inner-page .conversion_widget-btn, body.fc-inner-page .callback_widget { right: 20px !important; } } /*feedback end*/ .section-tourwiki__card .card__type { font-size: 14px; } .belongToCat { position: relative; z-index: 9; } .belongToCat span { padding: 5px 20px; background: #fff; color: #000; border-radius: 8px; } .section-tourwiki__card .card__title { margin-top: -40px; } /*faq 2*/ #faq { padding: 3rem 0; } .resources-item-wrapper .description { margin-left: 10px; padding-bottom: 10px; font-size: 17px; } .flex { display: flex; flex-wrap: wrap; } .f33 { flex: 1 1 33.33333%; width: 33.33333%; max-width: 33.33333%; } .f66 { flex: 1 1 66.66666%; width: 66.66666%; } .fb { font-weight: 700; } .btn-hover { display: inline-flex; justify-content: center; align-items: center; max-width: 100%; padding: 0.9375rem 1.5rem; font-weight: 500; font-size: 1rem; line-height: 1.2; text-align: center; color: #fff; background: #996C34; border: none; border-radius: 48px; cursor: pointer; } .btn-hover:hover, .btn-hover:active, .btn-hover:focus { background-color: #AA284B; } .link { position: relative; display: block; margin-bottom: 1.5rem; padding-inline: 1.5rem 3.125rem; font-weight: 600; font-size: 1.125rem; line-height: 1.2; } .link:after { content: ""; position: absolute; top: 0; right: 1.5rem; width: 1.5rem; height: 1.5rem; background: url("https://tekeralemi.az/img/arrow-red.svg") no-repeat 50% 50%; transition: all 0.3s ease; } .link-hover-red:hover, .link-hover-red:active, .link-hover-red:focus { color: #D1325E; } @media screen and (max-width: 760px) { .over { font-size: 18px; } .footer-menu ul { flex-direction: column; } .f33 { flex: 1 1 100%; width: 100%; max-width: 100%; } } .resources .f33 { padding-right: 0.75rem; } .resources .f66 { position: relative; padding-left: 0.75rem; } .resources .f66:before { content: ""; position: absolute; bottom: 0; left: 0.75rem; z-index: 1; height: 3.125rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, #FFF 87.5%); } .resources-desc { box-shadow: 0 0 10px rgba(0, 0, 0,.1); padding: 3.25rem 1.5rem 1.5rem; font-size: 24xp; text-align: center; line-height: 1.2; background-color: #F5F5F5; border-radius: 20px; } .resources-desc .desc { margin-block: 2.75rem 3rem; letter-spacing: -0.72px; } .resources picture { justify-content: center; } .resources .btn-hover { width: 100%; } .resources-items { padding-right: 2rem; max-height:400px; overflow-y: auto; } .resources-item { color: black; display:block; text-decoration: none; margin-bottom: 1rem; padding: 1.5625rem 3.75rem 1.5625rem 1.5rem; background-color: #fff; border-radius: 36px; } .resources-item:hover:after, .resources-item:active:after, .resources-item:focus:after { transform: rotate(45deg); } .resources-item:last-child { margin-bottom: 0; } .resources-item:after { top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; background-color: #f5f5f5; border-radius: 50%; } @media screen and (max-width: 768px) { .resources .flex { flex-direction: column; align-items: center; gap: 32px; } .resources .flex .f33 { max-width: 100%; width: 100%; } .resources .flex .f66 { max-width: 100%; width: 100%; } } @media screen and (max-width: 500px) { .resources.m80 { margin-block: 0; } } /**/ /*review body*/ .review-card { box-shadow:rgba(0, 0, 0, 0.12) 0px 6px 16px; border-radius: 12px; padding: 16px; margin-bottom: 16px; background-color: #fff; min-height:200px; } /* Header section: name, "years on Airbnb", and rating */ .review-header { display: flex; align-items: center; justify-content: space-between; } .review-author h5 { margin: 0; font-size: 1.25rem; } .review-author p { margin: 0; font-size: 14px; color: #666; } /* Date section */ .review-date p { font-size: 14px; color: #999; } /* Review body */ .review-body p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 1.5em } /**/ /* CSS */ .favorites-section { display: flex; align-items: center; gap: 2rem; padding: 2rem; background-color: #f9f9fb; justify-content:center; } .favorites-image img { display: block; max-width: 100%; height: auto; } .favorites-content { max-width:600px; } .favorites-content h2 { margin: 0 0 0.5rem; font-size: 1.75rem; color: #333; } .favorites-content p { margin: 0 0 1.5rem; color: #666; line-height: 1.5; } .favorites-instructions { list-style: none; margin: 0 0 2rem; padding: 0; } .favorites-instructions li { display: flex; align-items: flex-start; margin-bottom: 1rem; color: #555; line-height: 1.4; } .favorites-instructions .icon { display: inline-block; width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; flex-shrink: 0; /* Ä°konları burada arxa fon olaraq yüklÉ™yÉ™ bilÉ™rsiniz: */ background-size: contain; background-repeat: no-repeat; } /* MÉ™sÉ™lÉ™n, heart vÉ™ share ikonları üçün: */ .favorites-instructions .icon-heart { background-image: url('path-to-heart-icon.svg'); } .favorites-instructions .icon-share { background-image: url('path-to-share-icon.svg'); } .btn-search { display: inline-flex; align-items: center; padding: 0.75rem 1.5rem; background-color: #ffcc00; border: none; border-radius: 0.25rem; font-size: 1rem; color: #222; cursor: pointer; transition: background-color 0.2s ease; } .btn-search:hover { background-color: #e6b800; } .btn-icon { margin-right: 0.5rem; font-size: 1.1rem; } /* Responsive davranış (dar ekranlarda alt-alta) */ @media (max-width: 768px) { .favorites-section { flex-direction: column; text-align: center; } .favorites-image, .favorites-content { width: 100%; } .favorites-instructions li { justify-content: center; } } /* Tarjeta principal */ .deposito-card { background: #fff; border-radius: 8px; padding: 2rem; box-shadow: 0 4px 12px rgba(0,0,0,0.05); display: flex; flex-direction: column; gap: .8rem; } /* Filas con flex para dos columnas */ .deposito-card__fila { display: flex; justify-content: space-between; align-items: center; } /* Etiquetas pequeñas gris */ .deposito-card__etiqueta { font-size: 0.875rem; color: #888; } /* Valores grandes/negrita */ .deposito-card__valor { font-weight: 600; color: #222; } /* Tamaño específico para monto y tasa */ .deposito-card__valor.monto { font-size: 1.75rem; } .deposito-card__valor.tasa { font-size: 1.25rem; } /* Divisor */ .deposito-card__divisor { border: none; border-top: 1px solid #eee; margin: 0; } /* Barra informativa gris */ .deposito-card__barra { text-align: center; padding: 0.9rem 1rem; border-radius: 0.75rem; background: #eee; font-size: 0.9rem; color: #aaa; } /* Enlace verde estilo botón */ .deposito-card__cta { display: block; text-align: center; background: #7dc321; color: #fff; padding: 0.9rem 1rem; border-radius: 0.75rem; font-weight: 500; text-decoration: none; transition: background 0.2s; } .deposito-card__cta:hover { background: #6ab018; } /* Nota inferior */ .deposito-card__nota { font-size: 0.7rem; color: #999; line-height: 1.4; } /* Bloque inferior de condiciones */ .deposito-card__footer { display: flex; align-items: center; justify-content: center; margin-top: 1.5rem; padding: 0.9rem 1.2rem; background: #fff; border-radius: 0.9rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05); color: #222; font-weight: 500; text-decoration: none; } .deposito-card__footer i { margin-right: 0.5rem; } /*download*/ /* Smooth 3D environment */ .download-wrapper { perspective: 1200px; } /* --- MAIN CARD --- */ .download-ultra { position: relative; display: flex; align-items: center; gap: 22px; padding: 30px; border-radius: 22px; text-decoration: none; overflow: hidden; /* Glassmorphism */ background: rgba(255,255,255,0.12); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.25); /* Neumorphism shadow */ box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22), inset 0 0 0 rgba(255, 255, 255, 0); /* GPU OPTIMIZED — FIXES JUMP BUGS */ transform: translateZ(0); transition: transform 0.45s ease, box-shadow 0.45s ease, background 0.45s ease; } /* --- Hover: smooth & bug-free --- */ .download-ultra:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 18px 45px rgba(0,0,0,0.35), inset 0 0 0 rgba(255,255,255,0); background: rgba(255,255,255,0.18); } /* --- Animated Waves Background (stable) --- */ .ultra-bg-waves { position: absolute; top:0; left:0; width:100%; height:100%; background: url('https://assets.codepen.io/13471/waves.svg'); background-size: 160% 160%; opacity: .12; /* Slow and stable (prevents lag) */ animation: wavesMove 10s ease-in-out infinite alternate; pointer-events:none; } @keyframes wavesMove { from { transform: translate3d(-5%, -5%, 0); } to { transform: translate3d(5%, 5%, 0); } } /* --- ICON --- */ .icon-box img { width: 75px; filter: drop-shadow(0 6px 10px rgba(0,0,0,.35)); transition: transform .35s ease, filter .35s ease; will-change: transform; } .download-ultra:hover .icon-box img { transform: rotate(6deg) scale(1.08); filter: hue-rotate(25deg) drop-shadow(0 8px 12px rgba(0,0,0,.4)); } /* --- TEXT --- */ .text-box h3 { margin:0; color:#000; text-transform:uppercase; font-size:1.6rem; font-weight:800; } .text-box p { margin:6px 0 0; font-size:1rem; color:#e5e5e5; } /* --- ARROW --- */ .arrow-box { margin-left:auto; font-size:2.3rem; color:#000; transition: transform .35s ease; } .download-ultra:hover .arrow-box { transform: translateX(10px); } /* --- RIPPLE EFFECT (fully fixed!) --- */ .download-ultra::after { content:""; position:absolute; border-radius:50%; pointer-events:none; opacity:0; width:2px; height:2px; background:rgba(255,255,255,0.5); transform: translate(-50%, -50%); } .download-ultra.ripple-active::after { animation:rippleFixed .6s ease-out forwards; } @keyframes rippleFixed { 0% { opacity:.6; width: 0; height:0; } 100% { opacity:0; width:400px; height:400px; } } /* scroll fire effect - sidebar and social rail */ @media (min-width: 992px) { body, .side-bar-full, #socials_wrappers, #socials_wrappers::before, #socials_wrappers::after { transition: background-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease, filter 0.22s ease, opacity 0.22s ease; } .side-bar-full.active, #socials_wrappers.active { background: linear-gradient(180deg, #5e0000 0%, #a30000 35%, #ff1400 65%, #7e0000 100%) !important; background-size: 100% 170%; box-shadow: inset 0 0 65px rgba(255, 50, 0, 0.48), 0 0 32px rgba(255, 0, 0, 0.5), 0 0 70px rgba(255, 120, 0, 0.35); animation: fireRailShift 0.9s ease-in-out infinite alternate; } #socials_wrappers.active { overflow: hidden; } #socials_wrappers.active::before, #socials_wrappers.active::after { content: ""; position: absolute; left: -45%; width: 190%; pointer-events: none; mix-blend-mode: screen; } #socials_wrappers.active::before { top: -10%; height: 80%; background: radial-gradient(ellipse at 35% 100%, rgba(255, 250, 180, 0.85) 0%, rgba(255, 175, 20, 0.65) 24%, rgba(255, 30, 0, 0.08) 50%, rgba(130, 0, 0, 0) 70%), radial-gradient(ellipse at 70% 95%, rgba(255, 120, 10, 0.6) 0%, rgba(255, 50, 0, 0.45) 28%, rgba(140, 0, 0, 0) 72%); filter: blur(8px) saturate(1.35); animation: fireCoreWave 0.85s ease-in-out infinite alternate; } #socials_wrappers.active::after { bottom: -20%; height: 65%; background: radial-gradient(circle at 30% 45%, rgba(255, 255, 235, 0.55) 0%, rgba(255, 205, 90, 0.42) 16%, rgba(255, 50, 0, 0.12) 40%, rgba(120, 0, 0, 0) 62%), radial-gradient(circle at 68% 35%, rgba(255, 170, 40, 0.5) 0%, rgba(255, 60, 0, 0.3) 20%, rgba(110, 0, 0, 0) 58%); filter: blur(6px) saturate(1.4); animation: fireSparkWave 0.55s linear infinite; } .side-bar-full.active .left_side_number a, .side-bar-full.active .socials li a, .side-bar-full.active .socials li a span, .side-bar-full.active .page-active h2, .side-bar-full.active .scroll-to-top .box-number span, .side-bar-full.active .menu-icon .text-menu, .side-bar-full.active .menuDesktopText, .side-bar-full.active .iconTop, .side-bar-full.active .iconSearch span, #socials_wrappers.active .left_side_number a, #socials_wrappers.active .socials li a, #socials_wrappers.active .socials li a span { color: #fff0e6 !important; text-shadow: 0 0 12px rgba(255, 120, 0, 0.95), 0 0 20px rgba(255, 40, 0, 0.75); } .side-bar-full.active .menu-icon .icon-m .menu-icon-line { background: #ffe3d0 !important; box-shadow: 0 0 10px rgba(255, 130, 0, 0.95), 0 0 16px rgba(255, 20, 0, 0.65); } } @keyframes fireRailShift { 0% { background-position: 50% 0%; filter: saturate(1.05) brightness(1); } 100% { background-position: 50% 100%; filter: saturate(1.35) brightness(1.07); } } @keyframes fireCoreWave { 0% { transform: translateY(0) scale(1); opacity: 0.78; } 100% { transform: translateY(-14px) scale(1.1); opacity: 1; } } @keyframes fireSparkWave { 0% { transform: translateY(0) translateX(-3px) scale(1); opacity: 0.72; } 50% { transform: translateY(-10px) translateX(3px) scale(1.08); opacity: 1; } 100% { transform: translateY(-18px) translateX(-2px) scale(1.14); opacity: 0.7; } } .item-blog .fireButtonDefault:hover{ color: #ffffff !important; } /* Faydalı məlumatlar / category 4 grid: buttons on one horizontal line per row */ .projects-list.d-grid > .item-blog { display: flex; flex-direction: column; height: 100%; } .projects-list.d-grid > .item-blog > .blog-content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } .projects-list.d-grid > .item-blog .blog-content > .link-custom { margin-top: auto !important; align-self: flex-start; } /* Layihə (проект): убрать полноэкранную обложку перед breadcrumb */ .top_cover { display: none !important; } .fc-project-page .container { padding-left: 16px; padding-right: 16px; box-sizing: border-box; } .fc-project-page .speedbar.full_speedbar { margin-top: var(--fc-header-breadcrumb-offset); margin-bottom: 1.25rem; } .fc-project-page #full_title { font-size: clamp(1.35rem, 4vw, 1.75rem); line-height: 1.35; margin-top: 0; margin-bottom: 1.25rem; } .fc-project-page #full_content_wrapper { margin-top: 0; } .fc-project-page #full_content_wrapper img { width: 100%; height: auto; max-height: none; object-fit: cover; border-radius: 12px; } @media (max-width: 991.98px) { .fc-project-page .speedbar.full_speedbar { margin-top: var(--fc-header-breadcrumb-offset) !important; margin-bottom: 1rem; } } /* Faydalı məlumatlar: расстояние между карточками */ .projects-list.d-grid:not(.d-grid-no-space) { gap: clamp(28px, 3vw, 48px) !important; row-gap: clamp(28px, 3vw, 48px) !important; grid-row-gap: clamp(28px, 3vw, 48px) !important; } /* Layihələr slider — одинаковая высота карточек */ .projectsSliderWrapper.panorama { --fc-project-slide-h: clamp(300px, 28vw, 400px); } @media (min-width: 992px) { .projectsSliderWrapper.panorama.swiper { height: var(--fc-project-slide-h) !important; } .panorama.projectsSliderWrapper .swiper-wrapper { align-items: stretch !important; height: 100% !important; } .panorama.projectsSliderWrapper .swiper-slide { height: 100% !important; display: flex !important; align-items: stretch !important; box-sizing: border-box; } .panorama.projectsSliderWrapper .project-slide-card { display: block !important; flex: 1 1 auto; width: 100% !important; height: 100% !important; min-height: var(--fc-project-slide-h) !important; max-height: var(--fc-project-slide-h) !important; position: relative !important; overflow: hidden !important; } .panorama.projectsSliderWrapper .project-slide-card img, .panorama.projectsSliderWrapper .project-slide-card .cover-bg-img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; display: block !important; } .panorama.projectsSliderWrapper .pagetitle-menu { z-index: 2; left: 12px; right: auto; top: auto !important; bottom: 12px; } } .fireButtonDefault{ position: relative; } .fireButtonDefault:hover{ -webkit-animation: burn 1000ms ease-out forwards; animation: burn 1000ms ease-out forwards; } .fireButtonDefault:hover::before, .cta_submit_btn:hover::before { content: ""; position: absolute; left: 40px; width: 100px; height: 40px; border-radius: 100%; -webkit-animation: flare 1000ms ease-out forwards; animation: flare 1000ms ease-out forwards; } .fireButtonDefault:hover::after, .cta_submit_btn:hover::after { content: ""; position: absolute; right: 40px; width: 100px; height: 40px; border-radius: 100%; -webkit-animation: flare 1000ms ease-out forwards; animation: flare 1000ms ease-out forwards; } @-webkit-keyframes flare { 100% { transform: translateY(-20px) scale(1.5); filter: blur(10px); opacity: 0; } } @keyframes flare { 100% { transform: translateY(-20px) scale(1.5); filter: blur(10px); opacity: 0; } } @-webkit-keyframes burn { 0% { color: #ff826e; background: #ffe66e; box-shadow: 0 0 5px 0 #c8000a, 0 0 5px 0 rgba(230, 30, 10, 0.8), 0 0 5px 0 rgba(230, 230, 10, 0.6); } 100% { background: #e7440d; box-shadow: 0 -35px 40px 30px rgba(255, 130, 10, 0), 0 -30px 30px 10px rgba(230, 30, 10, 0), 0 -20px 10px 0 rgba(255, 255, 10, 0); } } @keyframes burn { 0% { color: #ff826e; background: #ffe66e; box-shadow: 0 0 5px 0 #c8000a, 0 0 5px 0 rgba(230, 30, 10, 0.8), 0 0 5px 0 rgba(230, 230, 10, 0.6); } 100% { background: #e7440d; box-shadow: 0 -35px 40px 30px rgba(255, 130, 10, 0), 0 -30px 30px 10px rgba(230, 30, 10, 0), 0 -20px 10px 0 rgba(255, 255, 10, 0); } } /* about section videos - category 7 */ .about-videos-grid { row-gap: 10px; } .about-video-card { position: relative; overflow: hidden; border-radius: 20px; background: transparent; box-shadow: none; } .about-video-card iframe, .about-video-card video, .about-video-card embed, .about-video-card object, .about-video-card blockquote { width: 100% !important; max-width: 100% !important; display: block; border: 0; border-radius: 20px; } .about-video-card iframe, .about-video-card video { position: static !important; top: auto !important; left: auto !important; height: auto !important; aspect-ratio: 9 / 16; min-height: 0; background: transparent !important; } .about-video-card > div { position: static !important; padding: 0 !important; height: auto !important; } .about-video-card p:empty { display: none; } @media (max-width: 991px) { .about-video-card iframe, .about-video-card video { min-height: 0; } } /* Unified breadcrumbs: DLE speedbar + static About — отступ от фикс. шапки, один стиль */ :root { --fc-header-breadcrumb-offset: clamp(128px, 12vw, 172px); } .speedbar.site-breadcrumb-bar, body:has(#fc-top-header) .main-root .speedbar.full_speedbar_blogs, body:has(#fc-top-header) .main-root .speedbar.full_speedbar { margin-top: var(--fc-header-breadcrumb-offset); margin-bottom: 0; padding-bottom: 1.125rem; border-bottom: 1px solid rgba(15, 23, 42, 0.08); font-size: 0.875rem; letter-spacing: 0.02em; line-height: 1.55; color: #64748b; } .speedbar.site-breadcrumb-bar .over, body:has(#fc-top-header) .main-root .speedbar.full_speedbar_blogs .over, body:has(#fc-top-header) .main-root .speedbar.full_speedbar .over { max-width: 100%; } .speedbar.site-breadcrumb-bar a, body:has(#fc-top-header) .main-root .speedbar.full_speedbar_blogs a, body:has(#fc-top-header) .main-root .speedbar.full_speedbar a { color: #475569; font-weight: 500; text-decoration: none; transition: color 0.2s ease; } .speedbar.site-breadcrumb-bar a:hover, body:has(#fc-top-header) .main-root .speedbar.full_speedbar_blogs a:hover, body:has(#fc-top-header) .main-root .speedbar.full_speedbar a:hover { color: #e31e24; } body:has(#fc-top-header) .main-root .speedbar.full_speedbar_blogs { margin-bottom: 1.5rem; } .site-breadcrumb-sep { display: inline-block; margin: 0 0.5rem; opacity: 0.5; font-weight: 400; user-select: none; color: #94a3b8; } .site-breadcrumb-current { color: #0f172a; font-weight: 600; } /* ================================================================ Внутренние страницы / статьи — мобильная вёрстка ================================================================ */ @media (max-width: 991.98px) { :root { /* Высота фикс. шапки + safe-area (раньше 72–96px — хлебные крошки обрезались) */ --fc-header-breadcrumb-offset: calc(6.5rem + env(safe-area-inset-top, 0px)); } .main-root > section:has(.speedbar) { overflow: visible; } .speedbar.site-breadcrumb-bar, body:has(#fc-top-header) .main-root .speedbar.full_speedbar_blogs, body:has(#fc-top-header) .main-root .speedbar.full_speedbar { margin-top: var(--fc-header-breadcrumb-offset) !important; padding-top: 0.625rem; padding-left: 16px; padding-right: 16px; position: relative; z-index: 2; overflow: visible; line-height: 1.5; } .speedbar.site-breadcrumb-bar .over, body:has(#fc-top-header) .main-root .speedbar.full_speedbar_blogs .over, body:has(#fc-top-header) .main-root .speedbar.full_speedbar .over { overflow: visible; display: block; } .main-root > section:has(.speedbar) .container { padding-left: 0; padding-right: 0; max-width: 100%; } .page_title_wrapper.page-bg-img { height: auto; min-height: 0; margin: 0; padding: calc(4.75rem + env(safe-area-inset-top, 0px)) 16px 24px; } .page_title_wrapper .container, .page_title_wrapper .container.h-100, .page_title_wrapper .wrapper, .page_title_wrapper .wrapper.h-100 { height: auto !important; min-height: 0 !important; width: 100%; max-width: 100%; } .page_title { position: static; width: 100%; margin: 0; padding: 0; color: #fff; } .page_title .breadcrumb-list { font-size: 12px; line-height: 1.5; row-gap: 2px; column-gap: 2px; } .page_title .breadcrumb-list li { margin-left: 0; } .page_title .breadcrumb-list li.active { display: none; } .page_title .breadcrumb-list a { color: rgba(255, 255, 255, 0.95); text-decoration: none; } .page_title .title_wrap { margin-top: 10px; } .page_title .title_wrap h2 { font-size: clamp(1.125rem, 4.6vw, 1.375rem); line-height: 1.35; letter-spacing: -0.02em; font-weight: 700; text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35); } .page_title_wrapper .overlay { background-image: linear-gradient( 180deg, rgba(15, 23, 42, 0.35) 0%, rgba(15, 23, 42, 0.72) 100% ); } .inside-pages.inside_page_padding { padding-top: 0; padding-bottom: 28px; } .inside-pages .content_wrapper { padding: 20px 16px 28px; margin: -20px 12px 0; width: auto; max-width: calc(100% - 24px); box-sizing: border-box; border-radius: 14px 14px 0 0; box-shadow: 0 -2px 20px rgba(15, 23, 42, 0.08); } .inside-pages .services-wrap .service-lead-media { padding: 8px; margin-bottom: 1.25rem; border-radius: 12px; } .inside-pages .services-wrap .service-lead-copy { font-size: 15px; line-height: 1.65; color: #334155; } .inside-pages .services-wrap .service-lead-copy p { margin-bottom: 1rem; } .inside-pages .services-wrap h2 { font-size: 1.2rem; line-height: 1.35; } .inside-pages .services-wrap h3 { font-size: 1.05rem; } @media (hover: none) { .inside-pages .services-wrap .service-lead-media .service-lead-media__link:hover { transform: none; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1), 0 2px 8px rgba(15, 23, 42, 0.06); } } #post_content .container { padding-left: 16px !important; padding-right: 16px !important; } .speedbar.full_speedbar_blogs { margin-top: var(--fc-header-breadcrumb-offset) !important; margin-bottom: 1rem; font-size: 12px; line-height: 1.5; border-bottom: 1px solid rgba(15, 23, 42, 0.08); } #post_top_wrapper { display: none; } #post_top_wrapper_btm { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 16px; } #post_top_wrapper_btm h1 { font-size: clamp(1.125rem, 4.6vw, 1.35rem); line-height: 1.35; font-weight: 700; } #post_date_create { font-size: 13px; border-left: none; padding-left: 0; gap: 6px; } #post_content_box img, #full_content_wrapper img { height: auto !important; max-height: min(52vw, 280px); margin-block: 16px; border-radius: 10px; } .line_wrapper { margin-bottom: 20px; } /* — Страница товара (fullstory, cat. 2) — */ #post_content { overflow: visible; } #post_content .product-container { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; gap: 24px !important; width: 100% !important; max-width: 100% !important; margin: 0 0 24px !important; padding: 0 !important; box-sizing: border-box; } #post_content .product-gallery, #post_content .product-info, #post_content .product-action-card { width: 100% !important; max-width: 100% !important; min-width: 0 !important; grid-column: auto !important; } #post_content .product-info { padding-top: 0; } #post_content .product-info .product-title { display: none; } #post_content .product-gallery { order: 1; } #post_content .product-info { order: 2; } #post_content .product-action-card { order: 3; border-radius: 14px; padding: 20px 16px; box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08); } #post_content .main-swiper { width: 100% !important; max-width: 100% !important; height: min(72vw, 320px) !important; margin-bottom: 12px; box-sizing: border-box; overflow: hidden; } #post_content .main-swiper .swiper-wrapper, #post_content .thumb-swiper .swiper-wrapper { width: 100%; } #post_content .main-swiper .swiper-slide { width: 100% !important; flex-shrink: 0; height: 100%; } #post_content .main-swiper .img-wrapper { width: 100%; height: 100%; min-height: 180px; } #post_content .main-swiper .img-wrapper img { width: 100%; height: 100%; object-fit: contain; } #post_content .thumb-swiper { width: 100% !important; max-width: 100% !important; height: 76px; overflow: hidden; box-sizing: border-box; } #post_content .thumb-swiper .swiper-slide { width: calc((100% - 16px) / 3) !important; max-width: 100px; height: 72px; flex-shrink: 0; box-sizing: border-box; } #post_content .thumb-swiper img { width: 100%; height: 100%; object-fit: cover; } #post_content .btn-whatsapp, #post_content .btn-online { height: 48px; font-size: 12px; } #post_top_wrapper { display: none !important; } } /*Blog*/ /* ============================================================= FIRECON — Mobile Responsive Styles Target breakpoints: max-width: 768px | max-width: 576px ============================================================= */ /* ---- Hide fixed side rails on all tablets / phones ---- */ @media (max-width: 991px) { #socials_wrappers { display: none !important; } .side-bar-full { display: none !important; } /* Remove sidebar-based footer offsets since sidebars are gone */ .footer__inner { width: calc(100% - 48px) !important; } .footer .footer__container, .footer-end .footer-end__container, .footer-end .footer__container-bottom { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 16px; padding-right: 16px; box-sizing: border-box; } } /* ---- Override inline padding on main-root (desktop uses 0 65px via style attr) ---- */ @media (max-width: 991px) { .main-root { padding: 0 !important; } /* Faydalı məlumatlar: 1 колонка (перебивает .grid-md-2 из global.min.css) */ .projects-list.d-grid, .projects-list.d-grid.grid, .projects-list.d-grid.grid-md-2, .projects-list.d-grid.grid-lg-3, .projects-list.d-grid.grid-lg-3.grid-md-2 { grid-template-columns: 1fr !important; gap: clamp(28px, 5vw, 40px) !important; row-gap: clamp(28px, 5vw, 40px) !important; grid-row-gap: clamp(28px, 5vw, 40px) !important; } .projects-list.d-grid > .item-blog { width: 100% !important; max-width: 100% !important; min-width: 0; } /* Layihələr slider — один слайд на экран, без обрезки */ .panorama.projectsSliderWrapper { width: 100%; max-width: 100%; overflow: hidden; } .panorama.projectsSliderWrapper .swiper-wrapper { gap: 0 !important; } .panorama.projectsSliderWrapper .swiper-slide { width: 100% !important; max-width: 100%; box-sizing: border-box; } .projectsSliderWrapper.panorama.swiper { height: clamp(240px, 52vw, 320px) !important; } .panorama.projectsSliderWrapper .swiper-slide { height: 100% !important; display: flex !important; align-items: stretch !important; } .panorama.projectsSliderWrapper .project-slide-card { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; position: relative !important; overflow: hidden !important; } .panorama.projectsSliderWrapper .project-slide-card img, .panorama.projectsSliderWrapper .project-slide-card .cover-bg-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block !important; } .panorama.projectsSliderWrapper .pagetitle-menu { z-index: 2; left: 12px; right: 12px; width: calc(100% - 24px); top: auto !important; bottom: 12px; } .panorama.projectsSliderWrapper .pagetitle-menu span { display: block; font-size: 13px; line-height: 1.35; word-break: break-word; } section:has(.projectsSliderWrapper) .container .dsn-container { padding-left: 12px !important; padding-right: 12px !important; } } /* ---- Override inline section margins set directly on template nodes ---- */ @media (max-width: 991px) { .main-root > section[style], .main-root > div[style] { margin-left: 0 !important; margin-right: 0 !important; } /* CSS-defined side margins */ .call-to-action { margin-left: 0 !important; margin-right: 0 !important; } /* Non-main inner sections that also get padding */ .main-root section.our-work, .main-root section.services, .main-root section.team { padding-left: 0; padding-right: 0; } } /* ================================================================ 768px — Tablet portrait & small laptops ================================================================ */ @media (max-width: 768px) { /* — Header — */ .header__col:nth-child(1) { width: auto !important; flex: 1 1 auto; margin: 0 8px !important; } .header__col:nth-child(2) { width: 110px !important; } .header__logo-link { width: 130px !important; height: 70px !important; } .header .container { padding: 0 12px !important; } /* — Hero: без верхнего отступа под шапку (шапка fixed поверх видео) — */ .hero-first-screen, .hero-first-screen > .hero-img { padding-top: 0 !important; margin-top: 0 !important; } /* — Hero odds strip — */ .main_banner_ms_odds { padding: 10px 16px; } .main_banner_ms_odds .main_banner_ms_odds_item_title { font-size: 36px; } .main_banner_ms_odds_item_text { font-size: 13px; } /* — Section titles — */ .section-title h2, .section-title h2.dsn-text { font-size: 28px !important; } /* — Xidmətlər (blocklist) — 1 колонка на мобильных — */ .catolog__box .blocklist__item__outer--u-i3rt2nhj2, .blocklist__item__outer--u-i3rt2nhj2 { display: grid !important; grid-template-columns: 1fr !important; width: 100% !important; grid-column-gap: 0; grid-row-gap: 16px; } .blocklist__item--u-inj11m0nc { margin-left: 0 !important; margin-right: 0 !important; } /* — Faydalı məlumatlar / xəbərlər — 1 колонка */ .projects-list.d-grid, .projects-list.d-grid.grid, .projects-list.d-grid.grid-md-2, .projects-list.d-grid.grid-lg-3, .projects-list.d-grid.grid-lg-3.grid-md-2 { grid-template-columns: 1fr !important; gap: clamp(28px, 5vw, 40px) !important; row-gap: clamp(28px, 5vw, 40px) !important; grid-row-gap: clamp(28px, 5vw, 40px) !important; } .projects-list.d-grid > .item-blog { width: 100% !important; max-width: 100% !important; min-width: 0; } /* — Footer inner (3-column) — */ .footer__inner { width: calc(100% - 32px) !important; grid-template-columns: 1fr !important; gap: 32px !important; } .footer__text, .footer__right-links { max-width: none !important; } /* — Footer end — */ .footer-end__left { display: flex; flex-direction: column; gap: 4px; } .footer-end__left span { display: block; margin-right: 0; } .footer-copyright { flex-wrap: wrap; gap: 12px; } .footer-copyright p { font-size: 12px; line-height: 1.5; } .footer-copyright img { width: 70px; height: auto; } .footer-end__container { flex-direction: column; align-items: flex-start; } .footer .footer__container, .footer-end .footer-end__container, .footer-end .footer__container-bottom { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 16px; padding-right: 16px; box-sizing: border-box; } /* — CTA form section — */ .cta_wrapper { width: 100% !important; margin-top: 30px; } .cta_wrapper_inner { padding: 24px 18px !important; width: 100% !important; box-sizing: border-box; } .cta_top { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; } .cta_top_left { font-size: 20px; } .cta_top_right { width: 100% !important; } .separator_cta { display: none; } .cta_bottom_wrapper { flex-direction: column !important; } .cta_left_column { width: 100% !important; } .cta_right_column { width: 100% !important; margin-top: 20px; } .input_wrapper_cta { width: 100% !important; } .optional_select_wrapper { width: 100%; } /* — Product cards — */ .product_cards_wrapper { gap: 14px; } .product_card { width: calc(50% - 7px) !important; } /* — Category detail layout — */ .category_inner_wrapper { flex-direction: column !important; } .cat_in_left, .cat_in_content { width: 100% !important; } .category_photo { width: auto !important; max-width: 100%; } /* — Cat title offset — */ .cat_title, #pr_in_title { margin-top: 30px; } /* — About slider controls — */ .about-videos-swiper-button-prev, .about-videos-swiper-button-next { display: none !important; } /* — Page content (static pages) — */ .page-content, .static_content_wrapper { max-width: 100% !important; padding: 20px 16px !important; } /* — Items wrapper (Xidmətlər category page) — */ .items_wrapper { margin-top: 30px; gap: 16px; } /* — Haqqımızda / about section — */ .services.p-relative.section-margin > .p-relative { padding: 0 8px; } } /* ================================================================ 576px — Mobile phones (portrait) ================================================================ */ @media (max-width: 576px) { /* — Header — */ .header__logo-link { width: 110px !important; height: 60px !important; } .header__menu-toggle { min-height: 3.8rem !important; min-width: 2.8rem !important; padding: 0.7rem 0.75rem !important; } .header .container { padding: 0 8px !important; } /* — Hero video grid — already 1-col via style.css 575.98px rule — */ .hero-first-screen, .hero-first-screen > .hero-img, .hero-first-screen .hero-banner-video-grid { padding-top: 0 !important; margin-top: 0 !important; } body.fc-has-hero-banner:not(.fc-side-rails-on) #fc-top-header .header__inner { padding-top: max(0.5rem, env(safe-area-inset-top, 0px)); padding-bottom: 0.5rem; } /* — Hero odds strip — */ .main_banner_ms_odds { padding: 10px 12px; min-height: auto; } .main_banner_ms_odds .main_banner_ms_odds_item_title { font-size: 26px; margin-right: 8px; line-height: 1; } .main_banner_ms_odds_item_text { font-size: 12px; line-height: 1.35 !important; } .main_banner_ms_odds .main_banner_ms_odds_item_text span { line-height: 1.35 !important; } /* — Sections spacing — */ .section-title h2, .section-title h2.dsn-text { font-size: 22px !important; } /* — News / projects grid — */ .projects-list.d-grid { grid-template-columns: 1fr !important; gap: clamp(24px, 6vw, 36px) !important; row-gap: clamp(24px, 6vw, 36px) !important; grid-row-gap: clamp(24px, 6vw, 36px) !important; } /* — Product cards: single column — */ .product_cards_wrapper { gap: 10px; } .product_card { width: 100% !important; } .prc_top, .prc_bottom { flex-wrap: wrap; gap: 8px; } /* — Footer — */ .footer { padding: 28px 0 20px !important; } .footer__inner { gap: 24px !important; } .footer__brand { font-size: 18px !important; } .footer__phone { font-size: 15px !important; } .footer__rates { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; } /* — Footer end — */ .footer-end__left { font-size: 11px; } .footer-end__container { padding-bottom: 1rem; gap: 12px; } /* — CTA form — */ .cta_wrapper_inner { padding: 16px 12px !important; } .cta_top_left { font-size: 17px; } .cta_submit_btn { font-size: 14px; padding-block: 12px; } /* — Category — */ .category_photo { padding: 12px; border-radius: 16px; } .all_products_wrapper a { width: 100% !important; } /* — Static page content — */ .page-content, .static_content_wrapper { padding: 14px 10px !important; } /* — Layihələr / projects slider — */ .panorama.projectsSliderWrapper { width: 100%; max-width: 100%; overflow: hidden; min-height: 0; } .projectsSliderWrapper.panorama.swiper { height: clamp(240px, 52vw, 320px) !important; } .panorama.projectsSliderWrapper .swiper-wrapper { gap: 0 !important; height: 100% !important; align-items: stretch !important; } .panorama.projectsSliderWrapper .swiper-slide { width: 100% !important; max-width: 100%; box-sizing: border-box; height: 100% !important; display: flex !important; align-items: stretch !important; } .panorama.projectsSliderWrapper .project-slide-card { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; position: relative !important; overflow: hidden !important; } .panorama.projectsSliderWrapper .project-slide-card img, .panorama.projectsSliderWrapper .project-slide-card .cover-bg-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; display: block !important; } .panorama.projectsSliderWrapper .pagetitle-menu { z-index: 2; left: 12px; right: 12px; width: calc(100% - 24px); top: auto !important; bottom: 12px; } .panorama.projectsSliderWrapper .pagetitle-menu span { display: block; font-size: 13px; line-height: 1.35; word-break: break-word; } section:has(.projectsSliderWrapper) .over-hidden { overflow: hidden; } section:has(.projectsSliderWrapper) .container .dsn-container { padding-left: 12px !important; padding-right: 12px !important; } /* — Haqqımızda section slider container — */ .services.p-relative.section-margin > .p-relative { padding: 0; } /* — General container padding — */ .container { padding-left: 12px !important; padding-right: 12px !important; } /* — FAB: не обрезаются у края экрана — */ .socials-table .conversion_widget-btn { right: 14px !important; z-index: 99; } .socials-table .conversion_widget-btn.telegram { bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important; } .socials-table .conversion_widget-btn.max { bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important; } } /* ================================================================ 480px — Small phones — extra adjustments ================================================================ */ @media (max-width: 480px) { /* — Hero odds: only show 2 items or reduce font further — */ .main_banner_ms_odds .main_banner_ms_odds_item_title { font-size: 22px; } /* — Header logo — */ .header__logo-link { width: 90px !important; height: 50px !important; } /* — Footer end left — text wraps nicely — */ .footer-end__left span { font-size: 10px; } /* — CTA wrapper inner — */ .cta_wrapper_inner { padding: 12px 10px !important; } /* — Banner slider arrows (socials in main areas) — */ .banner_arrow { width: 30px; height: 30px; } } @media (max-width: 991.98px) { #fc-top-header .header__inner { background-color: #fff; } }