/* Start:/bitrix/templates/new_tpl/css/fonts.css?172858771311049*/ @font-face { font-family: "PF Handbook Pro"; src: url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-ExtraThin.woff2) format("woff2"), url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-ExtraThin.woff) format("woff"); font-display: swap; font-weight: 200; font-style: normal } @font-face { font-family: "PF Handbook Pro"; src: url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-Light.woff2) format("woff2"), url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-Light.woff) format("woff"); font-display: swap; font-weight: 300; font-style: normal } @font-face { font-family: "PF Handbook Pro"; src: url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-Medium.woff2) format("woff2"), url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-Mediumt.woff) format("woff"); font-display: swap; font-weight: 500; font-style: normal } @font-face { font-family: "PF Handbook Pro"; src: url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-Bold.woff2) format("woff2"), url(/bitrix/templates/new_tpl/css/../fonts/PFHandbookPro-Bold.woff) format("woff"); font-display: swap; font-weight: 600; font-style: normal } /*@font-face {*/ /* font-family: 'CeraProItalic';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_italic.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_italic.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_italic.ttf') format('truetype');*/ /* font-weight: normal;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'CerProThin';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_thin.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_thin.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_thin.otf') format('opentype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'CeraProThinItalic';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_thin_italic.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_thin_italic.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_thin_italic.otf') format('opentype');*/ /* font-weight: normal;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'CeraProRegular';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_regular.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_regular.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_regular.otf') format('opentype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'CeraProMedium';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_medium.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_medium.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_medium.otf') format('opentype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'CeraProLight';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_light.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_light.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_light.otf') format('opentype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'CeraProLightItalic';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_light_italic.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_light_italic.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_light_italic.otf') format('opentype');*/ /* font-weight: normal;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'CeraProBold';*/ /* src:*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_bold.woff2') format('woff2'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_bold.woff') format('woff'),*/ /* url('/bitrix/templates/new_tpl/css/fonts/cera_pro_bold.otf') format('opentype');*/ /* font-weight: bold;*/ /* font-style: normal;*/ /*}*/ @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Italic.eot'); src: local('Cera Pro Italic'), local('CeraPro-Italic'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Italic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Italic.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Regular.eot'); src: local('Cera Pro Regular'), local('CeraPro-Regular'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Regular.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BlackItalic.eot'); src: local('Cera Pro Black Italic'), local('CeraPro-BlackItalic'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BlackItalic.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Light.eot'); src: local('Cera Pro Light'), local('CeraPro-Light'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Light.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BoldItalic.eot'); src: local('Cera Pro Bold Italic'), local('CeraPro-BoldItalic'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BoldItalic.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Black.eot'); src: local('Cera Pro Black'), local('CeraPro-Black'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Black.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Medium.eot'); src: local('Cera Pro Medium'), local('CeraPro-Medium'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Medium.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Bold.eot'); src: local('Cera Pro Bold'), local('CeraPro-Bold'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Bold.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Thin.eot'); src: local('Cera Pro Thin'), local('CeraPro-Thin'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Thin.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-MediumItalic.eot'); src: local('Cera Pro Medium Italic'), local('CeraPro-MediumItalic'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-MediumItalic.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-LightItalic.eot'); src: local('Cera Pro Light Italic'), local('CeraPro-LightItalic'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-LightItalic.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Cera Pro'; src: url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-ThinItalic.eot'); src: local('Cera Pro Thin Italic'), local('CeraPro-ThinItalic'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-ThinItalic.woff') format('woff'), url('/bitrix/templates/new_tpl/css/fonts/cera_pro/CeraPro-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } /* End */ /* Start:/bitrix/templates/new_tpl/css/new_normalize.css?172141995030094*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } details, img, main { display: block } h1 { font-size: 2em } a { background-color: transparent; color: inherit; text-decoration: none; -webkit-transition: all .2s; transition: all .2s } b, strong { font-weight: bolder } img { border-style: none; max-width: 100%; height: auto } button, input, optgroup, select, textarea { font-size: 100%; line-height: 1.15; margin: 0 } optgroup { font-family: inherit } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } summary { display: list-item } :root { -webkit-box-sizing: border-box; box-sizing: border-box } body, html { height: 100% } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card, body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } body { min-width: 100%; text-rendering: optimizeSpeed; width: 100%; } h1, h2, h3, h4, h5, h6, li, p, ul, ul.resp-tabs-list { margin: 0; padding: 0 } .wrapper-articles li { margin-left: 2rem; } input, select, textarea { font-family: inherit; border: 0; border-radius: 0 } main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .page-footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .container { width: 100%; padding-left: 13px; padding-right: 13px } @media screen and (min-width: 1200px) { .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 1920px } } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; white-space: nowrap; -webkit-clip-path: inset(100%); clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden } .cta-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; font-weight: 300; font-size: 16px; line-height: 19px; padding: 0 15px; text-align: center; border: 0; cursor: pointer; min-height: 24px } @media screen and (min-width: 1200px) { .cta-link { font-size: 22px; line-height: 26px } } .experts-slider { width: 100%; margin: auto } @media screen and (min-width: 1200px) { .experts-slider { width: 1410px; height: 850px; margin-top: 45px; position: relative } .experts-slider::before { content: ""; position: absolute; background: url(/bitrix/templates/new_tpl/css/../img/icons/expert-frame.svg); width: 1412px; height: 854px; top: 0; left: 0 } } .experts-slider .swiper-container { width: 100%; height: auto; margin: 0 auto; position: relative; overflow: hidden; padding-top: 40px; padding-bottom: 40px; z-index: 1 } @media screen and (min-width: 1200px) { .experts-slider .swiper-container { padding-top: 35px; padding-bottom: 0; position: static } } .experts-slider .swiper-container .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-wrapper { margin: auto; height: auto; overflow: hidden } } .experts-slider .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .experts-slider .swiper-container-multirow .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width: 1200px) { .experts-slider .swiper-container-multirow .swiper-wrapper { width: 1408px } } .experts-slider .swiper-container .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; margin-top: 0 !important; margin: auto } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-slide { margin: 0 0 30px } } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 236px !important; height: 259px; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .12); box-shadow: 0 4px 20px rgba(0, 0, 0, .12); border-radius: 4px; font-weight: 300; font-size: 14px; line-height: 17px } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card { -webkit-box-shadow: none; box-shadow: none; height: auto; width: -webkit-max-content !important; width: -moz-max-content !important; width: max-content !important; font-size: 20px; line-height: 26px } } @media screen and (min-width: 1600px) { .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card { font-size: 22px } } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card > div { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; position: relative; margin-top: 17px; margin-bottom: 8px } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card > div { width: 144px; height: 144px } } @media screen and (min-width: 1600px) { .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card > div { width: 164px; height: 164px } } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card > div img { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; border-radius: 50% } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card a { text-align: center } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card a:first-of-type { color: #6e18a2; width: 168px } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card a:first-of-type { width: 263px } } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card a:nth-of-type(2) { color: #9b26a8; text-decoration: underline } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card p { text-align: center; width: 186px } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card p { width: 294px } } .experts-slider .swiper-container .swiper-wrapper .swiper-slide .card p:nth-of-type(2) { color: #818181 } .experts-slider .swiper-container .swiper-button-backward, .experts-slider .swiper-container .swiper-button-forward { position: absolute; background: url(/bitrix/templates/new_tpl/css/../img/icons/arrow-mob.svg) no-repeat; top: 50%; width: 15px; height: 28px; cursor: pointer; z-index: 10 } .experts-slider .swiper-container .swiper-button-forward { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); left: 13px } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-button-forward { left: -40px } } .experts-slider .swiper-container .swiper-button-backward { right: 13px } @media screen and (min-width: 1200px) { .experts-slider .swiper-container .swiper-button-backward { right: -40px } } .resp-tabs-list li, h2.resp-accordion { cursor: pointer; font-weight: 500; font-size: 14px; line-height: 17px } .resp-tabs-list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; float: left } @media screen and (min-width: 1200px) { .resp-tabs-list li { font-weight: 500; font-size: 20px; line-height: 26px } } @media screen and (min-width: 1600px) { .resp-tabs-list li { font-size: 22px; line-height: 26px } } .resp-tabs-container { padding: 0; clear: left } h2.resp-accordion { display: none; border-bottom: 1px solid #c7e6f5; border-top: 0; padding: 5px 15px; position: relative } .resp-tab-content { display: none; padding: 0 } .resp-tab-active, h2.resp-accordion.resp-tab-active { border-bottom: none } .resp-accordion-active, .resp-content-active, .resp-easy-accordion h2.resp-accordion { display: block } h2.resp-tab-active { margin-bottom: 0 !important; padding: 10px 15px !important } .resp-vtabs ul.resp-tabs-list { float: left; width: 300px; margin-top: 40px } @media screen and (min-width: 1200px) { .resp-vtabs ul.resp-tabs-list { width: 21%; max-height: 750px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; } } @media screen and (min-width: 1600px) { .resp-vtabs ul.resp-tabs-list { width: 408px } } .resp-vtabs .resp-tabs-list li { display: block; padding: 10px 0 10px 20px; margin: 0; cursor: pointer; float: none; opacity: .3 } @media screen and (min-width: 1200px) { .resp-vtabs .resp-tabs-list li { padding-left: 30px } } @media screen and (min-width: 1600px) { .resp-vtabs .resp-tabs-list li { padding-left: 120px } } .resp-vtabs .resp-tabs-container { padding: 0; float: left; width: 68%; min-height: 250px; clear: none } @media screen and (min-width: 768px) { .resp-vtabs .resp-tabs-container { width: calc(100% - 300px) } } @media screen and (min-width: 1200px) { .resp-vtabs .resp-tabs-container { width: 100%; float: none } } .resp-vtabs .resp-tab-content { border: 0; background-color: #f2f8fb } @media screen and (min-width: 1200px) { .resp-vtabs .resp-tab-content { background: #fdfdfd; position: relative; padding: 65px 0 50px 50px } .resp-vtabs .resp-tab-content::before { content: ""; position: absolute; width: 1200px; height: 815px; top: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg width='1515' height='815' viewBox='0 0 1515 815' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='1542' height='811' rx='4' stroke='%23C7E6F5' stroke-width='4'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat } } @media screen and (min-width: 1600px) { .resp-vtabs .resp-tab-content { padding: 50px 0 50px 80px } .resp-vtabs .resp-tab-content::before { width: 1546px; height: 815px } } .resp-vtabs li.resp-tab-active { background: #c7e6f5; opacity: 1 } .resp-arrow::before { content: ""; position: absolute; right: 15px; bottom: 8px; width: 8px; height: 8px; background: url(/bitrix/templates/new_tpl/css/../img/icons/arrow-down.svg) no-repeat } h2.resp-tab-active span.resp-arrow::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); top: 50% } .resp-jfit { width: 100%; margin: 0 } .resp-tab-content-active { display: block } @media screen and (min-width: 1200px) { .resp-tab-content-active { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none } h2.resp-accordion { display: block } .resp-vtabs .resp-tabs-container { border: 0; float: none; width: 100%; min-height: initial; clear: none; background-color: #fdfdfd } .resp-accordion-closed { display: none !important } } .experts { padding: 46px 0 40px; position: relative; margin: 0 auto } @media screen and (min-width: 1200px) { .experts { padding-bottom: 0; margin-bottom: 90px; max-width: 1920px } } @media screen and (min-width: 1600px) { .experts { margin-bottom: 0; padding-bottom: 90px; max-width: 1920px } } .experts .title { color: #e62a78; font-family: "PF Handbook Pro", "Arial", sans-serif; font-weight: 200; font-size: 24px; line-height: 29px; position: relative; z-index: 10; padding-left: 12px; margin-bottom: 35px } .experts .title::before { content: ""; position: absolute; width: 119px; height: 15px; border-radius: 0 4px 4px 0; background-color: #c7e6f5; bottom: 0; left: 0; z-index: -1 } @media screen and (min-width: 768px) { .experts .title { font-size: 42px; line-height: 42px } } @media screen and (min-width: 1200px) { .experts .title { font-size: 72px; line-height: 86px; padding-left: 257px } .experts .title::before { width: 482px; height: 42px } } .experts ul, .experts ul li { display: -webkit-box; display: -ms-flexbox; display: flex } .experts ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px } @media screen and (min-width: 768px) { .experts ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media screen and (min-width: 1200px) { .experts ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 862px; margin: auto } } .experts ul li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; font-size: 14px; line-height: 17px; color: #530085; position: relative; margin-left: 82px; width: 180px } @media screen and (min-width: 768px) { .experts ul li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } } @media screen and (min-width: 1200px) { .experts ul li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: flex-start; text-align: center; font-size: 20px; line-height: 26px; margin-left: 0; padding-top: 150px } } @media screen and (min-width: 1600px) { .experts ul li { font-size: 22px } } .experts ul li::before { content: ""; position: absolute; width: 43px; height: 40px; left: -50px } .experts ul li:first-of-type { margin-bottom: 28px } @media screen and (min-width: 1200px) { .experts ul li:first-of-type { margin-bottom: 0; width: 200px } } @media screen and (min-width: 1600px) { .experts ul li:first-of-type { width: 214px } } .experts ul li:first-of-type::before { top: 2px; background: url(/bitrix/templates/new_tpl/css/../img/icons/expert1-mob.svg) no-repeat } @media screen and (min-width: 1200px) { .experts ul li:first-of-type::before { top: 0; left: 45px; background: url(/bitrix/templates/new_tpl/css/../img/icons/expert1-desk.svg) no-repeat; width: 120px; height: 110px } } .experts ul li:nth-of-type(2) { margin-bottom: 25px } @media screen and (min-width: 1200px) { .experts ul li:nth-of-type(2) { margin-bottom: 0; width: 172px } } .experts ul li:nth-of-type(2)::before { background: url(/bitrix/templates/new_tpl/css/../img/icons/expert2-mob.svg) no-repeat } @media screen and (min-width: 1200px) { .experts ul li:nth-of-type(2)::before { top: 0; left: 25px; background: url(/bitrix/templates/new_tpl/css/../img/icons/expert2-desk.svg) no-repeat; width: 120px; height: 110px } .experts ul li:nth-of-type(3) { width: 210px } } @media screen and (min-width: 1600px) { .experts ul li:nth-of-type(3) { width: 214px } } .experts ul li:nth-of-type(3)::before { background: url(/bitrix/templates/new_tpl/css/../img/icons/expert3-mob.svg) no-repeat } @media screen and (min-width: 1200px) { .experts ul li:nth-of-type(3)::before { top: 5px; left: 70px; background: url(/bitrix/templates/new_tpl/css/../img/icons/expert3-desk.svg) no-repeat; width: 120px; height: 110px } } .experts > div:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 55px; width: 100%; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .11); box-shadow: 0 0 20px rgba(0, 0, 0, .11); font-weight: 500; font-size: 14px; line-height: 17px; background-color: #fff } @media screen and (min-width: 1200px) { .experts > div:first-of-type { width: 37%; height: 80px; font-size: 22px; line-height: 31px; position: absolute; bottom: -20px; z-index: 2 } } @media screen and (min-width: 1600px) { .experts > div:first-of-type { max-width: 759px; height: 98px; font-size: 26px; line-height: 31px; position: absolute; bottom: 45px; z-index: 2 } } .experts > div:first-of-type p { color: #6e18a2 } .experts > div:first-of-type a { text-transform: uppercase; color: #e62a78; border-bottom: 1px solid #e62a78 } .experts a.cta-link { border: 1px solid #9b26a8; color: #9b26a8; width: 142px; height: 40px; margin: 0 auto } @media screen and (min-width: 1200px) { .experts a.cta-link { width: 272px; height: 40px; margin-top: -20px } } @media screen and (min-width: 1600px) { .experts a.cta-link { margin-top: 10px; } } .clinics { margin: 0 auto; background-color: #fdfdfd; overflow: hidden; padding-bottom: 30px } @media screen and (min-width: 1200px) { .clinics { max-width: 1920px; padding-bottom: 100px } } .clinics > .title { color: #e62a78; font-family: "PF Handbook Pro", "Arial", sans-serif; font-weight: 200; font-size: 24px; line-height: 29px; position: relative; z-index: 10; padding-left: 12px; margin-bottom: 35px } .clinics > .title::before { content: ""; position: absolute; width: 119px; height: 15px; border-radius: 0 4px 4px 0; background-color: #c7e6f5; bottom: 0; left: 0; z-index: -1 } @media screen and (min-width: 768px) { .clinics > .title { font-size: 42px; line-height: 42px } } @media screen and (min-width: 1200px) { .clinics > .title { font-size: 72px; line-height: 86px; padding-left: 257px } .clinics > .title::before { width: 482px; height: 42px } } .clinic-map-mobile { width: 100%; height: 186px; display: none; } .clinic-map-mobile iframe, .map-wrapper iframe { width: 100%; height: 100% } @media screen and (min-width: 768px) { .clinic-map-mobile { display: none } } .circles span { font-weight: 300; font-size: 14px; line-height: 17px; color: #818181; position: relative; margin-right: 10px; padding-left: 15px } .circles span::before { content: ""; position: absolute; display: inline-block; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 1px } @media screen and (min-width: 1200px) { .circles span::before { width: 12px; height: 12px; top: 3px } .circles span { font-size: 18px; line-height: 22px } } .circles span.yellow::before, .info p span.yellow::before { background: #ec981a } .circles span.blue::before, .info p span.blue::before { background: #2f4ad8 } .circles span.violet::before, .info p span.violet::before { background: #ba3db5 } .circles span.green::before, .info p span.green::before{ background: #2DBE2C; } .circles span.ltgreen::before, .info p span.ltgreen::before{ background: #99CC00; } .map-wrapper { width: 100%; height: 186px; background-color: #b9dff4; z-index: 1; } @media screen and (min-width: 768px) { .map-wrapper { height: 350px } } @media screen and (min-width: 1200px) { .map-wrapper { width: 60%; height: auto } } @media screen and (min-width: 1600px) { .map-wrapper { min-width: 825px; width: 100%; max-width: 100%; height: 711px } } .map-wrapper iframe { border: 0 } .info { padding: 10px 15px 30px; position: relative; } @media screen and (min-width: 1200px) { .info { max-width: 477px; width: 60%; padding: 0; margin-right: 70px } } @media screen and (min-width: 1600px) { .info { margin-right: 135px } } .info .clinics-subtitle-mob, .info .clinics-subtitle-desk { font-weight: 500; font-size: 18px; line-height: 22px; color: #6e18a2; padding-bottom: 8px } @media screen and (min-width: 1200px) { .info .clinics-subtitle-mob { display: none } } .info .clinics-subtitle-desk { display: none } @media screen and (min-width: 1200px) { .info .clinics-subtitle-desk { display: block; font-weight: 500; font-size: 24px; line-height: 31px; margin-bottom: 15px } } @media screen and (min-width: 1600px) { .info .clinics-subtitle:last-of-type { font-size: 26px; line-height: 31px; width: 424px } } .info a, .info p, .info p span { font-size: 16px; line-height: 19px } @media screen and (min-width: 1200px) { .info p { font-weight: 300; font-size: 20px; line-height: 24px; } } @media screen and (min-width: 1600px) { .info p { font-size: 22px; line-height: 26px; color: #000 } } .info a, .info p span { font-weight: 300 } .info p span { color: #000; position: relative } .info p span::before { content: ""; position: absolute; display: inline-block; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 5px } @media screen and (min-width: 1200px) { .info p span { font-size: 18px; line-height: 26px; color: #6e18a2 } } @media screen and (min-width: 1600px) { .info p span { font-size: 22px } } .info p, .info p span.grey { color: #818181 } .info p span.blue, .info p span.violet, .info p span.yellow, .info p span.green, .info p span.ltgreen { padding-left: 10px } @media screen and (min-width: 1200px) { .info p.index, .info p.subway { display: none } } .info p.info-desk { display: none } @media screen and (min-width: 1200px) { .info p.info-desk { display: inline-block; font-weight: 300; font-size: 20px; line-height: 26px; color: #000; margin-top: 15px } } @media screen and (min-width: 1600px) { .info p.info-desk { width: 414px; font-size: 22px; line-height: 26px; color: #000; margin-top: 15px } } .info a { display: block; text-decoration: underline } .info div.direction { color: #111; position: relative; padding: 12px 0 } .info div.direction::after { content: ""; position: absolute; left: 230px; bottom: 16px; width: 8px; height: 8px; background: url(/bitrix/templates/new_tpl/css/../img/icons/arrow-down.svg) no-repeat; display: none; } @media screen and (min-width: 1200px) { .info div.direction { display: none } } .info a.online-visit { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; color: #530085; position: relative; padding: 20px 0 20px 48px } .info a.online-visit::before { content: ""; position: absolute; left: 0; bottom: 8px; width: 40px; height: 40px; background: url(/bitrix/templates/new_tpl/css/../img/icons/360.svg) no-repeat } @media screen and (min-width: 1200px) { .info a.online-visit { display: none } } @media screen and (min-width: 1200px) { .info a.info-desk { display: block; font-weight: 300; font-size: 16px; line-height: 16px; color: #6e18a2 } } .info div.add-info { border-left: 4px solid #c7e6f5; padding-left: 5px; margin-top: 25px } .info div.add-info > a { font-size: 14px; line-height: 17px; max-width: 350px; color: #530085 } @media screen and (min-width: 1200px) { .info div.add-info { display: none } } .info div.link-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (min-width: 1200px) { .info div.link-buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } } .info div.link-buttons a.cta-link { display: -webkit-box; display: -ms-flexbox; display: flex; width: 162px; text-decoration: none } .info div.link-buttons a.cta-link:first-of-type { background: #9b26a8; color: #fff; margin-bottom: 15px; margin-top: 27px } @media screen and (min-width: 1200px) { .info div.link-buttons a.cta-link:first-of-type { /* margin-left: auto; */ width: 226px; height: 40px; font-size: 22px; line-height: 26px; margin-top: 15px; margin-bottom: 0 } } .info div.link-buttons a.cta-link:last-of-type { border: 1px solid #9b26a8; color: #9b26a8 } @media screen and (min-width: 1200px) { .info div.link-buttons a.cta-link:last-of-type { display: none } } /*# sourceMappingURL=style.min.css.map */ /* End */ /* Start:/bitrix/templates/new_tpl/css/swiper.min.css?168815214819811*/ /** * Swiper 4.5.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 16, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/bitrix/templates/new_tpl/css/style_popup.css?172953277720390*/ /*#modal-1.fade-block {*/ /* display: none;*/ /* position: fixed;*/ /* overflow-y: auto;*/ /* top: 0;*/ /* left: 0;*/ /* right: 0;*/ /* bottom: 0;*/ /* background-color: rgba(0, 0, 0, 0.69);*/ /*}*/ /*#modal-1.fade-block--visible {*/ /* display: block;*/ /* z-index: 1000;*/ /*}*/ #modal-1 > .modal-window { margin: 100px auto; } @media screen and (min-width: 1200px) { #modal-1 > .modal-window { width: 900px; } } @media screen and (min-width: 1600px) { #modal-1 > .modal-window { width: 1082px; } } #modal-1 > .modal-window > .modal_make-an-appointment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #D5E5EC; border-radius: 8px; position: relative; } #modal-1 > .modal-window > .modal_make-an-appointment::before { content: ""; position: absolute; width: 40%; height: 20px; right: 0; top: 20px; background: #AED7EB; border-radius: 4px 0 0 4px; } @media screen and (min-width: 1200px) { #modal-1 > .modal-window > .modal_make-an-appointment::before { height: 32px; width: 375px; top: 25px; } } @media screen and (min-width: 1600px) { #modal-1 > .modal-window > .modal_make-an-appointment::before { width: 433px; height: 42px; top: 50px; } } #modal-1 .form_block_title { text-align: center; font-weight: 300; font-size: 24px; line-height: 20px; color: #530085; position: relative; margin-bottom: 20px; padding-top: 17px; } @media screen and (min-width: 1200px) { #modal-1 .form_block_title { font-size: 48px; line-height: 40px; } } @media screen and (min-width: 1600px) { #modal-1 .form_block_title { font-size: 72px; line-height: 86px; margin-bottom: 40px; } } #modal-1 .form_block_title > span { color: #E62A78; } #modal-1 button.btn-close { position: absolute; width: 20px; height: 20px; top: 10px; right: 10px; background: transparent; } #modal-1 button.btn-close::before { content: ''; position: absolute; width: 20px; height: 20px; background: url("/bitrix/templates/new_tpl/css/../img/icons/icon-close.svg") no-repeat; top: 0; left: 0; } @media screen and (min-width: 1200px) { #modal-1 button.btn-close { cursor: pointer; } } #modal-1 .form-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; width: 90%; font-size: 16px; line-height: 22px; font-weight: 300; } @media screen and (min-width: 1200px) { #modal-1 .form-block { width: 500px; } } @media screen and (min-width: 1600px) { #modal-1 .form-block { font-size: 18px; line-height: 22px; width: 651px; } } #modal-1 .text { width: 100%; height: 30px; background-color: #f2f7f9; color: #818181; border-radius: 4px; margin-bottom: 10px; padding: 5px 15px; border: none; font-size: 16px; line-height: 22px; font-weight: 300; } @media screen and (min-width: 1200px) { #modal-1 .text { height: 30px; font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1600px) { #modal-1 .text { height: 42px; font-size: 26px; line-height: 31px; padding: 5px 20px; margin-bottom: 20px; } } #modal-1 .text::-webkit-input-placeholder { font-weight: 300; font-size: 16px; line-height: 22px; color: #818181; } @media screen and (min-width: 1200px) { #modal-1 .text::-webkit-input-placeholder { font-size: 18px; line-height: 31px; } } @media screen and (min-width: 1600px) { #modal-1 .text::-webkit-input-placeholder { font-size: 26px; line-height: 31px; } } #modal-1 select { width: 100%; height: 30px; background-color: #f2f7f9; border-radius: 4px; margin-bottom: 10px; padding: 5px 15px; border: none; position: relative; font-size: 16px; line-height: 22px; font-weight: 300; color: #818181; } #modal-1 select::before { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 100%; background: #818181; top: 50%; right: 10px; } @media screen and (min-width: 1200px) { #modal-1 select::before { right: 20px; } } @media screen and (min-width: 1200px) { #modal-1 select { height: 30px; font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1600px) { #modal-1 select { font-size: 26px; line-height: 31px; height: 42px; margin-bottom: 20px; padding: 5px 20px; } } #modal-1 textarea { width: 100%; height: 100px; background-color: #f2f7f9; border-radius: 4px; margin-bottom: 10px; padding: 5px 20px; border: none; font-size: 16px; line-height: 22px; font-weight: 300; color: #818181; } @media screen and (min-width: 1200px) { #modal-1 textarea { height: 120px; font-size: 18px; line-height: 24px; resize: none; } } @media screen and (min-width: 1600px) { #modal-1 textarea { font-size: 26px; line-height: 31px; height: 140px; margin-bottom: 20px; } } #modal-1 .chb { display: none; } #modal-1 .chb_label { display: block; font-weight: 300; font-size: 16px; line-height: 22px; position: relative; background: url("/bitrix/templates/new_tpl/css/../img/icons/chb_empty_bg_noa.svg") no-repeat; margin-bottom: 10px; } @media screen and (min-width: 1600px) { #modal-1 .chb_label { font-size: 18px; line-height: 22px; } } #modal-1 .chb_label > span { padding-left: 35px; } #modal-1 .chb:checked + .chb_label { background: url("/bitrix/templates/new_tpl/css/../img/icons/check.svg") no-repeat; } #modal-1 .chb_label span { color: #E62A78; } #modal-1 a span { color: #E62A78; border-bottom: 1px solid #E62A78; } #modal-1 input.submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; font-weight: 300; font-size: 18px; line-height: 22px; width: 250px; height: 30px; color: white; margin-top: 20px; margin-bottom: 20px; background: #9B26A8; border-radius: 4px; } @media screen and (min-width: 1200px) { #modal-1 input.submit { height: 40px; font-size: 20px; cursor: pointer; line-height: 24px; } } @media screen and (min-width: 1600px) { #modal-1 input.submit { width: 272px; font-size: 22px; line-height: 26px; } } /*#modal-2.fade-block {*/ /* display: none;*/ /* overflow-y: auto;*/ /* position: fixed;*/ /* top: 0;*/ /* left: 0;*/ /* right: 0;*/ /* bottom: 0;*/ /* background-color: rgba(0, 0, 0, 0.69);*/ /*}*/ /*#modal-2.fade-block--visible {*/ /* display: block;*/ /* z-index: 1000;*/ /*}*/ #modal-2 > .modal-window { margin: 100px auto; width: 90%; } @media screen and (min-width: 1200px) { #modal-2 > .modal-window { width: 800px; } } @media screen and (min-width: 1600px) { #modal-2 > .modal-window { width: 900px; } } #modal-2 > .modal-window > .modal_callback { display: flex; flex-direction: column; background: #D5E5EC; border-radius: 8px; position: relative; } #modal-2 > .modal-window > .modal_callback::before { content: ""; position: absolute; width: 40%; height: 20px; right: 0; top: 20px; background: #AED7EB; border-radius: 4px 0 0 4px; } @media screen and (min-width: 1200px) { #modal-2 > .modal-window > .modal_callback::before { height: 32px; width: 370px; top: 25px; } } @media screen and (min-width: 1600px) { #modal-2 > .modal-window > .modal_callback::before { width: 410px; height: 42px; top: 50px; } } #modal-2 .form_block_title { text-align: center; font-weight: 300; font-size: 24px; line-height: 20px; color: #530085; position: relative; margin-bottom: 20px; padding-top: 17px; } @media screen and (min-width: 1200px) { #modal-2 .form_block_title { font-size: 48px; line-height: 40px; } } @media screen and (min-width: 1600px) { #modal-2 .form_block_title { font-size: 72px; line-height: 86px; margin-bottom: 40px; } } #modal-2 .form_block_title > span { color: #E62A78; } #modal-2 button.btn-close { position: absolute; width: 20px; height: 20px; top: 10px; right: 10px; background: transparent; } #modal-2 button.btn-close::before { content: ''; position: absolute; width: 20px; height: 20px; background: url("/bitrix/templates/new_tpl/css/../img/icons/icon-close.svg") no-repeat; top: 0; left: 0; } @media screen and (min-width: 1200px) { #modal-2 button.btn-close { cursor: pointer; } } #modal-2 .form-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; width: 90%; font-size: 16px; line-height: 22px; font-weight: 300; } @media screen and (min-width: 1200px) { #modal-2 .form-block { width: 500px; } } @media screen and (min-width: 1600px) { #modal-2 .form-block { font-size: 18px; line-height: 22px; width: 651px; } } #modal-2 .text, #no_soc_fields .text { width: 100%; height: 30px; background-color: #f2f7f9; color: #818181; border-radius: 4px; margin-bottom: 10px; border: none; font-size: 16px; padding: 5px 15px; line-height: 22px; font-weight: 300; } @media screen and (min-width: 1200px) { #modal-2 .text, #no_soc_fields .text { height: 30px; font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1600px) { #modal-2 .text, #no_soc_fields .text { height: 42px; font-size: 26px; line-height: 31px; padding: 5px 20px; margin-bottom: 20px; } } #modal-2 .text::-webkit-input-placeholder, #no_soc_fields .text::-webkit-input-placeholder { font-weight: 300; font-size: 16px; line-height: 22px; color: #818181; } @media screen and (min-width: 1200px) { #modal-2 .text::-webkit-input-placeholder, #no_soc_fields .text::-webkit-input-placeholder { font-size: 18px; line-height: 31px; } } @media screen and (min-width: 1600px) { #modal-2 .text::-webkit-input-placeholder, #no_soc_fields .text::-webkit-input-placeholder { font-size: 26px; line-height: 31px; } } #modal-2 form > div { margin-bottom: 10px; } #modal-2 form > div span { color: #E62A78; } #modal-2 form > div a span { color: #E62A78; border-bottom: 1px solid #E62A78; } #modal-2 .chb { display: none; } #modal-2 .chb_label { display: block; font-weight: 300; font-size: 16px; line-height: 22px; position: relative; background: url("/bitrix/templates/new_tpl/css/../img/icons/chb_empty_bg_noa.svg") no-repeat; margin-bottom: 10px; } @media screen and (min-width: 1600px) { #modal-2 .chb_label { font-size: 18px; line-height: 22px; } } #modal-2 .chb_label > span { padding-left: 35px; } #modal-2 .chb:checked + .chb_label { background: url("/bitrix/templates/new_tpl/css/../img/icons/check.svg") no-repeat; } #modal-2 .chb_label > span { color: #E62A78; } #modal-2 input.submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; font-weight: 300; font-size: 18px; line-height: 22px; width: 250px; height: 30px; color: white; margin-top: 20px; margin-bottom: 30px; background: #9B26A8; border-radius: 4px; } @media screen and (min-width: 1200px) { #modal-2 input.submit { height: 40px; font-size: 20px; line-height: 24px; } } @media screen and (min-width: 1600px) { #modal-2 input.submit { width: 272px; font-size: 22px; line-height: 26px; } } /******** * #modal-3 *******/ .fade-block { display: none; z-index: 1000; /*display: flex;*/ flex-direction: column; justify-content: space-around; align-items: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.69); } .overflow { overflow: hidden; } /* новые стили для старого попапа */ .popup_bg { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; } .popup_cont { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; } .popup_container { width: 90%; margin: 100px auto; z-index: 110; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #D5E5EC; border-radius: 8px; position: relative; } @media screen and (min-width: 1200px) { .popup_container { width: 900px; } } @media screen and (min-width: 1600px) { .popup_container { width: 1082px; } } .popup_container form { margin: auto; width: 90%; } @media screen and (min-width: 1200px) { .popup_container form { width: 500px; } } @media screen and (min-width: 1600px) { .popup_container form { font-size: 18px; line-height: 22px; width: 651px; } } .form_block_title { text-align: center; font-weight: 300; font-size: 24px; line-height: 20px; color: #530085; position: relative; margin-bottom: 20px; padding: 17px 20px 0; } @media screen and (min-width: 1200px) { .form_block_title { font-size: 48px; line-height: 40px; } } .form_block_title { text-align: center; padding: 30px 40px 27px; font-family: cera_prothin, Tahoma, Arial; font-size: 40px; line-height: 46px; } @media only screen and (max-width: 600px) { .form_block_title { font-size: 20px; line-height: 28px; padding: 30px 20px 27px; } } .form_block_title > span { color: #E62A78; } .popup_container > .popup_close_button { position: absolute; width: 20px; height: 20px; top: 10px; right: 10px; background: transparent; z-index: 111; } .popup_container > .popup_close_button::before { content: ''; position: absolute; width: 20px; height: 20px; background: url("/bitrix/templates/new_tpl/css/../img/icons/icon-close.svg") no-repeat; top: 0; left: 0; } @media screen and (min-width: 1200px) { .popup_container > .popup_close_button { cursor: pointer; } } .popup_container > .form-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; width: 90%; font-size: 16px; line-height: 22px; font-weight: 300; } @media screen and (min-width: 1200px) { .popup_container > form { width: 500px; } } @media screen and (min-width: 1600px) { .popup_container > form { font-size: 18px; line-height: 22px; width: 651px; } } .popup_container form > .text { width: 100%; height: 30px; background-color: #f2f7f9; color: #818181; border-radius: 4px; margin-bottom: 10px; padding: 5px 20px; border: none; font-size: 16px; line-height: 22px; font-weight: 300; } @media screen and (min-width: 1200px) { .popup_container form > .text { height: 30px; font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1600px) { .popup_container form > .text { height: 42px; font-size: 26px; line-height: 31px; margin-bottom: 20px; } } .popup_container form > .text::-webkit-input-placeholder { font-weight: 300; font-size: 16px; line-height: 22px; color: #818181; } @media screen and (min-width: 1200px) { .popup_container form > .text::-webkit-input-placeholder { font-size: 18px; line-height: 31px; } } @media screen and (min-width: 1600px) { .popup_container form > .text::-webkit-input-placeholder { font-size: 26px; line-height: 31px; } } .popup_container form > select { width: 100%; height: 30px; background-color: #f2f7f9; border-radius: 4px; margin-bottom: 10px; padding: 5px 15px; border: none; position: relative; font-size: 16px; line-height: 22px; font-weight: 300; color: #818181; } .popup_container form > select::before { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 100%; background: #818181; top: 50%; right: 10px; } @media screen and (min-width: 1200px) { .popup_container form > select::before { right: 20px; } } @media screen and (min-width: 1200px) { .popup_container form > select { height: 30px; font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1600px) { .popup_container form > select { font-size: 26px; line-height: 31px; height: 42px; margin-bottom: 20px; padding: 5px 20px; } } .popup_container form > textarea { width: 100%; height: 100px; background-color: #f2f7f9; border-radius: 4px; margin-bottom: 10px; padding: 5px 20px; border: none; font-size: 16px; line-height: 22px; font-weight: 300; color: #818181; } @media screen and (min-width: 1200px) { .popup_container form > textarea { height: 120px; font-size: 18px; line-height: 24px; resize: none; } } @media screen and (min-width: 1600px) { .popup_container form > textarea { font-size: 26px; line-height: 31px; height: 140px; margin-bottom: 20px; } } .popup_container form input#APROVE { display: none; } .popup_container form .chb_label { display: block; font-weight: 300; font-size: 16px; line-height: 22px; position: relative; background: url("/bitrix/templates/new_tpl/css/../img/icons/chb_empty_bg_noa.svg") no-repeat 0 4px; margin-bottom: 10px; padding-left: 34px; } @media screen and (min-width: 1600px) { .popup_container form .chb_label { font-size: 18px; line-height: 22px; } } .popup_container > form > .chb_label > span { padding-left: 35px; } .popup_container form .chb:checked + .chb_label { background: url("/bitrix/templates/new_tpl/css/../img/icons/check.svg") no-repeat 0 4px; } .popup_container form > div span { color: #E62A78; } .popup_container form > div { padding-bottom: 1px; } .popup_container form > div a span { color: #E62A78; border-bottom: 1px solid #E62A78; } .popup_container form > div input.submit, form > input.submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; font-weight: 300; font-size: 18px; line-height: 22px; width: 250px; height: 30px; color: white; margin-top: 20px; margin-bottom: 20px; background: #9B26A8; border-radius: 4px; } @media screen and (min-width: 1200px) { .popup_container form > div input.submit, form > input.submit { height: 40px; font-size: 20px; line-height: 24px; } } @media screen and (min-width: 1600px) { .popup_container form > div input.submit, form > input.submit { width: 272px; font-size: 22px; line-height: 26px; } } /* End */ /* Start:/bitrix/templates/new_tpl/css/swipebox.css?16881521485726*/ /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(/bitrix/templates/new_tpl/css/../img/swp/loader.gif) no-repeat center center; } #swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-bottom-bar { bottom: -50px; } #swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } #swipebox-top-bar { top: -50px; } #swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-prev, #swipebox-next, #swipebox-close { background-image: url(/bitrix/templates/new_tpl/css/../img/swp/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; } #swipebox-prev { background-position: -32px 13px; float: left; } #swipebox-next { background-position: -78px 13px; float: right; } #swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; } .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0px 10px -8px #656565; box-shadow: inset 10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0px 10px -8px #656565; box-shadow: inset -10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; } .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @media screen and (min-width: 800px) { #swipebox-close { right: 10px; } #swipebox-arrows { width: 92%; max-width: 800px; } } /* Skin --------------------------*/ #swipebox-overlay { background: #0d0d0d; } #swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px black; background: #000; opacity: 0.95; } #swipebox-top-bar { color: white !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; } /* End */ /* Start:/bitrix/templates/new_tpl/components/bitrix/news.list/top_warning_message/style.css?1688152148725*/ .top_message_container { position: relative; } .top_message { display: block; background-color: #9c1cab; transition: background-color 0.5s; text-align: center; font-size: 14px; color: #fff; } .top_message:hover { background-color: #e82278; color: #fff; } .top_message .text { padding: 10px 30px 12px; line-height: 18px; position: relative; box-sizing: border-box; width: 94%; margin: 0 auto; } .top_message_container .close { width: 10px; height: 10px; position: absolute; right: 3%; top: 50%; margin-top: -5px; background: url(/bitrix/templates/new_tpl/components/bitrix/news.list/top_warning_message/images/top_message_close.svg) center center no-repeat; cursor: pointer; } /* End */ /* Start:/bitrix/templates/new_tpl/styles.css?1750685971130884*/ html { box-sizing: border-box; } *, *::before, *::after { padding: 0; margin: 0; box-sizing: border-box; outline: none; } html, body { margin: 0; padding: 0; background-color: #fff; font-family: "PF Handbook Pro", "Arial", sans-serif; font-weight: 400; font-size: 16px; line-height: 17px; color: #111111; } button { border: none; background-color: transparent; } .favico { background-color: hsl(0, 0%, 90%); } input { border: none; } .cta-link { min-height: 24px; } .lg-wrap { margin: 0 auto; max-width: 1760px; } h4 { font-size: 36px; font-weight: 500; line-height: 43px; color: #530085; } @media (max-width: 999px) { h4 { font-size: 18px; font-weight: 300; line-height: 22px; color: #e62877; } } section { max-width: 1808px; margin-left: auto; margin-right: auto; } @media (max-width: 1200px) { section { /*max-width: 100vw;*/ } } section.page__descriprion { padding: 0 30px; } .index-title-main { font-size: 36px; font-weight: 500; line-height: 43px; color: #530085; } @media (max-width: 999px) { .index-title-main { font-size: 18px; font-weight: 300; line-height: 22px; color: #e62877; } } header { font-size: 22px; line-height: 22px; } @media (max-width: 1000px) { header { position: relative; } } @media (max-width: 1500px) { header { font-size: 18px; } } @media (max-width: 1200px) and (min-width: 1002px) { header { font-size: 14px; } } @media (min-width: 1001px) { header { padding-top: 1%; } } header>.lg-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 50px; padding: 0 10px; } @media (min-width: 1200px) { header>.lg-wrap { padding: 0 20px; } } @media (min-width: 1600px) { header>.lg-wrap { padding: 0 80px; } } @media (min-width: 1001px) { header>.lg-wrap .mobile { display: none; } } header>.lg-wrap>img.desctop { margin-right: 3.864%; } @media (max-width: 1000px) { .no-mob { display: none !important; } } @media (max-width: 1000px) { header>.lg-wrap .desctop { display: none; } } header>.lg-wrap>a { background-color: transparent; min-width: 18px; height: 18px; } header>.lg-wrap>a:not(:first-of-type) { margin-left: 18px; } header>.lg-wrap>.search { background-repeat: no-repeat; background-size: 100%; background-image: url("/bitrix/templates/new_tpl/img/lupa.png"); background-position: center center; margin-left: auto; } header>.lg-wrap>.call { background-repeat: no-repeat; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3853 11.3834C9.60381 13.1634 7.53991 14.8668 6.72403 14.0511C5.55704 12.8844 4.83681 11.8672 2.26199 13.9364C-0.311694 16.0043 1.66556 17.3837 2.79654 18.5134C4.10195 19.8185 8.96799 18.5831 13.7778 13.7755C18.5864 8.96666 19.8187 4.1016 18.5121 2.79645C17.3811 1.66458 16.0082 -0.31115 13.9398 2.26202C11.8703 4.83519 12.8865 5.55527 14.0557 6.72315C14.8682 7.53887 13.1656 9.60236 11.3853 11.3834Z' stroke='%23E62A78'/%3E%3C/svg%3E%0A"); background-position: center center; } header>.lg-wrap>.geo { background-repeat: no-repeat; background-size: 70%; background-image: url("/bitrix/templates/new_tpl/img/geo.png"); background-position: center center; } header .consultation { background-color: #C7E6F5; padding: 2.39%; } @media (min-width: 1001px) { header .consultation { display: none; } } header .consultation>p { font-weight: bold; font-size: 0.78em; color: #9B26A8; line-height: 17px; text-align: center; } header .consultation>p>a { color: #e62877; } header .consultation>p>span { color: #e62877; } header .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px 0; } @media (min-width: 1001px) { header .buttons { display: none; } } header .buttons .cta-link { max-width: 142px; width: 100%; } header .buttons .cta-link:first-of-type { border: 1px solid #9B26A8; color: #9B26A8; } header .buttons .cta-link:nth-of-type(2) { background-color: #9B26A8; color: #fff; margin-left: 3%; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (min-width: 1001px) { header .search, header .call, header .geo { display: none; } } .burger-menu { min-width: 22px; height: 16px; margin-right: 14px; cursor: pointer; z-index: 100; } @media (min-width: 1001px) { .burger-menu { display: none; } } .burger-menu>span { display: block; width: 100%; height: 2px; background-color: #9B26A8; } .burger-menu>span:not(:last-of-type) { margin-bottom: 5px; } .menus-container { max-width: 1556px; width: 100%; } .top-menu { width: 100%; min-height: 98px; margin-bottom: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #6E18A2; } @media (max-width: 1000px) { .top-menu { display: none; position: absolute; top: 0; left: 0; background-color: #EBEBEB; min-height: 50px; width: 90%; border-top-right-radius: 8px; z-index: 50; } } .top-menu select { line-height: 16px; height: 16px; font-size: inherit; color: #6E18A2; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 7%; background-image: url("/bitrix/templates/new_tpl/img/select-arrow.png"); background-position: right center; background-color: transparent; padding-right: 14px; text-indent: 0.01px; -o-text-overflow: ''; text-overflow: ''; } @media (max-width: 1199px) { .top-menu select { font-size: 12px; } } .top-menu select ::-ms-expand { display: none; } .top-menu>div { padding: 0 10px; width: 100%; min-height: 98px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .top-menu>div:nth-of-type(1) { max-width: 234px; margin-right: auto; padding-left: 0; font-size: .82em; } @media (max-width: 1000px) { .top-menu>div:nth-of-type(1) { padding-top: 9px; padding-left: 55px; min-height: 50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 14px; line-height: 17px; margin: 0; white-space: nowrap; } } @media (max-width: 1500px) { .top-menu>div:nth-of-type(1) { max-width: 200px; margin-right: auto; } } .top-menu>div:nth-of-type(1)>div { letter-spacing: 0.02em; } .top-menu>div:nth-of-type(1) a, .top-menu>div:nth-of-type(1) span:nth-of-type(2) { font-size: 1.11em; line-height: 1.1em; color: #e62877; white-space: nowrap; } .geoblock a { font-size: .82em !important; line-height: .82em !important; } .geoblock{ /*font-size: 0.82em !important;*/ } .tfl__link:hover, .tfl__link { border-bottom: none; } .top-menu>div:nth-of-type(1) a { margin-bottom: 7px; text-decoration: underline; } @media (max-width: 1000px) { .top-menu>div:nth-of-type(1) span { display: none; } } @media (max-width: 1000px) { .top-menu>div:nth-of-type(2) { display: none; } } .top-menu>div:nth-of-type(2) a { margin: 0 auto; white-space: nowrap; text-align: center; } .top-menu>div:nth-of-type(2) a>a { color: #e62877; } .top-menu>div:nth-of-type(2) a>span { color: #e62877; } @media (min-width: 1001px) { .top-menu>div:nth-of-type(2) a { font-size: 24px; width: 100%; line-height: 40px; } } @media (min-width: 1200px) { .top-menu>div:nth-of-type(2) a { line-height: 40px; font-weight: 300; width: 100%; } .top-menu>div:nth-of-type(2) a>a { color: #e62877; } .top-menu>div:nth-of-type(2) a>span { color: #e62877; } } .top-menu>div:nth-of-type(2) a>span { color: #818181; } .top-menu>div:nth-of-type(2) .cta-link, .main_button, .top-menu>div:nth-of-type(3) .cta-link, .sub_button{ display: flex; align-items: center; justify-content: center; height: 40px; transition: all .3s .03s ease; /*font-size: inherit;*/ font-size: 24px; font-weight: 300; font-family: "PF Handbook Pro", "Arial", sans-serif; cursor: pointer; border-radius: 4px; /*padding: 12px 35px;*/ padding: 5px 35px; } .top-menu>div:nth-of-type(2) .cta-link, .main_button { background-color: #9B26A8; color: #fff; border: 1px solid #9B26A8; } .top-menu>div:nth-of-type(3) .cta-link, .sub_button { border: 1px solid #9B26A8; color: #9B26A8; background-color: #fff; } .top-menu>div:nth-of-type(2) .cta-link:hover, .main_button:hover { background-color: #fff; color: #9B26A8; } .top-menu>div:nth-of-type(3) .cta-link:hover, .sub_button:hover { background-color: #9B26A8; color: #fff; } a.main_button { padding: 12px 35px; } .buttons_block a.main_button { padding: 5px 35px; } .top-menu>div:nth-of-type(3) { line-height: 26px; color: #9B26A8; text-align: center; } @media (max-width: 1000px) { .top-menu>div:nth-of-type(3) { display: none; } } .top-menu>div:nth-of-type(3)>a { line-height: 12px; text-decoration: underline; } @media (min-width: 768px) { .top-menu>div:nth-of-type(3)>a { font-weight: 300; } } a.sub_button { padding: 12px 35px; } .top-menu>div:nth-of-type(4) { max-width: 340px; margin-left: auto; padding-right: 0; padding-top: 4px; } @media (max-width: 1000px) { .top-menu>div:nth-of-type(4) { display: none; } } @media (max-width: 1600px) { .top-menu>div:nth-of-type(4) { max-width: 290px; } } .top-menu>div:nth-of-type(4) .busket { min-width: 92px; margin: -3px 0 0 auto; font-size: .82em; color: #e62877; background-repeat: no-repeat; background-size: 24%; background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 19.679a.844.844 0 100-1.688.844.844 0 000 1.688zM19.563 19.679a.844.844 0 100-1.688.844.844 0 000 1.688zM1 1.116h3.375L6.906 15.46h13.5' stroke='%23E62A78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.906 12.085H20.06a.422.422 0 00.414-.34l1.518-7.593a.423.423 0 00-.414-.505H5.218' stroke='%23E62A78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right center; } @media (min-width: 1001px) and (max-width: 1599px) { .top-menu>div:nth-of-type(4) .busket { min-width: 65px; padding-right: 18px; } } @media (max-width: 1600px) { .top-menu>div:nth-of-type(4) { max-width: 290px; } } .top-menu>div:nth-of-type(4) .payment { min-width: 92px; margin: -3px 0 0 auto; font-size: .82em; color: #e62877; background-repeat: no-repeat; background-size: 24%; background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 19.679a.844.844 0 100-1.688.844.844 0 000 1.688zM19.563 19.679a.844.844 0 100-1.688.844.844 0 000 1.688zM1 1.116h3.375L6.906 15.46h13.5' stroke='%23E62A78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.906 12.085H20.06a.422.422 0 00.414-.34l1.518-7.593a.423.423 0 00-.414-.505H5.218' stroke='%23E62A78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: right center; } @media (min-width: 1001px) and (max-width: 1599px) { .top-menu>div:nth-of-type(4) .payment { min-width: 65px; padding-right: 18px; } } .top-menu>div:nth-of-type(4)>form { position: relative; margin-bottom: 8px; } .top-menu>div:nth-of-type(4)>form>input { width: 100%; height: 40px; padding-left: 45px; background: #C4C4C5; opacity: 0.5; border-radius: 4px; } .top-menu>div:nth-of-type(4)>form>button { position: absolute; content: ''; background-repeat: no-repeat; background-size: 100%; background-image: url("/bitrix/templates/new_tpl/img/lupa.png"); background-position: center center; width: 21px; height: 21px; left: 16px; top: 11px; } .top-menu>div:nth-of-type(2), .top-menu>div:nth-of-type(3) { max-width: 292px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .top-menu>div:nth-of-type(3n+1) { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .middle-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1000px) { .middle-menu { display: none; } } .middle-menu>nav { max-width: 1415px; width: 100%; margin-right: 1%; } .middle-menu>nav>ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 27px; list-style: none; font-weight: 300; font-size: 20px; color: #9B26A8; } .middle-menu>nav>ul>a { color: #e62877; } .middle-menu>nav>ul>span { color: #e62877; } .menu__item_special { /*background-color: #C7E6F5;*/ background-color: red; border: 2px solid green; } @media (max-width: 1199px) { .middle-menu>nav>ul { font-size: 16px; } } .middle-menu>nav>ul>li:not(:last-of-type) { padding-right: 7px; } .header-socials { height: 40px; padding-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-socials a { width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; display: block; } .header-socials a:nth-of-type(2) { margin: 0 26px; background-image: url("/bitrix/templates/new_tpl/img/youtube.svg"); } .header-socials a:nth-of-type(1) { background-image: url("/bitrix/templates/new_tpl/img/vk.svg"); } .header-socials a:nth-of-type(3) { background-image: url("/bitrix/templates/new_tpl/img/telegram.svg"); } .header-socials a:nth-of-type(4) { margin: 0 26px; background-image: url("/bitrix/templates/new_tpl/img/icon-whatsapp-mob.svg"); } .header-socials a { line-height: 43px; } .in-wrap { width: 100%; margin: 0 auto; padding: 0 10px; } @media screen and (min-width: 768px) { .in-wrap { padding: 0 20px; } } @media screen and (min-width: 1200px) { .in-wrap { max-width: 1100px; } } @media screen and (min-width: 1600px) { .in-wrap { max-width: 1408px; } } .bottom-menu { margin: 14px 0 0; background-color: #6E18A2; line-height: 26px; font-weight: 300; font-size: 1em; color: #fff; } .bottom-menu>a { color: #e62877; } .bottom-menu>span { color: #e62877; } .bottom-menu .mark { text-transform: uppercase; font-family: PTSBold, Tahoma, Arial; font-size: 13px; padding-left: 2px; line-height: 30px; } .bottom-menu .mark.new { color: #9c1cab; } .bottom-menu .mark.hit { color: #e7402d; } @media (max-width: 1000px) { .bottom-menu { position: absolute; overflow-y: auto; display: none; width: 100%; min-height: 525px; margin: 0; top: 50px; left: 0; z-index: 100; background-color: transparent; } .bottom-menu .mark { padding-left: 5px; } } .bottom-menu nav { width: 100%; margin: 0 auto; } @media (max-width: 1000px) { .bottom-menu nav { display: block; /* position: absolute; */ } } .bottom-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 44px; } @media (max-width: 1000px) { .bottom-menu ul { display: block; padding: 10px 0 5px; background-color: #6E18A2; } } .bottom-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5px; line-height: 44px; } .bottom-menu li.mobile-button-li { display: none; } @media (max-width: 1000px) { .bottom-menu li.mobile-button-li { display: block; max-width: 250px; background-color: #e62877; border-radius: 0 4px 4px 0; white-space: nowrap; } } .bottom-menu li.procedure-selection-link {} @media (max-width: 1000px) { .bottom-menu li.procedure-selection-link { display: none; } } .bottom-menu li .level2-menu { display: none; } .bottom-menu li .level2-menu .level3-menu { display: none; } @media (max-width: 1000px) { .bottom-menu li.has-sub { white-space: nowrap; position: relative; } .bottom-menu li.has-sub:after { content: ''; background-repeat: no-repeat; background-size: 35%; background-image: url("/bitrix/templates/new_tpl/img/drop-menu-arrow.svg"); background-position: center center; position: absolute; width: 15px; height: 15px; top: 6px; right: 2%; } .bottom-menu li.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .bottom-menu li>ul .has-sub { white-space: nowrap; position: relative; } .bottom-menu li>ul .has-sub:after { content: ''; background-repeat: no-repeat; background-size: 35%; background-image: url("/bitrix/templates/new_tpl/img/drop-menu-arrow.svg"); background-position: center center; position: absolute; width: 15px; height: 15px; top: 6px; right: 2%; } .bottom-menu li>ul .active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } @media (max-width: 1000px) { .bottom-menu li>a { padding-left: 35px; display: block; } } @media (max-width: 1000px) { .bottom-menu li { display: block; min-height: 30px; margin: 0; padding: 0; font-size: 16px; line-height: 32px; } .bottom-menu li>ul.level2-menu { display: none; } .bottom-menu li>ul.level2-menu>li { line-height: 27px; background-color: #8D52BD; white-space: nowrap; } .bottom-menu li>ul.level2-menu>li>a { width: 100%; display: block; padding-right: 5px; padding-left: 39px; } .bottom-menu li>ul.level2-menu>li>ul.level3-menu { display: none; background-color: #F9F9F9; color: #530085; } .bottom-menu li>ul.level2-menu>li>ul.level3-menu>li { padding-left: 46px; min-height: 27px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .bottom-menu li>ul.level2-menu>li>ul.level3-menu>li:nth-of-type(2n+1) { background-color: #ECECEC; } } @media (min-width: 1001px) { .level1-menu>li:hover, .level1-menu>li:active { background-color: #e62877; } } .bottom-menu .mobile-menu { display: none; } @media (max-width: 1000px) { .bottom-menu .mobile-menu { display: block; width: 100%; margin: 0; background: #F8F8F8; color: #9B26A8; border-bottom-right-radius: 8px; } .bottom-menu .mobile-menu>li { min-height: 27px; white-space: nowrap; } .bottom-menu .mobile-menu>li:nth-of-type(11)>a { background-repeat: no-repeat; background-size: 16px; background-image: url("data:image/svg+xml,%3Csvg width='23' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 19.679a.844.844 0 100-1.688.844.844 0 000 1.688zM19.563 19.679a.844.844 0 100-1.688.844.844 0 000 1.688zM1 1.116h3.375L6.906 15.46h13.5' stroke='%23E62A78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.906 12.085H20.06a.422.422 0 00.414-.34l1.518-7.593a.423.423 0 00-.414-.505H5.218' stroke='%23E62A78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: 35px center; padding-left: 56px; } .bottom-menu .mobile-menu>li>article { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 104px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 35px; padding: 16px 0; } } @media (min-width: 1600px) { .level1-menu>li:nth-of-type(2) { margin-left: 4%; } .level1-menu>li:nth-of-type(7) { margin-right: 4%; } } /*hover*/ @media (min-width: 1001px) { .menu-mob { position: relative; } .bottom-menu li:hover .level2-menu { display: block; opacity: 1; padding-left: 3%; } .bottom-menu li:hover .level3-menu { display: block !important; opacity: 1; } .bottom-menu li .level2-menu { position: absolute; display: none; width: 100%; border-top: 0px solid #9c1cab; background: white; position: absolute; left: 0; top: 100%; width: 100%; height: auto; z-index: 100; padding: 30px 0; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; color: #000000; } .level2-menu .has-sub { flex-direction: column; text-align: left; font-size: 18px; color: rgb(156, 28, 171); display: block; padding-bottom: 5px; } .level2-menu .has-sub:hover { background: transparent; color: #e82278; } .level2-menu .no-sub { text-align: left; margin: 0px; padding: 0px; line-height: 30px; border: none; font-size: 16px; display: block; float: none; } .level2-menu .heading-link { display: block; position: relative; font-weight: 500; } .level1-menu>li:nth-of-type(2) .heading-link:after, .level1-menu>li:nth-of-type(3) .heading-link:after { position: absolute; content: ''; width: 100%; height: 0px; background-color: rgb(205, 205, 205); bottom: 0; left: 0; } .level3-menu li { float: none; display: block; line-height: 21px; font-size: 16px; color: rgb(156, 28, 171); color: #000000; } .level3-menu li :hover, .level1-menu li:nth-of-type(4) li:hover, .level1-menu li:nth-of-type(5) li:hover, .level1-menu li:nth-of-type(6) li:hover { color: rgb(156, 28, 171); } .bottom-menu li .level2-menu .level3-menu {} } /*hover*/ .page-footer { background: #C7E6F5; position: relative; width: 100%; overflow: hidden } .page-footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 30px 0; margin: 0 auto; } @media screen and (min-width: 1200px) { .page-footer__wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; max-width: 1650px; padding: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } } @media screen and (min-width: 1600px) { .page-footer__wrapper { max-width: 100%; margin-left: 8%; } } @media screen and (min-width: 1850px) { .page-footer__wrapper { margin-left: 10%; } } .page-footer__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1200px) { .page-footer__logo { padding: 0 10px; -ms-flex-negative: 0; flex-shrink: 0; } } @media screen and (min-width: 1600px) { .page-footer__logo { padding-right: 25px; padding-left: 0; } } .page-footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 1200px) { .page-footer__content { width: 100%; } } .page-footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px; } @media screen and (min-width: 1200px) { .page-footer__links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .page-footer__links { justify-content: flex-start; } } .page-footer__links li { padding-bottom: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media screen and (min-width: 1200px) { .page-footer__links li { padding-bottom: 0; text-align: center; } .page-footer__links li:last-of-type { margin-right: 0; } } @media screen and (min-width: 1600px) { .page-footer__links li { margin-right: 53px; padding-right: 0; } } .page-footer__links li a { font-weight: 300; font-size: 14px; line-height: 17px; color: #6E18A2; } @media screen and (min-width: 1200px) { .page-footer__links li a { font-size: 22px; line-height: 28px; } } @media screen and (min-width: 1600px) { .page-footer__links li a { font-size: 24px; line-height: 30px; } } .page-footer__service { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #85b8dd; padding-top: 10px; padding-bottom: 15px; } @media screen and (min-width: 1200px) { .page-footer__service { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 44px; padding-top: 0; padding-bottom: 0; } } @media screen and (min-width: 1600px) { .page-footer__service { /*justify-content: flex-start;*/ } } .page-footer__service li { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-bottom: 10px; } @media screen and (min-width: 1200px) { .page-footer__service li { padding-bottom: 0; text-align: center; } .page-footer__service li:first-of-type { margin-left: 50px; } .page-footer__service li:last-of-type { margin-right: 0; } } @media screen and (min-width: 1600px) { .page-footer__service li { margin-right: 70px; } } .page-footer__service li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 300; font-size: 14px; line-height: 17px; color: #ffffff; } .page-footer__service li a.active { font-weight: bold; } .page-footer__service li a.link-bg { /*background: ;*/ border-radius: 4px; padding: 0 18px; height: 24px; } @media screen and (min-width: 1200px) { .page-footer__service li a.link-bg { height: 44px; } } @media screen and (min-width: 1200px) { .page-footer__service li a { font-size: 20px; line-height: 24px; } } @media screen and (min-width: 1600px) { .page-footer__service li a { font-size: 22px; } } .page-footer__socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 1200px) { .page-footer__socials { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-top: 35px; } .page-footer__socials::before { content: ""; position: absolute; width: 618px; background-color: #818181; top: 0; left: 0; } } @media screen and (min-width: 1600px) { .page-footer__socials { justify-content: flex-end; } } .page-footer__socials .mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; border-bottom: 1px solid #818181; width: 178px; position: absolute; top: 40px; } @media screen and (min-width: 1200px) { .page-footer__socials .mobile { position: static; border-bottom: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 10px; } } .page-footer__socials .mobile>a { display: block; position: relative; padding-bottom: 20px; } @media screen and (min-width: 1200px) { .page-footer__socials .mobile>a { padding-bottom: 0; margin-left: 13px; } .page-footer__socials .mobile>a:last-of-type { display: none; } } .page-footer__socials .desktop { display: none; } @media screen and (min-width: 1200px) { .page-footer__socials .desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1056px; width: 73%; padding-left: 50px; } .page-footer__socials .desktop p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 500; font-size: 18px; line-height: 22px; color: #6E18A2; } } @media screen and (min-width: 1600px) { .page-footer__socials .desktop { justify-content: flex-start; align-items: flex-end; margin-right: 40px; } .page-footer__socials .desktop p { margin-right: 230px; } .page-footer__socials .desktop a:first-of-type { margin-right: 250px; } } @media screen and (min-width: 1200px) { .page-footer__socials .desktop p span { font-weight: 300; font-size: 20px; line-height: 24px; color: #E62A78; white-space: nowrap; } } @media screen and (min-width: 1200px) and (min-width: 1200px) { .page-footer__socials .desktop p span { font-size: 20px; } } @media screen and (min-width: 1200px) { .page-footer__socials .desktop a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 300; font-size: 24px; line-height: 36px; color: #E62A78; position: relative; white-space: nowrap } } @media screen and (min-width: 1200px) and (min-width: 1200px) { .page-footer__socials .desktop a { font-size: 24px; } } @media screen and (min-width: 1200px) and (min-width: 1600px) { .page-footer__socials .desktop a { font-size: 26px; } } @media screen and (min-width: 1200px) { .page-footer__socials .desktop a::before { content: ""; position: absolute; width: 40px; height: 40px; top: 5px; left: -40px; } .page-footer__socials .desktop a:first-of-type::before { left: -50px; background: url("/bitrix/templates/new_tpl/img/icon-whatsapp-desk.svg") no-repeat; } .page-footer__socials .desktop a:last-of-type::before { background: url("/bitrix/templates/new_tpl/img/icon-phone.svg") no-repeat; } .page-footer__socials .desktop a span { color: #818181; padding-right: 6px; } } .page-footer__add-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 27px; } @media screen and (min-width: 1200px) { .page-footer__add-info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1600px) { .page-footer__add-info { width: max-content; margin-left: 290px; } } .page-footer__add-info p { /*font-size: 10px;*/ font-size: 15px; /*line-height: 13px;*/ line-height: 15px; text-align: center; color: #000000; padding-bottom: 30px; font-weight: 300; color: #333; } @media screen and (min-width: 1200px) { .page-footer__add-info p { width: 375px; text-align: left; padding-bottom: 0; } .page-footer__add-info p:first-of-type { position: relative; border-right: 1px solid #000000; padding-right: 50px; } .page-footer__add-info p:last-of-type { padding-left: 50px; } } .page-footer__add-info p a { text-decoration: underline; } .main-photo-mobile { background-repeat: no-repeat; background-size: cover; background-image: url("/bitrix/templates/new_tpl/img/main-img.jpg"); background-position: 93% center; min-height: 305px; } @media (min-width: 1001px) { .main-photo-mobile { display: none; } } .main-photo-mobile>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 26.875% 150px 25% 10.625%; } .main-photo-mobile>div>span:first-of-type { line-height: 22px; font-weight: 900; font-size: 1.125em; color: #e62877; } .main-photo-mobile>div>span:first-of-type>a { color: #e62877; } .main-photo-mobile>div>span:first-of-type>span { color: #e62877; } .main-photo-mobile>div>span:nth-of-type(2) { line-height: 50px; font-weight: bold; font-size: 3.375em; color: #e62877; } .main-photo-mobile>div>span:nth-of-type(2)>a { color: #e62877; } .main-photo-mobile>div>span:nth-of-type(2)>span { color: #e62877; } .main-photo-mobile>div>span:nth-of-type(3), .main-photo-mobile>div>span:last-of-type { line-height: 22px; font-weight: bold; font-size: 1.125em; color: #6E18A2; } .main-photo-mobile>div>span:nth-of-type(3)>a, .main-photo-mobile>div>span:last-of-type>a { color: #e62877; } .main-photo-mobile>div>span:nth-of-type(3)>span, .main-photo-mobile>div>span:last-of-type>span { color: #e62877; } .main-photo-mobile>div>span:last-of-type { font-weight: 300; } .consult { padding: 7px; background-color: #C7E6F5; z-index: 0; } .consult:nth-of-type(1) { margin: 0 0 20px 0; position: relative; } .consult:nth-of-type(1):before { position: inherit; content: ''; background-repeat: no-repeat; background-size: cover; background-image: url("/bitrix/templates/new_tpl/img/icons/pattern.svg"); background-position: 0 0; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .consult:nth-of-type(1)>div { background-color: #C7E6F5; z-index: 10; } @media (max-width: 1000px) { .consult { display: none; } } .consult>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11px 42px 12px; background: #c7e6f5; -webkit-box-shadow: 0 0 20px rgba(9, 28, 36, 0.11); box-shadow: 0 0 0px; border-radius: 4px; } .consult>div>div { max-width: 512px; margin-right: 12.312%; line-height: 34px; font-weight: bold; font-size: 28px; color: #6E18A2; } .consult>div>div>a { color: #e62877; } .consult>div>div>span { color: #e62877; } @media (min-width: 768px) and (max-width: 1599px) { .consult>div>div { font-size: 22px; line-height: 28px; } } .consult>div>a { width: 192px; padding: 7px; background-color: #6e18a2; color: #fff; } .text-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .text-ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center top; padding-top: 85px; } @media (min-width: 768px) { .text-ul li { font-weight: 300; } } @media (min-width: 1200px) { .text-ul li { font-size: 1.125em; font-weight: 300; } } @media (min-width: 1600px) { .text-ul li { font-size: 1.375em; line-height: 26px; } } .approach { background-color: #FDFDFD; position: relative; z-index: 10; } @media (min-width: 1000px) { .approach:before { content: ''; position: absolute; background: #FFF; width: 100%; height: 383px; top: 27.5%; z-index: -1; } } @media (min-width: 1000px) and (max-width: 1199px) { .approach:before { height: 153px; top: 22%; } } @media (min-width: 1000px) and (max-width: 1090px) { .approach:before { top: 22.5%; } } @media (min-width: 1000px) and (min-width: 1200px) and (max-width: 1599px) { .approach:before { height: 280px; } } @media (min-width: 1000px) and (min-width: 1490px) and (max-width: 1599px) { .approach:before { top: 25.5%; } } @media (min-width: 1000px) and (min-width: 1300px) and (max-width: 1489px) { .approach:before { top: 26%; } } @media (min-width: 1000px) and (min-width: 1200px) and (max-width: 1299px) { .approach:before { top: 26.5%; } } @media (max-width: 1000px) { .approach { background-color: #F9FDFF; } } .approach-list { margin: 5% auto 4%; } @media (max-width: 767px) { .approach-list { display: block; max-width: 380px; margin: 31px auto 28px; } } .approach-list>li { max-width: 50%; margin-bottom: 16px; background-size: 60%; } @media (min-width: 1600px) { .approach-list>li { padding-top: 100px; background-size: 79%; } } .approach-list>li:nth-of-type(1) { background-image: url("/bitrix/templates/new_tpl/img/icon-qualif.png"); } .approach-list>li:nth-of-type(2) { background-image: url("/bitrix/templates/new_tpl/img/icon-test.png"); } .approach-list>li:nth-of-type(3) { background-image: url("/bitrix/templates/new_tpl/img/icon-individ.png"); } .approach-list>li:nth-of-type(4) { background-image: url("/bitrix/templates/new_tpl/img/icon-price.png"); } .approach-list>li:last-of-type { background-image: url("/bitrix/templates/new_tpl/img/icon-time.png"); } @media (max-width: 767px) { .approach-list>li:first-of-type, .approach-list>li:nth-of-type(3) { float: left; } .approach-list>li:nth-of-type(2), .approach-list>li:nth-of-type(4) { margin-left: auto; margin-bottom: 25px; } .approach-list>li:nth-of-type(5) { margin: 0 auto; } } @media (min-width: 1000px) { .approach-list>li { max-width: 180px; } } .approach-clinic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 41px; } @media (min-width: 1000px) { .approach-clinic { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 4px solid #C7E6F5; border-radius: 6px; margin-top: 0; } } @media (min-width: 1000px) and (max-width: 1199px) { .approach-clinic { margin-left: auto; margin-right: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media (min-width: 1000px) and (max-width: 1199px) { .approach-clinic div:nth-of-type(1) { width: 400px; height: auto; } } @media (min-width: 1200px) and (max-width: 1599px) { .approach-clinic div:nth-of-type(1) { width: 600px; } } @media (min-width: 1000px) and (max-width: 1199px) { .approach-clinic div:nth-of-type(1)>img { -o-object-fit: cover; object-fit: cover; width: 400px; height: auto; } } @media (min-width: 1200px) and (max-width: 1599px) { .approach-clinic div:nth-of-type(1)>img { width: 600px; } } .approach-clinic div:nth-of-type(2) { max-width: 375px; margin: 9.5% 1% 10% 3.572%; } @media (min-width: 1000px) and (max-width: 1599px) { .approach-clinic div:nth-of-type(2) { margin: 2.5% 1% 0 5.572%; } } @media (max-width: 999px) { .approach-clinic div:nth-of-type(2) { margin: 30px 0 38px; } } @media (min-width: 1000px) and (max-width: 1199px) { .approach-clinic div:nth-of-type(2)>h1.index-title-main { font-size: 24px; } } @media (min-width: 1200px) and (max-width: 1599px) { .approach-clinic div:nth-of-type(2)>h1.index-title-main { font-size: 30px; } } .approach-clinic ul { margin: 14% 0 0 15px; list-style: disc; font-size: 22px; font-weight: bold; line-height: 26px; color: #530085; margin-bottom: 10px; } @media (min-width: 1600px) { .approach-clinic ul { margin-top: 7%; } } @media (min-width: 1000px) and (max-width: 1199px) { .approach-clinic ul { font-size: 14px; margin-top: 0; } } @media (min-width: 1200px) and (max-width: 1599px) { .approach-clinic ul { font-size: 18px; margin-top: 4%; } } @media (max-width: 999px) { .approach-clinic ul { margin-top: 9px; font-size: inherit; font-weight: 300; line-height: 19px; } } .approach-clinic ul>li { list-style: disc; } .approach-clinic ul>li:not(:last-of-type) { margin-bottom: 4.898%; } @media (min-width: 1001px) { .approach-clinic ul>li:not(:last-of-type) { margin-bottom: 2.898%; } } @media (max-width: 1001px) { .approach-clinic ul>li:not(:last-of-type) { margin-bottom: 7px; } } @media (max-width: 1199px) and (min-width: 1000px) { .approach-clinic ul>li:not(:last-of-type) { margin-bottom: 7px; line-height: 18px; } } .approach-row-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 38px; padding-bottom: 46px; } @media (min-width: 1000px) { .approach-row-2 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 5.625%; padding-bottom: 7%; } } .approach-row-2 .iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; top: -66px; } .approach-row-2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18); border-radius: 5px; border: none; } @media (min-width: 1000px) { .approach-row-2 iframe { margin-top: 144px; } } #index_video a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18); border-radius: 5px; } @media (min-width: 1000px) { #index_video a { margin-top: 90px; } } #index_video img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; border: none; } #index_video iframe { background-color: #000000; } #index_video button { position: absolute; top: 50%; left: 50%; z-index: 1; display: none; padding: 0; width: 68px; height: 48px; border: none; background-color: transparent; transform: translate(-50%, -50%); cursor: pointer; } #index_video svg>path:first-of-type { fill: #212121; fill-opacity: 0.8; } #index_video svg>path:last-of-type { fill: #ffffff; } #index_video button:focus { outline: none; } #index_video:hover svg>path:first-of-type, #index_video button:focus svg>path:first-of-type { fill: #ff0000; fill-opacity: 1; } /* Enabled */ .video--enabled { cursor: pointer; } .video--enabled#index_video button { display: block; } .section-title { font-size: 72px; line-height: 86px; font-weight: 200; color: #e62877; position: relative; z-index: 1; } .section-title:before { content: ''; background-color: #C7E6F5; position: absolute; width: 482px; height: 42px; bottom: 0; left: -21%; z-index: -1; } @media (max-width: 1599px) { .section-title:before { left: -24%; } } @media (max-width: 1199px) { .section-title { font-size: 42px; line-height: 42px; } .section-title:before { left: -3%; width: 119px; height: 15px; } } @media (max-width: 768px) { .section-title { font-size: 24px; line-height: 29px; } .section-title:before { left: -4%; } h1.section-title { font-weight: 300; } } .section-subtitle { display: flex; align-items: center; font-weight: 200; font-size: 48px; line-height: 58px; color: #530085; } .section-subtitle:after { content: ""; background: #C7E6F5; width: 66%; height: 4px; margin: 0 34px; } @media (max-width: 1599px) { .section-subtitle { font-size: 35px; } } .subscribe { padding: 12px 0; background-color: #B6D9EA; text-align: center; z-index: 2; } @media (max-width: 999px) { .subscribe { margin-top: 39px; } } @media (min-width: 1200px) { .subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.865% 0 2.969%; text-align: left; font-size: 22px; } } @media (min-width: 1200px) { .subscribe>div { display: -webkit-box; display: -ms-flexbox; display: flex; } } .subscribe>div>div:nth-of-type(1) { line-height: 19px; font-weight: 500; font-size: 1em; color: #6E18A2; margin: 0 5px 12px 0; max-width: 514px; } .subscribe>div>div:nth-of-type(1)>a { color: #e62877; } .subscribe>div>div:nth-of-type(1)>span { color: #e62877; } @media (max-width: 1199px) { .subscribe>div>div:nth-of-type(1) { margin: 0 auto 12px; } } @media (min-width: 1200px) { .subscribe>div>div:nth-of-type(2) { margin-left: auto; margin-right: 5%; } } .subscribe>div>div:nth-of-type(2)>form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .subscribe>div>div:nth-of-type(2)>form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .subscribe>div>div:nth-of-type(2)>form>input { min-width: 255px; min-height: 24px; margin-bottom: 11px; padding-left: 10px; background: #E3F2FA; border-radius: 4px; } .subscribe>div>div:nth-of-type(2)>form>input::-webkit-input-placeholder { font-size: 14px; font-weight: 300; } @media (min-width: 1200px) { .subscribe>div>div:nth-of-type(2)>form>input::-webkit-input-placeholder { font-size: 18px; } } .subscribe>div>div:nth-of-type(2)>form>input:-moz-placeholder { font-size: 14px; font-weight: 300; } @media (min-width: 1200px) { .subscribe>div>div:nth-of-type(2)>form>input:-moz-placeholder { font-size: 18px; } } .subscribe>div>div:nth-of-type(2)>form>input::-moz-placeholder { font-size: 14px; font-weight: 300; } @media (min-width: 1200px) { .subscribe>div>div:nth-of-type(2)>form>input::-moz-placeholder { font-size: 18px; } } .subscribe>div>div:nth-of-type(2)>form>input:-ms-input-placeholder { font-size: 14px; font-weight: 300; } @media (min-width: 1200px) { .subscribe>div>div:nth-of-type(2)>form>input:-ms-input-placeholder { font-size: 18px; } } @media (min-width: 1200px) { .subscribe>div>div:nth-of-type(2)>form>input { height: 40px; margin-right: 14px; } } .subscribe>div>div:nth-of-type(2)>form>button { background-color: #9B26A8; color: #fff; width: 132px; margin: 4px 0 16px; font-size: .73em; line-height: 19px; } @media (min-width: 1200px) { .subscribe>div>div:nth-of-type(2)>form>button { width: 167px; height: 40px; font-size: 18px; } } .subscribe>div>div:nth-of-type(2)>p { max-width: 504px; font-weight: 300; font-size: .875em; line-height: 17px; color: #818181; } .subscribe>div>div:nth-of-type(2)>p>a { text-decoration: underline; } @media (max-width: 1199px) { .subscribe>div>div:nth-of-type(2)>p { margin: 0 auto; } } @media (max-width: 1000px) { .choice { background: #FDFDFD; } } @media (max-width: 999px) { .choice-desctop-block { display: none; } } .choice-desctop-block ul { margin: 6.109% 0 6.179%; } .choice-desctop-block ul>li { padding-left: 9px; padding-right: 9px; background-size: 49%; } .choice-desctop-block ul>li:nth-of-type(1) { background-image: url("/bitrix/templates/new_tpl/img/icon-heart-ds.png"); } .choice-desctop-block ul>li:nth-of-type(2) { background-image: url("/bitrix/templates/new_tpl/img/icon-licence-ds.png"); } .choice-desctop-block ul>li:nth-of-type(3) { background-image: url("/bitrix/templates/new_tpl/img/icon-diamond-ds.png"); } .choice-desctop-block ul>li:nth-of-type(4) { background-image: url("/bitrix/templates/new_tpl/img/icon-geo-ds.png"); } .choice-desctop-block ul>li:last-of-type { background-image: url("/bitrix/templates/new_tpl/img/icon-lotos-ds.png"); } @media (min-width: 1000px) { .choice-desctop-block ul>li { max-width: 160px; } } @media (min-width: 1600px) { .choice-desctop-block ul>li { max-width: 190px; } } @media (min-width: 1000px) and (max-width: 1199px) { .choice-desctop-block p { font-weight: 300; font-size: 16px; } } @media (min-width: 1200px) and (max-width: 1599px) { .choice-desctop-block p { font-size: .82em; } } .choice .in-wrap:nth-of-type(2) .section-subtitle { margin-bottom: 5.3%; } @media (max-width: 1000px) { .choice .in-wrap:nth-of-type(2) .section-subtitle { display: none; } } @media (min-width: 1001px) { .choice .in-wrap:nth-of-type(2) .section-title { display: none; } } @media (min-width: 1200px) { .choice .in-wrap:nth-of-type(3) { font-size: 22px; line-height: 26px; } } .test { margin: 30px 0; padding: 14px 4.167%; background-color: #C7E6F5; } .test .in-wrap { max-width: 855px; min-width: 292px; padding: 11px 42px 12px; background: #FDFDFD; -webkit-box-shadow: 0 0 20px rgba(9, 28, 36, 0.11); box-shadow: 0 0 20px rgba(9, 28, 36, 0.11); border-radius: 4px; text-align: center; } @media (min-width: 1000px) { .test .in-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 18px 42px 18px; } } .test .in-wrap>div { font-size: 14px; font-weight: 300; line-height: 17px; color: #6E18A2; } .test .in-wrap>div>a { color: #e62877; } .test .in-wrap>div>span { color: #e62877; } @media (min-width: 1001px) { .test .in-wrap>div { max-width: 403px; font-size: 26px; line-height: 31px; text-align: left; } } @media (min-width: 1001px) and (max-width: 1599px) { .test .in-wrap>div { font-size: 22px; } } .test .cta-link { width: 142px; margin: 10px auto 0; background-color: #9B26A8; color: #fff; } @media (min-width: 1001px) { .test .cta-link { max-width: 180px; width: 100%; height: 40px; margin: 0; } } .reviews { padding: 62px 0 39px; background: #F9FDFF; } @media (min-width: 1001px) { .reviews { padding: 0 0 4%; } } .reviews .section-title { margin-bottom: 6.4%; } .reviews-container { position: relative; } .reviews-container>p { margin: 6px 0 15px; font-weight: 500; letter-spacing: -.8px; } .reviews-container>a, .reviews-container>p { display: block; } @media (max-width: 768px) { .reviews-container>a, .reviews-container>p { max-width: 423px; margin: 10px auto 15px; } } .reviews-container:first-of-type { margin: 15px auto 36px; } @media (min-width: 1001px) { .reviews-container:first-of-type a>img { width: 234px; } } @media (min-width: 1001px) { .reviews-container:nth-of-type(2) a>img { width: 394px; } } .reviews-container .swiper-button-next-uniq, .reviews-container .swiper-button-prev-uniq { position: absolute; } .reviews-container .swiper-button-prev-uniq { background-position-x: right; } @media (max-width: 1000px) { .reviews-container .swiper-button-next-uniq, .reviews-container .swiper-button-prev-uniq { display: none; } } .reviews-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; max-width: 580px; margin: 6% auto 0; } @media (max-width: 768px) { .reviews-btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 7%; } } .reviews-btns>a { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 272px; width: 100%; height: 40px; text-align: center; } .reviews-btns>a:nth-of-type(1) { border: 1px solid #9B26A8; color: #9B26A8; margin-bottom: 12px; } .reviews-btns>a:nth-of-type(2) { background-color: #9B26A8; color: #fff; margin: 0 auto; } @media (min-width: 1000px) { .reviews-btns>a:nth-of-type(2) { margin-right: 35px; } } @media (max-width: 767px) { .reviews-btns>a { width: 142px; height: 24px; margin: 0 auto; } } .swiper-reviews { min-height: 221px; } @media (min-width: 1200px) { .swiper-reviews { min-height: 165px; margin-bottom: 5%; } } .swiper-reviews article { position: relative; max-width: 423px; margin: 0 auto; font-size: 14px; line-height: 17px; } @media (min-width: 1000px) and (max-width: 1599px) { .swiper-reviews article { max-width: 310px; } } @media (min-width: 1600px) { .swiper-reviews article { font-size: 18px; line-height: 22px; } } .swiper-reviews time { position: absolute; top: 12px; right: 12px; line-height: 14px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #6E18A2; } @media (max-width: 1000px) { .swiper-reviews time { font-size: 12px; } } .swiper-reviews p:first-of-type { margin: 4px 0 6px; font-size: inherit; } @media (min-width: 1600px) { .swiper-reviews p:first-of-type { margin: 18px 0 20px; } } .swiper-reviews p:last-of-type { margin-bottom: 10px; } @media (min-width: 1600px) { .swiper-reviews p:last-of-type { margin-bottom: 35px; } } .swiper-reviews span { font-weight: 300; } .swiper-reviews .stars { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 14px; } .swiper-reviews .stars>span { min-height: 14px; min-width: 14px; margin-right: 1%; background-repeat: no-repeat; background-size: 100%; background-image: url("/bitrix/templates/new_tpl/img/star-unactive.svg"); background-position: center center; opacity: 1; } .swiper-reviews .stars>span.active, .swiper-reviews .stars>span:hover { background-image: url("/bitrix/templates/new_tpl/img/star-active.svg"); } @media (min-width: 1600px) { .swiper-reviews .stars>span { height: 30px; width: 30px; } } @media (min-width: 1000px) { .swiper-reviews .swiper-pagination { display: none; } } @media (min-width: 1499px) { .swiper-button-next-uniq { right: -9.5%; } .swiper-button-prev-uniq { left: -9.5%; } } @media (min-width: 1001px) { .swiper-button-next-uniq, .swiper-button-prev-uniq { top: 49%; } .swiper-button-next-uniq { right: 0; } .swiper-button-prev-uniq { left: 0; } } @media (min-width: 1350px) { .swiper-button-next-uniq { right: -8%; } .swiper-button-prev-uniq { left: -8%; } } @media (min-width: 1600px) { .slider-next, .slider-prev { background-size: 100%; height: 36px; width: 18px; } .swiper-button-next-uniq, .swiper-button-prev-uniq { top: 60%; } .swiper-button-next-uniq { right: -6%; } .swiper-button-prev-uniq { left: -6%; } } .bg-white { padding: 12px; background-color: #FFFFFF; border: 2px solid #C7E6F5; box-sizing: border-box; border-radius: 8px; } .news-articles { padding: 29px 4.167%; background-color: #DCF4FF; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); } .news-articles article { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (min-width: 1001px) { .news { position: relative; } .news .cta-link { position: absolute; bottom: 0; left: 10%; } .news, .articles { width: 50%; } .news-articles { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 29px 14.334%; } } .media { margin-bottom: 3%; } .media .section-title { margin-top: 12px; margin-bottom: 40px; } @media (min-width: 1001px) { .media .section-title { margin-top: 6.648%; margin-bottom: -22px; } } .media .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 4.83%; border: 4px solid #C7E6F5; border-radius: 8px; position: relative; } @media (max-width: 1000px) { .media .socials { display: none; } } .media .socials:before { content: ''; position: absolute; background-color: #fff; width: 590px; height: 83px; top: -39px; left: -70px; } @media (min-width: 1200px) and (max-width: 1599px) { .media .socials img { max-width: 75%; margin: 0 auto; } } .media .bg-white { max-width: 300px; padding: 10px; margin: 0 auto 16px; overflow: hidden; } @media (min-width: 1001px) { .media .bg-white { display: none; } } .media #vk_groups { width: 275px !important; } .swiper-pagination-bullet-active { opacity: 1; } @media (min-width: 1001px) { .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 10px; } } @media (min-width: 1600px) { .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 10px; } } @media (min-width: 1001px) { .swiper-advantages { display: none; } } .swiper-advantages__slide>div { padding-left: 54px; width: 250px; min-height: 40px; margin: 14px auto; line-height: 19px; } .swiper-advantages__slide .sl-1 { background-repeat: no-repeat; background-size: 14%; background-image: url("/bitrix/templates/new_tpl/img/icon-heart.png"); background-position: left center; } .swiper-advantages__slide .sl-2 { background-repeat: no-repeat; background-size: 11%; background-image: url("/bitrix/templates/new_tpl/img/icon-geo.png"); background-position: left center; } .swiper-advantages__slide .sl-3 { background-repeat: no-repeat; background-size: 17%; background-image: url("/bitrix/templates/new_tpl/img/icon-diamond.png"); background-position: left center; } .swiper-advantages__slide .sl-4 { background-repeat: no-repeat; background-size: 17%; background-image: url("/bitrix/templates/new_tpl/img/icon-lotos.png"); background-position: left center; } .swiper-advantages { height: 104px; } .swiper-advantages .swiper-container-android .swiper-slide, .swiper-advantages .swiper-wrapper, .swiper-advantages .swiper-slide-active { background-color: #C7E6F5; height: 65px; } .slider-next, .slider-prev { position: absolute; background-repeat: no-repeat; background-size: 50%; transform: rotate(180deg); height: 24px; } @media (min-width: 1000px) and (max-width: 1199px) { .yell .slider-next, .yell .slider-prev { top: 56%; } .prodoktorov .slider-next, .prodoktorov .slider-prev { top: 64%; } } @media (min-width: 1200px) { .yell .slider-next, .yell .slider-prev { top: 50%; } .prodoktorov .slider-next, .prodoktorov .slider-prev { top: 58%; } } @media (min-width: 1600px) { .slider-next, .slider-prev { top: 57%; } .yell .slider-next, .yell .slider-prev { top: 62%; } .prodoktorov .slider-next, .prodoktorov .slider-prev { top: 69%; } } .slider-next { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L3 20L21 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E"); } .slider-prev { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L20 20L2 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E%0A"); } .swiper-button-next-mob, .swiper-button-prev-mob { z-index: 5; top: 19%; width: 14px; background-position: center; } .swiper-button-next-mob { right: 3%; } .swiper-button-prev-mob { left: 3%; } .before-after { background: #F9FDFF; } @media (min-width: 1000px) { .before-after { padding-bottom: 50px; } } @media (min-width: 768px) { .before-after h2 { margin-top: 6.6%; } } .swiper-before-after-container { max-width: 1622px; width: 100%; margin: 0 auto; margin-top: 47px; position: relative; } @media (max-width: 1599px) { .swiper-before-after-container { max-width: 1200px; } } @media (min-width: 1200px) { .swiper-before-after-container { margin-top: 50px; } } .swiper-before-after { height: 292px; } @media (max-width: 1199px) { .swiper-before-after { height: 321px; } } @media (min-width: 1200px) { .swiper-before-after { margin: 4% auto 0; height: 390px; } } @media (min-width: 1600px) { .swiper-before-after { height: 656px; } } .swiper-before-after .swiper-slide { margin: 0 auto; } .swiper-before-after .swiper-slide>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .swiper-before-after .swiper-slide>div { width: fit-content; } } .swiper-before-after .swiper-slide>div>span { margin-top: 6px; color: #530085; } @media (min-width: 1001px) { .swiper-before-after .swiper-slide>div>span { margin-top: 3%; font-size: 36px; line-height: 43px; } } @media (min-width: 1001px) and (max-width: 1599px) { .swiper-before-after .swiper-slide>div>span { font-size: 30px; } } @media (min-width: 1200px) and (max-width: 1599px) { .swiper-before-after .swiper-slide img { margin: 0 auto; } } .swiper-before-after .swiper-pagination { margin-top: 27px; } .before-after-arrows { position: absolute; padding: 0 11px; width: 100%; height: 36px; margin: 0 auto; top: 31%; display: flex; justify-content: space-between; } @media (max-width: 767px) { .before-after-arrows { position: relative; max-width: 320px; margin-top: -33px; } } @media (max-width: 1199px) and (min-width: 800px) { .before-after-arrows { padding: 0 30px; } } .swiper-button-next-before-after, .swiper-button-prev-before-after { background-repeat: no-repeat; background-size: 50%; transform: rotate(180deg); width: 36px; height: 36px; z-index: 10; } @media (max-width: 1599px) { .swiper-button-next-before-after, .swiper-button-prev-before-after { width: 24px; height: 24px; } } .swiper-button-next-before-after { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L3 20L21 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E"); } @media (min-width: 1200px) { .swiper-button-next-before-after { margin-right: 50px; } } .swiper-button-prev-before-after { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L20 20L2 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E%0A"); background-position-x: right; } .swiper-pagination-bullet { background: #530085; opacity: 0.5; } .swiper-pagination-bullet-active { opacity: 1; } @media (min-width: 1001px) { .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 10px; } } .swiper-equipment-container { max-width: 1622px; width: 50%; height: fit-content; margin: 0 auto; margin-right: 10px; position: relative; } @media (max-width: 1000px) { .swiper-equipment-container { width: 100%; } } .swiper-equipment { /*height: 292px; */ height: auto; width: 90%; margin: 0 auto; } @media (max-width: 767px) { .swiper-equipment { padding-bottom: 50px; } } .swiper-equipment .swiper-slide { margin: 0 auto; } .swiper-wrapper.swiper-wrapper__equipment { align-items: center; /*justify-content: center;*/ max-height: 327px; } /*.swiper-equipment .twentytwenty-container {*/ /* border-radius: 6px;*/ /*}*/ .swiper-equipment .swiper-slide>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .swiper-equipment .swiper-slide>div { width: fit-content; margin: 0 auto; } } .equipment-arrows { position: absolute; padding: 0 11px; width: 100%; height: 36px; margin: 0 auto; top: calc(50% - 18px); display: flex; justify-content: space-between; } @media (max-width: 1199px) { .equipment-arrows { max-width: 440px; left: calc(50% - 220px); } } @media (max-width: 767px) { .equipment-arrows { /*position: relative;*/ max-width: 320px; /*margin-top: -33px;*/ top: calc(100% - 36px); left: calc(50% - 160px); } } .swiper-button-next-equipment, .swiper-button-prev-equipment { background-repeat: no-repeat; background-size: 50%; transform: rotate(180deg); width: 36px; height: 36px; z-index: 10; } .swiper-button-next-equipment { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L3 20L21 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E"); } @media (max-width: 1599px) { .swiper-button-next-equipment, .swiper-button-prev-equipment { width: 24px; height: 24px; } } @media (min-width: 1200px) { .swiper-button-next-equipment { /*margin-right: 0;*/ } } .swiper-button-prev-equipment { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L20 20L2 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E%0A"); background-position-x: right; } @media (min-width: 768px) { .swiper-equipment .swiper-pagination { display: none; } } .equipment__title { position: absolute; bottom: 0; left: 50%; color: white; margin: 10px; margin-right: 20px; font-size: 18px; line-height: 20px; z-index: 20; } .equipment__before-text, .equipment__after-text { position: absolute; z-index: 20; color: white; font-size: 22px; } .equipment__before-text { left: 10px; top: 10px; } .equipment__after-text { top: 10px; left: calc(50% + 10px); } @media (max-width: 767px) { .equipment__title { display: none; } } /*@media (max-width: 1199px) {*/ /* .swiper-equipment .twentytwenty-container {*/ /* width: 380px;*/ /* height: 275px;*/ /* }*/ /*}*/ /*@media (max-width: 767px) {*/ /* .swiper-equipment .twentytwenty-container {*/ /* width: 292px;*/ /* height: 212px;*/ /* }*/ /*}*/ .swiper-before-after-procedure-container { max-width: 1622px; width: 50%; height: fit-content; margin: 0 auto; margin-right: 10px; position: relative; } @media (max-width: 1000px) { .swiper-before-after-procedure-container { width: 100%; } } .swiper-before-after-procedure { /*height: 292px; */ height: auto; width: 90%; margin: 0 auto; } @media (max-width: 767px) { .swiper-before-after-procedure { padding-bottom: 50px; } } .swiper-before-after-procedure .swiper-slide { margin: 0 auto; } .swiper-before-after-procedure .twentytwenty-container { border-radius: 6px; } .swiper-before-after-procedure .swiper-slide>div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .swiper-before-after-procedure .swiper-slide>div { width: fit-content; margin: 0 auto; } } .before-after-procedure-arrows { position: absolute; padding: 0 11px; width: 100%; height: 36px; margin: 0 auto; top: calc(50% - 18px); display: flex; justify-content: space-between; } @media (max-width: 1199px) { .before-after-procedure-arrows { max-width: 440px; left: calc(50% - 220px); } } @media (max-width: 767px) { .before-after-procedure-arrows { /*position: relative;*/ max-width: 320px; /*margin-top: -33px;*/ top: calc(100% - 36px); left: calc(50% - 160px); } } .swiper-button-next-before-after-procedure, .swiper-button-prev-before-after-procedure { background-repeat: no-repeat; background-size: 50%; transform: rotate(180deg); width: 36px; height: 36px; z-index: 10; } .swiper-button-next-before-after-procedure { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 2L3 20L21 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E"); } @media (max-width: 1599px) { .swiper-button-next-before-after-procedure, .swiper-button-prev-before-after-procedure { width: 24px; height: 24px; } } @media (min-width: 1200px) { .swiper-button-next-before-after-procedure { /*margin-right: 0;*/ } } .swiper-button-prev-before-after-procedure { background-image: url("data:image/svg+xml,%3Csvg width='23' height='40' viewBox='0 0 23 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L20 20L2 38' stroke='%236E18A2' stroke-width='4'/%3E%3C/svg%3E%0A"); background-position-x: right; } @media (min-width: 768px) { .swiper-before-after-procedure .swiper-pagination { display: none; } } .before-after-procedure__title { position: absolute; bottom: 0; left: 50%; color: white; margin: 10px; margin-right: 20px; font-size: 18px; line-height: 20px; z-index: 20; } .before-after-procedure__before-text, .before-after-procedure__after-text { position: absolute; z-index: 20; color: white; font-size: 22px; } .before-after-procedure__before-text { left: 10px; top: 10px; } .before-after-procedure__after-text { top: 10px; left: calc(50% + 10px); } @media (max-width: 767px) { .before-after-procedure__title { display: none; } } @media (max-width: 1199px) { .swiper-before-after-procedure .twentytwenty-container { width: 380px; height: 275px; } } @media (max-width: 767px) { .swiper-before-after-procedure .twentytwenty-container { width: 292px; height: 212px; } } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } .twentytwenty-container { width: 600px; height: 436px; } @media (max-width: 1599px) { .twentytwenty-container { width: 450px; height: 327px; } } @media (max-width: 1199px) { .twentytwenty-container { width: 292px; height: 212px; border: 1px solid #6E18A2; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); border-radius: 6px; } } .twentytwenty-container img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; object-fit: cover; transform: translate(-50%, -50%); } @media (max-width: 1199px) { .twentytwenty-container img { border-radius: 4px; } } .twentytwenty-handle { background-image: url("/bitrix/templates/new_tpl/img/photo-arrow.svg"); width: 66px; height: 44px; border: none; border-radius: 0; margin-left: -33px; } @media (max-width: 1199px) { .twentytwenty-handle { background-image: url("/bitrix/templates/new_tpl/img/photo-arrow_mob.svg"); width: 33px; height: 22px; top: 56%; margin-left: -17px; } } /* .twentytwenty-left-arrow, .twentytwenty-right-arrow { display: none; } */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 4px; background: #6E18A2; box-shadow: none; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: -30%; } .twentytwenty-horizontal .twentytwenty-handle:after { top: -21%; } .popup_bg { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; } .popup_cont { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1000; } .popup_container { position: relative; width: 80%; margin: 0 auto; background-color: #D5E5EC; margin-bottom: 100px; margin-top: 100px; z-index: 110; max-width: 1024px; } .popup_container form { margin: auto; width: 90%; } @media screen and (min-width: 1200px) { .popup_container form { width: 500px; } } @media screen and (min-width: 1600px) { .popup_container form { font-size: 18px; line-height: 22px; width: 651px; } } .popup_content_block { background-color: #fff; padding: 30px 50px; } .popup_close_button { position: absolute; top: 20px; right: 20px; width: 12px; height: 12px; background: url(/bitrix/templates/new_tpl/img/popup_close.svg) left top no-repeat; z-index: 100; } .popup_close_button.white { background: url(/bitrix/templates/new_tpl/img/popup_close_white.svg) left top no-repeat; } .popup_header { text-align: center; padding: 30px 40px 27px; font-family: PHBThin, Tahoma, Arial; font-size: 40px; line-height: 46px; } .popup_content_block { background-color: #fff; padding: 30px 50px; } .popup_header h1 { font: inherit; } @media only screen and (max-width: 600px) { .popup_header { font-size: 30px; line-height: 36px; padding: 30px 20px 27px; } } .popup_content_block>*:first-child { padding-top: 70px; } @media (max-width: 1199px) { .popup_content_block>*:first-child { padding-top: 28px; } } .content_zone { line-height: 30px; color: #000; font-size: 16px; font-family: PTS, Tahoma, Arial; } @media (max-width: 767px) { .popup_content_block { padding-left: 20px; padding-right: 20px; } .content_zone { font-size: 12px; line-height: 18px; } } .content_zone h1, .content_zone h2, .content_zone h3, .content_zone h4, .content_zone h5, .content_zone h6 { font-size: 25px; margin: 0px 0px 30px; font-weight: normal; font-family: PHBThin, Tahoma, Arial; } .content_zone ul, .content_zone ol { padding-left: 30px; } .content_zone img { padding: 10px; } .content_zone img, .content_zone iframe, .content_zone table { max-width: 100%; } .content_zone p { margin-bottom: 20px; } .content_zone p:last-of-type { margin-bottom: 0px; } .content_zone b, .content_zone strong { font-family: PTSBold, Tahoma, Arial; font-weight: bold; } .content_zone i, .content_zone em { font-style: italic; } .clinic_popup_map { width: 100%; height: 300px; background-color: #cdcdcd; } .clinic_popup_map iframe { width: 100%; height: 100%; overflow: hidden; } .clinic_popup_list { padding: 40px; display: table; } .clinic_popup_list .line { margin-bottom: 10px; display: table-row; } .clinic_popup_list .line .phone { display: table-cell; font-size: 16px; color: #000; position: relative; padding-bottom: 10px; padding-right: 20px; white-space: nowrap; } .clinic_popup_list .line .phone.multy { color: #9c1cab; cursor: pointer; } .clinic_popup_list .line .phone.multy:hover { color: #e82278; } .clinic_popup_list .line .phone .multy_list { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); position: absolute; left: -2px; top: 25px; padding: 10px; white-space: nowrap; font-size: 90%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); z-index: 5; border-radius: 6px; display: none; } .clinic_popup_list .line .phone:hover .multy_list { display: block; } .clinic_popup_list .line .info { display: table-cell; font-size: 16px; padding-bottom: 10px; } @media screen and (min-width: 1200px) { .clinic_popup_list .line .info { width: 100%; } } .clinic_popup_list .line .info a.adress { display: inline-block; color: #9c1cab; text-decoration: none; } .clinic_popup_list .line .info .metro { color: #818181; } .clinic_popup_list .line .info .metro_ico { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin: 0px 7px; } .layout { width: 100%; height: 100vh; background: rgba(0, 14, 22, 0.6); position: fixed; top: 0; z-index: 10; } /* .scroll-hidden { overflow: hidden; } */ @media only screen and (max-width : 600px) { .b24-widget-button-position-bottom-right { right: 15px !important; bottom: 15px !important; } } @media only screen and (max-width : 600px) { .clinic_popup_list, .clinic_popup_list .line, .clinic_popup_list .line .phone, .clinic_popup_list .line .info { display: block; padding: 0px 0px 5px 0px; } .clinic_popup_list { padding: 20px 20px 50px; } .clinic_popup_list .line { margin-bottom: 10px; } .prev_slider_button { left: 20px; } .next_slider_button { right: 20px; } } .auth_block { margin-bottom: 0px; } .auth_title { text-align: center; color: #818181; font-size: 16px; margin-bottom: 20px; } .no_soc_link { text-align: center; font-size: 16px; margin-bottom: 20px; } .ulogin-buttons-container { margin: 0px 0px 20px 0px !important; text-align: center !important; width: 100% !important; height: auto !important; } .ulogin-button-vkontakte { width: 138px !important; height: 49px !important; display: inline-block !important; *display: inline !important; zoom: 1 !important; float: none !important; cursor: pointer !important; background: url(/bitrix/templates/new_tpl/img/soc/soc_auth_vk.png) center center no-repeat !important; transition: all 0.4s; } .ulogin-button-vkontakte:hover { opacity: 0.8; } .ulogin-button-odnoklassniki { width: 138px !important; height: 49px !important; display: inline-block !important; *display: inline !important; zoom: 1 !important; float: none !important; cursor: pointer !important; background: url(/bitrix/templates/new_tpl/img/soc/soc_auth_ok.png) center center no-repeat !important; transition: all 0.4s; } .ulogin-button-odnoklassniki:hover { opacity: 0.8; } .ulogin-button-facebook { width: 138px !important; height: 49px !important; display: inline-block !important; *display: inline !important; zoom: 1 !important; float: none !important; cursor: pointer !important; background: url(/bitrix/templates/new_tpl/img/soc/soc_auth_fb.png) center center no-repeat !important; transition: all 0.4s; } .ulogin-button-facebook:hover { opacity: 0.8; } .soc_auth_done_block { text-align: center; } .soc_auth_done_title { text-align: center; font-size: 24px; margin-bottom: 20px; font-family: PHBThin, Tahoma, Arial; } .soc_auth_done_foto { display: inline-block; width: 80px; height: 80px; overflow: hidden; border-radius: 100px; vertical-align: middle; margin-right: 20px; background-position: center; background-size: cover; } .soc_auth_done_foto img { width: 100%; height: 100%; } .soc_auth_done_name { display: inline-block; vertical-align: middle; font-size: 20px; } .reviews_radio { display: none; } .reviews_like_button { width: 49%; float: left; color: #22b4b2; height: 50px; box-sizing: border-box; border: 1px solid #22b4b2; border-radius: 10px; text-align: center; line-height: 48px; cursor: pointer; transition: all 0.3s; } .reviews_like_button .ico svg { fill: #22b4b2; width: 30px; height: 30px; margin-top: -4px; margin-right: 4px; vertical-align: middle; transition: all 0.3s; } .reviews_like_button:hover { background-color: #22b4b2; color: #fff; } .reviews_like_button:hover .ico svg { fill: #fff; } .reviews_radio:checked+.reviews_like_button { background-color: #22b4b2; color: #fff; } .reviews_radio:checked+.reviews_like_button .ico svg { fill: #fff; } .reviews_dislike_button { width: 49%; float: right; color: #e94325; height: 50px; box-sizing: border-box; border: 1px solid #e94325; border-radius: 10px; text-align: center; line-height: 48px; cursor: pointer; transition: all 0.3s; } .reviews_dislike_button .ico svg { fill: #e94325; width: 30px; height: 30px; margin-top: -4px; margin-right: 4px; vertical-align: middle; transition: all 0.3s; } .reviews_dislike_button:hover { background-color: #e94325; color: #fff; } .reviews_dislike_button:hover .ico svg { fill: #fff; } .reviews_radio:checked+.reviews_dislike_button { background-color: #e94325; color: #fff; } .reviews_radio:checked+.reviews_dislike_button .ico svg { fill: #fff; } /*Form of request acceptance*/ .form_block_text { width: 80%; margin: 0 auto; font-size: 18px; line-height: 28px; text-align: center; padding-bottom: 50px; } .index_subscribe_block { background: #f1c5eb; padding: 25px 0px; line-height: 30px; font-size: 18px; } .index_subscribe_block .container { max-width: 1300px; } .index_subscribe_block .center_block { font-size: 14px; font-family: PTS, Tahoma, Arial; line-height: 18px; text-align: center; } .index_subscribe_block .left_block { float: left; } .index_subscribe_block .right_block { float: right; } .index_subscribe_block .t { max-width: 580px; } .index_subscribe_block .center_block .t { max-width: 100%; } .index_subscribe_block input { display: inline-block; line-height: 30px; height: 30px; font-size: 14px; font-family: PTS, Tahoma, Arial; border: none; border-radius: 15px; vertical-align: top; box-sizing: border-box } .index_subscribe_block .email { width: 250px; padding: 0 20px; } .index_subscribe_block .date { width: 160px; margin-left: 10px; padding: 0 20px; } .index_subscribe_block .is_error { box-shadow: 0px 0px 3px #f23535; border: 1px solid #f23535; } .index_subscribe_block .submit { display: inline-block; vertical-align: top; text-align: center; height: 30px; padding: 0 20px; max-width: 160px; line-height: 20px; font-family: PTS, Tahoma, Arial; font-size: 16px; color: #fff; background-color: #9c1cab; transition: background-color 0.5s; border-radius: 15px; box-sizing: border-box; border: none; margin: 0 0 0 10px; } .index_subscribe_block .submit:hover { cursor: pointer; background-color: #e82278; } .index_subscribe_block .error_msg { text-align: center; font-size: 20px; margin-top: 20px; font-family: PHBThin; color: rgb(255, 0, 0); } .popup_subscribe .index_subscribe_block .left_block { float: none; text-align: center; padding-bottom: 20px; } .popup_subscribe .index_subscribe_block .left_block .t { text-align: center; max-width: 100%; } .popup_subscribe .index_subscribe_block .right_block { float: none; text-align: center; } /*******************************************/ .gray_socials_block { background-color: #c4c4c5; padding: 50px 0px } .gray_socials_block_title { text-align: center; font-size: 30px; font-family: PHBThin, Tahoma, Arial; line-height: 30px; padding-bottom: 30px; } .gray_socials_block_icos { text-align: center; } .gray_socials_block_icos .ico { display: inline-block; *display: inline; zoom: 1; width: 40px; height: 40px; transition: background-color 0.5s; margin: 0px 9px; } .gray_socials_block_icos .ico.gp { background: #c4c4c5 url(/bitrix/templates/new_tpl/img/icos/svg/socials_gray_block_ico.svg) 0px 0px no-repeat; } .gray_socials_block_icos .ico.gp:hover { background-color: #f31a23; } .gray_socials_block_icos .ico.vk { background: #c4c4c5 url(/bitrix/templates/new_tpl/img/icos/svg/socials_gray_block_ico.svg) -40px 0px no-repeat; } .gray_socials_block_icos .ico.vk:hover { background-color: #346d98; } .gray_socials_block_icos .ico.ok { background: #c4c4c5 url(/bitrix/templates/new_tpl/img/icos/svg/socials_gray_block_ico.svg) -80px 0px no-repeat; } .gray_socials_block_icos .ico.ok:hover { background-color: #fd730e; } .gray_socials_block_icos .ico.fb { background: #c4c4c5 url(/bitrix/templates/new_tpl/img/icos/svg/socials_gray_block_ico.svg) -120px 0px no-repeat; } .gray_socials_block_icos .ico.fb:hover { background-color: #3e64a5; } .gray_socials_block_icos .ico.tw { background: #c4c4c5 url(/bitrix/templates/new_tpl/img/icos/svg/socials_gray_block_ico.svg) -160px 0px no-repeat; } .gray_socials_block_icos .ico.tw:hover { background-color: #00b6e8; } @media only screen and (max-width: 520px) { .index_subscribe_block .email, .index_subscribe_block .date { width: 100%; box-sizing: border-box; } } @media only screen and (max-width: 520px) { .index_subscribe_block .email, .index_subscribe_block .date, .index_subscribe_block .submit { margin: 0px; margin-bottom: 10px; } } @media only screen and (max-width: 1300px) { .index_subscribe_block .email, .index_subscribe_block .date, .index_subscribe_block .submit { margin-bottom: 10px; } .page-footer__add-info p { /*font-size: 13px;*/ font-size: 15px; /*line-height: 13px;*/ line-height: 15px; text-align: center; color: #000000; padding-bottom: 30px; font-weight: 300; color: #333; } } @media only screen and (max-width: 600px) { .gray_socials_block_title { font-size: 20px; } } @media only screen and (min-width: 1370px) { .top-menu > div:nth-of-type(2) { margin-right: 4%; } } .btn { display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; height: 40px; background-color: #fff; color: #9B26A8; border: 1px solid #9B26A8; transition: all .3s .03s ease; font-size: 18px; font-family: "PF Handbook Pro", "Arial", sans-serif; padding-left: 15px; padding-right: 15px; } .btn-primary { background-color: #9B26A8; color: #fff; } .btn-primary:hover { background-color: #fff; color: #9B26A8; } .reviews .bg-white { padding: 20px; } /* new zlpk */ .page-footer__shedule { text-align: center; } .page-footer__div { padding: 30px 0 20px 0; max-width: 1100px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 1200px) { .page-footer__shedule span { font-weight: 300; font-size: 20px; line-height: 24px; color: #E62A78; white-space: nowrap; } } @media screen and (min-width: 1200px) and (min-width: 1200px) { .page-footer__shedule span { font-size: 20px; } } @media screen and (min-width: 1200px) { .page-footer__shedule { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 500; font-size: 18px; line-height: 22px; color: #6E18A2; } } @media screen and (min-width: 1200px) { .page-footer__shedule a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 300; font-size: 24px; line-height: 36px; color: #E62A78; position: relative; white-space: nowrap } } @media screen and (min-width: 1200px) and (min-width: 1200px) { .page-footer__shedule a { font-size: 24px; } } @media screen and (min-width: 1200px) and (min-width: 1600px) { .page-footer__shedule a { font-size: 26px; } } .online_payment_img { vertical-align: text-top; margin: 0 10px 0 0; display: inline-block; } @media screen and (min-width: 1000px) { .advantages-description { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advantages-description li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .procedure-about a { margin-top: 15px; } .procedure-process { margin-top: 65px; padding-bottom: 0 !important; } .procedure-advantages { padding-bottom: 0; } } @media screen and (max-width: 1000px) { .scroll-hidden .menus-container { display: block !important; } .scroll-hidden .menus-container .top-menu { width: 100%; border-top-right-radius: 0; } .page-footer__div { padding-top: 80px; border: 0; } .page-footer__socials .mobile { top: 15px; } .page-footer__links, .page-footer__service { -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; } .page-footer__service { padding: 15px 20px 5px 20px } .page-footer__links li, .page-footer__service li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .page-footer__service li a.link-bg { padding: 0; } .page-footer__add-info { padding: 10px 0 20px 0; } .online_payment_img { vertical-align: bottom; } .advantages-description li:not(:last-of-type) { margin-bottom: 20px; } .cta-link { min-height: 30px; } .procedure-price button { margin: 0px auto; } } .city { position: relative; } .mobile-menu__phone-icon { position: absolute; right: 20px; z-index: 1000; display: none; } @media screen and (max-width: 1000px) { .mobile-menu__phone-icon { display: block; } } /*******************************************/ .two_side_block { background: #ededed; display: table; min-width: 300px; width: 100%; } .two_side_block.dark { background-color: #dddddd; } .two_side_block_container { display: table-row; } .two_side_block .left_side { width: 50%; display: table-cell; vertical-align: top; position: relative; } .two_side_block .right_side { width: 50%; position: relative; display: table-cell; vertical-align: top; position: relative; } .two_side_block .right_side.dark { background-color: #cdcdcd; } .two_side_block .left_side.full, .two_side_block .right_side.full { width: 100%; } .two_side_block .left_side.full .cc, .two_side_block .right_side.full .cc { min-height: auto; } .two_side_block .cc { padding: 40px 6%; min-height: 400px; box-sizing: border-box; } .two_side_block .cc.two_buttons { padding-bottom: 150px; } .two_side_block .inside_bg_block_with_blur { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; } .two_side_block .inside_bg_block_with_blur .blur_block { position: absolute; left: 40px; top: 40px; bottom: 40px; right: 40px; } .two_side_block .inside_bg_block_with_blur .blur_block .blur_main { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: url(/bitrix/templates/new_tpl/../img/1_px_white_70.png); z-index: 30; } .two_side_block .inside_bg_block_with_blur .blur_block .blur_main table { width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0px; } .two_side_block .inside_bg_block_with_blur .blur_block .blur_main td { text-align: center; vertical-align: center; } .two_side_block .inside_bg_block_with_blur .blur_block .blur_main .t { font-size: 30px; font-family: PHBThin, Tahoma, Arial; margin-bottom: 15px; } .two_side_block .inside_bg_block_with_blur .blur_block .blur_main .l { margin-bottom: 20px; width: 50px; height: 45px; background: url(/bitrix/templates/new_tpl/../img/logo_small.svg) center center no-repeat; display: inline-block; } .two_side_block .inside_bg_block_with_blur .blur_block .blur_main .b { text-align: center; } .two_side_block .inside_bg_block_with_blur .blur_block .blur_sub { position: absolute; width: 100%; height: 100%; z-index: 20; background-position: center; background-repeat: no-repeat; -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); } .two_side_block .buttons { margin-top: 20px; } .twoside_fadein_slider { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #000; } .twoside_fadein_slider .shadow { height: 141px; width: 100%; position: absolute; bottom: 0px; left: 0px; background: url(/bitrix/templates/new_tpl/../img/fade_in_shadow.png) bottom left repeat-x; } .twoside_fadein_slider .before { position: absolute; width: 60px; left: 25%; top: 30px; margin-left: -30px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 20px; } .twoside_fadein_slider .after { position: absolute; width: 60px; right: 25%; top: 30px; margin-left: -30px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 20px; } .twoside_fadein_slider .before_after_descr { position: absolute; bottom: 50px; left: 0px; width: 100%; box-sizing: border-box; text-align: center; padding: 0px 20px; color: #fff; z-index: 10; } .twoside_fadein_slider .before_after_descr a { color: #fff; } .twoside_fadein_slider .before_after_descr a:hover { color: #e82278; } .twoside_fadein_slider .before_after_descr .t1 { font-size: 18px; line-height: 22px; padding-bottom: 4px; } .twoside_fadein_slider .before_after_descr .t2 { font-size: 14px; line-height: 18px; } .twoside_fadein_slider .prev_slider_button { left: 30px; } .twoside_fadein_slider .next_slider_button { right: 30px; } .twoside_fadein_slider_container { position: relative; width: 100%; height: 100%; overflow: hidden; } .twoside_fadein_slider_container ul { list-style: none; } .twoside_fadein_slider_container ul li { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-position: center; background-size: cover; background-repeat: no-repeat; } .twoside_fadein_slider_container.contain ul li { background-size: contain; } .twoside_fadein_slider_container ul li img { display: none; } .twoside_fadein_slider_pagges { position: absolute; white-space: nowrap; bottom: 30px; left: 0px; z-index: 20; width: 100%; height: 8px; text-align: center; } .twoside_fadein_slider_pagges .pag { width: 10px; height: 10px; border-radius: 5px; display: inline-block; *display: inline; zoom: 1; margin: 0px 5px; cursor: pointer; opacity: 0.7; transition: opacity 0.5s; background-color: #fff; } .twoside_fadein_slider_pagges .pag:hover{ opacity: 1; } .twoside_fadein_slider_pagges .pag.active { opacity: 1; } .twosides_map_container { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #000; overflow: hidden; } .twosides_map_container>* { width: 100% !important; height: 100% !important; } .two_side_image { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #000; background-position: center; background-size: cover; background-repeat: no-repeat; } .two_side_cert_slider_cc { padding: 40px 20px; } .two_side_cert_slider_title { font-size: 30px; line-height: 28px; font-family: PHBThin, Tahoma, Arial; text-align: center; margin-bottom: 25px; } .two_side_cert_slider { width: 290px; height: 210px; position: relative; margin: 0 auto; } .two_side_cert_slider_container { width: 100%; height: 100%; overflow: hidden; } .two_side_cert_slider_container ul { list-style: none; width: 1000%; height: 100%; } .two_side_cert_slider_container ul li { float: left; width: 290px; height: 210px; margin-right: 10px; } .two_side_cert_slider_container ul li:last-child { margin-right: 0px; } .two_side_cert_slider_container ul li img { max-width: 100%; max-height: 100%; display: block; } /*******************************************/ .prev_slider_button { width: 16px; height: 32px; background: url(/bitrix/templates/new_tpl/img/pink_slider_arrows.svg) left top no-repeat; position: absolute; left: -45px; top: 50%; margin-top: -16px; z-index: 100; } .prev_slider_button:hover { background: url(/bitrix/templates/new_tpl/img/pink_slider_arrows.svg) left bottom no-repeat; cursor: pointer; } .prev_slider_button.white { background: url(/bitrix/templates/new_tpl/img/white_slider_arrows.svg) left top no-repeat; } .prev_slider_button.white:hover { background: url(/bitrix/templates/new_tpl/img/white_slider_arrows.svg) left bottom no-repeat; } .next_slider_button { width: 16px; height: 32px; background: url(/bitrix/templates/new_tpl/img/pink_slider_arrows.svg) right top no-repeat; position: absolute; right: -45px; top: 50%; margin-top: -16px; z-index: 100; } .next_slider_button:hover { background: url(/bitrix/templates/new_tpl/img/pink_slider_arrows.svg) right bottom no-repeat; cursor: pointer; } .next_slider_button.white { background: url(/bitrix/templates/new_tpl/img/white_slider_arrows.svg) right top no-repeat; } .next_slider_button.white:hover { background: url(/bitrix/templates/new_tpl/img/white_slider_arrows.svg) right bottom no-repeat; } /*******************************************/ .content_block { padding: 30px 0px 40px; background-color: #fff; display: flex; justify-content: center; } .content_block.gray { background-color: #ededed; } .content_block .title { font-size: 30px; text-align: center; /*font-family: PHBThin, Tahoma, Arial;*/ margin-bottom: 30px; } .content_block .title.left { text-align: left; } .content_block .content { margin-bottom: 30px; line-height: 30px; } .content_block .button { text-align: center; margin-top: 20px; } .content_block .short_text_block { width: 50%; margin: 0 auto; } .content_block .medium_text_block { width: 80%; margin: 0 auto; } .content_zone { font-size: 16px; font-family: PTS, Tahoma, Arial; } /*******************************************/ /*******************************************/ .person_feedback_block { margin-bottom: 20px; } .person_feedback_block .feedback_text_block { background: #c5e6f6 url(/bitrix/templates/new_tpl/img/feedback_like.png) right bottom no-repeat; padding: 30px 80px 70px 40px; position: relative; border-radius: 10px; } .person_feedback_block.negative .feedback_text_block { background: #ededed url(/bitrix/templates/new_tpl/img/feedback_dislike.png) right bottom no-repeat; } .person_feedback_block .feedback_text_block .feed_date { font-size: 14px; margin-bottom: 10px; color: #777; } .person_feedback_block .feedback_text_block .feed_text { font-size: 16px; line-height: 28px; } .person_feedback_block .feedback_text_block .feed_client { position: absolute; left: 40px; bottom: -40px; } .person_feedback_block .feedback_text_block .feed_client.nofoto { bottom: 20px; } .person_feedback_block .feedback_text_block .feed_client .foto { float: left; width: 80px; height: 80px; border-radius: 40px; overflow: hidden; margin-right: 30px; background-color: #cdcdcd; } .person_feedback_block .feedback_text_block .feed_client .name { float: left; font-size: 16px; color: #000; padding-top: 6px; } .person_feedback_block .feedback_details { padding-left: 150px; text-align: left; padding-top: 10px; } .person_feedback_block .feedback_details.nofoto { padding-left: 40px; } .person_feedback_block .feedback_details .link { display: inline-block; *display: inline; zoom: 1; margin-bottom: 4px; } .person_feedback_block .feedback_details .link .t { color: #818181; } .person_feedback_block .feedback_details .link .v { } .person_feedback_buttons_block, .buttons_block { display: flex; /* Делает контейнер гибким */ justify-content: center; /* Выравнивание элементов по центру главной оси (горизонтальной) */ flex-wrap: wrap; /* Разрешает перенос элементов на новую строку при нехватке места */ gap: 10px; /* Расстояние между элементами. Поддержка может отсутствовать в старых браузерах */ align-content: center; /* Выравнивание элементов по центру поперечной оси (вертикальной) когда есть перенос на новую строку */ padding-top: 20px; padding-bottom: 20px; } .person_feedback_buttons_block a, .buttons_block a { margin: 0 8px; } .reviews_list { margin-top: 20px; } .reviews_list .person_feedback_block { margin-bottom: 60px; } /*******************************************/ /*******************************************/ .actions_filter { padding: 25px 0px 15px; background-color: #ededed; overflow: hidden; } .actions_filter select { float: left; width: 49%; border-radius: 15px; margin-bottom: 10px; margin-right: 2%; height: 30px; line-height: 30px; border: none; padding: 0px 50px 4px 30px; -webkit-appearance: none; /* for FF */ -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; /* for IE */ -ms-appearance: none; appearance: none!important; background: #fff url(/bitrix/templates/new_tpl/img/icos/svg/select_bg.svg) right center no-repeat; cursor: pointer; } .actions_filter select:disabled { border: 1px solid #818181; background: url(/bitrix/templates/new_tpl/img/icos/svg/select_bg_noa.svg) right center no-repeat; cursor: default; } .actions_filter select:nth-child(2n) { float: right; margin-right: 0px; } .actions_filter input.text { float: left; width: 49%; border-radius: 15px; margin-bottom: 10px; margin-right: 2%; height: 30px; line-height: 30px; border: none; box-sizing: border-box; padding: 0px 30px; background: #fff url(/bitrix/templates/new_tpl/img/icos/svg/top_loop_ico.svg) 10px center no-repeat; } .actions_filter input.text:nth-child(2n) { float: right; margin-right: 0px; } .actions_filter.three select { width: 32%; margin-right: 2%; } .actions_filter.three select:nth-child(2n) { margin-right: 2%; float: left; } .actions_filter.three select:nth-child(3n) { margin-right: 0px; } .actions_filter.three input.text { width: 32%; margin-right: 2%; } .actions_filter.three input.text:nth-child(2n) { margin-right: 2%; float: left; } .actions_filter.three input.text:nth-child(3n) { margin-right: 0px; } /*******************************************/ /*******************************************/ .actions_list_slider { width: 1040px; margin: 0 auto; position: relative; } .actions_list_slider .prev_slider_button { top: 95px; } .actions_list_slider .next_slider_button { top: 95px; } .actions_list_slider .actions_list_container { width: 100%; height: 100%; overflow: hidden; } .actions_list_slider .actions_list_container ul { list-style: none; width: 1000%; margin: 0 auto; } .actions_list_slider .actions_list_container ul li { float: left; margin-right: 40px; } .actions_list_slider .actions_list_container ul li:last-child { margin-right: 0px; } .actions_list_slider .action_list_item { width: 320px; margin-right: 0px; } .actions_list_slider .action_list_item { display: block; width: 320px; position: relative; margin-right: 0px; margin-bottom: 0px; } /*******************************************/ /*******************************************/ .actions_list { overflow: hidden; max-width: 1400px; margin: 0 auto; } .action_list_item { display: block; width: 32%; margin-right: 2%; margin-bottom: 20px; position: relative; float: left; padding-bottom: 20px; } .action_list_item:nth-child(3n) { margin-right: 0px; } .action_list_item:nth-child(3n+1) { clear: both; } .action_list_item .popup_descr { position: absolute; top: 0px; left: 0px; box-sizing: border-box; width: 100%; height: 100%; background-color: #9c1cab; color: #fff; opacity: 0; transition: opacity 0.7s; text-align: left; } .action_list_item .popup_descr .cont { padding: 20px; } .action_list_item .popup_descr .popup_descr_title { font-size: 16px; text-transform: uppercase; line-height: 22px; padding-bottom: 8px; } .action_list_item .popup_descr .popup_descr_date { font-size: 14px; text-transform: lowercase; line-height: 14px; padding-top: 4px; } .action_list_item .popup_descr .popup_descr_text { font-size: 14px; line-height: 18px; padding-bottom: 16px; } .action_list_item .popup_descr .popup_descr_link { font-size: 14px; } .action_list_item:hover .popup_descr { opacity: 1; } .action_list_item .image { height: auto; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 20px; } .action_list_item .image img{ width: 100%; height: auto; } .action_list_item .name { text-align: center; text-transform: uppercase; padding: 0px 20px; font-size: 16px; line-height: 22px; color: #000; margin-bottom: 4px; } a.action_list_item:hover { color: #e82278; } .action_list_item .anons { text-align: center; padding: 0px 20px; font-size: 14px; line-height: 22px; color: #818181; } .action_list_item .dates { color: #000; font-size: 14px; text-align: center; line-height: 22px; padding-top: 4px; } /*******************************************/ /*******************************************/ .pagginator { text-align: center; margin: 30px 0px; } .pagginator * { display: inline-block; *display: inline; zoom: 1; height: 30px; line-height: 30px; min-width: 30px; margin: 0px 3px; border: 1px solid #9e20ad; color: #9e20ad; text-decoration: none; border-radius: 15px; } .pagginator a:hover { border-color: #e82278; color: #e82278; } .pagginator span { border-color: #e82278; color: #fff; background-color: #e82278; } .pagginator .button { padding: 0px 20px; } .pagginator .button.noa { border-color: #878787; color: #878787; cursor: pointer; } /*******************************************/ /*******************************************/ .services_list { overflow: hidden; } .services_list .service_list_item { float: left; width: 20%; text-align: left; font-size: 16px; line-height: 20px; margin-bottom: 20px; box-sizing: border-box; padding-right: 30px; } .services_list .service_list_item:nth-child(5n+1) { clear: both; } .services_list .service_list_item{ margin-bottom: 12px; color: #000; display: block; } .services_list .service_list_item:hover { color: #e82278; } .services_list .services_list_section { margin-bottom: 50px; overflow: hidden; } .services_list .services_list_section .h { font-size: 18px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #dedede; } .services_list .services_list_section .l { font-size: 16px; line-height: 24px; text-align: left; font-size: 0px; letter-spacing: 0px; } .services_list .services_list_section .l a { color: #000; } .services_list .services_list_section .l a:hover { color: #e82278; } .services_list .services_list_section .l .li { width: 33%; box-sizing: border-box; padding-right: 20px; margin-bottom: 10px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 14px; } /*******************************************/ /*******************************************/ .search_page_header { margin-bottom: 30px; } .search_page_header .total { text-align: center; font-size: 16px; line-height: 16px; margin-top: 20px; } .search_page_header .sections { text-align: center; } .search_page_header .sections .var { display: none; } .search_page_header .sections label { text-align: center; display: inline-block; height: 30px; width: 120px; line-height: 26px; font-size: 16px; color: #9c1cab; background-color: transparent; border: 1px solid #9c1cab; transition: all 0.5s; border-radius: 15px; box-sizing: border-box; margin: 0px 3px 10px; cursor: pointer; } .search_page_header .sections label:hover { color: #e82278; border-color: #e82278; } .search_page_header .sections .var:checked + label { background-color: #9c1cab; color: #fff; } .search_page_header .search_container { margin-bottom: 30px; overflow: hidden; } .search_page_header .search_str_cont { padding-right: 130px; } .search_page_header .input_str { height: 30px; width: 100%; box-sizing: border-box; border: 1px solid #c4c4c5; background: url(/bitrix/templates/new_tpl/../img/icos/svg/top_loop_ico.svg) 10px center no-repeat; padding-left: 36px; padding-right: 15px; border-radius: 15px; line-height: 30px; font-size: 12px; letter-spacing: 0.4px; display: block; margin: 0 auto 0px; padding-right: 130px; } .search_page_header .input_submit { text-align: center; display: block; height: 30px; width: 120px; line-height: 26px; font-size: 16px; background: #9c1cab; color: #fff; border: 1px solid #9c1cab; transition: background-color 0.5s; border-radius: 15px; box-sizing: border-box; margin: 0px 3px 10px; cursor: pointer; vertical-align: top; float: right; } .search_page_header .input_str { width: 100%; } .search_page_header .input_submit:hover { background-color: #e82278; cursor: pointer; vertical-align: top; } .search_result_list { border-bottom: 2px solid #ededed; } .search_result_list .search_line { border-top: 2px solid #ededed; padding: 20px 0px 25px; overflow: hidden; } .search_result_list .search_line .num { width: 5%; text-align: left; font-size: 24px; float: left; } .search_result_list .search_line .result { width: 95%; float: left; padding-top: 1px; } .search_result_list .search_line .result .t { font-size: 18px; line-height: 22px; padding-bottom: 15px; } .search_result_list .search_line .result .i{ font-size: 14px; line-height: 20px; } /*******************************************/ .service_podbor_block { background-color: #9c1cab; text-align: center; padding: 60px 0px; font-size: 30px; font-family: PHBThin, Tahoma, Arial; line-height: 34px; color: #fff; background-position: center; background-size: cover; background-repeat: no-repeat; } .service_podbor_block .text { } .service_podbor_block .button { margin-top: 20px; text-align: center; } .service_podbor_block .button a { text-align: center; display: inline-block; height: 30px; padding: 0 20px; min-width: 160px; line-height: 28px; font-size: 16px; color: #9c1cab; background-color: #fff; transition: all 0.5s; border-radius: 15px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; border: 1px solid #fff; } .service_podbor_block .button a:hover { background-color: #9c1cab; color: #fff; } /*******************************************/ /***********************************************/ .links_twocolumn_block { padding: 10px 40px 50px; overflow: hidden; } .links_twocolumn_block span, .links_twocolumn_block a { display: block; float: left; width: 50%; margin-bottom: 10px; } .links_twocolumn_block span:nth-child(2n+1), .links_twocolumn_block a:nth-child(2n+1) { clear: both; } /***********************************************/ /*******************************************/ .other_articles_list { } .other_articles_list_item { width: 32%; margin-right: 2%; float: left; } .other_articles_list_item:nth-child(3n) { margin-right: 0; margin-bottom: 20px; } .other_articles_list_item:nth-child(3n+1) { clear: both; } .other_articles_list_item .date { color: #818181; padding-bottom: 4px; } .other_articles_list_item .name { font-size: 18px; line-height: 24px; padding-bottom: 10px; } .other_articles_list_item .anons { font-size: 14px; line-height: 20px; padding-bottom: 10px; } .other_articles_list_item .link { font-size: 14px; } /*******************************************/ /* Убираем стрелки у числовых инпутов */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; /* Для Firefox */ } .nobr { white-space: nowrap; } /*******************************************/ /* Элементы и свойства инфоблоков */ table.iblock__table { border-collapse: collapse; /* Это свойство необходимо для корректного отображения границ */ border-spacing: 0; /* Замена cellspacing */ } .iblock__table thead tr { background-color: #d9d9d9; /* Цвет фона для шапки таблицы */ } .iblock__table tbody tr:nth-child(even) { background-color: #e9e9e9; /* Цвет фона для нечетных строк */ } .iblock__table tbody tr:nth-child(odd) { background-color: #f9f9f9; /* Цвет фона для четных строк */ } .iblock__table, .iblock__table th, .iblock__table td { border: none; } .iblock__table th, .iblock__table td { padding: 4px 16px; vertical-align: middle; } .iblock__table thead th { text-align: center; } .iblock__table tbody th, .iblock__table tbody td { text-align: left; } .iblock__table col td.iblock__text_right, .iblock__table tbody td.iblock__text_right, .iblock__text_right { text-align: right; } .iblock__table tbody td.iblock__text_center, .iblock__text_center { text-align: center; } .iblock__table tbody td.iblock__text_top, .iblock__text_top { vertical-align: top; } .iblock__table tbody td.iblock__text_bottom, .iblock__text_bottom { vertical-align: bottom; } .iblock__table tbody td.iblock__text_middle, .iblock__text_middle { vertical-align: middle; } table.table-data tr:nth-child(even) { background-color: #f2f2f2; /* Цвет для четных строк */ } table.table-data tr:nth-child(odd) { background-color: #ffffff; /* Цвет для нечетных строк */ } table.table-data td { padding: 4px 8px; } .m_photo { position: relative; width: fit-content; height: fit-content; } .m_photo__author { position: absolute; bottom: 3px; left: 3px; font-size: .5em; background: #fff; border-radius: 4px; padding: 2px 6px; line-height: 1em; opacity: .5; width: auto; } .USER_NAME { position: fixed; top: -3000rem; } /* End */ /* Start:/bitrix/templates/new_tpl/template_styles.css?1742139034388*/ .main-menu__item_special { position: relative; z-index: 2; } @keyframes blinking { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .main-menu__item_special svg { animation: blinking 3s infinite; position: relative; top: 6px; right: 3px; transform: rotate(15deg); } .main-menu__item_special.no-sub svg { top: 4px; right: 2px; } /* End */ /* /bitrix/templates/new_tpl/css/fonts.css?172858771311049 */ /* /bitrix/templates/new_tpl/css/new_normalize.css?172141995030094 */ /* /bitrix/templates/new_tpl/css/swiper.min.css?168815214819811 */ /* /bitrix/templates/new_tpl/css/style_popup.css?172953277720390 */ /* /bitrix/templates/new_tpl/css/swipebox.css?16881521485726 */ /* /bitrix/templates/new_tpl/components/bitrix/news.list/top_warning_message/style.css?1688152148725 */ /* /bitrix/templates/new_tpl/styles.css?1750685971130884 */ /* /bitrix/templates/new_tpl/template_styles.css?1742139034388 */