/* Start:/local/templates/perevodpasporta/assets/css/swiper-bundle_v12.min.css?177919413914423*/ /** * Swiper 12.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 28, 2026 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} /* End */ /* Start:/local/templates/perevodpasporta/assets/css/styles.css?178532177911419*/ * { box-sizing: border-box; margin: 0; padding: 0; } html { height: 100vh; width: 100%; margin: 0; padding: 0; } body { display: flex; flex-direction: column; height: 100vh; width: 100%; margin: 0; padding: 0; overflow-x: hidden; font-family: 'Inter', sans-serif; font-size: 16px; background: #FAFAFA; color: #000; } #workarea { flex: 1 0 auto; position: relative; } footer { flex: 0 0 auto; } img { border: 0 none; } h1, h2, h3, h4, h5, h6 { font-family: 'Manrope Bold', sans-serif; line-height: 1.2; font-size: 14px; font-weight: 700; } h1 { font-size: 200%; } h2 { font-size: 160%; } h3 { font-size: 140%; } h4 { font-size: 140%; } h5 { font-size: 120%; } h6 { font-size: 100%; } #workarea ol li, #workarea ul li { margin: 0.6em 0; } #workarea ul { list-style-type: none; } .btn:hover { color: #fff; } .btn-consult { background: #1F3C88; color: #fff; border-radius: 30px; padding: .375rem 1.75rem; white-space: nowrap; } .btn-consult:hover { background: #FF7A00; color: #fff; } @media (max-width: 1024px) { .btn-consult { padding: 0.5rem 0.75rem; font-size: 14px !important; } } .btn-orange { color: #fff; background-color: #FF7A00; border-color: #FF7A00; text-decoration: none; } .btn-orange:hover { color: #fff; background-color: #1F3C88; border-color: #1F3C88; } .btn-blue { color: #fff; background-color: #1F3C88; border-color: #1F3C88; } .btn-blue:hover { color: #fff; background-color: #FF7A00; border-color: #FF7A00; } .title { font-family: 'Manrope Bold', sans-serif; font-weight: 700; font-size: 45px; line-height: 100%; } @media (max-width: 576px) { .title { font-size: 26px; } } .title_head { font-size: 45px; line-height: 100%; letter-spacing: -1%; } @media (max-width: 576px) { .title_head { font-size: 20px; } } .subtitle { font-weight: 400; font-size: 16px; line-height: 24px; } /* header */ .header { display: flex; flex-wrap: nowrap; padding: 10px 20px; } .header .header-content { display: flex; flex-wrap: nowrap; flex-direction: column; width: 100%; gap: 5px; } @media (max-width: 769px) { .header .header-content { flex-direction: column-reverse; } } .header .header-content .--contacts { display: flex; align-items: center; gap: 20px; margin-left: auto; } @media (max-width: 769px) { .header .header-content .--contacts { flex-direction: column; gap: 10px; margin-left: unset; align-items: normal; } } .header .header-content .--contacts .-phone a { font-size: 14px; color: #1C1C1C; line-height: 100%; text-decoration: none; } .header .header-content .--contacts .-email a { font-size: 14px; color: #1C1C1C; line-height: 100%; text-decoration: none; } .header .header-content .--contacts .social-concult { display: flex; gap: 10px; background: #fff; border-radius: 50px; align-items: center; } @media (max-width: 1024px) { .header .header-content .--contacts .social-concult { background: none; } } .header .header-content .--menu { display: flex; justify-content: space-between; margin-left: 1rem; } .header .header-content .--menu div { margin: auto 0px; } @media (max-width: 769px) { .header .header-content .--menu { display: block; border-bottom: solid 1px #CECECE; padding-bottom: 5px; margin-left: unset; } } .header .navbar .header-logo img { max-width: 200px; height: auto; } @media (max-width: 576px) { .header .navbar .header-logo img { max-width: 150px; } } .header .navbar .navbar-toggler { font-size: 1.00rem; color: #fff; border-color: #1F3C88; background: #1F3C88; } .header .navbar .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } /* /header */ .banner-content { margin: auto; gap: 20px; display: flex; flex-direction: column; } .banner-rating { position: relative; margin-top: 30px; } .banner-rating .rating-img { position: absolute; right: 60px; top: -30px; } @media (max-width: 1024px) { .banner-rating .rating-img { display: none; } } .ficha-items { display: flex; justify-content: space-between; } @media (max-width: 576px) { .ficha-items { flex-direction: column; gap: 5px; } } .ficha-item { background: #fff; border-radius: 50px; padding-right: 15px; font-weight: 600; font-size: 14px; font-family: 'Manrope Bold', sans-serif; display: flex; align-items: center; white-space: wrap; } .form-content { background: #1F3C88; color: #fff; padding: 16px 16px; border-radius: 20px; } .before-form-content { display: flex; flex-direction: column; gap: 20px; } .before-form-prewtext { font-weight: 400; font-size: 9px; line-height: 11px; } .before-form-text { font-weight: 600; font-size: 22px; line-height: 25px; } @media (max-width: 576px) { .before-form-text { font-size: 16px; } } .prem-items { display: flex; gap: 10px; } @media (max-width: 1024px) { .prem-items { flex-direction: column; } } .prem-item { border: solid 1px #EAEAEC; border-radius: 12px; padding: 16px; background: #fff; width: calc(100% / 3); } @media (max-width: 1024px) { .prem-item { width: 100%; } } .prem-bg { background: linear-gradient(95.74deg, #1F3C88 0%, #233E88 50%, #2550BF 100%); color: #fff; } .caption { font-weight: 600; font-size: 30px; line-height: 100%; } @media (max-width: 576px) { .caption { font-size: 20px; } } .caption p { font-weight: 600; font-size: 16px; line-height: 100%; } .caption-midle { font-weight: 600; font-size: 21px; line-height: 100%; } .advantages-content { background: #1F3C88; color: #000; padding: 16px 16px; border-radius: 20px; } .advantages-content .item { border: solid 1px #EAEAEC; border-radius: 12px; padding: 16px; background: #fff; } .advantages-content .item span { font-weight: 600; } .advantages-content .item p { margin: 0; } .advantages-content .item .description { font-size: 30px; line-height: 30px; } .advantages-content .item .description .number { font-size: 60px; font-weight: 400; } .advantages-content .items { display: flex; justify-content: space-between; gap: 12px; } .advantages-content .items .item { width: 100%; margin-left: 10px; } @media (max-width: 576px) { .advantages-content .items .item { margin-left: 0px; } } @media (max-width: 576px) { .advantages-content .items { flex-direction: column; margin-top: 10px; } } .reviews-content .items { display: flex; justify-content: space-between; } .reviews-content .items .item { background: #fff; border-radius: 50px; padding-right: 15px; font-weight: 600; font-size: 14px; font-family: 'Manrope Bold', sans-serif; white-space: nowrap; } @media (max-width: 576px) { .reviews-content .items { flex-direction: column; gap: 10px; } } .appeal-content { background: #1F3C88; color: #92a7df; padding: 16px 16px; border-radius: 20px; font-size: 16px; font-weight: 400; } .appeal-content .item { border: solid 1px #EAEAEC; border-radius: 12px; padding: 16px; background: #fff; } .appeal-content .title { color: #ffffff; } .faq-content .faq1, .faq-content .faq2 { gap: 10px; display: flex; flex-direction: column; } .faq-content .faq1 .card, .faq-content .faq2 .card { border-radius: 20px; background: #fff; } .faq-content .faq1 .card .card-header, .faq-content .faq2 .card .card-header { border-radius: 20px; border: none; background: #fff; font-weight: 600; } .faq-content .faq1 .card .card-header ::after, .faq-content .faq2 .card .card-header ::after { content: "+"; background: #f4f8fb; position: absolute; color: #000000; font-family: Roboto sans-serif; font-size: 42px; line-height: 21px; right: 10px; top: calc(50% - 15px); font-weight: 100; border-radius: 100%; padding: 5px; } .faq-content .faq1 .card .card-heading[aria-expanded="true"]:after, .faq-content .faq2 .card .card-heading[aria-expanded="true"]:after { transform: rotate(45deg); top: 10px; } footer .before-footer { background: #1F3C88; padding: 16px 16px; border-radius: 20px; margin-bottom: 20px; } footer .before-footer .items { display: flex; gap: 10px; justify-content: space-between; margin: 10px; } @media (max-width: 576px) { footer .before-footer .items { flex-direction: column; } } footer .before-footer .items .item { border: solid 1px #EAEAEC; border-radius: 12px; padding: 16px; background: #fff; width: 100%; } footer .before-footer .items .item a { color: #1C1C1C; text-decoration: none; } footer .before-footer .map .ymaps-map { border-radius: 12px; } footer .footer-content { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; } @media (max-width: 1024px) { footer .footer-content { flex-direction: column; } } footer .footer-content .footer-logo img { max-width: 200px; height: auto; } footer .footer-content .social-concult { display: flex; gap: 10px; background: #fff; border-radius: 50px; align-items: center; } @media (max-width: 1024px) { footer .footer-content .social-concult { flex-direction: column; } } .contacts-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 10px; } .contacts-grid .contacts-column.data { display: flex; justify-content: space-around; width: 100%; background: #fff; border-radius: 25px; padding: 10px; margin: auto; font-size: 20px; } @media (max-width: 1024px) { .contacts-grid .contacts-column.data { flex-direction: column; gap: 10px; } } .contacts-grid .contacts-column.data a { color: #000; text-decoration: none; } .contacts-grid .contacts-column .ymaps-map { border-radius: 25px; width: 100% !important; } /*# sourceMappingURL=styles.css.map */ /* End */ /* Start:/local/templates/perevodpasporta/components/bitrix/main.site.selector/city_selector_popup/style.css?17805273883408*/ .city-selector-btn { display: inline-flex; align-items: center; text-decoration: none; cursor: pointer; transition: all 0.3s ease; } .city-selector__current { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; background: #f5f5f5; border-radius: 8px; color: #333; transition: all 0.3s ease; } .city-selector-btn:hover .city-selector__current { background: #e8e8e8; transform: translateY(-1px); } .city-selector__location-icon { flex-shrink: 0; } .city-selector__city-name { font-weight: 500; font-size: 14px; } .city-selector__arrow-icon { flex-shrink: 0; transition: transform 0.3s ease; } .city-selector-btn:hover .city-selector__arrow-icon { transform: translateY(2px); } /* Стили для попапа */ .city-popup.fancybox-content{ background: none !important; } .city-popup__header { padding: 20px 24px; border-bottom: 1px solid #e0e0e0; background: #1F3C88; color: white; border-radius: 8px 8px 0 0; } .city-popup__title-wrapper { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .city-popup__title-wrapper h3 { margin: 0; color: white; font-size: 22px; font-weight: 600; } .city-popup__subtitle { margin: 0; opacity: 0.9; font-size: 14px; } .city-popup__content { padding: 24px; background: #fafafa; } .city-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .city-link { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; background: white; text-align: center; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; color: #333; font-weight: 500; border: 2px solid transparent; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .city-link:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-color: #667eea; color: #667eea; } .city-link--active { background: #1F3C88; color: white; border-color: transparent; } .city-link--active:hover { color: white; transform: translateY(-2px); } .city-link__check { flex-shrink: 0; } .city-popup__footer { padding: 16px 24px; border-top: 1px solid #e0e0e0; text-align: center; background: white; border-radius: 0 0 8px 8px; } .city-popup__close-btn { padding: 8px 24px; background: #f5f5f5; border: none; border-radius: 6px; cursor: pointer; font-size: 14px; color: #666; transition: all 0.3s ease; } .city-popup__close-btn:hover { background: #e0e0e0; color: #333; } @media (max-width: 768px) { .city-grid { grid-template-columns: 1fr; } .city-popup__header { padding: 16px 20px; } .city-popup__content { padding: 16px; } .city-selector__current { padding: 6px 10px; } .city-selector__city-name { font-size: 13px; } } @media (max-width: 480px) { .city-popup__title-wrapper h3 { font-size: 18px; } .city-popup__title-wrapper svg { width: 20px; height: 20px; } } /* End */ /* Start:/local/templates/perevodpasporta/components/bitrix/menu/head_menu_v2/style.css?17807370561210*/ .navbar-nav { padding: 10px; background: #fff; min-height: 27px; width: auto; list-style: none; font-size: 14px; float: left; line-height: 15px; color: #1C1C1C; border-radius: 50px; margin-bottom: 0; } .navbar-nav .nav-link { color: #1C1C1C; font-weight: 600; padding: 7px 12px 7px 32px; line-height: 25px; } .menu-icon { display: none; align-items: center; justify-content: center; line-height: 1; margin-left: 0.15rem; transition: transform 0.2s ease; } .navbar-nav .nav-link.active .menu-icon { display: inline; } ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/perevodpasporta/components/bitrix/menu/head_menu_v2/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#1C1C1C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } @media (max-width: 769px) { .navbar-nav { width: 100%; border-radius: 5px; font-size: 16px; } } /* End */ /* Start:/local/templates/perevodpasporta/components/bitrix/breadcrumb/pp_breadcrumb/style.css?1780643992605*/ .bx-breadcrumb { margin: 10px 0; } .bx-breadcrumb i { color: #b5bdc2; line-height: 13px; font-size: 12px; vertical-align: middle; margin-right: 5px; } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; white-space: normal; } .bx-breadcrumb .bx-breadcrumb-item a { border-bottom: none; color: #1C1C1C; } .bx-breadcrumb .bx-breadcrumb-item a:hover {} /* End */ /* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1687169808666*/ div.bx-yandex-map {color: black; font-size: 11px;} div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td { padding: 0px !important; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{ font-size: 11px; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b { background-image: none !important; } /* End */ /* Start:/local/templates/perevodpasporta/components/bitrix/menu/pro_horizontal_multilevel/style.css?17791750775173*/ /**Top menu**/ #horizontal-multilevel-menu { padding: 10px; background: #fff; min-height: 27px; width: 100%; list-style: none; font-size: 14px; float: left; line-height: 15px; color: #1C1C1C; border-radius: 50px; margin-bottom: 0; } #horizontal-multilevel-menu ul { padding: 10px; background: #fff; min-height: 27px; width: 100%; list-style: none; font-size: 14px; float: left; line-height: 15px; color: #1C1C1C; border-radius: 10px; margin-bottom: 0; } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color: #1C1C1C; font-weight: 400; padding: 7px 12px 7px 32px; line-height: 25px; } /* SVG-иконка: по умолчанию скрыта, появляется ТОЛЬКО у активного пункта */ .menu-icon { display: none; align-items: center; justify-content: center; line-height: 1; margin-left: 0.15rem; transition: transform 0.2s ease; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#FAFAFA; color:#1C1C1C; font-weight:bold; padding:7px 12px; border-radius: 50px; } #horizontal-multilevel-menu li a.root-item-selected .menu-icon { display: inline; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#FAFAFA; color:#1C1C1C; border-radius: 50px; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/perevodpasporta/components/bitrix/menu/pro_horizontal_multilevel/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/perevodpasporta/components/bitrix/menu/pro_horizontal_multilevel/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu ul>li:hover, #horizontal-multilevel-menu ul>li.jshover { background:#D6D6D6; color:#fff; border-radius: 5px; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; width:min-content; /*width:135px;*/ background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/perevodpasporta/components/bitrix/form.result.new/inpopup/style.css?177982432810359*/ .open-form-popup { font-size: 16px; font-weight: 600; } .popup-header { text-align: center; } .popup-subtitle{ padding: 0 20px; } /* Контейнер формы в fancybox */ .fancybox-form-container { max-width: 650px; background: #fff; border-radius: 16px; overflow: hidden; } /*.fancybox-form-container .form-container { padding: 30px; }*/ /* Скрываем стандартный заголовок fancybox */ .fancybox-slide--inline .fancybox-infobar, .fancybox-slide--inline .fancybox-caption { display: none !important; } /* Убираем лишние отступы */ .fancybox-content { padding: 0 !important; } /* Стили для кнопки закрытия */ .fancybox-close-small { background: #fff !important; border-radius: 50% !important; width: 32px !important; height: 32px !important; right: 10px !important; top: 10px !important; } /*.fancybox-close-small:hover { background: #f0f0f0 !important; }*/ /* Затемнение */ .fancybox-backdrop { background: rgba(0, 0, 0, 0.7) !important; } /* Анимация */ .fancybox-slide { padding: 20px !important; } /* Мобильная адаптация */ @media (max-width: 768px) { .fancybox-form-container .form-container { padding: 20px; } } /* form-container */ .form-container { max-width: 600px; margin: 0 auto; padding: 10px 20px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } /* form-messages */ .form-messages { margin-bottom: 20px; padding: 12px 15px; border-radius: 4px; background: #f8f9fa; } .form-messages.success { background: #d4edda; border: 1px solid #c3e6cb; color: #155724; } .form-messages.error { background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; } /* form-group */ .form-group { margin-bottom: 5px !important; } .form-label { display: block; margin-bottom: 5px; font-weight: 500; color: #333; font-size: 14px; } .form-required { color: #dc3545; margin-left: 3px; } /* form-field */ .form-field input[type="text"], .form-field input[type="email"], .form-field input[type="tel"], .form-field input[type="url"] { width: 100% !important; padding: 10px 12px !important; border: 1px solid #ddd !important; border-radius: 4px !important; font-size: 14px !important; transition: border-color 0.3s ease !important; box-sizing: border-box !important; background: #D1D1D1 !important; } .form-field textarea { background: #fff; border-radius: 10px; outline: none; border: 1px solid #ddd !important; border-radius: 4px !important; resize: none; padding: 18px 0 0 20px; width: 100% !important; height: 50% !important; background: #D1D1D1 !important; } .form-field input:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1); } .form-field input.error { border-color: #dc3545; } /* checkbox */ .checkbox-label { display: flex; align-items: flex-start; cursor: pointer; } .checkbox-label input[type="checkbox"] { margin-right: 8px; width: 18px; height: 18px; cursor: pointer; } .checkbox-text { font-size: 14px; color: #555; } .checkbox-label .license-link-work { font-size: 11px; line-height: 12px; } /* error message */ .form-error-message { font-size: 12px; color: #dc3545; margin-top: 5px; min-height: 18px; } .form-footer { text-align:center; } /* submit button */ .form-submit-btn { display: inline-block; padding: 10px 24px; background: #1F3C88; color: #fff; border: none; border-radius: 4px; font-size: 16px; font-weight: 500; cursor: pointer; transition: background 0.3s ease; margin: 10px 0px; } .form-submit-btn:hover { background: #FF7A00; } .form-submit-btn:disabled { background: #ccc; cursor: not-allowed; } /* loading state */ .form-submit-btn.loading { position: relative; padding-right: 40px; } .form-submit-btn.loading::after { content: ''; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 2px solid #fff; border-top-color: transparent; border-radius: 50%; animation: spin 0.6s linear infinite; } /* Стили для поля телефона с маской */ .form-field input.phone-mask { font-family: 'Courier New', 'Consolas', monospace; font-size: 16px; letter-spacing: 0.5px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 35px; } .form-field input.phone-mask:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1); } .form-field input.phone-mask.error { border-color: #dc3545; background-image: url('data:image/svg+xml;utf8,'); } .form-field input.phone-mask.success { border-color: #28a745; background-image: url('data:image/svg+xml;utf8,'); } /* Стили для placeholder */ .form-field input.phone-mask::placeholder { color: #999; font-family: inherit; font-size: 14px; letter-spacing: normal; } /* Стили для поля email */ .form-field input.email-field { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 35px; } .form-field input.email-field:focus { outline: none; border-color: #007bff; box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1); } .form-field input.email-field.error { border-color: #dc3545; background-image: url('data:image/svg+xml;utf8,'); } .form-field input.email-field.success { border-color: #28a745; background-image: url('data:image/svg+xml;utf8,'); } /* Placeholder для email */ .form-field input.email-field::placeholder { color: #999; font-style: italic; } /* Honeypot field - скрыто от пользователей */ .ajax-form [name^="hp_"] { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; } @keyframes spin { to { transform: translateY(-50%) rotate(360deg); } } /* Благодарность */ /*.thanks-block { text-align: center; margin-bottom: 32px; } .thanks-block h2 { font-size: 24px; font-weight: 700; color: #1E3A8A; margin-bottom: 12px; }*/ /*согласие на обработку персональных данных */ .consent-wrapper { display: flex; align-items: flex-start; gap: 10px; } .consent-wrapper input[type="checkbox"] { width: 18px; height: 18px; margin-top: 2px; cursor: pointer; flex-shrink: 0; position: static !important; opacity: 1 !important; left: 0px !important; } .consent-text { font-size: 12px; line-height:12px; cursor: default; user-select: text; } .consent-text a { color: #0066cc; text-decoration: none; } .consent-text a:hover { text-decoration: underline; } .error-message { font-size: 12px; color: #dc3545; margin-top: 5px; margin-left: 28px; display: none; } .error-message.show { display: block; } /* /согласие на обработку персональных данных */ /* responsive */ @media (max-width: 768px) { .form-container { padding: 15px; } .form-submit-btn { width: 100%; padding: 12px; } .form-field input.phone-mask { font-size: 16px; /* Предотвращает масштабирование на iOS */ padding-right: 30px; } } @media (max-width: 480px) { .form-container { padding: 12px; } .form-label { font-size: 13px; } .form-field input { font-size: 13px; padding: 8px 10px; } } /* End */ /* /local/templates/perevodpasporta/assets/css/swiper-bundle_v12.min.css?177919413914423 */ /* /local/templates/perevodpasporta/assets/css/styles.css?178532177911419 */ /* /local/templates/perevodpasporta/components/bitrix/main.site.selector/city_selector_popup/style.css?17805273883408 */ /* /local/templates/perevodpasporta/components/bitrix/menu/head_menu_v2/style.css?17807370561210 */ /* /local/templates/perevodpasporta/components/bitrix/breadcrumb/pp_breadcrumb/style.css?1780643992605 */ /* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1687169808666 */ /* /local/templates/perevodpasporta/components/bitrix/menu/pro_horizontal_multilevel/style.css?17791750775173 */ /* /local/templates/perevodpasporta/components/bitrix/form.result.new/inpopup/style.css?177982432810359 */