/* Start:/local/assets/preambula/build/app.css?1757393296975319*/ @font-face { font-family: 'SFProText-Regular'; src: url(/local/assets/preambula/fonts/SFProText-Regular.eot); src: url(/local/assets/preambula/fonts/SFProText-Regular.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProText-Regular.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProText-Regular.woff) format('woff'), url(/local/assets/preambula/fonts/SFProText-Regular.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProText-Regular.svg#SFProText-Regular) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProText-Medium'; src: url(/local/assets/preambula/fonts/SFProText-Medium.eot); src: url(/local/assets/preambula/fonts/SFProText-Medium.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProText-Medium.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProText-Medium.woff) format('woff'), url(/local/assets/preambula/fonts/SFProText-Medium.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProText-Medium.svg#SFProText-Regular) format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProText-Semibold'; src: url(/local/assets/preambula/fonts/SFProText-Semibold.eot); src: url(/local/assets/preambula/fonts/SFProText-Semibold.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProText-Semibold.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProText-Semibold.woff) format('woff'), url(/local/assets/preambula/fonts/SFProText-Semibold.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProText-Semibold.svg#SFProText-Semibold) format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProText-Heavy'; src: url(/local/assets/preambula/fonts/SFProText-Heavy.eot); src: url(/local/assets/preambula/fonts/SFProText-Heavy.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProText-Heavy.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProText-Heavy.woff) format('woff'), url(/local/assets/preambula/fonts/SFProText-Heavy.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProText-Heavy.svg#SFProText-Heavy) format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'ObjectSans'; src: url(/local/assets/preambula/fonts/ObjectSans-Heavy.eot); src: url(/local/assets/preambula/fonts/ObjectSans-Heavy.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/ObjectSans-Heavy.woff2) format('woff2'), url(/local/assets/preambula/fonts/ObjectSans-Heavy.woff) format('woff'), url(/local/assets/preambula/fonts/ObjectSans-Heavy.ttf) format('truetype'), url(/local/assets/preambula/fonts/ObjectSans-Heavy.svg#ObjectSans-Heavy) format('svg'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay-Semibold'; src: url(/local/assets/preambula/fonts/SFProDisplay-Semibold.eot); src: url(/local/assets/preambula/fonts/SFProDisplay-Semibold.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProDisplay-Semibold.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProDisplay-Semibold.woff) format('woff'), url(/local/assets/preambula/fonts/SFProDisplay-Semibold.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold) format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay-Bold'; src: url(/local/assets/preambula/fonts/SFProDisplay-Bold.eot); src: url(/local/assets/preambula/fonts/SFProDisplay-Bold.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProDisplay-Bold.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProDisplay-Bold.woff) format('woff'), url(/local/assets/preambula/fonts/SFProDisplay-Bold.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold) format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay-Regular'; src: url(/local/assets/preambula/fonts/SFProDisplay-Regular.eot); src: url(/local/assets/preambula/fonts/SFProDisplay-Regular.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProDisplay-Regular.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProDisplay-Regular.woff) format('woff'), url(/local/assets/preambula/fonts/SFProDisplay-Regular.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular) format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay-Heavy'; src: url(/local/assets/preambula/fonts/SFProDisplay-Heavy.eot); src: url(/local/assets/preambula/fonts/SFProDisplay-Heavy.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProDisplay-Heavy.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProDisplay-Heavy.woff) format('woff'), url(/local/assets/preambula/fonts/SFProDisplay-Heavy.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProDisplay-Heavy.svg#SFProDisplay-Heavy) format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay-Medium'; src: url(/local/assets/preambula/fonts/SFProDisplay-Medium.eot); src: url(/local/assets/preambula/fonts/SFProDisplay-Medium.eot?#iefix) format('embedded-opentype'), url(/local/assets/preambula/fonts/SFProDisplay-Medium.woff2) format('woff2'), url(/local/assets/preambula/fonts/SFProDisplay-Medium.woff) format('woff'), url(/local/assets/preambula/fonts/SFProDisplay-Medium.ttf) format('truetype'), url(/local/assets/preambula/fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium) format('svg'); font-weight: 500; font-style: normal; font-display: swap; } /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}.sr { font-family: "SFProText-Regular"; } .sm { font-family: "SFProText-Medium"; } .ssb { font-family: "SFProText-Semibold"; } .sh { font-family: "SFProText-Heavy"; } .os { font-family: "ObjectSans"; } .sdsb { font-family: "SFProDisplay-Semibold"; } .sdb { font-family: "SFProDisplay-Bold"; } .sdr { font-family: "SFProDisplay-Regular"; } .sdh { font-family: "SFProDisplay-Heavy"; } .sdm { font-family: "SFProDisplay-Medium"; } .b { color: #000; } .g { color: #adadad; } .gg { color: #eeeff1; } .p { color: #b53162; } .pink { color: #db3170; } .white { color: #ffffff; } .light-pink { background-color: #f8eaef; } .bg-ff { background-color: #f5f5f6; } .bg-green { background-color: #22744f; } body { overflow-x: hidden; background: #fff; } a { text-decoration: none; } .container { max-width: 1280px; padding-right: 16px; padding-left: 16px; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .container.personal-cabinet { background-color: #f5f5f6; } } .p-btn { background: #db3170; -webkit-border-radius: 200px; border-radius: 200px; position: relative; } .inp { border: none; outline: none; background: transparent; width: 100%; height: 100%; padding: 0; } .mt120 { margin-top: 120px; } @media only screen and (max-width: 767px) { .mt120 { margin-top: 80px; } } .mt80 { margin-top: 80px; } @media only screen and (max-width: 767px) { .mt80 { margin-top: 40px; } } .mt60 { margin-top: 60px; } @media only screen and (max-width: 767px) { .mt60 { margin-top: 40px; } } .mt30 { margin-top: 30px; } @media only screen and (max-width: 767px) { .mt30 { margin-top: 40px; } } .mt40 { margin-top: 40px; } @media only screen and (max-width: 767px) { .mt40 { margin-top: 20px; } } .about-top { max-width: 1280px; margin: 28px -20px 64px -20px; display: grid; grid-template-columns: auto 50%; grid-template-rows: auto 1fr; gap: 12px 20px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media only screen and (max-width: 1160px) { .about-top { gap: 12px; margin-bottom: 64px; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 767px) { .about-top { padding: 0; } } @media only screen and (max-width: 670px) { .about-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-top .about-top__doctor-link { -webkit-border-radius: 40px; border-radius: 40px; background-color: #f4f4f7; padding: 30px; position: relative; 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: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1160px) { .about-top .about-top__doctor-link { grid-row-start: 1; grid-column-start: 1; grid-column-end: 3; } } .about-top img.about-top__doctor-link-link { position: absolute; top: 30px; right: 30px; } @media only screen and (max-width: 767px) { .about-top img.about-top__doctor-link-link { top: 24px; right: 24px; } } .about-top .about-top__doctor-link-title { color: #000; font-size: 56px; line-height: 100%; letter-spacing: -0.02em; font-family: "SFProDisplay-Semibold"; margin: 0 0 63px 0; } @media only screen and (max-width: 1160px) { .about-top .about-top__doctor-link-title { margin-bottom: 60px; font-size: 46px; } } @media only screen and (max-width: 767px) { .about-top .about-top__doctor-link-title { font-size: 36px; line-height: 110%; max-width: 230px; margin-bottom: 47px; } .about-top .about-top__doctor-link-title br { display: none; } } @media only screen and (max-width: 670px) { .about-top .about-top__doctor-link-title { max-width: 100%; padding-right: 25px; } .about-top .about-top__doctor-link-title br { display: inline; } } .about-top .about-top__doctor-link-subs { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-top .about-top__doctor-link-subs span { padding: 4px 14px; color: #7e7e90; border: 1px solid #7e7e90; -webkit-border-radius: 24px; border-radius: 24px; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; } @media only screen and (max-width: 1160px) { .about-top .about-top__text-wrapper { grid-row-start: 2; grid-column-start: 2; height: 100%; } } .about-top .about-top__text-wrapper .about-top__text-wrapper-text { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 40px; border-radius: 40px; background-color: #f4f4f7; padding: 30px; position: relative; } @media only screen and (max-width: 1160px) { .about-top .about-top__text-wrapper .about-top__text-wrapper-text { height: 100%; } } .about-top .about-top__text-wrapper .about-top__text-wrapper-text p { color: #7e7e90; font-size: 24px; line-height: 145%; font-family: "SFProDisplay-Regular"; margin: 0; } @media only screen and (max-width: 767px) { .about-top .about-top__text-wrapper .about-top__text-wrapper-text p { font-size: 18px; line-height: 145%; letter-spacing: -0.36px; } } .about-top .about-top__slider-wrapper { grid-row-start: 1; grid-row-end: 3; grid-column-start: 2; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media only screen and (max-width: 1160px) { .about-top .about-top__slider-wrapper { grid-row-start: 2; grid-row-end: 2; grid-column-start: 1; overflow: hidden; } } @media only screen and (max-width: 670px) { .about-top .about-top__slider-wrapper { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .about-top .about-top__slider-wrapper .about-top__slider { position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .about-top .about-top__slider-wrapper .about-top__slider .about-top__slide { text-align: right; } .about-top .about-top__slider-wrapper .about-top__slider .about-top__slide img { width: 100%; -webkit-border-radius: 40px; border-radius: 40px; aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .about-top .about-top__slider-wrapper .about-top__slider .about-top__slide img { -webkit-border-radius: 20px; border-radius: 20px; } } @media only screen and (max-width: 1160px) { .about-top .about-top__slider-wrapper .about-top__slider .about-top__slide img { width: 100%; } } .about-top .about-top__slider-wrapper .about-top__btns { position: absolute; bottom: 24px; right: 24px; width: 110px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0; overflow: hidden; z-index: 1; cursor: pointer; } @media only screen and (max-width: 1160px) { .about-top .about-top__slider-wrapper .about-top__btns { width: 80px; } } .about-top .about-top__slider-wrapper .about-top__btns .about-top__prev, .about-top .about-top__slider-wrapper .about-top__btns .about-top__next { width: 50px; height: 50px; background-color: #ffffff; -webkit-border-radius: 50px; border-radius: 50px; opacity: 0.5; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1160px) { .about-top .about-top__slider-wrapper .about-top__btns .about-top__prev, .about-top .about-top__slider-wrapper .about-top__btns .about-top__next { width: 36px; height: 36px; } } .about-top .about-top__slider-wrapper .about-top__btns .about-top__prev.btn-hidd, .about-top .about-top__slider-wrapper .about-top__btns .about-top__next.btn-hidd { opacity: 0; } .about-top .about-top__slider-wrapper .about-top__btns .about-top__prev img, .about-top .about-top__slider-wrapper .about-top__btns .about-top__next img { margin-left: auto; margin-right: auto; } .about-top .about-top__slider-wrapper .about-top__btns .about-top__next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .about-prices { padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 55px; } @media only screen and (max-width: 1160px) { .about-prices { padding: 0; } } @media only screen and (max-width: 670px) { .about-prices { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 32px; } } .about-prices .about-prices__text-block { -ms-flex-item-align: start; align-self: flex-start; } .about-prices .about-prices__text-block .about-prices__text-block__title { font-family: "ObjectSans"; font-size: 36px; font-weight: 800; line-height: 110%; margin-bottom: 32px; } .about-prices .about-prices__text-block p { color: #7e7e90; font-weight: 400; font-size: 18px; line-height: 140%; margin-bottom: 65px; } @media only screen and (max-width: 670px) { .about-prices .about-prices__text-block p { margin-bottom: 24px; } } .about-prices .about-prices__text-block a { color: #db3170; font-weight: 600; font-size: 18px; line-height: 120%; } .about-prices .about-prices__img-block { -ms-flex-item-align: center; align-self: center; margin: 50px 37px; } @media only screen and (max-width: 767px) { .about-prices .about-prices__img-block { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 670px) { .about-prices .about-prices__img-block { margin: 32px 0 0 0; } .about-prices .about-prices__img-block img { max-width: 100%; height: auto; } } .about-online { padding: 0 20px; margin-bottom: 100px; } @media only screen and (max-width: 1160px) { .about-online { padding: 0; } } @media only screen and (max-width: 670px) { .about-online { padding: 0; margin-bottom: 64px; } } .about-online .about-online__title { font-family: "ObjectSans"; font-style: normal; font-weight: 800; font-size: 36px; line-height: 110%; margin-bottom: 40px; } .about-online .about-online__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media only screen and (max-width: 670px) { .about-online .about-online__items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-online .about-online__items > div { background-color: #f8f9fa; -webkit-border-radius: 20px 40px; border-radius: 20px 40px; padding: 40px; height: 460px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1160px) { .about-online .about-online__items > div { padding: 30px; } } @media only screen and (max-width: 670px) { .about-online .about-online__items > div { width: 100% !important; height: auto; } } .about-online .about-online__items > div h3 { font-family: "SFProDisplay-Bold"; font-weight: 600; font-size: 24px; line-height: 120%; margin: 0 0 7px 0; } .about-online .about-online__items > div p { color: #7e7e90; font-weight: 400; font-size: 18px; line-height: 140%; margin-top: 0; } .about-online .about-online__items .about-online__medcards { width: 60%; position: relative; overflow: hidden; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__medcards { width: 50%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 990px) { .about-online .about-online__items .about-online__medcards { padding-bottom: 183px; height: auto; } } .about-online .about-online__items .about-online__medcards .med-bg { position: absolute; right: 0; bottom: 0; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__medcards .med-bg { bottom: -20px; width: 240px; } } @media only screen and (max-width: 767px) { .about-online .about-online__items .about-online__medcards .med-bg { bottom: 0; } } .about-online .about-online__items .about-online__medcards a { margin-top: auto; color: #db3170; font-style: normal; font-weight: 600; font-size: 18px; line-height: 120%; position: relative; z-index: 1; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__medcards a { margin-top: 0; } } .about-online .about-online__items .about-online__connect { width: 40%; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__connect { width: 50%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: auto; } } .about-online .about-online__items .about-online__connect .about-online__connect__socials { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__connect .about-online__connect__socials { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item { width: 50%; background: #ffffff; -webkit-border-radius: 16px; border-radius: 16px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; height: 103px; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item { -webkit-border-radius: 50px; border-radius: 50px; gap: 16px; height: 70px; padding: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item img { position: absolute; top: -30px; left: 14px; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item img { position: static; } } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item a { margin-top: auto; font-weight: 600; line-height: 120%; font-size: 16px; } @media only screen and (max-width: 1160px) { .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item a { margin: 0; } } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item a span { display: block; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item.tg a { color: #3ab5f0; } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item.bot img { -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid grey; } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item.bot a { color: #b53162; } .about-online .about-online__items .about-online__connect .about-online__connect__socials .about-online__connect__socials__item.bot a span { color: #d37f9e; } .about-doctor_block { padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 95px; gap: 40px; width: 100%; } @media only screen and (max-width: 1160px) { .about-doctor_block { padding: 0; } } @media only screen and (max-width: 670px) { .about-doctor_block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin-bottom: 64px; } } .about-doctor_block .about-doctor_block__text { width: 50%; } @media only screen and (max-width: 670px) { .about-doctor_block .about-doctor_block__text { width: 100%; } } .about-doctor_block .about-doctor_block__text .about-doctor_block__text__title { font-family: "ObjectSans"; font-size: 36px; font-weight: 800; line-height: 110%; margin-bottom: 32px; max-width: 470px; } .about-doctor_block .about-doctor_block__text p { color: #7e7e90; font-weight: 400; font-size: 18px; line-height: 140%; margin-bottom: 40px; max-width: 470px; } .about-doctor_block .about-doctor_block__text a { color: #db3170; font-weight: 600; font-size: 18px; line-height: 120%; } .about-doctor_block .about-doctor_block__image { width: 50%; margin-left: auto; height: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 670px) { .about-doctor_block .about-doctor_block__image { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } .about-doctor_block .about-doctor_block__image img { width: 100%; margin-top: auto; } .about-game { padding: 0 20px; margin-bottom: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 70px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 1160px) { .about-game { padding: 0; } } @media only screen and (max-width: 670px) { .about-game { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; gap: 0; margin-bottom: 32px; } } .about-game .about-game_text { width: 45%; } @media only screen and (max-width: 670px) { .about-game .about-game_text { width: 100%; } } .about-game .about-game_text .about-game_text__title { font-family: "ObjectSans"; font-size: 36px; font-weight: 800; line-height: 110%; margin-bottom: 32px; max-width: 470px; } .about-game .about-game_text a { color: #db3170; font-weight: 600; font-size: 18px; line-height: 120%; } @media only screen and (max-width: 670px) { .about-game .about-game_text a { display: none; } } .about-game .about-game_subtitle { width: 55%; } @media only screen and (max-width: 670px) { .about-game .about-game_subtitle { width: 100%; } } .about-game .about-game_subtitle p { display: block; color: #7e7e90; font-weight: 400; font-size: 18px; line-height: 140%; margin: 32px 0; } .about-game .about-game_subtitle__mobile { display: none; } @media only screen and (max-width: 670px) { .about-game .about-game_subtitle__mobile { display: block; color: #db3170; font-weight: 600; font-size: 18px; line-height: 120%; } } .about-game_slider-block { padding: 0 0 0 20px; margin: 0 -16px 40px 0; overflow: hidden; } @media only screen and (max-width: 1160px) { .about-game_slider-block { padding: 0; overflow: hidden; } } .about-game_slider-block .about-game__slider { overflow: visible; } .about-game_slider-block .about-game__slider .about-game__slide { position: relative; width: 347px !important; height: 437px !important; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about-game_slider-block .about-game__slider .about-game__slide:hover p { color: #db3170; } @media only screen and (max-width: 710px) { .about-game_slider-block .about-game__slider .about-game__slide { height: 346px !important; width: 295px !important; } } @media only screen and (max-width: 369px) { .about-game_slider-block .about-game__slider .about-game__slide { width: 90% !important; } } .about-game_slider-block .about-game__slider .about-game__slide img { width: 100%; max-height: 400px; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 32px; border-radius: 32px; } @media only screen and (max-width: 1024px) { .about-game_slider-block .about-game__slider .about-game__slide img { -webkit-border-radius: 25px; border-radius: 25px; } } @media only screen and (max-width: 710px) { .about-game_slider-block .about-game__slider .about-game__slide img { max-height: 316px; } } .about-game_slider-block .about-game__slider .about-game__slide p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 120%; color: #a9afb5; margin-top: auto; margin-bottom: 0; } .about-game_slider-block .about-game__btns { height: 50px; font-size: 0; overflow: hidden; z-index: 1; cursor: pointer; } @media only screen and (max-width: 710px) { .about-game_slider-block .about-game__btns { display: none; } } .about-game_slider-block .about-game__btns .about-game__btn { position: absolute; top: calc(50% - 40px); left: 3%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; 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; font-size: 0; background-color: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; z-index: 1; cursor: pointer; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); } .about-game_slider-block .about-game__btns .about-game__btn.btn-hidd { opacity: 0; } .about-game_slider-block .about-game__btns .about-game__btn img { margin-left: auto; margin-right: auto; } .about-game_slider-block .about-game__btns .about-game__next { left: auto; right: 5%; -webkit-transform: translate(50%, -50%) rotate(180deg); -ms-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg); } .about-professional { background: #f4f4f7; -webkit-border-radius: 40px; border-radius: 40px; padding: 40px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: -40px; margin-left: -40px; overflow: hidden; } @media only screen and (max-width: 1160px) { .about-professional { margin: 0; } } @media only screen and (max-width: 670px) { .about-professional { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; background: none; } } .about-professional .about-professional__text { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 670px) { .about-professional .about-professional__text { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background: #f4f4f7; padding: 32px 20px 40px 20px; -webkit-border-radius: 40px; border-radius: 40px; } } .about-professional .about-professional__text .about-professional__text__title { font-family: "ObjectSans"; font-size: 36px; font-weight: 800; line-height: 110%; margin-bottom: 20px; max-width: 470px; } .about-professional .about-professional__text p { color: #7e7e90; font-weight: 400; font-size: 18px; line-height: 140%; max-width: 470px; margin-bottom: 64px; } .about-professional .about-professional__text a { display: -webkit-inline-box; 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; padding: 20px 32px; color: #ffffff; background: #db3170; -webkit-border-radius: 75px; border-radius: 75px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 120%; text-align: center; margin-top: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .about-professional .about-professional__text a:hover, .about-professional .about-professional__text a:focus { color: #ffffff; } @media only screen and (max-width: 670px) { .about-professional .about-professional__text a { -ms-flex-item-align: center; align-self: center; width: 100%; } } .about-professional .about-professional__img { width: 50%; margin-left: auto; height: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 0 45px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 670px) { .about-professional .about-professional__img { width: 100%; padding: 0; } } .about-professional .about-professional__img img { margin-top: auto; margin-bottom: -75px; } @media only screen and (max-width: 1160px) { .about-professional .about-professional__img img { margin-bottom: auto; max-width: 380px; } } @media only screen and (max-width: 670px) { .about-professional .about-professional__img img { width: 100%; margin-bottom: -35px; z-index: -1; } } .about-age { margin-top: 80px; padding: 80px 60px 40px; position: relative; width: 100%; min-height: 406px; } @media only screen and (max-width: 900px) { .about-age { padding: 40px 40px; } } @media only screen and (max-width: 710px) { .about-age { padding: 30px 20px 80px; margin-top: 73px; min-height: 331px; } } .about-age__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 80px; border-radius: 80px; overflow: hidden; } .about-age__bg::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: -40px; -webkit-border-radius: 80px; border-radius: 80px; background: #EEEFF1; -webkit-transform: skewY(362deg); -ms-transform: skewY(362deg); transform: skewY(362deg); } @media only screen and (max-width: 710px) { .about-age__bg { -webkit-border-radius: 40px; border-radius: 40px; } .about-age__bg::after { -webkit-border-radius: 40px; border-radius: 40px; } } .about-age__svg { position: absolute; top: 50px; right: 50px; z-index: 1; } @media only screen and (max-width: 710px) { .about-age__svg { width: 95px; right: -10px; top: -35px; } .about-age__svg img { width: 100%; } } .about-age__title { margin: 0; margin-bottom: 30px; position: relative; z-index: 1; font-family: "SFProDisplay-Bold"; font-size: 54px; line-height: 105%; letter-spacing: 0.01em; } .about-age__title span { color: #92BD55; } @media only screen and (max-width: 710px) { .about-age__title { margin-bottom: 10px; font-size: 26px; line-height: 120%; } } .about-age__desc { margin: 0; position: relative; z-index: 1; max-width: 801px; font-family: "SFProText-Medium"; font-size: 20px; line-height: 145%; } @media only screen and (max-width: 710px) { .about-age__desc { font-size: 16px; line-height: 140%; } } .about__page .i-reviews { padding: 0; } .about-reviews { margin-top: 120px; } @media only screen and (max-width: 710px) { .about-reviews { margin-top: 65px; } } .about-reviews__title { margin: 0; margin-bottom: 40px; font-family: "ObjectSans"; font-weight: 800; font-size: 56px; line-height: 120%; } @media only screen and (max-width: 710px) { .about-reviews__title { font-size: 36px; line-height: 120%; } } .about-reviews__slider { position: relative; } .about-review { padding: 30px 30px 15px; position: relative; width: 347px !important; height: 419px !important; background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; cursor: pointer; } @media only screen and (max-width: 710px) { .about-review { padding: 30px 20px; height: 375px !important; width: 327px !important; } } @media only screen and (max-width: 369px) { .about-review { width: 90% !important; } } .about-review::after { content: ""; position: absolute; top: calc(419px - 65px); left: 0; width: 100%; height: 65px; background: -webkit-gradient(linear, left bottom, left top, color-stop(23.97%, #f0f0f2), color-stop(100.43%, rgba(243, 243, 245, 0.1))); background: -webkit-linear-gradient(bottom, #f0f0f2 23.97%, rgba(243, 243, 245, 0.1) 100.43%); background: -o-linear-gradient(bottom, #f0f0f2 23.97%, rgba(243, 243, 245, 0.1) 100.43%); background: linear-gradient(0deg, #f0f0f2 23.97%, rgba(243, 243, 245, 0.1) 100.43%); } @media only screen and (max-width: 710px) { .about-review::after { top: calc(375px - 65px); } } .about-review__top { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about-review__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-review__img { margin-right: 15px; width: 55px; height: 55px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; font-size: 0; -ms-flex-negative: 0; flex-shrink: 0; } .about-review__img img { display: block; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0 auto; } .about-review__name { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 120%; } @media only screen and (max-width: 710px) { .about-review__name { font-size: 16px; line-height: 120%; } } .about-review__logo { mix-blend-mode: multiply; margin-left: 15px; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: start; align-self: flex-start; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); position: absolute; top: 23px; right: 23px; height: 14px; } .about-review__logo img { height: 100%; } .about-review__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about-review__date { font-family: "SFProText-Medium"; font-size: 14px; line-height: 140%; color: #adadad; } .about-review__text p { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; margin-top: 12px; } @media only screen and (max-width: 710px) { .about-review__text p { font-size: 14px; line-height: 150%; letter-spacing: 0.01em; } } .about-review__clinic { font-family: "SFProText-Semibold"; margin-top: 20px; font-size: 16px; line-height: 120%; color: #adadad; } .about-reviews__btn { position: absolute; top: 50%; left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 65px; height: 65px; 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; font-size: 0; background-color: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; z-index: 1; cursor: pointer; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 710px) { .about-reviews__btn { display: none; } } .about-reviews__next { left: auto; right: 0; -webkit-transform: translate(50%, -50%) rotate(180deg); -ms-transform: translate(50%, -50%) rotate(180deg); transform: translate(50%, -50%) rotate(180deg); } .rating { margin-right: 15px; position: relative; } .rating__grey { font-size: 0; } .rating__active { left: 0; top: 0; position: absolute; width: 50%; overflow: hidden; font-size: 0; } .about-reg { margin-top: 164px; padding-top: 90px; padding-left: 80px; min-height: 406px; position: relative; } @media only screen and (max-width: 710px) { .about-reg { margin-top: 99px; padding: 69px 20px 20px; min-height: auto; } } .about-reg__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-border-radius: 80px; border-radius: 80px; overflow: hidden; } @media only screen and (max-width: 710px) { .about-reg__bg { -webkit-border-radius: 40px; border-radius: 40px; } } .about-reg__bg::after { content: ''; position: absolute; left: 0; top: -39px; width: 100%; height: 105%; -webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); background: #FFF3F8; -webkit-border-radius: 80px; border-radius: 80px; } @media only screen and (max-width: 710px) { .about-reg__bg::after { top: 11px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-transform: skewY(3deg); -ms-transform: skewY(3deg); transform: skewY(3deg); } } .about-reg__title { position: relative; margin: 0; margin-bottom: 44px; max-width: 481px; font-family: "ObjectSans"; font-weight: 800; font-size: 46px; line-height: 120%; color: #DB3170; z-index: 2; } @media only screen and (max-width: 710px) { .about-reg__title { margin-bottom: 40px; font-size: 36px; max-width: 303px; } } .about-reg__link { position: relative; 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; max-width: 251px; width: 100%; height: 64px; -webkit-border-radius: 100px; border-radius: 100px; background: #DB3170; border: 1px solid #FFFFFF; font-family: "SFProText-Semibold"; font-size: 20px; line-height: 120%; color: #FFFFFF; cursor: pointer; } @media only screen and (max-width: 710px) { .about-reg__link { max-width: 400px; height: 45px; font-weight: 800; } } .about-reg__img-desc { position: absolute; right: 70px; top: -55px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); width: 437px; } .about-reg__img-desc img { width: 100%; } @media only screen and (max-width: 900px) { .about-reg__img-desc { width: 300px; right: 40px; } } @media only screen and (max-width: 710px) { .about-reg__img-desc { display: none; } } .about-reg__img-mob { position: absolute; visibility: hidden; } @media only screen and (max-width: 710px) { .about-reg__img-mob { visibility: visible; right: 0; top: -20px; } } .about-popap-wrapper { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.9); 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; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; overflow-y: scroll; overflow-x: hidden; } .about-popap-wrapper--open { opacity: 1; visibility: visible; } .about-popap__slider { overflow: visible !important; } .about-popap { padding: 0 85px; max-width: calc(829px + 85px + 85px); width: 100%; height: 420px; position: relative; } @media only screen and (max-width: 710px) { .about-popap { padding: 0 25px; } } .about-popap__close { position: absolute; right: 85px; top: -70px; cursor: pointer; } @media only screen and (max-width: 710px) { .about-popap__close { display: none; } } .popap-review { position: relative; padding: 30px 40px 0; background: #ffffff; -webkit-border-radius: 40px; border-radius: 40px; height: 420px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; cursor: pointer; } .popap-review:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 2; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: none; } @media only screen and (max-width: 710px) { .popap-review { padding: 30px 20px 0; height: 375px !important; } } .popap-review::after { content: ""; width: 100%; height: 74px; position: absolute; top: calc(420px - 74px); background: -webkit-gradient(linear, left bottom, left top, color-stop(1.86%, #ffffff), color-stop(97.44%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, #ffffff 1.86%, rgba(255, 255, 255, 0) 97.44%); background: -o-linear-gradient(bottom, #ffffff 1.86%, rgba(255, 255, 255, 0) 97.44%); background: linear-gradient(0deg, #ffffff 1.86%, rgba(255, 255, 255, 0) 97.44%); -webkit-border-radius: 0 0 40px 40px; border-radius: 0 0 40px 40px; left: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } @media only screen and (max-width: 710px) { .popap-review::after { top: calc(375px - 74px); } } .popap-review.swiper-slide-active:before { opacity: 0; } .p-op-hide:after { opacity: 0; } .popap-review__top { margin-bottom: 22px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 710px) { .popap-review__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .popap-review__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popap-review__img { margin-right: 20px; width: 77px; height: 77px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .popap-review__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .popap-review__name { font-family: "SFProText-Medium"; font-size: 22px; line-height: 120%; } @media only screen and (max-width: 710px) { .popap-review__name { font-size: 16px; } } .popap-review__logo { position: absolute; right: 0; top: 0; width: 84px; } .popap-review__logo img { width: 100%; } .popap-review__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media only screen and (max-width: 710px) { .popap-review__rating { margin-top: 15px; } } .popap-review__date { font-family: "SFProText-Medium"; font-size: 16px; line-height: 120%; color: #838389; } .popap-review__text { overflow-y: scroll; overflow-x: hidden; padding-bottom: 22px; width: 100%; height: 100%; } .popap-review__text p { margin: 0; font-family: "SFProText-Regular"; font-size: 20px; line-height: 165%; } @media only screen and (max-width: 710px) { .popap-review__text p { font-size: 14px; line-height: 150%; letter-spacing: 0.01em; } } .popap-review__text::-webkit-scrollbar { width: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .popap-review__text::-webkit-scrollbar-track { background-color: #fff; display: none; } .popap-review__text::-webkit-scrollbar-thumb { background: #eeeff1; } .popap-review__text::-webkit-scrollbar-corner { display: none; } .popap-review__text::-webkit-scrollbar-button { display: none; } .popap-review__clinic { font-size: 20px; line-height: 120%; color: #adadad; font-family: "SFProText-Semibold"; margin-bottom: 12px; } @media only screen and (max-width: 767px) { .popap-review__clinic { font-size: 16px; } } .about-popap__btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #ffffff; width: 65px; height: 65px; 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; -webkit-border-radius: 100%; border-radius: 100%; z-index: 2; cursor: pointer; } @media only screen and (max-width: 710px) { .about-popap__btn { display: none; } } .about-popap__prev { right: calc(100% - 65px); } .about-popap__next { left: calc(100% - 65px); -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .about-popap__pagintion { position: absolute; top: calc(100% + 30px); z-index: 2; left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); font-family: "SFProText-Regular"; font-size: 26px; line-height: 120%; color: #ffffff; } @media only screen and (max-width: 710px) { .about-popap__pagintion { display: none; } } .i-video { margin: 0 auto; position: relative; max-width: 1120px; width: 100%; min-height: 630px; overflow: hidden; -webkit-border-radius: 40px; border-radius: 40px; } @media only screen and (max-width: 1160px) { .i-video { margin: 0 20px; width: calc(100% - 40px); min-height: 374px; } } @media only screen and (max-width: 767px) { .i-video { min-height: 472px; margin: 0 16px; width: calc(100% - 32px); } } .i-video__container { position: absolute; left: 50%; top: 0; height: 100%; 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-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } .i-video__video { width: 100%; height: auto; } @media only screen and (max-width: 767px) { .i-video__video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .i-video__sound { position: absolute; right: 34px; top: 34px; background: rgba(255, 255, 255, 0.6); width: 60px; height: 60px; 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; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0; cursor: pointer; } @media only screen and (max-width: 767px) { .i-video__sound { width: 36px; top: 20px; right: 20px; height: 36px; } } .i-video__sound--on #sound { display: none; } .i-video__title { margin: 0; font-family: "ObjectSans"; font-weight: 800; font-size: 74px; line-height: 100%; } @media only screen and (max-width: 767px) { .i-video__title { font-size: 36px; line-height: 110%; } } .i-video__desc { margin: 20px 0 0 0; max-width: 515px; font-family: "SFProText-Medium"; font-size: 24px; line-height: 120%; } @media only screen and (max-width: 767px) { .i-video__desc { margin-top: 15px; font-size: 16px; max-width: 280px; } } .i-info { margin-top: -70px; padding: 60px; min-height: 427px; position: relative; -webkit-box-shadow: 0px 4px 120px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 120px rgba(0, 0, 0, 0.08); background: -webkit-gradient(linear, left top, right top, from(rgba(253, 251, 251, 0)), to(rgba(248, 248, 248, 0.5))); background: -webkit-linear-gradient(left, rgba(253, 251, 251, 0) 0%, rgba(248, 248, 248, 0.5) 100%); background: -o-linear-gradient(left, rgba(253, 251, 251, 0) 0%, rgba(248, 248, 248, 0.5) 100%); background: linear-gradient(90deg, rgba(253, 251, 251, 0) 0%, rgba(248, 248, 248, 0.5) 100%); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); -webkit-border-radius: 40px; border-radius: 40px; display: grid; grid-template-columns: 45% 55%; grid-template-rows: -webkit-min-content -webkit-min-content -webkit-min-content; grid-template-rows: min-content min-content min-content; } @media only screen and (max-width: 767px) { .i-info { display: block; margin-top: -50px; padding: 30px 20px 20px; min-height: auto; } } .i-info__title { margin: 0; margin-bottom: 20px; font-family: "ObjectSans"; font-weight: 800; font-size: 46px; color: #22744f; position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .i-info__title { margin-bottom: 15px; font-size: 36px; line-height: 120%; } } .i-info__desc { margin: 0; margin-bottom: 50px; max-width: 353px; grid-row: 2; font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.01em; position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .i-info__desc { max-width: 100%; margin-bottom: 40px; font-size: 16px; } } .i-info__img { max-width: 586px; margin-top: -50px; margin-bottom: -80px; -ms-flex-item-align: center; align-self: center; grid-row-start: 1; grid-row-end: 4; } .i-info__img img { width: 100%; height: auto; } @media only screen and (max-width: 767px) { .i-info__img { width: 100%; max-width: 400px; margin: 0; } .i-info__img img { width: 100%; height: auto; } } .i-info__btn { width: 185px; height: 45px; 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; background: #db3170; -webkit-border-radius: 50px; border-radius: 50px; font-family: "SFProText-Regular"; font-weight: 800; font-size: 16px; line-height: 120%; color: #ffffff; cursor: pointer; position: relative; z-index: 2; grid-row: 3; } @media only screen and (max-width: 767px) { .i-info__btn { width: 100%; max-width: 400px; } } .i-offer { max-width: 1280px; margin: 0 auto; padding: 0 80px; margin-top: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; min-height: 250px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } @media only screen and (max-width: 1160px) { .i-offer { padding: 0 20px; } } @media only screen and (max-width: 767px) { .i-offer { margin-top: 80px; min-height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .i-offer__left { margin-right: 60px; -ms-flex-negative: 0; flex-shrink: 0; width: 260px; position: relative; } @media only screen and (max-width: 767px) { .i-offer__left { margin-right: 0; margin-bottom: 30px; width: 100%; } } .i-offer__left::after { content: ""; width: 2px; height: 100%; background: #eeeff1; position: absolute; right: -60px; top: 0; } @media only screen and (max-width: 767px) { .i-offer__left::after { display: none; } } .i-offer__title { margin: 0; font-family: "ObjectSans"; font-weight: 800; font-size: 56px; line-height: 120%; } @media only screen and (max-width: 767px) { .i-offer__title { margin-bottom: 10px; font-size: 36px; line-height: 120%; } } .i-offer__desc { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.01em; } @media only screen and (max-width: 767px) { .i-offer__desc { max-width: 450px; font-size: 16px; } } .i-offer__right { position: absolute; padding-top: 22px; padding-left: 60px; overflow: hidden; width: 100%; left: 400px; top: 0; } @media only screen and (max-width: 767px) { .i-offer__right { position: static; padding: 0; } } .i-offer__slider { overflow: visible !important; margin-left: 0 !important; width: calc(100% - 480px); } @media only screen and (max-width: 1160px) { .i-offer__slider { width: calc(100% - 440px); } } @media only screen and (max-width: 767px) { .i-offer__slider { width: 100%; } } .i-offer__slide { max-width: 260px; width: 260px; position: relative; cursor: pointer; } @media only screen and (max-width: 767px) { .i-offer__slide { max-width: 235px; } } .i-offer__slide-circle { width: 143px; height: 141px; background: #fff3f8; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: -34px; top: -18px; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .i-offer__time { margin-bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media only screen and (max-width: 767px) { .i-offer__time { margin-bottom: 10px; } } .i-offer__time-icon { margin-right: 8px; } .i-offer__time-icon svg { -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s; } .i-offer__time-text { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; color: #838389; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .i-offer__slide-desc { font-family: "SFProDisplay-Bold"; font-size: 22px; line-height: 100%; color: #1f1f29; margin-bottom: 23px; position: relative; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; -webkit-line-clamp: 3; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } @media only screen and (max-width: 767px) { .i-offer__slide-desc { font-size: 18px; line-height: 120%; margin-bottom: 10px; } } .i-offer__slide-parcent { font-family: "ObjectSans"; font-weight: 800; font-size: 54px; line-height: 120%; letter-spacing: 0.01em; color: #92bd55; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .i-slider-gradient { width: 130px; height: 100%; position: absolute; right: -1px; top: 0; background: -webkit-gradient(linear, right top, left top, color-stop(42.28%, rgba(255, 255, 255, 0.83)), color-stop(87.71%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.83) 42.28%, rgba(255, 255, 255, 0) 87.71%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0.83) 42.28%, rgba(255, 255, 255, 0) 87.71%); background: linear-gradient(-90deg, rgba(255, 255, 255, 0.83) 42.28%, rgba(255, 255, 255, 0) 87.71%); z-index: 1; pointer-events: none; } .i-offer__slide:hover .i-offer__slide-circle { opacity: 1; } .i-offer__slide:hover .i-offer__time-icon svg { stroke: #db3170; } .i-offer__slide:hover .i-offer__slide-parcent, .i-offer__slide:hover .i-offer__slide-desc, .i-offer__slide:hover .i-offer__time-text { color: #db3170; } .i-slider-btn { width: 65px; height: 65px; -webkit-border-radius: 100%; border-radius: 100%; background: #eeeff1; 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; position: absolute; cursor: pointer; } @media only screen and (max-width: 767px) { .i-slider-btn { display: none; } } .i-offer__btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: pointer; } .i-offer__next { right: 50px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .index-top { max-width: 1280px; padding: 0 20px; margin: 7px auto 90px auto; display: grid; grid-template-columns: 50% 48.4%; grid-template-rows: 1fr 1fr; gap: 12px 20px; } @media only screen and (max-width: 1160px) { .index-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; margin-bottom: 64px; } } @media only screen and (max-width: 767px) { .index-top { padding: 0 16px; } } .index-top .index-top__main-img { grid-row-start: 1; grid-row-end: 3; display: -webkit-box; display: -ms-flexbox; display: flex; } .index-top .index-top__main-img img { -webkit-border-radius: 40px; border-radius: 40px; max-width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 1160px) { .index-top .index-top__main-img img { height: 322px; width: 100%; } } @media only screen and (max-width: 767px) { .index-top .index-top__main-img img { height: auto; width: auto; max-width: 100%; -webkit-border-radius: 20px; border-radius: 20px; } } .index-top .index-top__about-link { -webkit-border-radius: 40px; border-radius: 40px; background-color: #ffe5ef; padding: 30px; position: relative; 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: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1160px) { .index-top .index-top__about-link { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } @media only screen and (max-width: 767px) { .index-top .index-top__about-link { padding: 24px; -webkit-border-radius: 20px; border-radius: 20px; } } .index-top .index-top__about-link img { position: absolute; top: 30px; right: 30px; } @media only screen and (max-width: 767px) { .index-top .index-top__about-link img { top: 24px; right: 24px; } } .index-top .index-top__about-link .index-top__about-link-title { color: #b53162; font-size: 56px; line-height: 100%; letter-spacing: -0.02em; font-family: "SFProDisplay-Semibold"; margin: 0; } @media only screen and (max-width: 767px) { .index-top .index-top__about-link .index-top__about-link-title { font-size: 46px; line-height: 110%; max-width: 230px; } .index-top .index-top__about-link .index-top__about-link-title br { display: none; } } .index-top .index-top__about-link .index-top__about-link-subs { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 1160px) { .index-top .index-top__about-link .index-top__about-link-subs { margin-top: 103px; } } @media only screen and (max-width: 767px) { .index-top .index-top__about-link .index-top__about-link-subs { margin-top: 37px; } } .index-top .index-top__about-link .index-top__about-link-subs span { padding: 4px 14px; color: #d37f9e; border: 1px solid #d37f9e; -webkit-border-radius: 24px; border-radius: 24px; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; } .index-top .index-top__docs-clinics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } @media only screen and (max-width: 1160px) { .index-top .index-top__docs-clinics { display: grid; grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 767px) { .index-top .index-top__docs-clinics { grid-template-columns: 1fr; } } .index-top .index-top__docs-clinics .index-top__docs { padding: 28px; -webkit-border-radius: 40px; border-radius: 40px; background-color: #fff3f8; } @media only screen and (max-width: 767px) { .index-top .index-top__docs-clinics .index-top__docs { 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: 24px; } } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr ; width: 236px; } @media only screen and (max-width: 767px) { .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; width: 279px; } } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img { -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #fff3f8; width: 84px; height: 84px; } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(2), .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(3), .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(5) { margin-left: -8px; } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(4), .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(5) { margin-top: -20px; } @media only screen and (max-width: 767px) { .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img { -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 50%; border-radius: 50%; border: 3px solid #fff3f8; width: 68px; height: 68px; } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(5) { display: none; } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(2), .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(3), .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(4), .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-img:nth-child(5) { margin-top: 0; margin-left: -12px; } } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-link { width: 84px; height: 84px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d37f9e; border: 3px solid #fff3f8; margin-left: -8px; margin-top: -20px; 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; font-size: 14px; line-height: 120%; letter-spacing: -0.02em; color: #fff3f8; gap: 3px; } @media only screen and (max-width: 767px) { .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-photo .index-top__docs-link { width: 68px; height: 68px; margin-top: 0; margin-left: -12px; } } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2px; color: #b53162; margin-top: 50px; } @media only screen and (max-width: 767px) { .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-desc { margin-top: 0; margin-bottom: 20px; } } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-desc span:first-child { font-size: 56px; line-height: 86%; letter-spacing: -0.04em; font-family: "SFProDisplay-Semibold"; } .index-top .index-top__docs-clinics .index-top__docs .index-top__docs-desc span:last-child { font-family: "SFProText-Medium"; font-size: 14px; line-height: 120%; letter-spacing: -0.04em; margin-left: 10px; } .index-top .index-top__docs-clinics .index-top__clinics { display: grid; gap: 12px; } .index-top .index-top__docs-clinics .index-top__clinics .index-top__clinics-mo { -webkit-border-radius: 30px; border-radius: 30px; background-color: #fff3f8; padding: 20px 30px; } .index-top .index-top__docs-clinics .index-top__clinics .index-top__clinics-mo .index-top__clinics-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-size: 14px; line-height: 120%; letter-spacing: -0.02em; color: #d37f9e; font-family: "SFProText-Medium"; } .index-top .index-top__docs-clinics .index-top__clinics .index-top__clinics-mo .index-top__clinics-count { margin-top: 9px; font-family: "SFProDisplay-Semibold"; font-size: 40px; line-height: 120%; letter-spacing: -0.04em; color: #b53162; } .index-top .index-top__docs-clinics .index-top__clinics .index-top__clinics-link img { -webkit-border-radius: 30px; border-radius: 30px; max-width: 100%; height: auto; } @media only screen and (max-width: 1160px) { .index-top .index-top__docs-clinics .index-top__clinics .index-top__clinics-link img { width: 100%; height: 195px; -o-object-fit: cover; object-fit: cover; } } @media only screen and (max-width: 767px) { .index-top .index-top__docs-clinics .index-top__clinics .index-top__clinics-link img { width: 100%; height: auto; } } .index-specs { max-width: 1280px; padding: 0 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767px) { .index-specs { display: block; padding: 0 16px; } } .index-specs .index-specs__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 60px; } @media only screen and (max-width: 1160px) { .index-specs .index-specs__left { margin: 0 44px 0 0; } } @media only screen and (max-width: 767px) { .index-specs .index-specs__left { margin: 0; display: block; } } .index-specs .index-specs__left .index-specs__count { font-size: 150px; font-family: "ObjectSans"; line-height: 100%; } @media only screen and (max-width: 1160px) { .index-specs .index-specs__left .index-specs__count { font-size: 106px; } } @media only screen and (max-width: 767px) { .index-specs .index-specs__left .index-specs__count { font-size: 32px; line-height: 110%; } } .index-specs .index-specs__left .index-specs__count-text { font-size: 26px; line-height: 110%; font-family: "ObjectSans"; } @media only screen and (max-width: 1160px) { .index-specs .index-specs__left .index-specs__count-text { font-size: 17px; } } @media only screen and (max-width: 767px) { .index-specs .index-specs__left .index-specs__count-text { font-size: 32px; line-height: 110%; } } @media only screen and (max-width: 767px) { .index-specs .index-specs__right { margin-top: 24px; } } .index-specs .index-specs__right .index-specs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; } @media only screen and (max-width: 1160px) { .index-specs .index-specs__right .index-specs__list { gap: 8px; } } .index-specs .index-specs__right .index-specs__list .index-specs__item { padding: 7.5px 28px 7.5px 12px; -webkit-border-radius: 90px; border-radius: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f8f9fa; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; font-family: "SFProDisplay-Semibold"; color: #000; } .index-specs .index-specs__right .index-specs__list .index-specs__item:hover { background-color: #e8eaee; } @media only screen and (max-width: 1160px) { .index-specs .index-specs__right .index-specs__list .index-specs__item { padding: 4px 20px 4px 8px; font-size: 12px; } .index-specs .index-specs__right .index-specs__list .index-specs__item:nth-child(n + 7) { display: none; } .index-specs .index-specs__right .index-specs__list .index-specs__item img { width: 36px; height: 36px; } } .index-specs .index-specs__right .index-spesc__all-link { font-size: 20px; line-height: 120%; color: #000; font-family: "SFProDisplay-Semibold"; padding: 20px 30px; margin-top: 15px; display: inline-block; -webkit-border-radius: 90px; border-radius: 90px; border: 1px solid #e8eaee; } @media only screen and (max-width: 1160px) { .index-specs .index-specs__right .index-spesc__all-link { margin-top: 8px; padding: 14px 42px; font-size: 14px; } } .i-rooms { margin: 100px auto 0 auto; padding: 0 80px; overflow: hidden; position: relative; max-width: 1280px; } @media only screen and (max-width: 1160px) { .i-rooms { margin-top: 64px; padding: 0 20px; } } @media only screen and (max-width: 767px) { .i-rooms { padding: 0 16px; } } .i-rooms__top { max-width: 1120px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .i-rooms__title { margin: 0; max-width: 860px; font-family: "ObjectSans"; font-weight: 800; font-size: 46px; line-height: 120%; } @media only screen and (max-width: 1160px) { .i-rooms__title { font-size: 32px; max-width: 500px; } } @media only screen and (max-width: 767px) { .i-rooms__title { max-width: 320px; } } .i-rooms__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "SFProText-Semibold"; font-size: 18px; line-height: 120%; color: #000; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .i-rooms__link svg path { -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .i-rooms__link:hover { color: #db3170; } .i-rooms__link:hover svg path { fill: #db3170; } @media only screen and (max-width: 767px) { .i-rooms__link { display: none; } } .i-rooms__slide { max-width: 443px; position: relative; cursor: pointer; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } @media only screen and (max-width: 1160px) { .i-rooms__slide { max-width: 295px; } } .i-room__img { margin-bottom: 20px; width: 100%; height: 474px; -webkit-border-radius: 40px; border-radius: 40px; overflow: hidden; } @media only screen and (max-width: 1160px) { .i-room__img { height: 316px; margin-bottom: 12px; -webkit-border-radius: 25px; border-radius: 25px; } } .i-room__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .i-room__name { margin: 0; font-family: "SFProDisplay-Semibold"; font-size: 24px; line-height: 145%; } @media only screen and (max-width: 1160px) { .i-room__name { font-size: 16px; line-height: 120%; } } .i-room__desc { font-family: "SFProText-Semibold"; margin-top: 8px; font-size: 15px; line-height: 120%; color: #7e7e90; display: inline-block; } @media only screen and (max-width: 1160px) { .i-room__desc { display: none; } } .i-room__rating { position: absolute; right: 0; top: -20px; width: 105px; height: 105px; background: #F5F6F1; -webkit-border-radius: 100%; border-radius: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #22744F; -webkit-transition: color 0.4s, background 0.4s; -o-transition: color 0.4s, background 0.4s; transition: color 0.4s, background 0.4s; } @media only screen and (max-width: 767px) { .i-room__rating { width: 71px; height: 71px; top: -10px; } } .i-room__rating-text { font-family: "SFProText-Medium"; font-size: 16px; line-height: 120%; } @media only screen and (max-width: 767px) { .i-room__rating-text { font-size: 12px; line-height: 150%; letter-spacing: 0.01em; } } .i-room__rating-num { font-family: "ObjectSans"; font-weight: 800; font-size: 36px; line-height: 120%; } @media only screen and (max-width: 767px) { .i-room__rating-num { font-size: 22px; } } .i-rooms__slider { overflow: visible !important; margin-top: 48px; } @media only screen and (max-width: 1160px) { .i-rooms__slider { margin-top: 32px; } } @media only screen and (max-width: 767px) { .i-rooms__slider { margin-top: 24px; } } .i-slider-btn { z-index: 2; top: 60%; } .i-rooms__next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); right: 50px; top: 50%; } @media only screen and (max-width: 1160px) { .i-rooms__next { right: 1%; width: 31px; height: 31px; top: 55%; } .i-rooms__next img { width: 15px; height: 15px; } } .i-rooms__prev { top: 50%; } @media only screen and (max-width: 1160px) { .i-rooms__prev { width: 31px; height: 31px; top: 55%; } .i-rooms__prev img { width: 15px; height: 15px; } } .i-rooms__slide:hover { color: #B53162; } .i-rooms__slide:hover .i-room__rating { color: #B53162; background: #FFE5EF; } .i-slider-gradient { width: 130px; height: 100%; position: absolute; right: -1px; top: 0; background: -webkit-gradient(linear, right top, left top, color-stop(42.28%, rgba(255, 255, 255, 0.83)), color-stop(87.71%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.83) 42.28%, rgba(255, 255, 255, 0) 87.71%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0.83) 42.28%, rgba(255, 255, 255, 0) 87.71%); background: linear-gradient(-90deg, rgba(255, 255, 255, 0.83) 42.28%, rgba(255, 255, 255, 0) 87.71%); z-index: 1; pointer-events: none; } .i-rooms__link--bottom { display: none; } @media only screen and (max-width: 767px) { .i-rooms__link--bottom { display: block; margin: 24px auto 0 auto; padding: 16px; -webkit-border-radius: 200px; border-radius: 200px; background-color: #e8eaee; text-align: center; font-family: "SFProText-Heavy"; font-size: 16px; line-height: 120%; color: #000; position: relative; z-index: 1; } } .i-bot { padding: 90px 100px 60px; margin-top: 140px; background: #EEEFF1; -webkit-border-radius: 60px; border-radius: 60px; position: relative; } @media only screen and (max-width: 1160px) { .i-bot { padding: 40px 50px 30px; } } @media only screen and (max-width: 767px) { .i-bot { margin-top: 80px; padding: 30px 20px 24px; -webkit-border-radius: 20px; border-radius: 20px; } } .i-bot__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 900px) { .i-bot__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .i-bot__top-left, .i-bot__top-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 900px) { .i-bot__top-left, .i-bot__top-right { position: relative; } } .i-bot__title { margin-bottom: 30px; max-width: 576px; width: 100%; font-family: "ObjectSans"; font-weight: 800; font-size: 46px; line-height: 120%; color: #22744F; } @media only screen and (max-width: 767px) { .i-bot__title { margin-bottom: 20px; font-size: 26px; } } .i-bot__desc { margin-bottom: 60px; max-width: 454px; width: 100%; font-weight: 800; font-size: 26px; line-height: 120%; color: #22744F; opacity: 0.7; } @media only screen and (max-width: 767px) { .i-bot__desc { margin-bottom: 47px; font-size: 18px; } } .i-bot__bot { -ms-flex-item-align: end; align-self: flex-end; width: 240px; height: 63px; padding: 0 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FFFFFF; -webkit-box-shadow: 0px 35.6472px 74.2651px rgba(0, 0, 0, 0.07); box-shadow: 0px 35.6472px 74.2651px rgba(0, 0, 0, 0.07); -webkit-border-radius: 29.706px; border-radius: 29.706px; position: relative; cursor: pointer; } @media only screen and (max-width: 900px) { .i-bot__bot { -ms-flex-item-align: start; align-self: flex-start; } } @media only screen and (max-width: 767px) { .i-bot__bot { width: 162px; height: 35px; padding: 0 12px; } } .i-bot__bot-text { color: #22744F; font-family: "SFProDisplay-Medium"; font-size: 24px; line-height: 140%; letter-spacing: 0.02em; } @media only screen and (max-width: 767px) { .i-bot__bot-text { font-size: 14px; } } .i-bot__bot-img { position: absolute; right: -10%; width: 74px; height: 74px; -webkit-border-radius: 100px; border-radius: 100px; overflow: hidden; border: 1.5px solid #B53162; } @media only screen and (max-width: 767px) { .i-bot__bot-img { width: 53px; height: 53px; right: 0; } } .i-bot__bot-img img { width: 100%; height: 100%; } .i-bot__line { position: absolute; top: 150px; right: 150px; } @media only screen and (max-width: 900px) { .i-bot__line { right: auto; left: 300px; top: -70px; } } @media only screen and (max-width: 767px) { .i-bot__line { left: 153px; top: -61px; } } .i-bot__chat { margin-bottom: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 900px) { .i-bot__chat { margin-top: 65px; } } @media only screen and (max-width: 767px) { .i-bot__chat { margin-bottom: 60px; } } .i-bot__chat-client { padding: 25px 35px; -ms-flex-item-align: end; align-self: flex-end; max-width: 450px; background: -webkit-radial-gradient(53.29% 49.35%, 84.22% 1449.2%, #0C8951 53.69%, #22744F 100%); background: -o-radial-gradient(53.29% 49.35%, 84.22% 1449.2%, #0C8951 53.69%, #22744F 100%); background: radial-gradient(84.22% 1449.2% at 53.29% 49.35%, #0C8951 53.69%, #22744F 100%); -webkit-border-radius: 20px 20px 0px 20px; border-radius: 20px 20px 0px 20px; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } @media only screen and (max-width: 767px) { .i-bot__chat-client { padding: 10px 15px; max-width: 246px; -webkit-border-radius: 10px 10px 0px 10px; border-radius: 10px 10px 0px 10px; } } .i-bot__chat-client-text { font-family: "SFProText-Medium"; font-size: 21px; line-height: 140%; color: #FFFFFF; } @media only screen and (max-width: 767px) { .i-bot__chat-client-text { font-size: 12px; } } .i-bot__chat-bot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .i-bot__chat-bot-img { margin-right: 5px; width: 60px; height: 60px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } @media only screen and (max-width: 767px) { .i-bot__chat-bot-img { width: 26px; height: 26px; } } .i-bot__chat-bot-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .i-bot__chat-bot-text { padding: 25px 35px; max-width: 566px; width: 100%; background: #FFFFFF; -webkit-border-radius: 20px 20px 20px 0px; border-radius: 20px 20px 20px 0px; -webkit-transform: rotate(-2deg) translateY(-10px); -ms-transform: rotate(-2deg) translateY(-10px); transform: rotate(-2deg) translateY(-10px); } @media only screen and (max-width: 767px) { .i-bot__chat-bot-text { padding: 10px 15px; max-width: 270px; -webkit-border-radius: 10px 10px 10px 0px ; border-radius: 10px 10px 10px 0px ; -webkit-transform: rotate(-2deg) translateY(-5px); -ms-transform: rotate(-2deg) translateY(-5px); transform: rotate(-2deg) translateY(-5px); } } .i-bot__chat-bot-text span { font-family: "SFProText-Medium"; font-size: 21px; line-height: 140%; } @media only screen and (max-width: 767px) { .i-bot__chat-bot-text span { font-size: 12px; } } .i-bot__telega { 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; } @media only screen and (max-width: 767px) { .i-bot__telega { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; } } .i-bot__telega-text { font-family: "ObjectSans"; font-weight: 800; font-size: 46px; line-height: 120%; color: #22744F; opacity: 0.6; } @media only screen and (max-width: 767px) { .i-bot__telega-text { margin-bottom: 16px; font-size: 26px; } } .i-bot__telega-line { -webkit-transform: translate(-36px, -16px); -ms-transform: translate(-36px, -16px); transform: translate(-36px, -16px); } @media only screen and (max-width: 767px) { .i-bot__telega-line { position: absolute; bottom: -27px; right: 22px; } } @media only screen and (max-width: 767px) { .i-bot__telega-link { -ms-flex-item-align: end; align-self: flex-end; width: 46px; height: 46px; } .i-bot__telega-link img { width: 100%; height: 100%; } } .i-reviews { max-width: 1280px; padding: 0 80px; padding-bottom: 100px; margin: 0 auto; margin-top: 100px; position: relative; overflow: hidden; } @media only screen and (max-width: 1160px) { .i-reviews { margin-top: 64px; padding: 0 20px 64px 20px; } } @media only screen and (max-width: 767px) { .i-reviews { padding-right: 16px; padding-left: 16px; } } .i-reviews + footer { margin-top: 0 !important; } .i-reviews__title { margin: 0; margin-bottom: 36px; font-family: "ObjectSans"; font-weight: 800; font-size: 46px; line-height: 110%; } @media only screen and (max-width: 1160px) { .i-reviews__title { font-size: 32px; line-height: 120%; margin-bottom: 24px; } } .i-reviews__slider { margin-top: 36px; } @media only screen and (max-width: 1160px) { .i-reviews__slider { margin-top: 24px; } } .i-reviews__slider .swiper-slide { height: auto; } .i-reviews__slide { padding: 32px; position: relative; background: #f8f9fa; -webkit-border-radius: 32px; border-radius: 32px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 1160px) { .i-reviews__slide { padding: 32px 24px; } } .i-review__top { margin-bottom: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-review__date { font-family: "SFProText-Medium"; font-size: 16px; line-height: 120%; letter-spacing: -0.02em; color: #a9afb5; } .i-review__logo { margin-top: 34px; width: auto; } .i-review__logo img { width: auto; height: 14px; } .i-review__img { width: 74px; height: 74px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; overflow: hidden; } .i-review__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .i-review__name { margin-bottom: 4px; font-family: "SFProDisplay-Semibold"; font-size: 20px; line-height: 120%; letter-spacing: 0.01em; } .i-review__text { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.02em; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; margin-top: 8px; } .i-review__clinic { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 120%; margin-bottom: 9px; letter-spacing: -0.02em; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; color: #000; } .i-review__clinic svg path { -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .i-review__clinic:hover { color: #db3170; } .i-review__clinic:hover svg path { fill: #db3170; } .i-review__more, .i-review__open { font-family: "SFProText-Medium"; font-size: 16px; line-height: 120%; color: #7e7e90; letter-spacing: -0.02em; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; margin-top: 8px; } .i-review__open { margin-top: auto; padding-top: 8px; } .i-slider-btn.i-reviews__next, .i-slider-btn.i-reviews__prev { top: 39%; } .i-reviews__btn, .i-slider-btn.i-reviews__next { top: 39%; right: 50px; } .i-reviews__next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .i-review__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; } .swiper-pagination.i-reviews__pagination { position: static; z-index: 1; } .i-reviews__btns { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-reviews__prev, .i-reviews__next { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e8eaee; 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; cursor: pointer; } .i-reviews__controls { 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; gap: 20px; margin-top: 24px; } @media only screen and (max-width: 767px) { .i-reviews__controls { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .i-reviews__pagination-wrap { font-size: 20px; line-height: 120%; letter-spacing: -0.01em; font-family: "SFProDisplay-Semibold"; color: #7e7e90; } .i-review__services { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; } @media only screen and (max-width: 1160px) { .i-review__services { overflow: auto; width: calc(100% + 20px); } } .i-revies__dot { font-size: 18px; line-height: 105%; font-family: "SFProText-Heavy"; color: #e8eaee; letter-spacing: -0.02em; } .i-revies__service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font-family: "SFProText-Heavy"; font-size: 18px; line-height: 105%; letter-spacing: -0.02em; padding: 10px 12px; } .i-revies__service:first-child { padding-left: 0; } .i-reviews__popup-close { padding: 0; margin: 0; border: none; background-color: transparent; cursor: pointer; } .i-reviews__popup-wrap { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.6); -ms-scroll-chaining: none; overscroll-behavior: contain; overflow: auto; display: none; } .i-reviews__popup-review .i-review__text { display: block; margin-top: 0; margin-bottom: 28px; max-height: 325px; overflow: auto; padding-right: 12px; } @media only screen and (max-width: 767px) { .i-reviews__popup-review .i-review__text { max-height: unset; } } .i-reviews__popup-review .i-review__text::-webkit-scrollbar { width: 6px; -webkit-border-radius: 50px; border-radius: 50px; } .i-reviews__popup-review .i-review__text::-webkit-scrollbar-button { display: none; } .i-reviews__popup-review .i-review__text::-webkit-scrollbar-thumb { background-color: #E8EAEE; -webkit-border-radius: 50px; border-radius: 50px; } .i-reviews__popup-review .i-review__open { display: none; } .i-reviews__popup-review .i-reviews__slide { min-height: 560px; padding: 32px 20px 32px 32px; } @media only screen and (max-width: 1160px) { .i-reviews__popup-review .i-reviews__slide { padding: 32px 12px 32px 24px; } } .i-reviews__popup-review .i-review__logo { margin-top: auto; } .i-reviews__popup-inner { max-width: 560px; margin: 50px auto 20px auto; padding: 0 20px; position: relative; height: calc(100% - 70px); display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .i-reviews__popup-inner { margin: 40px auto; padding: 0 16px; height: auto; } } .i-reviews__popup-close { position: absolute; top: 20px; right: 20px; z-index: 1; display: none; } .i-reviews__popup-wrap .i-reviews__popup-close { display: block; } .low-price { display: unset; } .low-price img { max-width: 100%; height: auto; } .low-price a { -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .low-price .low-price__top { margin: 0 auto; display: unset; } .low-price .low-price__top .low-price__banner { max-width: 1120px; background-color: #f4f4f7; -webkit-border-radius: 40px; border-radius: 40px; margin: 32px auto 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 950px) { .low-price .low-price__top .low-price__banner { margin-left: 40px; margin-right: 40px; } } @media only screen and (max-width: 767px) { .low-price .low-price__top .low-price__banner { margin: 20px 16px 0 16px; -webkit-border-radius: 48px; border-radius: 48px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .low-price .low-price__top .low-price__banner .banner__left { max-width: 395px; padding: 60px 0; margin-left: 60px; } @media only screen and (max-width: 950px) { .low-price .low-price__top .low-price__banner .banner__left { padding: 40px 0; margin-left: 40px; } } @media only screen and (max-width: 767px) { .low-price .low-price__top .low-price__banner .banner__left { margin: 32px 0 0 0; padding: 0 32px; } } .low-price .low-price__top .low-price__banner .banner__left .banner__title { font-size: 46px; font-family: "ObjectSans"; line-height: 110%; margin: 0; } @media only screen and (max-width: 950px) { .low-price .low-price__top .low-price__banner .banner__left .banner__title { font-size: 32px; } } .low-price .low-price__top .low-price__banner .banner__left .banner__text { font-size: 20px; line-height: 140%; letter-spacing: -0.4px; font-family: "SFProText-Regular"; color: #7e7e90; margin: 20px 0 0 0; } @media only screen and (max-width: 950px) { .low-price .low-price__top .low-price__banner .banner__left .banner__text { font-size: 16px; margin-top: 12px; } } .low-price .low-price__links { margin-top: 50px; padding: 30px 40px 15px 40px; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; background: white; } .low-price .low-price__links.mob { display: none; } @media only screen and (max-width: 950px) { .low-price .low-price__links { padding: 15px 0 0 40px; margin-top: 17px; } } @media only screen and (max-width: 767px) { .low-price .low-price__links { margin: 0; padding: 16px 0 0 16px; } .low-price .low-price__links.desc { display: none; } .low-price .low-price__links.mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .low-price .low-price__links .low-price__links-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 950px) { .low-price .low-price__links .low-price__links-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: scroll; padding-bottom: 15px; } .low-price .low-price__links .low-price__links-list::-webkit-scrollbar { display: none; } } @media only screen and (max-width: 767px) { .low-price .low-price__links .low-price__links-list { gap: 8px; } } .low-price .low-price__links .low-price__links-list .low-price__link { color: #a9afb5; font-size: 16px; font-family: "ObjectSans"; line-height: 120%; position: relative; } @media only screen and (max-width: 950px) { .low-price .low-price__links .low-price__links-list .low-price__link { white-space: nowrap; } } @media only screen and (max-width: 767px) { .low-price .low-price__links .low-price__links-list .low-price__link { padding: 8px 16px; -webkit-border-radius: 90px; border-radius: 90px; background-color: #e8eaee; font-size: 14px; font-family: "SFProText-Semibold"; color: black; } } .low-price .low-price__links .low-price__links-list .low-price__link.active { color: black; } .low-price .low-price__links .low-price__links-list .low-price__link.active::before { content: ""; width: 100%; height: 4px; background-color: #db3170; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; bottom: -12px; } @media only screen and (max-width: 767px) { .low-price .low-price__links .low-price__links-list .low-price__link.active::before { display: none; } } @media (hover: hover) { .low-price .low-price__links .low-price__links-list .low-price__link:hover { color: black; } } .low-price .low-price__inner { max-width: 870px; margin: 0 auto; } @media only screen and (max-width: 950px) { .low-price .low-price__inner { padding: 0 40px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner { padding: 0 16px; } } .low-price .low-price__inner .block-1 { margin-top: 60px; border-bottom: 1px solid #e8eaee; padding-bottom: 60px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-1 { margin-top: 40px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-1 { margin-top: 60px; } } .low-price .low-price__inner .block-1 .block-1__title { font-size: 36px; font-family: "ObjectSans"; line-height: 110%; margin: 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-1 .block-1__title { font-size: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-1 .block-1__title { font-size: 32px; } } .low-price .low-price__inner .block-1 .block-1__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-1 .block-1__content { gap: 30px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-1 .block-1__content { gap: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .low-price .low-price__inner .block-1 .block-1__content .block-1__left { max-width: 540px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-1 .block-1__content .block-1__left { max-width: 380px; } } .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__text { font-size: 20px; line-height: 140%; letter-spacing: -0.4px; font-family: "SFProText-Regular"; color: #7e7e90; margin: 32px 0 0 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__text { margin-top: 16px; font-size: 16px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__text { margin-top: 12px; } } .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__text a { -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; color: #7e7e90; border-bottom: 1px dashed; } .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__text a:hover { color: #db3170; } .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__link { display: inline-block; color: #db3170; font-size: 18px; font-family: "SFProText-Semibold"; line-height: 120%; letter-spacing: -0.36px; margin-top: 40px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__link { margin-top: 32px; font-size: 16px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-1 .block-1__content .block-1__left .block-1__link { margin-top: 24px; } } .low-price .low-price__inner .block-1 .block-1__content .block-1__right img { margin-top: 16px; } .low-price .low-price__inner .block-2 { margin-top: 100px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-2 { margin-top: 60px; border-bottom: 1px solid #e8eaee; padding-bottom: 60px; } } .low-price .low-price__inner .block-2 .block-2__title { font-size: 36px; font-family: "ObjectSans"; line-height: 110%; margin: 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-2 .block-2__title { font-size: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-2 .block-2__title { font-size: 32px; } } .low-price .low-price__inner .block-2 .block-2__text { font-size: 20px; line-height: 140%; letter-spacing: -0.4px; font-family: "SFProText-Regular"; color: #7e7e90; margin: 32px 0 0 0; max-width: 540px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-2 .block-2__text { margin-top: 16px; font-size: 16px; max-width: 400px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-2 .block-2__text { margin-top: 12px; } } .low-price .low-price__inner .block-2 .block-2__checkups { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-2 .block-2__checkups { grid-template-columns: 1fr; } } .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup { padding: 24px; position: relative; color: green; font-size: 20px; font-family: "SFProDisplay-Bold"; line-height: 120%; -webkit-border-radius: 20px; border-radius: 20px; background-color: #f5f6f1; 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: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup { padding: 24px 20px; font-family: "SFProText-Semibold"; font-size: 18px; } } .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup.big { grid-row: span 2; font-size: 24px; padding-top: 20px; padding-bottom: 20px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup.big { padding: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup.big { grid-row: span 1; } } .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup .block-2__ages { font-size: 16px; font-family: "SFProText-Medium"; letter-spacing: -0.32px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup .block-2__ages { margin-top: 20px; } } .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup .block-2__ages span { padding: 8px 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #ecede5; line-height: 120%; } .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup svg { position: absolute; top: 24px; right: 24px; } .low-price .low-price__inner .block-2 .block-2__checkups .block-2__checkup .block-2__checkup-title { padding-right: 35px; } .low-price .low-price__inner .block-3 { margin-top: 100px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-3 { margin-top: 60px; border-bottom: 1px solid #e8eaee; padding-bottom: 60px; } } .low-price .low-price__inner .block-3 .block-3__title { font-size: 36px; font-family: "ObjectSans"; line-height: 110%; margin: 0; max-width: 457px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-3 .block-3__title { font-size: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-3 .block-3__title { font-size: 32px; } } .low-price .low-price__inner .block-3 .block-3__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-3 .block-3__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } } .low-price .low-price__inner .block-3 .block-3__content .block-3__left { max-width: 540px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-3 .block-3__content .block-3__left { max-width: 400px; } } .low-price .low-price__inner .block-3 .block-3__content .block-3__left .block-3__text { font-size: 20px; line-height: 140%; letter-spacing: -0.4px; font-family: "SFProText-Regular"; color: #7e7e90; margin: 32px 0 0 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-3 .block-3__content .block-3__left .block-3__text { margin-top: 16px; font-size: 16px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-3 .block-3__content .block-3__left .block-3__text { margin-top: 12px; } } .low-price .low-price__inner .block-3 .block-3__content .block-3__left .block-3__link { display: inline-block; color: #db3170; font-size: 18px; font-family: "SFProText-Semibold"; line-height: 120%; letter-spacing: -0.36px; margin-top: 40px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-3 .block-3__content .block-3__left .block-3__link { margin-top: 32px; font-size: 16px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-3 .block-3__content .block-3__left .block-3__link { margin-top: 24px; } } .low-price .low-price__inner .block-4 { margin-top: 100px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-4 { margin-top: 60px; border-bottom: 1px solid #e8eaee; padding-bottom: 60px; } } .low-price .low-price__inner .block-4 .block-4__title { font-size: 36px; font-family: "ObjectSans"; line-height: 110%; margin: 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-4 .block-4__title { font-size: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-4 .block-4__title { font-size: 32px; } } .low-price .low-price__inner .block-4 .block-4__text { font-size: 20px; line-height: 140%; letter-spacing: -0.4px; font-family: "SFProText-Regular"; color: #7e7e90; margin: 32px 0 0 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-4 .block-4__text { margin-top: 16px; font-size: 16px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-4 .block-4__text { margin-top: 12px; } } .low-price .low-price__inner .block-4 .block-4__link { display: inline-block; color: #db3170; font-size: 18px; font-family: "SFProText-Semibold"; line-height: 120%; letter-spacing: -0.36px; margin-top: 40px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-4 .block-4__link { margin-top: 32px; font-size: 16px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-4 .block-4__link { margin-top: 24px; } } .low-price .low-price__inner .block-4 .block-4__banner { -webkit-border-radius: 20px; border-radius: 20px; margin-top: 32px; border: 1px solid #e8eaee; padding: 32px 24px; } .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font-size: 32px; line-height: 120%; letter-spacing: -0.32px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-title { font-size: 20px; gap: 10px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-title svg { -ms-flex-negative: 0; flex-shrink: 0; } } .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content { gap: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .delimeter { width: 1px; background-color: #e8eaee; } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .delimeter { width: 100%; height: 1px; } } .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .block-4__banner-left, .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .block-4__banner-right { padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; font-size: 20px; line-height: 140%; letter-spacing: -0.4px; font-family: "SFProText-Regular"; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .block-4__banner-left, .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .block-4__banner-right { font-size: 16px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .block-4__banner-left, .low-price .low-price__inner .block-4 .block-4__banner .block-4__banner-content .block-4__banner-right { padding: 0; } } .low-price .low-price__inner .block-5 { margin-top: 100px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-5 { margin-top: 60px; } } .low-price .low-price__inner .block-5 .block-5__title { font-size: 36px; font-family: "ObjectSans"; line-height: 110%; margin: 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-5 .block-5__title { font-size: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-5 .block-5__title { font-size: 32px; } } .low-price .low-price__inner .block-5 .block-5__content { margin-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-5 .block-5__content { grid-template-columns: 1fr; } } .low-price .low-price__inner .block-5 .block-5__content .block-5__left, .low-price .low-price__inner .block-5 .block-5__content .block-5__right { padding: 28px; -webkit-border-radius: 40px; border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; position: relative; min-height: 425px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-5 .block-5__content .block-5__left, .low-price .low-price__inner .block-5 .block-5__content .block-5__right { -webkit-border-radius: 20px; border-radius: 20px; } } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-5 .block-5__content .block-5__left, .low-price .low-price__inner .block-5 .block-5__content .block-5__right { min-height: 368px; } } .low-price .low-price__inner .block-5 .block-5__content .block-5__left .icon, .low-price .low-price__inner .block-5 .block-5__content .block-5__right .icon { position: absolute; top: 0; right: 0; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-5 .block-5__content .block-5__left .icon, .low-price .low-price__inner .block-5 .block-5__content .block-5__right .icon { width: 85px; height: 85px; top: 8px; right: 8px; } } .low-price .low-price__inner .block-5 .block-5__content .block-5__left { background-color: #fff3f8; } .low-price .low-price__inner .block-5 .block-5__content .block-5__left .block-5__left-title { font-size: 26px; font-family: "ObjectSans"; color: #b53162; line-height: 110%; padding-right: 75px; max-width: 320px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-5 .block-5__content .block-5__left .block-5__left-title { font-size: 20px; max-width: 250px; } } .low-price .low-price__inner .block-5 .block-5__content .block-5__left .block-5__left-text { font-size: 16px; font-family: "SFProText-Regular"; line-height: 140%; letter-spacing: -0.32px; color: #b53162; } .low-price .low-price__inner .block-5 .block-5__content .block-5__left .block-5__left-text span { display: inline-block; margin-bottom: 10px; } .low-price .low-price__inner .block-5 .block-5__content .block-5__left .block-5__left-bottom { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; padding: 8px 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #ffe5ef; font-size: 14px; line-height: 120%; letter-spacing: -0.28px; font-family: "SFProText-Medium"; margin-top: auto; color: #d37f9e; } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-5 .block-5__content .block-5__left .block-5__left-bottom { width: auto; max-width: unset; } .low-price .low-price__inner .block-5 .block-5__content .block-5__left .block-5__left-bottom br { display: none; } } .low-price .low-price__inner .block-5 .block-5__content .block-5__right { background-color: #edf7fc; } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-title { font-size: 26px; font-family: "ObjectSans"; color: #3ab5f0; line-height: 110%; padding-right: 75px; max-width: 320px; } @media only screen and (max-width: 950px) { .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-title { font-size: 20px; } } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-text { font-size: 16px; line-height: 120%; letter-spacing: -0.32px; color: #3ab5f0; } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-text > span { font-family: "SFProText-Semibold"; } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-text ul { padding: 0; margin: 16px 0 0 0; display: grid; gap: 12px; list-style: none; } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-text ul li { font-size: 16px; line-height: 140%; letter-spacing: -0.32px; font-family: "SFProText-Regular"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 8px; } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-text ul li span:first-child { font-family: "SFProText-Semibold"; } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-bottom { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; padding: 8px 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: rgba(217, 235, 252, 0.5); font-size: 14px; line-height: 120%; letter-spacing: -0.28px; font-family: "SFProText-Medium"; margin-top: auto; color: #3ab5f0; } @media only screen and (max-width: 767px) { .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-bottom { width: auto; max-width: unset; } .low-price .low-price__inner .block-5 .block-5__content .block-5__right .block-5__right-bottom br { display: none; } } .cookies { position: fixed; z-index: 3; background: white; -webkit-border-radius: 32px; border-radius: 32px; padding: 20px; bottom: 30px; left: calc((100vw - 1270px) / 2); width: 260px; -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.07); display: none; } @media (max-width: 1280px) { .cookies { left: 30px; } } @media only screen and (max-width: 1160px) { .cookies { width: 286px; padding: 16px; -webkit-border-radius: 20px; border-radius: 20px; } } @media only screen and (max-width: 470px) { .cookies { left: 20px; right: 20px; width: auto; bottom: 20px; } } .cookies .cookies__title { font-family: "SFProText-Semibold"; font-size: 16px; font-weight: 600; line-height: 120%; letter-spacing: -0.32px; margin: 0; } @media only screen and (max-width: 1160px) { .cookies .cookies__title br { display: none; } } .cookies .cookies__text { color: #828488; margin: 8px 0 0 0; font-family: "SFProText-Regular"; font-size: 14px; line-height: 130%; letter-spacing: -0.28px; } .cookies .cookies__text a { color: #db3170; } @media only screen and (max-width: 1160px) { .cookies .cookies__text { font-size: 12px; font-family: "SFProText-Medium"; letter-spacing: -0.24px; } .cookies .cookies__text br { display: none; } } .cookies .cookies__button { border: none; width: 100%; text-align: center; padding: 16px; font-family: "SFProText-Semibold"; color: white; font-size: 14px; line-height: 120%; letter-spacing: -0.14px; margin: 20px 0 0 0; } @media only screen and (max-width: 1160px) { .cookies .cookies__button { margin-top: 16px; } } header { z-index: 4; position: relative; } @media only screen and (max-width: 1160px) { header { background: #fff; } } .header { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 10px; } @media only screen and (max-width: 1160px) { .header { padding-bottom: 0; } } .logo { width: 205px; font-size: 0; } @media only screen and (max-width: 900px) { .logo { width: calc((100vw - 768px) / ((900 - 768) / (205 - 156)) + 156px); } } @media only screen and (max-width: 768px) { .logo { width: 156px; } } .logo img { width: 100%; } .header-top { padding-top: 10px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1160px) { .header-top { display: none; } } .h-top-right { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .h-t-r-link { font-family: "SFProText-Semibold"; color: #adadad; font-size: 14px; line-height: 130%; } .h-t-r-link.active { color: #db3170 !important; } .h-t-r-link.h-t-r-link--bg { padding: 14px; -webkit-border-radius: 200px; border-radius: 200px; background-color: #eeeff1; } @media only screen and (max-width: 900px) { .h-t-r-link { font-size: 12px; } } .h-t-r-link:not(:first-child) { margin-left: 20px; } @media only screen and (max-width: 1160px) { .h-t-r-link:not(:first-child) { margin-left: 6px; } } @media only screen and (max-width: 767px) { .h-t-r-link { font-size: 20px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProDisplay-Semibold"; } } .h-t-r-call { color: #b53162; opacity: 0.9; position: relative; } .h-t-r-call:hover::after { opacity: 1; } @media only screen and (max-width: 767px) { .h-t-r-call { font-size: 16px; color: #b53162; line-height: 120%; text-align: start; font-family: "SFProText-Medium"; } } .h-t-r-call::after { position: absolute; top: initial; left: 0; right: 0; z-index: 1; content: ""; width: 100%; height: 1px; background-color: #b53162; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; bottom: 0; } .header-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; } @media only screen and (max-width: 1160px) { .header-conf { position: fixed; top: 0; left: 0; right: 0; z-index: 1; height: 100%; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; padding: 56px 16px 10px; background-color: #fff; overflow-y: scroll; } .header-conf.show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: showMenu 0.2s; animation: showMenu 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .header-conf.hide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-animation: hideMenu 0.2s; animation: hideMenu 0.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } } .h-menu-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .h-menu-item:not(:first-child) { margin-left: 18px; } @media only screen and (max-width: 1160px) { .h-menu-item:not(:first-child) { width: 100%; max-height: 100%; margin-left: 0; } } @media only screen and (max-width: 1160px) { .h-menu-item { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } .h-menu-item:not(:last-child) { margin-bottom: 16px; } .h-menu-item:not(:nth-child(-n + 7)) .h-menu-item-namw-txt { font-size: 18px; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; letter-spacing: -0.02em; color: #000; } .h-menu-item:not(:nth-child(-n + 7)) .h-menu-item-namw-txt--tel { color: #7e7e90; } .h-menu-item:nth-child(6) { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #e8eaee; } .h-menu-item:nth-child(7) { display: none; } } .h-menu-item.h-menu-item--mob { display: none; } @media only screen and (max-width: 1160px) { .h-menu-item.h-menu-item--mob { display: -webkit-box; display: -ms-flexbox; display: flex; } .h-menu-item.h-menu-item--mob.buttons { margin-top: 8px; gap: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .h-menu-item.h-menu-item--mob.buttons .h-t-r-call-menu { padding: 17px; text-align: center; background-color: #e8eaee; -webkit-border-radius: 30px; border-radius: 30px; } } .h-menu-item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-border-radius: 20px; border-radius: 20px; padding: 0; cursor: pointer; background-color: transparent; -webkit-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; position: relative; } .h-menu-item-wrapper:hover { background-color: #fff3f8; } @media only screen and (max-width: 767px) { .h-menu-item-wrapper:hover { background-color: transparent; } } .h-menu-item-wrapper:hover .h-menu-item-namw-txt { color: #b53162; } @media only screen and (max-width: 767px) { .h-menu-item-wrapper:hover .h-menu-item-namw-txt { color: #000; } } @media only screen and (max-width: 1160px) { .h-menu-item-wrapper { padding: 0; } } .h-menu-name--new { color: #ffffff; font-family: "SFProDisplay-Regular"; font-size: 12px; line-height: 12px; padding: 3px; background-color: #db3170; -webkit-border-radius: 6px; border-radius: 6px; margin-left: 8px; letter-spacing: -0.01em; } .h-menu-item-drop { position: absolute; top: 100%; left: 0; right: initial; z-index: 1; display: none; width: 720px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; background-color: #fefefe; -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.11); box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.11); } @media only screen and (max-width: 767px) { .h-menu-item-drop { width: 100%; -webkit-border-radius: 0; border-radius: 0; margin-top: 16px; -webkit-box-shadow: none; box-shadow: none; overflow-y: scroll; position: static; } } .drop-wrapper { padding: 30px 40px; display: grid; grid-template-rows: repeat(2, minmax(160px, 1fr)); grid-auto-rows: 1fr; grid-template-columns: repeat(3, 1fr); row-gap: 35px; -webkit-column-gap: 47px; -moz-column-gap: 47px; column-gap: 47px; } @media only screen and (max-width: 767px) { .drop-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; row-gap: 0; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } .h-menu-item-box:not(:last-child) { margin-bottom: 16px; } .h-menu-item-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; list-style: none; } .h-menu-list-item.later::after { color: #db3170; background-color: #f8eaef; content: "\441\43A\43E\440\43E"; background-image: url("/local/templates/.default/components/bitrix/news/clinics/bitrix/news.detail/.default/img/clock.svg"); -webkit-background-size: 14px 14px; background-size: 14px; background-repeat: no-repeat; background-position: 6px center; font-size: 13px; line-height: 17px; padding: 4px 6px 4px 24px; margin-left: 6px; -webkit-border-radius: 7px; border-radius: 7px; } .h-menu-list-item.new::after { background-color: #db3170; color: #ffffff; font-family: "SFProDisplay-Regular"; content: "\43D\43E\432\430\44F"; font-size: 12px; line-height: 12px; padding: 4px 3px; margin-left: 8px; -webkit-border-radius: 6px; border-radius: 6px; } .h-menu-list-item:not(:last-child) { margin-bottom: 16px; } .h-menu-list-link { font-size: 16px; color: #000; line-height: 150%; text-align: start; font-family: "SFProDisplay-Medium"; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .h-menu-list-link.active { color: #db3170 !important; } .h-menu-list-link:hover { color: #b53162; } @media only screen and (max-width: 767px) { .h-menu-list-link { font-size: 18px; line-height: 120%; letter-spacing: -0.02em; font-family: "SFProText-Semibold"; } } .head-menu { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1160px) { .head-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 10px; } } .h-menu-item-namw-txt { font-size: 16px; line-height: 19px; color: #000; font-family: "SFProText-Semibold"; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .h-menu-item-namw-txt.active { color: #db3170 !important; } @media only screen and (max-width: 900px) { .h-menu-item-namw-txt { font-size: 14px; } } @media only screen and (max-width: 1160px) { .h-menu-item-namw-txt { font-size: 28px; color: #000; line-height: 120%; text-align: start; letter-spacing: -0.02em; font-family: "SFProDisplay-Heavy"; } } .arr-menu-item { width: 16px; font-size: 0; margin-left: 2px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .arr-menu-item img { width: 100%; } @media only screen and (max-width: 1160px) { .arr-menu-item { margin-left: 8px; width: auto; } .arr-menu-item img { width: 24px; } } @media only screen and (max-width: 1160px) { .opened .arr-menu-item { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } .h-conf-right { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } @media only screen and (max-width: 1160px) { .h-conf-right { display: none; margin-left: 0; margin-top: auto; } .h-conf-right.show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .h-conf-contacts { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } @media only screen and (max-width: 1160px) { .h-conf-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; } } .h-search-ic { width: 21px; font-size: 0; } .h-search-ic img { width: 100%; } .h-search { background: #eeeff1; height: 55px; width: 55px; -webkit-box-flex: 0; 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; -webkit-border-radius: 100px; border-radius: 100px; cursor: pointer; } @media only screen and (max-width: 1160px) { .h-search { display: none; } .h-search.mob-search { display: -webkit-box; display: -ms-flexbox; display: flex; } } .h-rec-btn, .link-err { height: 55px; width: 180px; -webkit-box-flex: 0; 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; margin-left: 15px; } @media only screen and (max-width: 767px) { .h-rec-btn, .link-err { width: 100%; margin-left: 0; } } .h-rec-btn-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; text-align: center; color: #ffffff; } footer { width: 100%; } footer.container { margin-top: 68px; padding-top: 16px; padding-bottom: 16px; } @media only screen and (max-width: 767px) { footer { margin-top: 100px !important; } } .footer { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 57px 48px 40px 48px; background-color: #f8f9fa; -webkit-border-radius: 30px; border-radius: 30px; } @media only screen and (max-width: 1160px) { .footer { padding: 40px; } } @media only screen and (max-width: 767px) { .footer { padding: 20px 16px 32px 16px; } } .f-top { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; } @media only screen and (max-width: 1160px) { .f-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 64px; } } @media only screen and (max-width: 767px) { .f-top { row-gap: 40px; } } .footer__personal-link { font-size: 20px; line-height: 24px; color: #7e7e90; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1160px) { .footer__personal-link { -ms-flex-item-align: start; align-self: flex-start; } } @media only screen and (max-width: 767px) { .footer__personal-link { font-size: 16px; line-height: 19px; margin: 0 auto; } } .f-top-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 395px; margin-right: auto; } @media only screen and (max-width: 1160px) { .f-top-left { min-width: unset; display: grid; grid-template-columns: 1fr 1fr; width: 100%; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } } @media only screen and (max-width: 767px) { .f-top-left { display: block; } } .f-logo { width: 100%; max-width: 267px; font-size: 0; } @media only screen and (max-width: 767px) { .f-logo { max-width: 191px; margin: 0 auto; } } .f-logo img { width: 100%; } .f-top-right { -webkit-box-flex: 0; display: grid; grid-template-columns: 1fr 1fr; row-gap: 69px; } @media only screen and (max-width: 1160px) { .f-top-right { width: 100%; row-gap: 40px; } } @media only screen and (max-width: 767px) { .f-top-right { grid-template-columns: 1fr; } } .footer__menu { grid-column-start: 1; grid-column-end: 3; } @media only screen and (max-width: 767px) { .footer__menu { grid-column-end: 1; } } .f-menu { display: grid; grid-template-rows: 1fr 1fr 1fr 1fr; grid-auto-flow: column; -webkit-column-gap: clamp(15px, 5vw, 70px); -moz-column-gap: clamp(15px, 5vw, 70px); column-gap: clamp(15px, 5vw, 70px); row-gap: 16px; } .f-menu.mob { display: none; } @media only screen and (max-width: 1160px) { .f-menu { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; width: 100%; } } @media only screen and (max-width: 767px) { .f-menu { display: none; } .f-menu.mob { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 40px; } } .f-menu-item { font-family: "SFProText-Regular"; font-size: 20px; line-height: 24px; color: #7e7e90; } @media only screen and (max-width: 767px) { .f-menu-item { font-size: 16px; line-height: 19px; } } .f-social { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; justify-self: end; } @media only screen and (max-width: 1160px) { .f-social { margin-top: 48px; } } @media only screen and (max-width: 767px) { .f-social { margin: 0; justify-self: center; grid-row: 1; } } .f-soc-item { width: 60px; height: 60px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; } @media only screen and (max-width: 767px) { .f-soc-item { width: 48px; height: 48px; } } .f-soc-item:not(:first-child) { margin-left: 10px; } .f-soc-ic { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 60px; height: 60px; background: #ffffff; -webkit-border-radius: 40px; border-radius: 40px; font-size: 0; -webkit-transition: background 0.2s, -webkit-transform 0.2s; transition: background 0.2s, -webkit-transform 0.2s; -o-transition: background 0.2s, transform 0.2s; transition: background 0.2s, transform 0.2s; transition: background 0.2s, transform 0.2s, -webkit-transform 0.2s; cursor: pointer; } @media only screen and (max-width: 767px) { .f-soc-ic { width: 48px; height: 48px; } } .f-soc-ic svg { width: auto; height: auto; } .f-soc-ic svg path { -webkit-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .f-soc-ic:hover { -webkit-transform: scale(1.2) rotate(-10grad); -ms-transform: scale(1.2) rotate(-10grad); transform: scale(1.2) rotate(-10grad); } [f-soc="fb"]:hover { background: #4a69b1; } [f-soc="fb"]:hover svg path { fill: #fefefe; } @media only screen and (max-width: 767px) { [f-soc="vk"] svg { width: 22px; } } [f-soc="vk"]:hover { background: #2787f5; } [f-soc="vk"]:hover svg path { fill: #fefefe; } @media only screen and (max-width: 767px) { [f-soc="ok"] svg { width: 16px; } } [f-soc="ok"]:hover { background: #ee8208; } [f-soc="ok"]:hover svg path { fill: #fefefe; } @media only screen and (max-width: 767px) { [f-soc="tm"] svg { width: 20px; } } [f-soc="tm"]:hover { background: #0088cc; } [f-soc="tm"]:hover svg path { fill: #fefefe; } [f-soc="inst"]:after { opacity: 0; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; -webkit-border-radius: 100px; border-radius: 100px; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; background: -webkit-linear-gradient(240.57deg, #9e2692 12.36%, #faa958 89.4%); background: -o-linear-gradient(240.57deg, #9e2692 12.36%, #faa958 89.4%); background: linear-gradient(209.43deg, #9e2692 12.36%, #faa958 89.4%); } [f-soc="inst"]:hover { background: transparent; } [f-soc="inst"]:hover:after { opacity: 1; } [f-soc="inst"]:hover svg path { fill: #fefefe; } .f-t-l-inf { margin-top: 12px; } @media only screen and (max-width: 767px) { .f-t-l-inf { margin-top: 16px; text-align: center; } } .f-t-l-tel { font-family: "SFProDisplay-Bold"; display: inline-block; font-size: 28px; line-height: 145%; letter-spacing: 0.01em; color: #000; } @media only screen and (max-width: 767px) { .f-t-l-tel { font-size: 16px; line-height: 145%; letter-spacing: 0.01em; } } .footer__connect { margin-top: 28px; gap: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__connect .p-btn { padding: 17px 34px; font-size: 18px; } @media only screen and (max-width: 1160px) { .footer__connect .p-btn { width: 100%; text-align: center; } } @media only screen and (max-width: 1160px) { .footer__connect { margin: 0; justify-self: end; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 259px; width: 100%; } } @media only screen and (max-width: 767px) { .footer__connect { margin: 20px auto 0 auto; max-width: unset; } } @media only screen and (max-width: 1160px) { .f-t-l-feedback { width: 100%; } } .f-t-l-feedback-link { font-family: "SFProText-Semibold"; background-color: #e8eaee; padding: 17px 32px; -webkit-border-radius: 100px; border-radius: 100px; letter-spacing: -0.01em; font-size: 18px; line-height: 21px; color: #000; cursor: pointer; display: inline-block; } @media only screen and (max-width: 1160px) { .f-t-l-feedback-link { width: 100%; text-align: center; } } .f-bottom { padding-top: 20px; margin-top: 16px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border-top: 1px solid #e8eaee; } @media only screen and (max-width: 1160px) { .f-bottom { padding-top: 26px; } } @media only screen and (max-width: 767px) { .f-bottom { margin-top: 40px; padding-top: 0; border: none; display: block; text-align: center; } } .f-b-descr-top-txt { font-family: "SFProDisplay-Medium"; font-size: 14px; line-height: 150%; color: #7e7e90; } @media only screen and (max-width: 767px) { .f-b-descr-top-txt { max-width: 178px; display: inline-block; } } .f-d-descr-bottom { margin-top: 5px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .f-d-descr-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .f-menu-col { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .f-d-descr-b { margin-top: 10px; } @media only screen and (max-width: 767px) { .f-d-descr-b { padding-top: 16px; margin-top: 16px; border-top: 1px solid #e8eaee; } } .f-d-descr-b.max { margin-top: 0; } @media only screen and (max-width: 767px) { .f-d-descr-b.max { margin-top: 15px; padding: 0; border: none; } } .f-d-descr-b-txt { font-family: "SFProDisplay-Regular"; font-size: 10px; line-height: 150%; color: #a9afb5; } .f-d-descr-b-txt br { display: none; } @media only screen and (max-width: 1160px) { .f-d-descr-b-txt br { display: inline; } } .f-d-descr-b-txt a { color: #a9afb5; text-decoration: underline; } .f-d-descr-b-txt a:hover { text-decoration: none; } .f-d-descr-b-txt-big { font-family: "SFProDisplay-Medium"; font-size: 14px; line-height: 150%; letter-spacing: 0.02em; color: #a9afb5; } @media only screen and (max-width: 767px) { .f-d-descr-b-txt-big { font-size: 12px; } } .content-page { -webkit-box-flex: 0; 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: 30px; } @media only screen and (max-width: 767px) { .content-page { padding-top: 20px; font-size: 12px; } } .green-blk { padding: 80px; padding-top: 60px; position: relative; background: #22744f; -webkit-border-radius: 60px; border-radius: 60px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } @media only screen and (max-width: 1160px) { .green-blk { padding: 40px; } } @media only screen and (max-width: 767px) { .green-blk { -webkit-border-radius: 30px; border-radius: 30px; padding: 20px; padding-top: 30px; padding-bottom: 30px; } } .green-name-txt { font-family: "ObjectSans"; font-size: 95px; line-height: 120%; color: #fefefe; } @media only screen and (max-width: 1160px) { .green-name-txt { font-size: 60px; } } @media only screen and (max-width: 767px) { .green-name-txt { font-size: 24px; line-height: 120%; } } .green-img { position: absolute; top: 45px; right: 65px; width: 300px; font-size: 0; } @media only screen and (max-width: 900px) { .green-img { width: 150px; right: 45px; } } @media only screen and (max-width: 767px) { .green-img { display: none; } } .green-img img { width: 100%; } .green-capt { max-width: 585px; margin-top: 10px; width: 100%; } .green-capt-txt { font-family: "SFProText-Regular"; font-size: 20px; line-height: 150%; letter-spacing: 0.01em; color: #fefefe; } @media only screen and (max-width: 900px) { .green-capt-txt { font-size: 18px; } } @media only screen and (max-width: 767px) { .green-capt-txt { font-size: 16px; line-height: 140%; } } .green-tab-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 80px; } .green-tab-left { padding-top: 31px; padding-bottom: 31px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 290px; padding-right: 33px; border-right: 2px solid rgba(255, 255, 255, 0.5); } .g-tab { opacity: 0.6; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; max-width: 225px; } .g-tab:before { content: ""; width: 10px; height: 10px; min-width: 10px; -webkit-border-radius: 100px; border-radius: 100px; display: block; background: #fff; margin-right: 15px; margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .g-tab:not(:first-child) { margin-top: 30px; } .g-tab-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #ffffff; } @media only screen and (max-width: 900px) { .g-tab-txt { font-size: 22px; } } .g-tab-act { opacity: 1; } .g-tab-act:before { opacity: 1; } .green-tab-content { margin-right: 33px; margin-left: auto; padding-top: 31px; padding-bottom: 31px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1160px) { .green-tab-content { margin-left: calc((100vw - 1096px) / ((1160 - 1096) / (97 - 33)) + 33px); } } @media only screen and (max-width: 1096px) { .green-tab-content { margin-left: 33px; } } .green-tab-cont-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } [g-tab-cont] { display: none; } .g-tab-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.01em; color: #ffffff; } @media only screen and (max-width: 900px) { .g-tab-capt-txt { font-size: 16px; } } .g-tab-capt { max-width: 540px; } .g-tab-capt:not(:first-child) { margin-top: 24px; } .uslug-blk { -webkit-box-flex: 0; 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: 100px; } @media only screen and (max-width: 767px) { .uslug-blk { margin-top: 60px; } .uslug-blk .uslug-body .price-tabs-top:after { display: none; } } .uslug-head { -webkit-box-flex: 0; 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; } @media only screen and (max-width: 900px) { .uslug-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .uslug-search { position: relative; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 540px; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; padding-bottom: 15px; border-bottom: 1px solid rgba(173, 173, 173, 0.4); } @media only screen and (max-width: 767px) { .uslug-search { width: 276px; padding-bottom: 10px; } } .uslug-search-ic-blk { width: 46px; font-size: 0; } @media only screen and (max-width: 767px) { .uslug-search-ic-blk { width: 24px; } } .uslug-search-ic-blk img { width: 100%; } .uslug-search-ic { width: 46px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .uslug-search-ic { width: 24px; padding-top: 7px; } } .uslug-inp-blk { margin-left: 20px; position: relative; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 767px) { .uslug-inp-blk { margin-left: 0; margin-right: 0px; } } .uslug-inp { width: calc(100% - 48px); font-family: "ObjectSans"; font-size: 46px; line-height: 120%; color: #000000; caret-color: #92bd55; } @media only screen and (max-width: 767px) { .uslug-inp { font-size: 26px; line-height: 120%; } } .uslug-plh-txt { font-family: "ObjectSans"; font-size: 46px; line-height: 120%; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 767px) { .uslug-plh-txt { font-size: 26px; line-height: 120%; } } .uslug-plh { position: absolute; top: 3px; left: 2px; width: 100%; height: 100%; z-index: -1; } .plh-hidd { pointer-events: none; } .plh-hidd .uslug-plh-txt { color: #adadad; } .cross-usl { position: absolute; right: 0; width: 48px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; z-index: 2; } .cross-usl-ic { width: 100%; font-size: 0; cursor: pointer; } .cross-usl-ic img { width: 100%; } .cross-vis { opacity: 1; } .usl-focus { width: 580px; } @media only screen and (max-width: 767px) { .usl-focus { width: 100%; } } .usl-rubl-blk { padding: 28px 20px 20px 20px; position: -webkit-sticky; position: sticky; top: 20px; width: 193px; height: 304px; background-image: url("/img/uslugi/banner.svg"); background-color: #db3170; -webkit-border-radius: 20px; border-radius: 20px; } @media only screen and (max-width: 767px) { .usl-rubl-blk { position: static; width: 100%; background-repeat: no-repeat; background-position: right center; height: 102px; padding: 31px 18px; background-image: url("/img/uslugi/mob-banner.svg"); } } .usl-rubl-capt { font-size: 20px; line-height: 100%; letter-spacing: -0.01em; color: #ffffff; font-family: "SFProDisplay-Bold"; } @media only screen and (max-width: 767px) { .usl-rubl-capt { max-width: 120px; } } .usl-rubl-txt { font-family: "SFProDisplay-Semibold"; font-size: 34.2px; line-height: 120%; letter-spacing: 0.01em; color: #fefefe; } @media only screen and (max-width: 767px) { .usl-rubl-txt { font-size: 18px; line-height: 120%; letter-spacing: 0.01em; } } .usl-rubl { width: 57px; height: 60px; -webkit-box-flex: 0; 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; background: #22744f; -webkit-border-radius: 15.2px; border-radius: 15.2px; margin-left: 13px; } @media only screen and (max-width: 767px) { .usl-rubl { width: 32px; height: 34px; -webkit-border-radius: 10px; border-radius: 10px; margin-left: 10px; } } .usl-data { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .usl-data-row { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .usl-data-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: 0; margin-right: 0; cursor: pointer; } .usl-data-item:not(:first-child) { padding-top: 40px; border-top: 1px solid #f3f6f9; } .usl-data-item:not(:last-child) { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .usl-data-item { margin-bottom: 15px; } .usl-data-item:not(:first-child) { padding-top: 20px; } .usl-data-item:not(:last-child) { margin-bottom: 20px; } } [usl-size="small"] .usl-data-i-descr { margin-top: 10px; } @media only screen and (max-width: 767px) { [usl-size="small"] .usl-data-i-bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } [usl-size="big-s"] { width: calc(50% - 40px); } @media only screen and (max-width: 1160px) { [usl-size="big-s"] { width: calc(50% - 20px); } } [usl-size="big-s"] .usl-data-i-descr { margin-top: 10px; } [usl-size="big-s"] .usl-data-i-descr-capt-txt { font-size: 18px; line-height: 120%; } [usl-size="big-s"] .usl-data-i-desxr-ic { width: 24px; } [usl-size="big-s"] .usl-data-i-bottom { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } [usl-size="big-s"] .usl-data-i-bottom .usl-data-i-rec { margin-left: 20px; } [usl-size="big"] { width: calc(50% - 40px); } @media only screen and (max-width: 1160px) { [usl-size="big"] { width: calc(50% - 20px); } } [usl-size="big"] .usl-data-i-descr { margin-top: 15px; } [usl-size="big"] .usl-data-i-descr-capt-txt { font-size: 18px; line-height: 120%; } [usl-size="big"] .usl-data-i-desxr-ic { width: 24px; } [usl-size="big"] .usl-data-i-bottom { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } [usl-size="big"] .usl-data-i-bottom .usl-data-i-rec { margin-left: 20px; } .usl-data-i-name-txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; font-family: "SFProDisplay-Medium"; font-size: 20px; line-height: 120%; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 767px) { .usl-data-i-name-txt { font-size: 16px; line-height: 145%; } } .usl-data-i-bottom { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .usl-data-i-rec-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #ffffff; } @media only screen and (max-width: 767px) { .usl-data-i-rec-txt { color: #000; font-size: 20px; line-height: 120%; } } .usl-data-i-price-txt { font-family: "SFProDisplay-Heavy"; font-size: 20px; line-height: 120%; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; letter-spacing: -0.02em; } @media only screen and (max-width: 767px) { .usl-data-i-price-txt { font-family: "SFProDisplay-Bold"; font-size: 20px; line-height: 120%; } } .usl-data-i-rec { opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } @media only screen and (max-width: 767px) { .usl-data-i-rec { opacity: 1; margin-left: 20px !important; } } .usl-data-i-desxr-ic { width: 20px; font-size: 0; margin-right: 8px; } .usl-data-i-desxr-ic svg { width: 100%; height: 100%; } .usl-data-i-desxr-ic svg path { -webkit-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .usl-data-i-desxr-ic svg circle { -webkit-transition: stroke 0.2s; -o-transition: stroke 0.2s; transition: stroke 0.2s; } @media only screen and (max-width: 767px) { .usl-data-i-desxr-ic { width: 18px !important; margin-right: 6px; } } .usl-data-i-descr-capt { padding-left: 28px; background-image: url("/img/exclamation-mark.svg"); -webkit-background-size: 20px 20px; background-size: 20px; background-repeat: no-repeat; background-position: left; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 16px; } .usl-data-i-descr-capt-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; color: #7e7e90; letter-spacing: -0.01em; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .usl-data-i-descr { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .usl-data-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 830px; } .more-usl-btn, .more-docs-mob-btn, .more-usl-btn-spec { -webkit-box-flex: 0; 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; padding-left: 26px; padding-right: 26px; height: 55px; margin-left: auto; margin-right: auto; margin-top: 20px; } @media only screen and (max-width: 767px) { .more-usl-btn, .more-docs-mob-btn, .more-usl-btn-spec { height: 45px; padding-left: 25px; padding-right: 25px; } } .more-usl-btn-spec { margin-top: 40px; padding: 16px 45px; background-color: #e8eaee; -webkit-border-radius: 200px; border-radius: 200px; cursor: pointer; } .more-usl-btn-spec .more-usl-capt-txt { color: #000; font-family: "SFProText-Heavy"; } @media only screen and (max-width: 767px) { .more-docs-mob-btn { margin-top: 30px; width: 100%; } } @media only screen and (max-width: 767px) { [prac-more-btn] { margin-top: 0; } } .more-usl-capt-txt { font-family: "SFProDisplay-Semibold"; font-size: 16px; line-height: 135%; text-align: center; color: #ffffff; letter-spacing: 0.02em; } .arr-more-usl { width: 20px; font-size: 0; margin-left: 5px; } .arr-more-usl img { width: 100%; } .doctors-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .doctors-title-txt { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .doctors-title-txt { font-size: 32px; } } .doctors-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .doctors-head .uslug-search-new { display: -webkit-box; display: -ms-flexbox; display: flex; width: 347px; height: 65px; } .doctors-head .uslug-search-new .usl-plh-n-txt { font-size: 20px; line-height: 120%; } .doctors-btn-capt-txt { font-family: "SFProText-Semibold"; font-size: 24px; line-height: 120%; color: #000000; } .doctors-btn-ic, .slider-arr, .circle-btn { width: 50px; height: 50px; -webkit-box-flex: 0; 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; background: #eeeff1; -webkit-border-radius: 60px; border-radius: 60px; margin-left: 16px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .doctors-btn-ic:hover, .slider-arr:hover, .circle-btn:hover { background: #f8f8f8; } .doctors-btn-ic-blk { width: 24px; font-size: 0; } .doctors-btn-ic-blk img { width: 100%; display: block; } .doctors-btn { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media only screen and (max-width: 767px) { .doctors-btn { display: none; } } .doctors-content { margin-top: 30px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .doctors-content { margin-top: 15px; } } .doctors-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .doctors-item:hover .doctors-item-price-txt { color: #db3170; } .doctors-item:hover .doctors-item-rec { opacity: 1; } @media only screen and (max-width: 480px) { .doctors-item { background-color: #f8f9fa; -webkit-border-radius: 24px; border-radius: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -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; } } .doctors-i-poster { position: relative; margin-bottom: 10px; -webkit-border-radius: 200px; border-radius: 200px; width: 100%; height: 260px; background-position: center; -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; font-size: 0; overflow: hidden; } @media only screen and (max-width: 1160px) { .doctors-i-poster { height: calc((100vw - 768px) / ((1160 - 768) / (260 - 165)) + 165px); } } @media only screen and (max-width: 768px) { .doctors-i-poster { height: 165px; } } .doctors-i-poster img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .doc-three { width: 100%; } @media only screen and (max-width: 767px) { .doc-three .swiper-wrapper { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .doc-three .swiper-wrapper .slide-docs { margin-bottom: 20px; } .doc-three .swiper-wrapper .slide-docs:nth-child(n + 5) { display: none; } .doc-three .swiper-wrapper .doctors-i-poster { height: 32vw; } } .doctors-i-name { margin-top: 10px; } @media only screen and (max-width: 480px) { .doctors-i-name { padding: 10px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-item-align: start; align-self: flex-start; } } .doctors-i-name .doctors__age.mobil { display: none; } .doctors-i-name .doctors__age.desct { position: absolute; top: 0; left: 0; } @media only screen and (max-width: 480px) { .doctors-i-name .doctors__age.desct { display: none; } .doctors-i-name .doctors__age.mobil { display: -webkit-box; display: -ms-flexbox; display: flex; } } .doctors-name-txt { font-family: "SFProDisplay-Bold"; font-size: 24px; line-height: 120%; letter-spacing: 0.03em; color: #000000; } @media only screen and (max-width: 1024px) { .doctors-name-txt { font-size: 16px; line-height: 120%; } } @media only screen and (max-width: 480px) { .doctors-name-txt { font-size: 20px; line-height: 24px; } } .doctors-i-inf { -webkit-box-flex: 0; 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: 10px; margin-bottom: 35px; z-index: 2; } @media only screen and (max-width: 767px) { .doctors-i-inf { margin-top: 5px; margin-bottom: 9px; } } .doctors-i-inf-spec-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; color: #838389; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 1024px) { .doctors-i-inf-spec-txt { font-size: 12px; line-height: 130%; } } @media only screen and (max-width: 480px) { .doctors-i-inf-spec-txt { font-size: 14px; line-height: 17px; } } .doctors-priem-with-ic { width: 20px; font-size: 0; margin-left: 5px; } @media only screen and (max-width: 767px) { .doctors-priem-with-ic { width: 14px; } } .doctors-priem-with-ic img { width: 100%; } .doctors-priem-with-date-txt { font-family: "SFProText-Heavy"; font-size: 14px; line-height: 130%; color: #000000; } @media only screen and (max-width: 767px) { .doctors-priem-with-date-txt { font-size: 12px; line-height: 130%; } } .doctors-priem-with { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .doctors-item-price-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 767px) { .doctors-item-price-txt { font-size: 14px; } } .doctors-item-rec { margin-left: 20px; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } @media only screen and (max-width: 1160px) { .doctors-item-rec { margin-left: 0; } } @media only screen and (max-width: 767px) { .doctors-item-rec { display: none; } } .doctors-item-price-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; cursor: pointer; } @media only screen and (max-width: 1160px) { .doctors-item-price-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .doctors-i-inf-priem { position: relative; cursor: pointer; } .doctors-i-inf-priem:hover .doctors-i-inf-spec-txt { color: #91bc55; } .doctors-i-inf-priem:hover .doctors-i-inf-hover { opacity: 1; pointer-events: auto; } .doctors-i-inf-hover { opacity: 0; pointer-events: none; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 100%; left: 0; } .doctors-i-inf-hover-blk { background: #fefefe; -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); -webkit-border-radius: 20px; border-radius: 20px; padding: 15px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .doctors-i-iinf-hover-item-txt { font-family: "SFProText-Regular"; font-size: 14px; line-height: 130%; color: #1f1f29; } .doctors-i-iinf-hover-item:not(:first-child) { margin-top: 13px; } .green-tog { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background: #f5f6f1; -webkit-border-radius: 40px; border-radius: 40px; padding: 60px; } @media only screen and (max-width: 1160px) { .green-tog { padding: 40px; } } @media only screen and (max-width: 767px) { .green-tog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; padding-top: 30px; padding-bottom: 30px; -webkit-border-radius: 15px; border-radius: 15px; } } @media only screen and (max-width: 1160px) { .green-tog-name { padding-right: 20px; } } .green-tog-name-txt { font-family: "ObjectSans"; font-size: 46px; line-height: 120%; color: #22744f; } @media only screen and (max-width: 1160px) { .green-tog-name-txt { font-size: 35px; } } @media only screen and (max-width: 767px) { .green-tog-name-txt { font-size: 26px; line-height: 120%; } .green-tog-name-txt br { display: none; } } .green-tog-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 425px; margin-left: auto; } @media only screen and (max-width: 1160px) { .green-tog-cont { width: calc((100vw - 768px) / ((1160 - 768) / (452 - 325)) + 325px); } } @media only screen and (max-width: 768px) { .green-tog-cont { width: 325px; } } @media only screen and (max-width: 767px) { .green-tog-cont { width: 100%; margin-top: 20px; } } .green-tog-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .green-tog-item:not(:first-child) { margin-top: 20px; } .green-tog-item:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid rgba(34, 116, 79, 0.4); } .green-tog-i-h-name { max-width: 266px; } .green-tog-i-h-name-txt { font-family: "SFProDisplay-Bold"; font-size: 24px; line-height: 120%; letter-spacing: 0.03em; color: #22744f; } @media only screen and (max-width: 767px) { .green-tog-i-h-name-txt { font-size: 20px; line-height: 120%; } } .green-tog-i-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .green-tog-i-h-ic { margin-left: auto; width: 32px; font-size: 0; position: relative; } @media only screen and (max-width: 767px) { .green-tog-i-h-ic { width: 24px; } } .green-tog-i-h-ic img { width: 100%; } [minus-g] { position: absolute; top: 0; left: 0; opacity: 9; } .green-tog-i-t-cont { -webkit-box-flex: 0; 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: 10px; } @media only screen and (max-width: 767px) { .green-tog-i-t-cont { margin-top: 14px; } } .green-tog-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; color: #22744f; } @media only screen and (max-width: 767px) { .green-tog-capt-txt { font-size: 16px; line-height: 140%; } } .green-tog-i-toggle { display: none; } .g-tog-open [minus-g] { opacity: 1; } .g-tog-open [plus-g] { opacity: 0; } .slide-prakt-btn-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .slide-prakt-btn-blk { display: none; } } .slider-arr { width: 50px; height: 50px; cursor: pointer; } .slider-arr:not(:first-child) { margin-left: 20px; } .prakt-slider-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .prakt-slider-blk { position: relative; width: calc(100% + 16px); } } .prakt-slider { width: 100%; margin-top: 30px; } @media only screen and (max-width: 767px) { .prakt-slider { margin-top: 15px; } } .item-news { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .item-news .i-middle-block { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .prakt-slide-item { width: 100%; } .i-news-poster { height: 230px; width: 100%; -webkit-border-radius: 24px; border-radius: 24px; background-position: center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; font-size: 0; -o-object-fit: cover; object-fit: cover; overflow: hidden; } @media only screen and (max-width: 1160px) { .i-news-poster { height: calc((100vw - 768px) / ((1160 - 768) / (230 - 143)) + 143px); } } @media only screen and (max-width: 768px) { .i-news-poster { height: 143px; } } .i-news-poster.no-image { background: rgba(238, 239, 241, 0.6); } .i-news-poster img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } @media only screen and (max-width: 767px) { .i-news-poster { height: 41vw; } } .i-news-inf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .i-news-inf .i-counter-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; margin-top: 15px; } .i-news-inf .i-counter-block span { font-family: "SFProText-Regular"; color: #7e7e90; font-weight: 400; font-size: 16px; line-height: 22px; } @media only screen and (max-width: 767px) { .i-news-inf .i-counter-block span { font-size: 14px; line-height: 21px; } } @media only screen and (max-width: 767px) { .i-news-inf { margin-top: 15px; } } .i-news-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; margin-top: 0; } .i-news-spec-item-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; color: #b53162; } @media only screen and (max-width: 767px) { .i-news-spec-item-txt { font-size: 14px; line-height: 140%; } } .prac-news-delimeter { color: #a9afb5; } .prac-news-delimeter.mobile { display: none; } @media only screen and (max-width: 767px) { .prac-news-delimeter.mobile { display: block; margin: 0 2px; color: #7e7e90; } } .i-news-spec-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .i-news-spec-item:not(:first-child) { margin-left: 10px; } .i-news-hide { display: none; } .i-news-spec-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-news-spec-more-blk { width: 15px; height: 15px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; } .i-news-spec-more { width: 100%; font-size: 0; } .i-news-spec-more img { width: 100%; } .i-news-section { font-family: "SFProText-Regular"; font-weight: 400; font-size: 16px; line-height: 22px; } .i-news-section a { color: #b53162; } .i-news-section-dott { font-style: normal; color: #adadad; padding: 0 5px; } .i-news-date-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; color: #adadad; white-space: nowrap; } @media only screen and (max-width: 767px) { .i-news-date-txt { font-size: 14px; line-height: 140%; } } .i-news-date.mobile { display: none; } @media only screen and (max-width: 767px) { .i-news-date.mobile { display: block; } } .i-news-name-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; height: 96px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media only screen and (max-width: 767px) { .i-news-name-txt { font-size: 20px; line-height: 120%; height: 45px; } } .i-news-name { margin-top: 15px; } @media only screen and (max-width: 767px) { .i-news-name { margin-top: 10px; } } .uslug-popup-blk { height: 100%; position: fixed; top: 0; right: 0; z-index: 5; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media only screen and (max-width: 767px) { .uslug-popup-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; top: auto; bottom: 0; max-height: calc(100% - 20px); -webkit-transform: translateX(0%) translateY(100%); -ms-transform: translateX(0%) translateY(100%); transform: translateX(0%) translateY(100%); } } .uslug-popup { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); } .uslug-popup-inf { padding: 40px; width: 515px; height: 100%; margin-left: auto; background: #ffffff; -webkit-border-radius: 25px 0px 0px 25px; border-radius: 25px 0px 0px 25px; position: relative; display: none; } @media only screen and (max-width: 767px) { .uslug-popup-inf { width: 100%; -webkit-border-radius: 25px 25px 0px 0px; border-radius: 25px 25px 0px 0px; padding: 20px; padding-top: 25px; height: auto; max-height: 100%; } } .uslug-p-name-txt { font-family: "ObjectSans"; font-size: 36px; line-height: 105%; color: #000000; } @media only screen and (max-width: 767px) { .uslug-p-name-txt { font-size: 26px; line-height: 120%; } } .uslug-p-cont-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .uslug-p-cont-head { padding-bottom: 10px; } } .uslug-p-cross { margin-left: auto; cursor: pointer; width: 35px; font-size: 0; } @media only screen and (max-width: 767px) { .uslug-p-cross { width: 30px; } } .uslug-p-cross img { width: 100%; } .uslug-p-inf-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; color: #000000; } @media only screen and (max-width: 767px) { .uslug-p-inf-capt-txt { font-size: 14px; line-height: 150%; letter-spacing: 0.01em; } } .uslug-p-inf-capt-blk:not(:first-child) { margin-top: 20px; } .uslug-p-inf-capt-blk + .uslug-p-inf-title-text-blk { margin-top: 40px; } @media only screen and (max-width: 767px) { .uslug-p-inf-capt-blk + .uslug-p-inf-title-text-blk { margin-top: 30px; } } .uslug-p-inf-title-item-txt { font-family: "SFProText-Heavy"; font-size: 18px; line-height: 105%; color: #000000; } @media only screen and (max-width: 767px) { .uslug-p-inf-title-item-txt { font-size: 18px; line-height: 105%; } } .uslug-p-inf-title-item + .uslug-p-inf-capt { margin-top: 15px; } @media only screen and (max-width: 767px) { .uslug-p-inf-title-item + .uslug-p-inf-capt { margin-top: 10px; } } .uslug-p-inf-title-text-blk { margin-top: 30px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .uslug-p-more-btn { width: 174px; height: 45px; margin-top: auto; -webkit-box-flex: 0; 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; margin-top: 20px; } @media only screen and (max-width: 767px) { .uslug-p-more-btn { height: 45px; width: 100%; margin-top: 0; } } .uslug-p-more-btn-txt { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 21px; text-align: center; color: #fefefe; } .uslug-popup-content { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .uslug-p-inf-content { -webkit-box-flex: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 10px; } .uslug-p-inf-content .scrollbar-track { z-index: 3; } .uslug-p-inf-content.smooth-scroll-act:after { content: ""; position: absolute; width: 100%; height: 80px; bottom: 0; left: 0; background: -webkit-linear-gradient(89.1deg, rgba(255, 255, 255, 0.9) -18.64%, rgba(255, 255, 255, 0) 144.3%); background: -o-linear-gradient(89.1deg, rgba(255, 255, 255, 0.9) -18.64%, rgba(255, 255, 255, 0) 144.3%); background: linear-gradient(1grad, rgba(255, 255, 255, 0.9) -18.64%, rgba(255, 255, 255, 0) 144.3%); } @media only screen and (max-width: 767px) { .uslug-p-inf-content { width: calc(100% + 20px); position: relative; z-index: 2; padding-bottom: 20px; } .uslug-p-inf-content .scroll-content { padding-right: 20px; } .uslug-p-inf-content .scrollbar-track-y { right: 4px; } .uslug-p-inf-content.smooth-scroll-act { padding-bottom: 0px; } .uslug-p-inf-content.smooth-scroll-act:after { content: ""; position: absolute; width: 100%; height: 87px; z-index: 1; top: calc(100% - 22px); left: 0; background: -webkit-linear-gradient(89.1deg, rgba(255, 255, 255, 0.9) -18.64%, rgba(255, 255, 255, 0) 144.3%); background: -o-linear-gradient(89.1deg, rgba(255, 255, 255, 0.9) -18.64%, rgba(255, 255, 255, 0) 144.3%); background: linear-gradient(1grad, rgba(255, 255, 255, 0.9) -18.64%, rgba(255, 255, 255, 0) 144.3%); } } .overlay-u-popup { display: none; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 5; background: rgba(0, 0, 0, 0.4); } .overlay-u-popup.more-z { z-index: 101; } .usl-p-vis { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 767px) { .usl-p-vis { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .prakt-last-slide { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 53px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .prakt-last-slide-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .prakt-last-name-txt { font-family: "ObjectSans"; font-size: 36px; line-height: 120%; color: #000000; } .prakt-btn-arr { margin-top: 30px; margin-left: 0; } .prakt-arr-img { width: 24px; font-size: 0; } .prakt-arr-img img { width: 100%; display: block; } .slide-prakt { height: auto !important; } .uslug-tabs { margin-top: 20px; width: calc(100% + 10px); margin-left: -5px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .uslug-tabs { width: 100%; margin-top: 15px; margin-left: 0; } .uslug-tabs .scrollbar-track { display: none !important; } } .uslug-tabs-scroll { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .uslug-tabs-scroll { width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .uslug-tab-item-txt { font-family: "SFProText-Semibold"; font-size: 12px; line-height: 120%; color: #a9afb5; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 767px) { .uslug-tab-item-txt { white-space: nowrap; } } .uslug-tab-item, .uslug-list-tag { cursor: pointer; background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 80px; border-radius: 80px; padding-top: 14px; padding-bottom: 12px; padding-left: 18px; padding-right: 18px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media only screen and (max-width: 767px) { .uslug-tab-item, .uslug-list-tag { padding-top: 13px; padding-bottom: 13px; } } .uslug-list-tag { margin: 0 8px; padding: 17px 18px; background-color: #f3f6f9; } @media only screen and (max-width: 767px) { .uslug-list-tag { margin: 0; } } .uslug-list-tag.clinics { margin-left: auto; min-width: 160px; -ms-flex-negative: 0; flex-shrink: 0; } .uslug-list-tag.clinics .uslug-list-tag-togg { left: auto; right: 0; } .top-practic-block .uslug-list-tag.clinics .uslug-list-tag-togg .uslug-list-tag-togg-blk { width: -webkit-min-content; width: -moz-min-content; width: min-content; } @media only screen and (max-width: 480px) { .top-practic-block .uslug-list-tag.clinics .uslug-list-tag-togg { left: 0; } .top-practic-block .uslug-list-tag.clinics .uslug-list-tag-togg .uslug-list-tag-togg-blk { width: auto; } } .uslug-two-tab { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 767px) { .uslug-two-tab { width: 100%; margin-right: 0; } } .uslug-two-tab-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-border-radius: 80px; border-radius: 80px; overflow: hidden; padding: 4px; background-color: #f4f4f7; } @media only screen and (max-width: 767px) { .uslug-two-tab-blk { margin: 0 0 8px 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .uslug-two-tab-item { cursor: pointer; padding: 13px 23px; width: auto; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 900px; border-radius: 900px; } @media only screen and (max-width: 767px) { .uslug-two-tab-item { width: calc(50% - 1px); } } .uslug-two-tab-item:not(:first-child) { margin-left: 4px; } .usl-tab-act { background: #db3170; } .usl-tab-act .uslug-tab-item-txt { color: #ffffff; } .arr-uslug-list { min-width: 18px; font-size: 0; margin-left: auto; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .arr-uslug-list svg { width: 100%; } .arr-uslug-list svg path { stroke: #838389; -webkit-transition: stroke 0.2s; -o-transition: stroke 0.2s; transition: stroke 0.2s; } .uslug-list-tag { position: relative; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .uslug-list-tag.muted { opacity: 0.5; } @media only screen and (max-width: 480px) { .uslug-list-tag { width: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .uslug-list-tag.hover:not(.muted) .arr-uslug-list { -webkit-transform: rotate(-200grad); -ms-transform: rotate(-200grad); transform: rotate(-200grad); } .uslug-list-tag.hover:not(.muted) .arr-uslug-list svg path { stroke: #000; } .uslug-list-tag.hover:not(.muted) .uslug-tab-item-txt { color: #000; } } @media (max-width: 767px) { .uslug-list-tag.hover:not(.muted) .uslug-list-tag-togg { opacity: 1; pointer-events: auto; z-index: 9; } } @media only screen and (min-width: 768px) { .uslug-list-tag:hover:not(.muted) { background: #eeeff1; } .uslug-list-tag:hover:not(.muted) .arr-uslug-list { -webkit-transform: rotate(-200grad); -ms-transform: rotate(-200grad); transform: rotate(-200grad); } .uslug-list-tag:hover:not(.muted) .arr-uslug-list svg path { stroke: #000; } .uslug-list-tag:hover:not(.muted) .uslug-tab-item-txt { color: #000; } .uslug-list-tag:hover:not(.muted) .uslug-list-tag-togg { opacity: 1; z-index: 9; pointer-events: auto; } } .uslug-list-tag .uslug-li-item { padding-right: 20px; } .uslug-list-tag-togg { pointer-events: none; position: absolute; top: 100%; left: 0; padding-top: 9px; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .uslug-list-tag-togg-blk { width: 200px; height: 183px; padding: 20px 0 0 20px; background: #fefefe; -webkit-box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.2); box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.2); -webkit-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden; } .uslug-list-tag-togg-blk:after { content: ""; position: absolute; width: 88%; height: 20px; bottom: 0; left: 10px; background: -webkit-gradient(linear, left bottom, left top, color-stop(-117.5%, #fefefe), color-stop(192.86%, rgba(254, 254, 254, 0))); background: -webkit-linear-gradient(bottom, #fefefe -117.5%, rgba(254, 254, 254, 0) 192.86%); background: -o-linear-gradient(bottom, #fefefe -117.5%, rgba(254, 254, 254, 0) 192.86%); background: linear-gradient(360deg, #fefefe -117.5%, rgba(254, 254, 254, 0) 192.86%); } .uslug-list-tag-togg-scroll, .docs-filt-toggle-scr { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .uslug-list-tag-togg-scroll .scrollbar-thumb, .docs-filt-toggle-scr .scrollbar-thumb { width: 3px; background: #eeeff1; -webkit-border-radius: 40px; border-radius: 40px; } .uslug-list-tag-togg-scroll .scrollbar-track-y, .docs-filt-toggle-scr .scrollbar-track-y { background: transparent; } .uslug-li-item-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; } .uslug-li-item:not(:first-child) { margin-top: 12px; } .uslug-li-item:last-child { padding-bottom: 20px; } .uslug-li-item.clinics { margin-top: 0; } .uslug-li-item.online { width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; position: absolute; } .green-tog-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 80px; } @media only screen and (max-width: 767px) { .green-tog-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 52px; } } .green-toggle-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 60px); } @media only screen and (max-width: 767px) { .green-toggle-item { padding-bottom: 10px; width: 100%; } .green-toggle-item:not(:last-child) { border-bottom: 1px solid rgba(238, 239, 231, 0.3); } } .green-toggle-item:nth-child(even) { margin-left: 120px; } @media only screen and (max-width: 767px) { .green-toggle-item:nth-child(even) { margin-left: 0; } } .green-toggle-item:not(:first-child) { margin-top: 20px; } .green-toggle-item-head { cursor: pointer; height: 88px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 26px; border-bottom: 1px solid rgba(238, 239, 231, 0.3); } @media only screen and (max-width: 767px) { .green-toggle-item-head { height: auto; padding-bottom: 0px; border-bottom: none; } } .g-toggle-i-h-name-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #ecede5; } @media only screen and (max-width: 767px) { .g-toggle-i-h-name-txt { font-size: 20px; line-height: 120%; } } .g-toggle-i-h-name { width: 302px; } @media only screen and (max-width: 767px) { .g-toggle-i-h-name { padding-right: 20px; } } .g-toggle-i-h-conf { width: 24px; margin-left: auto; position: relative; font-size: 0; -ms-flex-negative: 0; flex-shrink: 0; } .g-toggle-i-h-conf img { width: 100%; } .green-toggle-capt-item-txt { font-family: "SFProText-Regular"; font-size: 20px; line-height: 150%; letter-spacing: 0.01em; color: #ecede5; } @media only screen and (max-width: 767px) { .green-toggle-capt-item-txt { font-size: 14px; line-height: 150%; letter-spacing: 0.01em; } } .green-toggle-capt-blk { margin-top: 20px; display: none; } @media only screen and (max-width: 767px) { .green-toggle-capt-blk { margin-top: 10px; } } .green-name-small { max-width: 733px; } .green-name-small .green-name-txt { font-size: 56px; line-height: 120%; } @media only screen and (max-width: 767px) { .green-name-small .green-name-txt { font-size: 36px; line-height: 120%; } } .green-sale-txt { font-family: "ObjectSans"; font-size: 70px; line-height: 120%; text-align: center; color: #db3170; } @media only screen and (max-width: 767px) { .green-sale-txt { font-size: 22px; line-height: 120%; } } .green-sale { position: absolute; width: 300px; height: 300px; background: #fff3f8; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 24px; padding-bottom: 74px; -webkit-border-radius: 200px; border-radius: 200px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); top: -100px; right: -70px; } @media only screen and (max-width: 767px) { .green-sale { width: 80px; height: 80px; top: -27px; right: -3px; padding-bottom: 17px; padding-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .green-bef-time-capt-txt { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 21px; color: #ffffff; } @media only screen and (max-width: 767px) { .green-bef-time-capt-txt { font-size: 14px; line-height: 120%; } } .green-bef-time-ic { width: 24px; font-size: 0; margin-right: 11px; } @media only screen and (max-width: 767px) { .green-bef-time-ic { width: 18px; margin-right: 8px; } } .green-bef-time-ic img { width: 100%; } .green-bef-time { margin-bottom: 16px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .green-bef-time { margin-bottom: 10px; } } .online-blk .doctors-title { max-width: 665px; } .doc-four { width: 100%; } .doc-four .doctors-item-price-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .doc-four .doctors-item-price-blk .doctors-item-rec { margin-left: 0px; } .doc-four .doctors-i-poster { height: 195px; } @media only screen and (max-width: 767px) { .doc-four .swiper-wrapper { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .doc-four .swiper-wrapper .slide-docs { margin-bottom: 20px; } .doc-four .swiper-wrapper .doctors-i-poster { height: 32vw; } } .slide-docs { height: auto !important; } .slide-docs .doctors-item { height: 100%; } .green-color .p-btn { background: #fff; } .green-color .p-btn .pink-btn-capt-txt { color: #22744f; } .green-color .pink-link-capt-txt { color: #fff; } .pink-color { background: #fff3f8; } .pink-color .green-name-txt, .pink-color .green-capt-txt, .pink-color .g-tab-txt, .pink-color .g-tab-capt-txt, .pink-color .g-toggle-i-h-name-txt, .pink-color .green-toggle-capt-item-txt { color: #b53162; } .pink-color .green-tab-left { border-color: #b53162; } .pink-color .g-tab:before { background: #b53162; } .pink-color .green-img { width: 240px; } .green-btns-blk { -webkit-box-flex: 0; 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: start; -ms-flex-align: start; align-items: flex-start; margin-top: 50px; } @media only screen and (max-width: 767px) { .green-btns-blk { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .pink-blk-btn { max-width: 280px; width: 100%; -webkit-box-flex: 0; 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; } @media only screen and (max-width: 767px) { .pink-blk-btn { height: 45px; } } .pink-btn-capt-txt { font-family: "SFProText-Heavy"; font-size: 18px; line-height: 105%; text-align: center; color: #ffffff; } @media only screen and (max-width: 767px) { .pink-btn-capt-txt { font-size: 16px; line-height: 120%; } } .pink-btn-img { width: 15px; font-size: 0; margin-left: 10px; } @media only screen and (max-width: 767px) { .pink-btn-img { width: 12px; } } .pink-btn-img img { width: 100%; } .pink-link-arr { width: 24px; font-size: 0; margin-left: 8px; } @media only screen and (max-width: 767px) { .pink-link-arr { width: 20px; } } .pink-link-arr img { width: 100%; } .pink-link-capt-txt { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 120%; color: #db3170; } @media only screen and (max-width: 767px) { .pink-link-capt-txt { font-size: 14px; line-height: 120%; } } .pink-link-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 11px; } @media only screen and (max-width: 767px) { .pink-link-blk { margin-left: auto; margin-right: auto; } } .heder-mob { display: none; height: 56px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; background: #fff; } @media only screen and (max-width: 1160px) { .heder-mob { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% + 40px); margin-left: -20px; padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .heder-mob { width: calc(100% + 32px); margin-left: -16px; padding-left: 16px; padding-right: 16px; } } .burger { width: 24px; font-size: 0; cursor: pointer; } .burger img { width: 100%; } .burger-close { display: none; } .mob-logo { width: 159px; font-size: 0; margin-left: calc(50vw - 119px); margin-right: auto; margin-top: 8px; -ms-flex-item-align: start; align-self: flex-start; display: none; } .mob-logo img { width: 100%; } .mob-search { width: 36px; height: 36px; } .mob-search .h-search-ic { width: 13px; font-size: 0; } .mob-search .h-search-ic img { width: 100%; } .mob-checkin { color: #db3170; font-size: 14px; line-height: 135%; padding: 7.5px 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left: 6px; background-color: #ffe5ef; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .max { margin-top: 20px; } } @media only screen and (max-width: 767px) { .grad-slider-prakt { pointer-events: none; z-index: 2; position: absolute; right: 0; top: 0; width: 100px; height: 100%; background: -webkit-linear-gradient(186.72deg, #ffffff -58.9%, rgba(255, 255, 255, 0) 71.05%); background: -o-linear-gradient(186.72deg, #ffffff -58.9%, rgba(255, 255, 255, 0) 71.05%); background: linear-gradient(263.28deg, #ffffff -58.9%, rgba(255, 255, 255, 0) 71.05%); } } .practic-top { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 900px) { .practic-top { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .prac-top-inf-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prac-top-inf-head-spec-txt { font-family: "SFProDisplay-Regular"; font-size: 16px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .prac-top-inf-head-spec-txt { font-size: 14px; line-height: 140%; } } .prac-top-inf-head-spec-date { margin-left: 10px; } .prac-top-inf-head-spec-date-txt { font-family: "SFProDisplay-Regular"; font-size: 16px; line-height: 120%; color: #adadad; } @media only screen and (max-width: 767px) { .prac-top-inf-head-spec-date-txt { font-size: 14px; line-height: 140%; } } .prac-top-inf-title-txt { font-family: "ObjectSans"; font-size: 46px; line-height: 120%; color: #000000; } @media only screen and (max-width: 1160px) { .prac-top-inf-title-txt { font-size: 40px; } } @media only screen and (max-width: 767px) { .prac-top-inf-title-txt { font-size: 26px; line-height: 120%; } } .prac-top-inf-title { margin-top: 20px; } @media only screen and (max-width: 767px) { .prac-top-inf-title { margin-top: 10px; } } .pract-top-inf { -webkit-box-flex: 0; 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-flex: 1; -ms-flex: 1; flex: 1; padding-right: 39px; } @media only screen and (max-width: 900px) { .pract-top-inf { margin-top: 30px; } } @media only screen and (max-width: 767px) { .pract-top-inf { margin-top: 10px; } } .pract-top-img { height: 403px; width: 540px; background-position: center; -webkit-background-size: cover; background-size: cover; -webkit-border-radius: 271px; border-radius: 271px; font-size: 0; overflow: hidden; } @media only screen and (max-width: 1160px) { .pract-top-img { height: calc((100vw - 900px) / ((1160 - 900) / (403 - 390)) + 390px); } } @media only screen and (max-width: 900px) { .pract-top-img { height: 390px; } } .pract-top-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 900px) { .pract-top-img { width: 100%; height: 510px; } } @media only screen and (max-width: 767px) { .pract-top-img { height: 68vw; } } .practic-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid rgba(173, 173, 173, 0.3); border-bottom: 1px solid rgba(173, 173, 173, 0.3); } @media only screen and (max-width: 900px) { .practic-conf { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .practic-conf { padding-top: 30px; padding-bottom: 30px; } } .practic-c-item-ic-blk { width: 75px; height: 78px; -webkit-box-flex: 0; 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; -webkit-border-radius: 20px; border-radius: 20px; } @media only screen and (max-width: 767px) { .practic-c-item-ic-blk { width: 50px; height: 52px; -webkit-border-radius: 14px; border-radius: 14px; } } .practic-conf-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 900px) { .practic-conf-item:not(:first-child) { margin-top: 25px; } } [color-pract="green"] { background: #22744f; } [color-pract="pink"] { background: #db3170; } [color-pract="blue"] { background: #61c9f5; } .prac-c-ic-txt { font-family: "SFProDisplay-Semibold"; font-size: 45px; line-height: 120%; letter-spacing: 0.01em; color: #ffffff; } @media only screen and (max-width: 767px) { .prac-c-ic-txt { font-size: 30px; } } .prac-c-ic-blk { width: 100%; font-size: 0; } .prac-c-ic-blk img { width: 100%; } .prac-i-conf-name-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; } @media only screen and (max-width: 1160px) { .prac-i-conf-name-txt { font-size: 24px; } } @media only screen and (max-width: 767px) { .prac-i-conf-name-txt { font-size: 20px; line-height: 120%; } } .prac-i-conf-name { margin-left: 21px; } .prac-news-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 20px auto 0 auto; max-width: 1120px; width: 100%; } @media only screen and (max-width: 767px) { .prac-news-blk { margin-top: 0; } } .prac-news-cont { margin-top: 50px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 60px 40px; } @media only screen and (max-width: 767px) { .prac-news-cont { margin-top: 40px; grid-template-columns: 1fr; gap: 40px; } } .prac-news-title { font-size: 56px; line-height: 110%; font-family: "ObjectSans"; margin: 0; } @media only screen and (max-width: 767px) { .prac-news-title { font-size: 36px; } } .prac-news-item .i-news-poster { -webkit-border-radius: 24px; border-radius: 24px; } .prac-news-item:nth-child(5n + 1) { grid-column-start: 1; grid-column-end: 4; } @media only screen and (max-width: 767px) { .prac-news-item:nth-child(5n + 1) { grid-column-start: 1; grid-column-end: 2; } } .prac-news-item:nth-child(5n + 2) { grid-column-start: 4; grid-column-end: 7; } @media only screen and (max-width: 767px) { .prac-news-item:nth-child(5n + 2) { grid-column-start: 1; grid-column-end: 2; } } .prac-news-item:nth-child(5n + 3) { grid-column-start: 1; grid-column-end: 3; } @media only screen and (max-width: 767px) { .prac-news-item:nth-child(5n + 3) { grid-column-start: 1; grid-column-end: 2; } } .prac-news-item:nth-child(5n + 4) { grid-column-start: 3; grid-column-end: 5; } @media only screen and (max-width: 767px) { .prac-news-item:nth-child(5n + 4) { grid-column-start: 1; grid-column-end: 2; } } .prac-news-item:nth-child(5n + 5) { grid-column-start: 5; grid-column-end: 7; } @media only screen and (max-width: 767px) { .prac-news-item:nth-child(5n + 5) { grid-column-start: 1; grid-column-end: 2; } } .prac-news-item:nth-child(5n + 1) .i-news-poster, .prac-news-item:nth-child(5n + 2) .i-news-poster { height: 326px; } @media only screen and (max-width: 767px) { .prac-news-item:nth-child(5n + 1) .i-news-poster, .prac-news-item:nth-child(5n + 2) .i-news-poster { height: 210px; } } @media only screen and (max-width: 767px) { .prac-news-item { width: 100%; } .prac-news-item .i-news-poster { height: 210px; } } .prac-news-item .i-doctor-block { width: 100%; background: #f8f9fa; padding: 8px 8px 12px 8px; -webkit-border-radius: 16px; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; max-width: 370px; } .prac-news-item .i-doctor-block .i-img-block { min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; } .prac-news-item .i-doctor-block .i-img-block img { max-width: 100%; -webkit-border-radius: 14px; border-radius: 14px; } .prac-news-item .i-doctor-block .i-doctor-content-block a { color: #000; } .prac-news-item .i-doctor-block .i-doctor-content-block span { display: block; } .prac-news-item .i-doctor-block .i-doctor-content-block span:first-child { color: #000; font-size: 14px; line-height: 17px; font-family: "SFProText-Semibold"; } .prac-news-item .i-doctor-block .i-doctor-content-block span:nth-child(2) { color: #7e7e90; font-size: 12px; line-height: 17px; font-family: "SFProText-Regular"; } .prac-news-item .i-doctor-block .i-doctor-content-block span:last-child { margin-top: 4px; color: #db3170; font-weight: 600; font-size: 14px; line-height: 17px; font-family: "SFProText-Semibold"; cursor: pointer; } .article-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .a-title { max-width: 927px; } .a-title-txt { font-family: "ObjectSans"; font-size: 46px; line-height: 110%; color: #000000; } @media only screen and (max-width: 767px) { .a-title-txt { font-size: 36px; line-height: 120%; word-wrap: break-word; } } .two-cols-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .two-cols-blk { margin-top: 20px !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .two-cols-left { width: 193px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .two-cols-left { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .two-cols-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .two-cols-item:not(:first-child) { margin-top: 40px; } @media only screen and (max-width: 767px) { .two-cols-item:not(:first-child) { margin-top: 0; } } .two-c-item-title-txt { font-family: "SFProText-Regular"; font-size: 14px; line-height: 140%; color: #adadad; } .two-c-cont { -webkit-box-flex: 0; 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: 10px; } @media only screen and (max-width: 767px) { .two-c-cont { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .two-c-text { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; color: #000000; } .two-c-text:not(:first-child) { margin-top: 10px; } .t-soc-item { width: 38px; height: 38px; -webkit-box-flex: 0; 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; background: #eeeff1; -webkit-border-radius: 38px; border-radius: 38px; overflow: hidden; -webkit-transition: background 0.2s, -webkit-transform 0.2s; transition: background 0.2s, -webkit-transform 0.2s; -o-transition: background 0.2s, transform 0.2s; transition: background 0.2s, transform 0.2s; transition: background 0.2s, transform 0.2s, -webkit-transform 0.2s; cursor: pointer; } @media only screen and (max-width: 767px) { .t-soc-item:not(:first-child) { margin-top: 0; } } @media only screen and (max-width: 767px) { .t-soc-item { width: 46px; height: 46px; margin-top: 0 !important; } } .t-soc-item:hover { -webkit-transform: scale(1.2) rotate(-10grad); -ms-transform: scale(1.2) rotate(-10grad); transform: scale(1.2) rotate(-10grad); } .t-soc-ic { width: 100%; height: 100%; font-size: 0; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .t-soc-ic svg { width: 100%; height: 100%; } .t-soc-ic svg path { -webkit-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .t-big-title-txt { font-family: "SFProDisplay-Heavy"; font-size: 32px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .t-big-title-txt { font-size: 24px; line-height: 120%; letter-spacing: 0.03em; } } .two-cols-right { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 193px); max-width: 785px; padding: 0 25px; } @media only screen and (max-width: 767px) { .two-cols-right { width: 100%; margin-top: 30px; padding: 0; } } .two-cols-right a { text-decoration: underline; } .t-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 150%; letter-spacing: 0.01em; color: #000000; } @media only screen and (max-width: 767px) { .t-capt-txt { font-size: 16px; } } .t-capt { margin-top: 20px; } .t-capt + .t-sect { margin-top: 60px; } @media only screen and (max-width: 767px) { .t-capt + .t-sect { margin-top: 40px; } } .t-data { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .t-sect { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .t-sect + .t-sect { margin-top: 40px; } .t-sect-title-txt { font-family: "SFProDisplay-Bold"; font-size: 24px; line-height: 120%; letter-spacing: 0.03em; color: #000000; } @media only screen and (max-width: 767px) { .t-sect-title-txt { font-size: 20px; line-height: 120%; } } @media only screen and (max-width: 767px) { .t-sect-title + .t-capt { margin-top: 15px; } } .t-li { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .t-li:before { display: block; content: ""; width: 6px; height: 6px; -webkit-border-radius: 100px; border-radius: 100px; background: #000; min-width: 6px; margin-top: 13px; margin-right: 8px; } @media only screen and (max-width: 767px) { .t-li:before { margin-top: 10px; } } .t-li-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 30px; letter-spacing: 0.01em; color: #000000; } @media only screen and (max-width: 767px) { .t-li-txt { font-size: 16px; line-height: 150%; } } .t-list { margin-top: 20px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .t-list { margin-top: 15px; } } .t-slider { width: 100%; } .t-slider-blk { width: 100%; position: relative; margin-top: 60px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .t-slider-blk { margin-top: 40px; width: calc(100% - 36px); margin-left: auto; margin-right: auto; } .t-slider-blk .slide-prakt-btn-blk { display: block; } } .t-slider-blk + div { margin-top: 60px; } @media only screen and (max-width: 767px) { .t-slider-blk + div { margin-top: 40px; } } .t-slide { -webkit-border-radius: 310px; border-radius: 310px; overflow: hidden; width: 100%; font-size: 0; } .t-slide img { width: 100%; } .arr-t-slider-prev, .arr-t-slider-next { position: absolute; z-index: 3; margin: 0; } @media only screen and (max-width: 767px) { .arr-t-slider-prev, .arr-t-slider-next { width: 36px; height: 36px; } .arr-t-slider-prev .doctors-btn-ic-blk, .arr-t-slider-next .doctors-btn-ic-blk { width: 20px; } } .arr-t-slider-prev { left: -25px; } .arr-t-slider-next { right: -25px; } .t-usl-title { max-width: 637px; } @media only screen and (max-width: 767px) { .t-usl-title + .usl-rubl-blk { margin-top: 5px; } } .t-usl-title-txt { font-family: "ObjectSans"; font-size: 46px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .t-usl-title-txt { font-size: 26px; line-height: 120%; } } .a-poster { background-position: center; -webkit-background-size: cover; background-size: cover; width: 100%; aspect-ratio: 1.77777778; height: auto; -webkit-border-radius: 100px; border-radius: 100px; margin-top: 30px; font-size: 0; overflow: hidden; } .a-poster img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .a-poster { -webkit-border-radius: 30px; border-radius: 30px; margin-top: 0; } } .a-poster + div { margin-top: 40px; } @media only screen and (max-width: 767px) { .a-poster + div { margin-top: 20px; } } .two-c-fdc { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .border-t { background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 40px; border-radius: 40px; padding: 60px; padding-top: 40px; padding-bottom: 0px; margin-top: 40px; } @media only screen and (max-width: 900px) { .border-t { padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 767px) { .border-t { padding-left: 20px; padding-right: 20px; padding-top: 30px; -webkit-border-radius: 20px; border-radius: 20px; padding-bottom: 30px; margin-top: 30px; } } .t-bord-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 20px; } .t-bord-item:not(:first-child) { margin-top: 15px; } .t-bord-item:not(:last-child) { border-bottom: 1px solid rgba(131, 131, 137, 0.3); } .t-bord-item-title-txt { font-family: "SFProDisplay-Bold"; font-size: 24px; line-height: 120%; letter-spacing: 0.03em; color: #000000; } @media only screen and (max-width: 767px) { .t-bord-item-title-txt { font-size: 20px; line-height: 120%; } } .t-bord-i-li-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 36px; letter-spacing: 0.01em; } @media only screen and (max-width: 767px) { .t-bord-i-li-txt { font-size: 16px; line-height: 140%; } } .t-bord-i-li { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 140%; } @media only screen and (max-width: 767px) { .t-bord-i-li:not(:first-child) { margin-top: 10px; } } .t-bord-i-li:before { content: ""; width: 6px; height: 6px; -webkit-border-radius: 100px; border-radius: 100px; background: #db3170; display: block; margin-top: 15px; margin-right: 8px; min-width: 6px; } @media only screen and (max-width: 767px) { .t-bord-i-li:before { width: 4px; min-width: 4px; height: 4px; margin-top: 8px; } } .t-bord-list { margin-top: 10px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 513px; } @media only screen and (max-width: 767px) { .t-bord-list { margin-top: 15px; } } .t-bord-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } [region-more-btn] { margin-bottom: -25px; } @media only screen and (max-width: 767px) { [region-more-btn] { margin-bottom: 0; } } .t-line { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .t-line:before { display: block; content: ""; width: 3px; height: 25px; -webkit-border-radius: 100px; border-radius: 100px; background: #db3170; min-width: 3px; margin-top: 2px; margin-right: 15px; } @media only screen and (max-width: 767px) { .t-line:before { display: none; } } .bord-small-blk { -webkit-box-flex: 0; 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: 40px; } .bord-small-blk + div { margin-top: 120px; } @media only screen and (max-width: 767px) { .bord-small-blk + div { margin-top: 60px; } } .bord-small-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 60px; padding-right: 60px; padding-top: 30px; padding-bottom: 30px; background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 30px; border-radius: 30px; } .bord-small-item:not(:first-child) { margin-top: 20px; } @media only screen and (max-width: 767px) { .bord-small-item:not(:first-child) { margin-top: 15px; } } @media only screen and (max-width: 900px) { .bord-small-item { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .bord-small-item { padding-top: 20px; padding-bottom: 20px; } } .bord-s-date-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .bord-s-date-txt { font-size: 14px; line-height: 140%; } } .bord-s-name-txt { font-family: "SFProDisplay-Semibold"; font-size: 32px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .bord-s-name-txt { font-size: 20px; line-height: 120%; } } .bord-s-name { margin-top: 5px; } @media only screen and (max-width: 767px) { .bord-s-name { margin-top: 2px; } } .bord-s-capt { margin-top: 10px; } .bord-s-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; color: #000000; } .bord-s-bottom { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 5px; } .bord-s-price-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #db3170; } @media only screen and (max-width: 767px) { .bord-s-price-txt { font-size: 20px; line-height: 120%; } } .slider-arr.bord-s-arr { margin-left: auto; } @media only screen and (max-width: 767px) { .slider-arr.bord-s-arr { width: 36px; height: 36px; } .slider-arr.bord-s-arr .doctors-btn-ic-blk { width: 18px; } } .cost-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; } @media only screen and (max-width: 767px) { .cost-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; } } .cost-item { position: relative; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 30px; border-radius: 30px; max-width: 347px; width: calc(50% - 20px); padding: 40px; padding-top: 30px; padding-bottom: 30px; } @media only screen and (max-width: 767px) { .cost-item { width: 100%; max-width: 100%; padding: 20px; padding-bottom: 25px; } } .cost-item:not(:first-child) { margin-left: 40px; } @media only screen and (max-width: 767px) { .cost-item:not(:first-child) { margin-left: 0; margin-top: 30px; } } .cost-i-title-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #b53162; } @media only screen and (max-width: 767px) { .cost-i-title-txt { font-size: 24px; line-height: 120%; } } .cost-i-cont { -webkit-box-flex: 0; 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: 20px; } .cost-i-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; color: #b53162; } .cost-i-capt:not(:first-child) { margin-top: 27px; } @media only screen and (max-width: 767px) { .cost-i-capt:not(:first-child) { margin-top: 15px; } } [cost-color="pink"] { background: #fff3f8; } [cost-color="blue"] { background: rgba(175, 235, 243, 0.3); } [cost-color="blue"] .cost-i-title-txt, [cost-color="blue"] .cost-i-capt-txt { color: #1aa4e0; } .cost-img-blk { position: absolute; font-size: 0; } .cost-img-blk img { width: 100%; } [cost-type="candy"] { width: 80px; height: 80px; -webkit-border-radius: 100px; border-radius: 100px; background: #db3170; top: -15px; right: -20px; } @media only screen and (max-width: 767px) { [cost-type="candy"] { width: 60px; height: 60px; right: 0; top: -20px; } } [cost-type="tm"] { width: 76px; height: 80px; background: #61c9f5; -webkit-border-radius: 20px; border-radius: 20px; top: -15px; right: -15px; } @media only screen and (max-width: 767px) { [cost-type="tm"] { width: 60px; height: 62px; right: 0; top: -20px; } } .cost-i-title { padding-right: 23px; } @media only screen and (max-width: 767px) { .uslug-blk [uslug-more-btn] { margin-top: 32px; } } .uslug-search-new { width: 346px; height: 48px; border: 1px solid #e8eaee; -webkit-border-radius: 60px; border-radius: 60px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 16px; padding-right: 16px; -webkit-box-flex: 0; } @media only screen and (max-width: 767px) { .uslug-search-new { max-width: 442px; width: 100%; } } .uslug-title { font-size: 56px; line-height: 120%; font-family: "ObjectSans"; margin: 0; } @media only screen and (max-width: 767px) { .uslug-title { font-size: 32px; } } .s-new-inp { font-family: "SFProText-Semibold"; font-size: 20px; line-height: 120%; color: #000000; caret-color: #92bd55; } @media only screen and (max-width: 767px) { .s-new-inp { font-size: 20px; line-height: 120%; } } .uslug-body { display: grid; grid-template-columns: 1fr auto; position: relative; gap: 76px 20px; margin-top: 65px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .uslug-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; margin-top: 32px; } } .u-s-n-loop { width: 24px; height: 24px; font-size: 0; margin-right: 4px; } .u-s-n-loop svg { height: 100%; width: 100%; } .u-s-n-loop svg path { stroke: #a9afb5; -webkit-transition: stroke 0.2s; -o-transition: stroke 0.2s; transition: stroke 0.2s; } .usl-n-inpblk { position: relative; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; cursor: text; } .usl-plh-n { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; pointer-events: none; } .usl-plh-n-txt { font-family: "SFProText-Medium"; font-size: 16px; line-height: 120%; color: #a9afb5; letter-spacing: -0.02em; } .usl-n-cross { width: 32px; font-size: 0; margin-left: auto; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; cursor: pointer; } @media only screen and (max-width: 767px) { .usl-n-cross { width: 24px; height: 24px; } } .usl-n-cross img { width: 100%; } .cross-vis-n { opacity: 1; pointer-events: auto; } .usl-focus-new .u-s-n-loop svg path { stroke: #000; } .t-banks { margin-top: 68px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .t-banks { margin-top: 40px; } .t-banks .t-sect-title { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .t-banks .t-sect-title-txt { text-align: center; } } .t-banks-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } @media only screen and (max-width: 767px) { .t-banks-cont { margin-top: 20px; } } .t-banks-item { width: calc(100% / 4 - 40px / 4 * 3); font-size: 0; margin-bottom: 10px; } .t-banks-item img { width: 100%; } .t-banks-item:not(:nth-child(4n + 4)) { margin-right: 40px; } @media only screen and (max-width: 767px) { .t-banks-item:not(:nth-child(4n + 4)) { margin-right: 0; } } @media only screen and (max-width: 767px) { .t-banks-item { width: calc(50% - 10px); margin-bottom: 5px; } .t-banks-item:nth-child(odd) { margin-right: 20px; } } .g-column-style { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .g-column-style.green-tog { margin-top: 80px; } @media only screen and (max-width: 767px) { .g-column-style.green-tog { margin-top: 40px; } } .g-column-style .green-tog-cont { width: 100%; margin-top: 30px; } .g-column-style .green-tog-cont .green-tog-i-h-name { max-width: 520px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .more-dms { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .more-dms-title-txt { font-family: "ObjectSans"; font-size: 46px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .more-dms-title-txt { font-size: 32px; line-height: 120%; } } .more-dms-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; border: none; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .more-dms-conf { margin-top: 30px; } } .docs-news-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; } @media only screen and (max-width: 767px) { .docs-news-cont { margin-top: 30px; } } .docs-news-cont .uslug-two-tab-item { width: auto; } .docs-news-cont .doctors-item { width: calc(100% / 3 - 40px / 3 * 2); } @media only screen and (max-width: 767px) { .docs-news-cont .doctors-item { width: calc(100% / 3 - 20px / 3 * 2); } } .docs-news-cont .doctors-item:not(:nth-child(3n + 3)) { margin-right: 40px; } @media only screen and (max-width: 767px) { .docs-news-cont .doctors-item:not(:nth-child(3n + 3)) { margin-right: 20px; width: calc(100% / 3 - 20px / 3 * 2); } } @media only screen and (max-width: 670px) { .docs-news-cont .doctors-item:not(:nth-child(3n + 3)) { margin-right: 0; } } .docs-news-cont .doctors-item:nth-child(n + 4) { margin-top: 40px; } @media only screen and (max-width: 670px) { .docs-news-cont .doctors-item:nth-child(n + 4) { margin-top: 0; } } @media only screen and (max-width: 670px) { .docs-news-cont .doctors-item { width: calc(50% - 6px) !important; } .docs-news-cont .doctors-item .doctors-i-poster { height: 32vw; width: calc(100% - 3px); } .docs-news-cont .doctors-item:nth-child(n + 3) { margin-top: 20px; } .docs-news-cont .doctors-item:nth-child(odd) { margin-right: 10px; } } @media only screen and (max-width: 480px) { .docs-news-cont .doctors-item { width: 100% !important; margin: 0; margin-bottom: 15px; margin-right: 0; } .docs-news-cont .doctors-item:nth-child(odd) { margin-right: 0px; } } .docs-capt-black .uslug-tab-item-txt { color: #000; font-size: 16px; line-height: 120%; letter-spacing: -0.02em; } .docs-capt-black + .arr-uslug-list svg path { stroke: #000; } .docs-ic-tab { font-size: 0; margin-left: 8px; } .docs-ic-tab svg { width: 100%; } .docs-ic-tab svg path { fill: #a9afb5; } [docs-two-tab="old"] .docs-ic-tab { width: 19px; } [docs-two-tab="child"] .docs-ic-tab { width: 17px; } .docs-news-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .docs-news-blk .doctors-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .docs-news-blk .doctors-head .uslug-search-new { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; width: 100%; max-width: 343px; height: 45px; } } .docs-news-blk .uslug-two-tab-item { width: auto; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .docs-news-blk .uslug-two-tab-item.usl-tab-act .docs-ic-tab svg path { fill: #ffffff; } [docs-more-btn] { margin-top: 0px; } @media only screen and (max-width: 767px) { [docs-more-btn] { margin-top: 30px; } } .docs-tabs { margin-top: 40px; gap: 20px; } .docs-tabs .uslug-list-tag-togg { width: auto; } @media only screen and (max-width: 767px) { .docs-tabs .uslug-list-tag-togg { width: 100%; } } .docs-tabs .uslug-list-tag-togg .uslug-list-tag-togg-blk { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; } @media only screen and (max-width: 767px) { .docs-tabs .uslug-list-tag-togg .uslug-list-tag-togg-blk { width: auto; } } @media only screen and (max-width: 950px) { .docs-tabs { gap: 10px; } } .filter-docs-mob-btn-blk { display: none; } @media only screen and (max-width: 767px) { .filter-docs-mob-btn-blk { position: fixed; bottom: 15px; left: 0; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 16px; padding-right: 16px; width: 100%; z-index: 2; } } .filter-docs-mob-btn { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f5f6f7; -webkit-border-radius: 80px; border-radius: 80px; width: 100%; height: 45px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 343px; cursor: pointer; -webkit-box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.2); box-shadow: 0px 14px 44px rgba(0, 0, 0, 0.2); } .filter-docs-mob-capt-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; color: #000000; } .filter-docs-mob-ic { width: 18px; font-size: 0; margin-left: 4px; } .filter-docs-mob-ic img { width: 100%; } .overlay-filt-doc { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(25, 24, 23, 0.4); z-index: 5; display: none; } .docs-filter-mob-popup { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; padding-bottom: 0; background: #ffffff; -webkit-border-radius: 25px 25px 0px 0px; border-radius: 25px 25px 0px 0px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media only screen and (max-width: 767px) { .docs-filter-mob-popup { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } .docs-filt-open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .docs-filter-mob-title-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; } .cross-filt-docs { cursor: pointer; position: absolute; top: 20px; right: 20px; width: 32px; font-size: 0; } .cross-filt-docs img { width: 100%; } .docs-filt-popup-cont { -webkit-box-flex: 0; 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: 30px; } .docs-filt-p-radio-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .docs-filt-p-radio-blk + .docs-filt-tog-blk { margin-top: 40px; } .docs-filt-p-capt-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 140%; color: rgba(0, 0, 0, 0.6); } .docs-filt-radio { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } .docs-filt-radio-item-capt-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 140%; color: #000000; } .docs-filt-radio-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .docs-filt-radio-item:not(:first-child) { margin-left: 40px; } @media only screen and (max-width: 767px) { .docs-filt-radio-item:not(:first-child) { margin-left: 20px; } } .docs-filt-radio-item-circle-act { width: 12px; height: 12px; -webkit-border-radius: 100px; border-radius: 100px; background: #fff; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .d-f-inp-rad { display: none; } .d-f-inp-rad:checked + .docs-filt-radio-item-circle { background: #db3170; border: 2px solid #db3170; } .d-f-inp-rad:checked + .docs-filt-radio-item-circle .docs-filt-radio-item-circle-act { opacity: 1; } .docs-filt-radio-item-circle { width: 24px; height: 24px; -webkit-border-radius: 100px; border-radius: 100px; border: 2px solid #e0e0e0; margin-right: 8px; -webkit-box-flex: 0; 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; -webkit-transition: background 0.2s, border 0.2s; -o-transition: background 0.2s, border 0.2s; transition: background 0.2s, border 0.2s; } .bord-s-section { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 535px; } .docs-filt-tog-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .docs-filt-tog-blk.muted::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); } .docs-filt-tog-blk + .docs-filt-tog-blk { margin-top: 20px; } .docs-filt-tog-click { background: rgba(238, 239, 241, 0.6); -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 25px; padding-right: 25px; -webkit-border-radius: 40px; border-radius: 40px; height: 45px; } .docs-filt-tog-name-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 19px; color: #000000; } .arr-docs-filt { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; width: 20px; font-size: 0; } .arr-docs-filt img { width: 100%; } .docs-filt-toggle-scr { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .docs-filt-tog-item { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; color: #000000; } .docs-filt-tog-item:not(:first-child) { margin-top: 15px; } .docs-filt-toggle { position: absolute; width: 100%; top: calc(100% + 8px); left: 0; z-index: 2; display: none; -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); } .docs-filt-toggle-scr { padding: 20px; width: 100%; height: 187px; background: #fefefe; -webkit-border-radius: 20px; border-radius: 20px; } .docs-filt-toggle-scr-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .docs-filt-tog-act .arr-docs-filt { -webkit-transform: rotate(-200grad); -ms-transform: rotate(-200grad); transform: rotate(-200grad); } .docs-filt-mob-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 129px; padding-top: 15px; padding-bottom: 15px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .docs-filt-mob-conf:after { content: ""; position: absolute; width: calc(100% + 40px); height: 1px; top: 0; left: -20px; background: rgba(173, 173, 173, 0.3); } .docs-filt-clear-txt { font-size: 14px; line-height: 130%; text-align: center; color: #adadad; font-family: "SFProText-Heavy"; } .docs-filt-app-txt { font-family: "SFProText-Heavy"; font-size: 16px; line-height: 120%; text-align: center; color: #ffffff; } .docs-filt-app { margin-left: 24px; width: 200px; height: 45px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; 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; } .doc-i-top { -webkit-border-radius: 60px; border-radius: 60px; width: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .doc-i-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .doc-i-slider { width: 100%; height: 100%; } .doc-i-slider img { width: 346px; -webkit-border-radius: 40px; border-radius: 40px; -webkit-transform: rotate(4.5deg); -ms-transform: rotate(4.5deg); transform: rotate(4.5deg); height: 346px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media only screen and (max-width: 1160px) { .doc-i-slider img { width: 230px; height: 230px; -webkit-transform: rotate(-4.5deg); -ms-transform: rotate(-4.5deg); transform: rotate(-4.5deg); } } .doc-item-slide { width: calc(100% - 8px); height: calc(100% - 8px); margin-left: 4px; margin-top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; } .doc-item-slide-inf { 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-flex: 1; -ms-flex: 1; flex: 1; margin-right: 46px; padding: 0; } @media only screen and (max-width: 1160px) { .doc-item-slide-inf { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px; padding-left: 20px; padding-top: 30px; padding-bottom: 0px; } } @media only screen and (max-width: 767px) { .doc-item-slide-inf { padding: 0; } } .doc-i-slide-inf-name-txt { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; color: #000; margin: 20px 0 20px; } @media only screen and (max-width: 1160px) { .doc-i-slide-inf-name-txt { font-size: 36px; line-height: 40px; } } @media only screen and (max-width: 767px) { .doc-i-slide-inf-name-txt { font-size: 36px; line-height: 120%; } } .doc-i-slide-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 22px; letter-spacing: 0.01em; color: #000; font-weight: 600; } .doc-i-slide-capt-txt i { font-style: normal; } .doc-i-slide-capt-txt .doctors-i-inf-obl { display: inline-block; } .doc-i-slide-capt-txt .doctors-i-inf-obl span { color: #db3170; font-size: 18px; line-height: 22px; font-weight: 600; } .doc-i-slide-capt-txt .doctors-i-inf-obl span a { color: #db3170; font-size: 18px; line-height: 22px; font-weight: 600; } @media only screen and (max-width: 1160px) { .doc-i-slide-capt-txt { font-size: 16px; } .doc-i-slide-capt-txt .doctors-i-inf-obl span { font-size: 16px; } } @media only screen and (max-width: 767px) { .doc-i-slide-capt-txt { font-size: 16px; } } .doc-i-slide-capt-blk { 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: 15px; } @media only screen and (max-width: 767px) { .doc-i-slide-capt-blk { margin-top: 10px; } } .doc-i-slide-img { width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: top center; -webkit-border-radius: 400px; border-radius: 400px; font-size: 0; overflow: hidden; } .doc-i-slide-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .doc-i-slider-blk-sect { width: 100%; height: 100%; position: relative; } @media only screen and (max-width: 767px) { .doc-i-slider-blk-sect { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .doc-i-slider-blk { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; width: 420px; height: 420px; padding-top: 30px; padding-left: 4px; } @media only screen and (max-width: 1160px) { .doc-i-slider-blk { padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 30px; } } @media only screen and (max-width: 1160px) { .doc-i-slider-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .doc-i-slider-blk { padding-left: 20px; padding-right: 20px; padding-top: 0px; padding-bottom: 30px; } } @media only screen and (max-width: 1160px) { .doc-i-slider-blk { margin-left: auto; margin-right: auto; width: 230px; height: 260px; margin-top: 50px; } } @media only screen and (max-width: 767px) { .doc-i-slider-blk { margin: 0; width: 100%; max-width: 100%; height: 100%; max-height: 230px; margin-top: 50px; padding: 0; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .doc-i-slide-img-blk { position: relative; width: 100%; height: 100%; } .doc-i-slide-old-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 130%; color: #22744f; } @media only screen and (max-width: 767px) { .doc-i-slide-old-capt-txt { font-size: 12px; } } .doc-i-slide-old-val { margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .doc-i-slide-old-val { margin-top: 0; } } .doc-i-slide-old-val-txt { font-family: "ObjectSans"; font-size: 45px; line-height: 85%; color: #22744f; text-align: center; } @media only screen and (max-width: 767px) { .doc-i-slide-old-val-txt { font-size: 26px; line-height: 85%; } } .doc-i-slide-old { position: absolute; bottom: 100px; 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; background: #ffe5ef; -webkit-border-radius: 102px; border-radius: 102px; height: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 15px 20px; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); left: -50px; z-index: 2; } .doc-i-slide-old .doc-i-slide-old-capt-txt { color: #b53162; } .doc-i-slide-old i { font-size: 20px; font-style: normal; font-weight: 900; } @media only screen and (max-width: 1160px) { .doc-i-slide-old { bottom: 20px; padding: 12px 16px; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .doc-i-slide-old .doc-i-slide-old-capt-txt { font-size: 14px; } .doc-i-slide-old .doc-i-slide-old-capt-txt i { font-size: 18px; } } @media only screen and (max-width: 767px) { .doc-i-slide-old { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; padding: 12px 16px; -webkit-border-radius: 102px; border-radius: 102px; bottom: -20px; left: -20px; } } @media only screen and (max-width: 767px) { .doc-i-slide-old-val-capt { line-height: 1; } } .doc-i-slide-old-val-capt-txt { font-family: "ObjectSans"; line-height: 23px; text-align: center; font-size: 28px; color: #22744f; } @media only screen and (max-width: 767px) { .doc-i-slide-old-val-capt-txt { font-size: 14px; line-height: 1; } } .doc-i-slide-btn-capt-txt { font-family: "SFProText-Heavy"; font-size: 18px; line-height: 105%; text-align: center; color: #ffffff; } @media only screen and (max-width: 1160px) { .doc-i-slide-btn-capt-txt { font-size: 14px; } } .doc-i-slide-btn-blk { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .doc-i-slide-btn-blk .doc-i-slide-date span { color: #7e7e90; } @media only screen and (max-width: 1160px) { .doc-i-slide-btn-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .doc-i-slide-btn-blk .doc-i-slide-date { margin-left: 20px; } } @media only screen and (max-width: 767px) { .doc-i-slide-btn-blk { display: none; } .doc-i-slide-btn-blk .doc-i-slide-date { margin-left: 0px; } } .doc-i-slide-btn-blk.mobile { display: none; } @media only screen and (max-width: 767px) { .doc-i-slide-btn-blk.mobile { display: block; margin-top: 30px; height: unset; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } } .doc-i-slide-btn { padding: 18px; padding-left: 24px; padding-right: 24px; } @media only screen and (max-width: 767px) { .doc-i-slide-btn { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 375px) { .doc-i-slide-btn { width: 100%; text-align: center; } } .doc-i-tabs-blk { margin-top: 40px; } @media only screen and (max-width: 767px) { .doc-i-tabs-blk { margin-top: 49px; -webkit-border-radius: 15px; border-radius: 15px; padding: 0; } } .dic-i-tabs-title { font-size: 46px; line-height: 50px; font-family: "ObjectSans"; font-weight: 800; color: #000000; margin: 0; } @media only screen and (max-width: 1160px) { .dic-i-tabs-title { font-size: 32px; line-height: 35px; } } .doc-i-tab-conf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 290px; padding-top: 38px; padding-bottom: 38px; border-right: 2px solid rgba(131, 131, 137, 0.3); } .doc-i-load { position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); font-size: 0; -webkit-transform: rotate(-100grad); -ms-transform: rotate(-100grad); transform: rotate(-100grad); } .doc-i-load svg { height: 100%; width: 100%; } .doc-i-load svg circle { stroke-dasharray: 1320; -webkit-transition: stroke-dashoffset 5s; -o-transition: stroke-dashoffset 5s; transition: stroke-dashoffset 5s; } .doc-i-tab-item { position: relative; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .doc-i-tab-item:not(:first-child) { margin-top: 30px; } .doc-i-tab-item:before { margin-right: 15px; -ms-flex-negative: 0; flex-shrink: 0; content: ""; display: block; width: 10px; height: 10px; top: 0; left: 0; -webkit-border-radius: 100px; border-radius: 100px; background: #db3170; opacity: 0; } .doc-i-tab-item-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #adadad; opacity: 0.5; margin: 0; } .doc-i-tab-act:before { opacity: 1; } .doc-i-tab-act .doc-i-tab-item-txt { color: #db3170; opacity: 1; } .doc-i-tab-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: calc(0px - ((100vw - 1120px) / 2)); width: calc(100% - 290px + ((100vw - 1120px) / 2)); } @media only screen and (max-width: 1160px) { .doc-i-tab-cont { margin-right: 0; margin-right: -20px; width: calc(100% - 290px + 20px); } } .doc-i-tab-slide-cont { padding-top: 38px; padding-bottom: 38px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .doc-i-tab-date { padding-left: 22px; padding-right: 22px; padding-top: 5px; padding-bottom: 5px; background: #22744f; -webkit-border-radius: 50px; border-radius: 50px; } [d-tab-cont] { display: none; } .doc-i-tab-vis { display: block; } .doc-i-tab-date-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .doc-i-tab-date-txt { font-family: "SFProDisplay-Semibold"; font-size: 24px; line-height: 145%; letter-spacing: 0.01em; color: #ffffff; } .doc-i-tab-caot-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.01em; color: #1f1f29; } .doc-i-tab-capt { margin-top: 15px; } .doc-i-tab-arr-blk { position: absolute; top: calc(50% - 25px); -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; margin: 0; cursor: pointer; } .doc-i-tab-right { right: 50px; } .doc-i-tab-left { left: 25px; } .doc-i-grad { position: absolute; z-index: 2; top: 0; height: 100%; width: 111px; } .doc-i-right-grad { right: 0; background: -webkit-linear-gradient(177.08deg, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: -o-linear-gradient(177.08deg, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: linear-gradient(272.92deg, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); } .doc-i-left-grad { left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(2.91%, #fefefe), color-stop(104.94%, rgba(254, 254, 254, 0))); background: -webkit-linear-gradient(left, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: -o-linear-gradient(left, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: linear-gradient(100grad, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); } .tabs-contenc-doc { width: 100%; } .doc-i-tabs-inner { width: 100%; margin-top: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; } @media only screen and (max-width: 767px) { .doc-i-tabs-inner { margin-top: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .doc-mob-tog-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid rgba(34, 116, 79, 0.4); padding-bottom: 25px; } .doc-mob-tog-item:not(:first-child) { padding-top: 25px; } .doc-mob-tog-item:last-child { border-bottom: none; } @media only screen and (max-width: 767px) { .doc-mob-tog-item { border-bottom: 1px solid rgba(34, 116, 79, 0.06); } } .doc-mob-tog-item-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media only screen and (max-width: 767px) { .doc-mob-tog-item-head { background: #e8eaee; padding: 8px 16px; white-space: nowrap; -webkit-border-radius: 90px; border-radius: 90px; } .doc-mob-tog-item-head .doc-mob-tog-item-h-name-txt { font-weight: 600; font-size: 14px; line-height: 17px; font-family: SFProText-Regular; } } @media only screen and (max-width: 767px) { .doc-mob-tog-item-head.doc-m-tog-open { background: #db3170; } } .doc-mob-tog-item-h-name-txt { font-family: "ObjectSans"; font-size: 20px; line-height: 22px; font-weight: 800; color: #000; margin: 0; } @media only screen and (max-width: 1160px) { .doc-mob-tog-item-h-name-txt { font-size: 16px; line-height: 18px; } } .left-tabs-doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 240px; gap: 30px; } .left-tabs-doc .doc-mob-tog-item-head.doc-m-tog-open .doc-mob-tog-item-h-name-txt { color: #db3170; } @media only screen and (max-width: 767px) { .left-tabs-doc { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; overflow-x: scroll; gap: 10px; } .left-tabs-doc .doc-mob-tog-item-head.doc-m-tog-open .doc-mob-tog-item-h-name-txt { color: #fff; } } .doc-mob-tog-item-head-name { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .doc-mob-tog-ic { width: 32px; font-size: 0; min-width: 32px; margin-left: auto; } .doc-mob-tog-ic img { width: 100%; } [minus-b] { display: none; } .doc-mob-toggle-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } @media only screen and (max-width: 767px) { .doc-mob-toggle-cont { padding-top: 12px; gap: 25px; } } .doc-mob-toggle { display: none; } .doc-mob-tog-date-txt { font-family: "SFProDisplay-Semibold"; font-size: 20px; line-height: 120%; color: #7e7e90; font-weight: 400; white-space: nowrap; } @media only screen and (max-width: 1160px) { .doc-mob-tog-date-txt { font-size: 16px; line-height: 19px; } } .doc-mob-tog-date-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .doc-mob-tog-date-blk .doc-mob-tog-date { text-align: right; } .doc-mob-tog-capt-txt, .doc-dop-info-text { font-family: "SFProText-Regular"; font-size: 20px; line-height: 160%; letter-spacing: 0.01em; color: #000; } @media only screen and (max-width: 1160px) { .doc-mob-tog-capt-txt, .doc-dop-info-text { font-size: 16px; line-height: 22px; } } .doc-dop-info-text p { margin-top: 0; } .doc-mob-tog-data-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-align: self-start; -ms-flex-align: self-start; align-items: self-start; gap: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .doc-mob-tog-data-item:not(:last-child) { border-bottom: 1px solid #e8eaee; padding-bottom: 40px; } @media only screen and (max-width: 767px) { .doc-mob-tog-data-item:not(:last-child) { padding-bottom: 24px; } } .doc-mob-tog-data-item.without-border, .doc-mob-tog-data-item.last-without-border { border-bottom: 0; padding-bottom: 0; } @media only screen and (max-width: 767px) { .doc-mob-tog-data-item { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; padding-bottom: 30px; } } .doc-mob-tog-data-item.more-hiden-item { display: none; } .doc-mob-tog-data-item.show-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-more-show-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-show-more { background: #e8eaee; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 15px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; -webkit-border-radius: 200px; border-radius: 200px; cursor: pointer; font-size: 16px; line-height: 19px; color: #000; font-weight: 800; } .doc-m-tog-open [minus-b] { display: block; } .doc-m-tog-open [plus-b] { display: none; } .mob-rec-doc-btn-txt { font-family: "SFProText-Heavy"; font-size: 16px; line-height: 120%; text-align: center; color: #ffffff; } .mob-rec-doc-btn { height: 45px; -webkit-box-flex: 0; 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; cursor: pointer; } .mob-rec-doc-capt { margin-top: 10px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mob-rec-doc-capt-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; text-align: center; color: #adadad; } .choose-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .choose-cont { width: 100%; } } .choose-left { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 394px; } @media only screen and (max-width: 900px) { .choose-left { width: 343px; } } @media only screen and (max-width: 767px) { .choose-left { width: 100%; } } .choose-left-name-txt { font-family: "ObjectSans"; font-size: 24px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .choose-left-name-txt { font-size: 32px; line-height: 120%; } } .choose-left-scr { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .choose-l-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f8f9fa; -webkit-border-radius: 24px; border-radius: 24px; } .choose-l-item:not(:first-child) { margin-top: 30px; } @media only screen and (max-width: 767px) { .choose-l-item { background: #f8f9fa; -webkit-border-radius: 24px; border-radius: 24px; } } .choose-l-i-slider-blk { -webkit-border-radius: 20px; border-radius: 20px; position: relative; height: 394px; width: 100%; overflow: hidden; cursor: pointer; } @media only screen and (max-width: 900px) { .choose-l-i-slider-blk { height: 343px; } } .choose-l-i-bg { background-position: center; -webkit-background-size: cover; background-size: cover; width: 100%; height: 100%; font-size: 0; overflow: hidden; } .choose-l-i-bg img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .choose-l-i-slider { width: 100%; height: 100%; } .choose-l-i-bg-blk { width: 100%; height: 100%; position: relative; } @media only screen and (max-width: 767px) { .choose-l-i-bg-blk { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; } } .choose-l-i-more-capt-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 140%; text-align: center; color: #ffffff; } .choose-l-i-more { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.22); -webkit-box-flex: 0; 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; } .choose-pag-blk { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-left: 20px; padding-right: 20px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; } @media only screen and (max-width: 767px) { .choose-pag-blk { display: none; } } .choose-pag-item { width: calc(100% / 4); height: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 10px; padding-left: 3px; padding-right: 3px; } .choose-pag-line { width: 100%; background: #ffffff; -webkit-border-radius: 60px; border-radius: 60px; height: 3px; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .ch-pag-act .choose-pag-line { background: #db3170; } .choose-l-item-cont { -webkit-box-flex: 0; 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: 24px; padding: 0 24px; } @media only screen and (max-width: 767px) { .choose-l-item-cont { padding: 0 20px; } } .ch-rait { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 2px; } .ch-rait-ic { width: 13px; font-size: 0; margin-right: 5px; } .ch-rait-ic svg { width: 100%; height: 100%; } .ch-rait-ic svg path { -webkit-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .ch-rait-val-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .ch-l-item-name-txt { font-family: "SFProDisplay-Bold"; font-size: 18px; line-height: 120%; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .ch-l-item-name-txt { font-size: 16px; } } .ch-l-item-name { margin-top: 2px; } .ch-phone { font-size: 14px; line-height: 120%; color: #7e7e90; margin-top: 7px; margin-bottom: 15px; } @media only screen and (max-width: 900px) { .ch-phone { color: #db3170; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; font-weight: 600; } .ch-phone:before { content: ""; width: 24px; height: 24px; display: block; background-image: url("/img/phone_icon_clinics.svg"); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } } .ch-adress-txt { font-family: "SFProText-Regular"; font-size: 14px; line-height: 130%; color: #7e7e90; } .ch-adress { margin-top: 5px; } .ch-l-i-btn-blk { -webkit-box-flex: 0; display: grid; margin-top: 15px; grid-template-columns: 50% 50%; gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 24px 24px; } @media only screen and (max-width: 900px) { .ch-l-i-btn-blk { margin-top: 30px; } } @media only screen and (max-width: 767px) { .ch-l-i-btn-blk { padding: 0 20px 20px; } } .ch-l-i-btn-rec-txt { font-family: "SFProText-Semibold"; color: #fff; font-size: 14px; line-height: 17px; font-weight: 600; } .ch-l-i-btn-rec { background: #db3170; padding: 16px 28px; height: auto; max-width: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-border-radius: 200px; border-radius: 200px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media only screen and (max-width: 900px) { .ch-l-i-btn-rec { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .ch-l-i-btn-run { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; } .ch-l-i-btn-ic { width: 100%; font-size: 0; } .ch-l-i-btn-ic img { width: 100%; } .ch-hover-capt-txt { font-family: "SFProDisplay-Semibold"; color: #db3170; font-weight: 600; font-size: 14px; line-height: 17px; } .ch-hover-capt { padding: 16px 0; } .choose-left-name { margin-bottom: 40px; } .choose-left-name span { font-family: "ObjectSans"; font-size: 46px; line-height: 51px; color: #000000; font-weight: 800; } @media only screen and (max-width: 767px) { .choose-left-name { display: none; } } .choose-map-blk { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 40px; } @media only screen and (max-width: 1160px) { .choose-map-blk { margin-left: 20px; } } @media only screen and (max-width: 767px) { .choose-map-blk { display: none; position: fixed; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 5; margin-left: 0; top: 140px; } } .choose-map-section { position: -webkit-sticky; position: sticky; top: 0px; width: 100%; height: 569px; -webkit-border-radius: 20px; border-radius: 20px; } @media only screen and (max-width: 767px) { .choose-map-section { height: 100%; top: 0; -webkit-border-radius: 0px; border-radius: 0px; } } .choose-map { width: 100%; height: 100%; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; } @media only screen and (max-width: 767px) { .choose-map { height: 100%; -webkit-border-radius: 0px; border-radius: 0px; overflow: visible; } } .cluster span { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 140%; text-align: center; color: #ffffff; display: block; margin-top: 17px; } .act-map-id .ch-l-item-name-txt, .act-map-id .ch-rait-val-txt { color: #db3170; } .act-map-id .ch-rait-ic svg path { fill: #db3170; } .ch-time { background: #fff3f8; -webkit-border-radius: 10px; border-radius: 10px; padding: 6px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 10px; padding-right: 10px; } .ch-time-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 20px; color: #db3170; } .ch-time-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .ch-time-blk + div { margin-top: 10px; } .up-reg { font-size: 10px; } .ch-time-item { height: 20px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .choose-mob-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; color: #000; } .choose-mob-capt { display: none; } @media only screen and (max-width: 767px) { .choose-mob-capt { display: block; margin-top: 10px; } } .mob-map-btn-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 130%; text-align: right; color: #ffffff; } .mob-map-ic { width: 16px; font-size: 0; margin-left: 5px; } .mob-map-ic img { width: 100%; } .mob-map-btn { padding-left: 18px; padding-right: 18px; padding-top: 15px; padding-bottom: 15px; background: #db3170; -webkit-border-radius: 60px; border-radius: 60px; margin-left: auto; margin-right: auto; } .mob-map-btn-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .mob-map-btn { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } [map-click] { display: none; } @media only screen and (max-width: 767px) { [map-click] { display: block; position: fixed; z-index: 2; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .choose-map-inf-mob-blk { display: none; } @media only screen and (max-width: 767px) { .choose-map-inf-mob-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; bottom: 15em; } } .choose-map-slider-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .choose-map-slider { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 136px; width: 100%; } .choo-map-slide-item { width: 100%; height: 100%; background: #ffffff; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .swiper-slide .ch-phone { color: #db3170; font-weight: 600; } .choo-map-mob-img { height: 100%; width: 120px; background-position: center; -webkit-background-size: cover; background-size: cover; } .choo-inf-mob-item { -webkit-box-flex: 0; 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-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ch-time-mob-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ch-time-mob-blk + div { margin-top: 6px; } .ch-time-mob-ic { width: 16px; font-size: 0; margin-right: 3px; } .ch-time-mob-ic img { width: 100%; } .ch-time-mob-capt-txt { font-family: "SFProText-Semibold"; font-size: 12px; line-height: 130%; color: #db3170; } [list-click] { position: absolute; bottom: calc(100% + 10px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .choose-zoom-mob { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .choose-zoom-mob-btn { -webkit-box-flex: 0; 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; padding-left: 8px; padding-right: 8px; padding-top: 10px; padding-bottom: 10px; position: relative; cursor: pointer; } .choose-zoom-mob-btn:not(:first-child):after { content: ""; position: absolute; width: calc(100% - 12px); height: 1px; top: 0; left: 6px; background: rgba(0, 0, 0, 0.07); } .choose-zoom-mob-ic { width: 24px; font-size: 0; } .choose-zoom-mob-ic img { width: 100%; } .choose-zoom-mob { background: #ffffff; -webkit-border-radius: 10px; border-radius: 10px; } .choose-mob-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: 37px; right: 30px; z-index: 2; } @media only screen and (max-width: 767px) { .choose-mob-conf { bottom: auto; top: 20px; right: 20px; } } .choose-mob-geolocate { cursor: pointer; width: 42px; height: 42px; -webkit-border-radius: 100px; border-radius: 100px; background: #fff; -webkit-box-flex: 0; 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; margin-top: 12px; } .choose-geolocate-ic { width: 20px; font-size: 0; } .choose-geolocate-ic img { width: 100%; } .clinic-top { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .clinic-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .clinic-left { -webkit-box-flex: 0; 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-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 1160px) { .clinic-left { width: 100%; } } .clinic-back-btn-ic { font-size: 0; margin-right: 15px; background: #f4f4f7; width: 36px; height: 36px; -webkit-border-radius: 100%; border-radius: 100%; 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; } .clinic-back-btn-ic img { width: 17px; } .clinic-back-capt-txt { font-family: "SFProDisplay-Semibold"; font-size: 18px; line-height: 130%; color: #000000; } @media only screen and (max-width: 767px) { .clinic-back-capt-txt { font-size: 16px; } } .clinil-top-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; gap: 40px; } .clinic-name-txt { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; color: #000000; margin: 0; } @media only screen and (max-width: 767px) { .clinic-name-txt { font-size: 36px; line-height: 120%; } } .clinic-back-btn { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clinic-name { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .clinic-name { margin-top: 15px; } } .clinic-adress { max-width: 370px; width: 100%; } .clinic-adress span:first-child { display: block; margin-bottom: 10px; } .clinic-adress span:first-child i { color: #a9afb5; font-size: 16px; line-height: 19px; font-weight: 500; font-style: normal; } .clinic-adress span:first-child svg { display: none; } @media only screen and (max-width: 767px) { .clinic-adress span:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .clinic-adress span:first-child svg { display: block; min-width: 13px; max-width: 13px; min-height: 14px; max-height: 14px; } } .clinic-adress span:first-child i.mob-text { display: none; } @media only screen and (max-width: 767px) { .clinic-adress span:first-child i { font-size: 14px; line-height: 17px; } .clinic-adress span:first-child i.desc-text { display: none; } .clinic-adress span:first-child i.mob-text { display: block; font-weight: 800 !important; color: #db3170 !important; font-size: 18px !important; line-height: 19px !important; } } .clinic-adress-txt { font-family: "SFProDisplay-Semibold"; font-size: 18px; line-height: 130%; color: #000000; } @media only screen and (max-width: 1160px) { .clinic-adress-txt { font-size: 14px; line-height: 17px; } } .clinic-work-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media only screen and (max-width: 767px) { .clinic-work-conf { width: calc(100% + 24px); } } .c-work-i-title.clinic { margin: 30px 0 20px; } @media only screen and (max-width: 767px) { .c-work-i-title.clinic { margin: 20px 0 10px; } .c-work-i-title.clinic span.c-work-i-title-txt { font-family: SFProText-Medium !important; } } .c-work-item { -webkit-box-flex: 0; 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: start; -ms-flex-pack: start; justify-content: flex-start; width: calc(50% - 24px); } .c-work-item:nth-child(n + 3) { margin-top: 30px; } @media only screen and (max-width: 767px) { .c-work-item:nth-child(n + 3) { margin-top: 0; } } .c-work-item:nth-child(n + 4) { margin-top: 67px; } @media only screen and (max-width: 767px) { .c-work-item:nth-child(n + 4) { margin-top: 0; } } @media only screen and (max-width: 767px) { .c-work-item:nth-child(even) { margin-left: 12px; } } @media only screen and (max-width: 767px) { .c-work-item { margin-left: 12px; margin-right: 12px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 15px; } } .clinic-name-txt-tag { color: #db3170; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-top: 10px; } @media only screen and (max-width: 767px) { .clinic-name-txt-tag { font-size: 14px; } } .clinic-name--new { color: #b53162; font-family: "SFProDisplay-Bold"; background-color: #f8eaef; font-size: 18px; line-height: 16px; margin-left: 13px; display: inline-block; padding: 8px 12px; -webkit-border-radius: 7px; border-radius: 7px; } @media only screen and (max-width: 767px) { .clinic-name--new { margin-left: auto; } } @media only screen and (max-width: 767px) { .disp-width { width: 144px; } } @media only screen and (max-width: 767px) { .work-width { width: calc(100% - 144px - 36px); margin-right: 0; } } .c-work-i-title-txt { font-family: "SFProDisplay-Heavy"; font-size: 18px; line-height: 120%; letter-spacing: 0.01em; color: #1f1f29; } @media only screen and (max-width: 767px) { .c-work-i-title-txt { font-size: 16px; line-height: 19px; color: #a9afb5; } } .c-work-i-title + .c-work-i-capt { margin-top: 15px; } @media only screen and (max-width: 767px) { .c-work-i-title + .c-work-i-capt { margin-top: 10px; } } .c-work-i-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 120%; color: #1f1f29; opacity: 0.4; } .c-work-i-capt-txt.desk { display: block; } @media only screen and (max-width: 767px) { .c-work-i-capt-txt.desk { display: none; } } .c-work-i-capt-txt.mob { display: none; } @media only screen and (max-width: 767px) { .c-work-i-capt-txt.mob { display: block; } } @media only screen and (max-width: 767px) { .c-work-i-capt-txt { font-size: 14px; line-height: 120%; } } .c-work-i-capt.tel .c-work-i-capt-txt { color: #db3170; font-weight: 600; opacity: 1; } @media only screen and (max-width: 1160px) { .c-work-i-capt.tel .c-work-i-capt-txt { font-size: 14px; } } @media only screen and (max-width: 767px) { .c-work-i-capt.tel .c-work-i-capt-txt { color: #000; } } .c-work-i-capt.tel .c-work-i-title span.c-work-i-title-txt { color: #db3170; font-size: 16px; font-weight: 500; margin-bottom: 10px; display: block; font-family: unset; } @media only screen and (max-width: 767px) { .c-work-i-capt.tel .c-work-i-title span.c-work-i-title-txt { color: #a9afb5; font-size: 14px; line-height: 17px; } } .c-work-full { width: 100%; } .c-work-i-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .c-work-i-gray-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; color: #000000; opacity: 0.4; } @media only screen and (max-width: 767px) { .c-work-i-gray-capt-txt { font-size: 13px; line-height: 140%; } } .c-work-i-gray { margin-top: 5px; } @media only screen and (max-width: 767px) { .c-work-i-gray { margin-top: 2px; } } .c-work-pink-capt { margin-top: 20px; background: #fff3f8; -webkit-border-radius: 10px; border-radius: 10px; padding: 7px; padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 767px) { .c-work-pink-capt { margin-top: 20px; } } .c-work-pink-capt-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .c-work-pink-capt-blk { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .c-work-pink-capt-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 130%; color: #db3170; line-height: 13px; } @media only screen and (max-width: 767px) { .c-work-pink-capt-txt { font-size: 14px; line-height: 130%; } } .c-work-p-capt-size { height: 21px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .c-work-p-capt-size { height: auto; margin-top: -3px; } } .c-work-btn-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; } .c-work-btn-blk.mob { display: none; } @media only screen and (max-width: 767px) { .c-work-btn-blk.mob { display: block; } .c-work-btn-blk.desc { display: none; } } .c-work-rec-btn { padding: 20px 32px; -webkit-border-radius: 75px; border-radius: 75px; } @media only screen and (max-width: 767px) { .c-work-rec-btn { width: 100%; padding: 13px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .c-work-gray-btn-capt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; color: #000000; } .c-work-gray-btn-capt--mob { display: none; } @media only screen and (max-width: 767px) { .c-work-gray-btn-capt { display: none; } .c-work-gray-btn-capt--mob { display: block; font-size: 14px; font-weight: 600; color: #adadad; } } .c-work-gray-btn { margin-left: 20px; padding: 17px 32px; padding-left: 20px; padding-right: 20px; background: rgba(238, 239, 241, 0.7); -webkit-border-radius: 50px; border-radius: 50px; } @media only screen and (max-width: 767px) { .c-work-gray-btn { padding: 0; background: transparent; border-bottom: 1px solid #adadad; -webkit-border-radius: 0; border-radius: 0; margin: 10px 0 0 0; } } .clinic-right { width: 380px; height: 380px; position: relative; margin-top: 100px; } .clinic-right.mob { display: none; } @media only screen and (max-width: 1160px) { .clinic-right { width: 272px; height: 272px; } } @media only screen and (max-width: 767px) { .clinic-right { width: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .clinic-right .clin-slider-blk { width: 272px; height: 272px; } .clinic-right.desc { display: none; } .clinic-right.mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } .clinic-right .swiper-container { overflow: visible; position: relative; } .clinic-right .swiper-container:before { content: ""; width: 100%; height: 100%; position: absolute; left: -20px; top: -15px; background: #fff3f8; z-index: 3; -webkit-border-radius: 35px; border-radius: 35px; } .clinic-right .c-slide-work-img { -webkit-border-radius: 40px; border-radius: 40px; -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); position: relative; z-index: 5; } .clinic-right .c-slide-work-img img { -webkit-border-radius: 40px; border-radius: 40px; } .c-rait { width: 125px; height: 125px; z-index: 2; } @media only screen and (max-width: 767px) { .c-rait { width: 74px; height: 74px; } } .c-slider-work { width: 100%; height: 100%; z-index: 1; } .c-slide-work-img { position: relative; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; -webkit-border-radius: 1000px; border-radius: 1000px; font-size: 0; overflow: hidden; } .c-slide-work-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .clin-slider-blk { width: 100%; height: 100%; -webkit-border-radius: 1000px; border-radius: 1000px; position: relative; } .clin-slider-blk .doc-i-load { z-index: 2; } .no-anim-circle { -webkit-transition: 0s !important; -o-transition: 0s !important; transition: 0s !important; } .c-i-slide-old-val-txt { font-family: "ObjectSans"; font-size: 52px; line-height: 85%; color: #22744f; } @media only screen and (max-width: 767px) { .c-i-slide-old-val-txt { font-size: 28px; line-height: 85%; } } .c-i-slide-old-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 130%; color: #22744f; } @media only screen and (max-width: 767px) { .c-i-slide-old-capt-txt { font-size: 12px; line-height: 130%; } } .c-i-slide-old-val { margin-top: 3px; } [clin-desk] { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } [clin-mob] { display: none; } .clin-slider-mob-blk { width: 540px; height: 540px; position: relative; margin-left: auto; margin-right: auto; margin-top: 30px; } @media only screen and (max-width: 767px) { .clin-slider-mob-blk { width: calc(100vw - 32px); height: calc(100vw - 32px); margin-top: 30px; } } .work-top-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { [z-work="1"] { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 767px) { [z-work="2"] { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 767px) { [z-work="3"] { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (max-width: 767px) { [z-work="4"] { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media only screen and (max-width: 767px) { [z-work="5"] { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } @media only screen and (max-width: 767px) { [z-work="6"] { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media only screen and (max-width: 767px) { [z-work="7"] { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } } @media only screen and (max-width: 767px) { [z-work="8"] { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } } @media only screen and (max-width: 767px) { [z-work="9"] { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } } @media only screen and (max-width: 767px) { [z-work="10"] { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } } /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*рекурсия с повышением*/ /*начальеое значение цикла*/ .clinic-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .clinic-head { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } } .c-work-gray-btn-mob { display: none; } @media only screen and (max-width: 767px) { .c-work-gray-btn-mob { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } } .c-work-gray-btn-mob-capt-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; color: #adadad; } .c-work-gray-btn-mob-capt { position: relative; } .c-work-gray-btn-mob-capt:after { content: ""; position: absolute; width: 100%; height: 1px; background: #adadad; bottom: -5px; left: 0; } .search-head { position: absolute; top: 0; left: 0; width: 100%; height: 128px; background: #fff; z-index: 4; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media only screen and (max-width: 1160px) { .search-head { top: 100%; height: auto; display: none; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: -1px; padding-top: 10px; padding-bottom: 10px; } } .search-vis { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .search-blk { height: 100%; position: relative; } .search-ic { width: 24px; font-size: 0; } @media only screen and (max-width: 767px) { .search-ic { width: 14px; } } .search-ic img { width: 100%; } .search-h-inp { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; caret-color: #db3170; } @media only screen and (max-width: 767px) { .search-h-inp { font-size: 20px; line-height: 120%; } } .search-inp-blk { position: relative; margin-left: 16px; -ms-flex: 1; flex: 1; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .search-inp-blk { margin-left: 6px; } } .search-plh-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #d7d7d7; } @media only screen and (max-width: 767px) { .search-plh-txt { font-size: 20px; line-height: 120%; } } .search-plh { position: absolute; top: 2px; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; } .search-ic-blk { -webkit-box-flex: 0; 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; height: 100%; } @media only screen and (max-width: 767px) { .search-ic-blk { width: 20px; height: 20px; } } .search-cross-ic { width: 36px; font-size: 0; } @media only screen and (max-width: 767px) { .search-cross-ic { width: 20px; } } .search-cross-ic img { width: 100%; } .search-cross-blk { cursor: pointer; opacity: 0; pointer-events: none; } .search-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } @media only screen and (max-width: 1160px) { .search-cont { padding-bottom: 6px; height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (max-width: 767px) { .search-cont { border: none; padding-bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .search-popup { border-top: 1px solid rgba(173, 173, 173, 0.3); display: none; position: absolute; top: 100%; left: 0; background: #fefefe; -webkit-border-radius: 0px 0px 30px 30px; border-radius: 0px 0px 30px 30px; width: 346px; } @media only screen and (max-width: 1160px) { .search-popup { width: calc(100% + 32px); margin-left: -16px; border-top: none; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; overflow: hidden; } } .search-p-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; padding-left: 30px; padding-right: 30px; } @media only screen and (max-width: 767px) { .search-p-cont { padding-left: 16px; padding-right: 16px; max-height: 200px; padding-bottom: 0; position: relative; overflow: hidden; } .search-p-cont::before { content: ""; width: 100%; height: 26px; background: -webkit-gradient(linear, left bottom, left top, color-stop(-25%, #ffffff), color-stop(175%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, #ffffff -25%, rgba(255, 255, 255, 0) 175%); background: -o-linear-gradient(bottom, #ffffff -25%, rgba(255, 255, 255, 0) 175%); background: linear-gradient(0deg, #ffffff -25%, rgba(255, 255, 255, 0) 175%); position: absolute; left: 0; bottom: -7px; } } .s-p-head-title-txt { font-family: "SFProDisplay-Bold"; font-size: 20px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #d7d7d7; } @media only screen and (max-width: 767px) { .s-p-head-title-txt { font-size: 16px; line-height: 120%; } } .search-p-cont-blk { -webkit-box-flex: 0; 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: 15px; } @media only screen and (max-width: 767px) { .search-p-cont-blk.smooth-scroll-act:after { content: ""; position: absolute; width: 100%; height: 26px; bottom: -8px; left: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(-25%, #ffffff), color-stop(175%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, #ffffff -25%, rgba(255, 255, 255, 0) 175%); background: -o-linear-gradient(bottom, #ffffff -25%, rgba(255, 255, 255, 0) 175%); background: linear-gradient(0deg, #ffffff -25%, rgba(255, 255, 255, 0) 175%); } } .search-p-cont-blk .scrollbar-thumb { width: 3px; background: #adadad; opacity: 0.3; -webkit-border-radius: 4px; border-radius: 4px; } .search-p-cont-blk .scrollbar-track-y { width: 3px; background: none; } .search-mess-item-txt { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000000; } @media only screen and (max-width: 767px) { .search-mess-item-txt { font-size: 16px; line-height: 120%; } } .search-mess-item:not(:first-child) { margin-top: 13px; } @media only screen and (max-width: 767px) { .search-mess-item:last-child { padding-bottom: 20px; } } .s-purp { color: #db3170; } .s-p-none-title-txt { font-family: "SFProDisplay-Bold"; font-size: 20px; line-height: 120%; text-align: center; color: #000000; } @media only screen and (max-width: 767px) { .s-p-none-title-txt { font-size: 16px; } } .s-p-none-title { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bot-quest-txt { font-family: "SFProText-Heavy"; font-size: 16px; line-height: 120%; text-align: center; color: #ffffff; } .bot-quest { padding: 13px; padding-left: 25px; padding-right: 25px; } .bot-quest-btn-blk { margin-top: 20px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .overlay-search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 3; display: none; } @media only screen and (max-width: 767px) { .s-none-blk { padding-bottom: 20px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cross-s-vis { opacity: 1; pointer-events: auto; } .arr-back-search { display: none; width: 24px; font-size: 0; } .arr-back-search img { width: 100%; } .no-vis-h { opacity: 0; pointer-events: none; } .s-p-title-txt { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .s-p-title-txt { font-size: 36px; line-height: 120%; } } .s-p-pink .s-p-title-txt { color: #db3170; } .s-p-tabs { margin-top: 30px; } @media only screen and (max-width: 767px) { .s-p-tabs { margin-top: 15px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .s-p-tabs .uslug-two-tab-blk { width: 100%; } } .s-p-tabs .uslug-two-tab-item { width: auto; } @media only screen and (max-width: 767px) { .s-p-tabs .uslug-two-tab-item { width: calc(50% - 1px); } } .s-p-tabs .uslug-two-tab-item svg path { fill: #838389; -webkit-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .s-p-tabs .uslug-two-tab-item.usl-tab-act svg path { fill: #b53162; } .s-p-tab-ic { margin-right: 10px; font-size: 0; } .s-p-tab-ic svg { height: 100%; width: 100%; } .s-p-ic-all { width: 19px; } .s-p-ic-child { width: 17px; } .s-p-ic-old { width: 19px; } .s-p-content { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .s-p-content .doctors-blk { margin-top: 40px; } .s-p-content .more-docs-mob-btn { margin-top: 20px; } } .slide-s-p[usl-size="small"] { width: calc(1120px / 100 * 25 - 40px) !important; } @media only screen and (max-width: 1160px) { .slide-s-p[usl-size="small"] { width: calc(25% - 20px) !important; } } @media only screen and (max-width: 767px) { .slide-s-p[usl-size="small"] { padding-left: 16px; width: calc(100% - 32px) !important; margin-left: 16px; } } .slide-s-p[usl-size="big-s"] { width: calc(1120px / 100 * 50 - 40px) !important; } @media only screen and (max-width: 1160px) { .slide-s-p[usl-size="big-s"] { width: calc(50% - 20px) !important; } } @media only screen and (max-width: 767px) { .slide-s-p[usl-size="big-s"] { padding-left: 16px; width: calc(100% - 32px) !important; margin-left: 16px; } } .slide-s-p[usl-size="big"] { width: calc(1120px / 100 * 50 - 40px) !important; } @media only screen and (max-width: 1160px) { .slide-s-p[usl-size="big"] { width: calc(50% - 20px) !important; } } @media only screen and (max-width: 767px) { .slide-s-p[usl-size="big"] { padding-left: 16px; width: calc(100% - 32px) !important; margin-left: 16px; } } .s-p-slider { width: calc(100% + 40px); padding-top: 30px !important; margin-left: -40px !important; } @media only screen and (max-width: 767px) { .s-p-slider { padding-top: 15px !important; width: calc(100% + 32px); margin-left: -16px !important; } .s-p-slider .swiper-wrapper { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .s-p-more-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .s-p-more-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; } .s-p-more-item { width: calc(100% / 3 - 37px / 3 * 2); } .s-p-more-item:not(:first-child) { margin-left: 37px; } @media only screen and (max-width: 767px) { .s-p-more-item:not(:first-child) { margin-left: 0; margin-top: 20px; } } .s-p-more-item:nth-child(3n + 4) { margin-left: 0; } .s-p-more-item:nth-child(n + 4) { margin-top: 37px; } @media only screen and (max-width: 767px) { .s-p-more-item { width: 100%; margin-left: 0; } .s-p-more-item .i-news-poster { height: 61vw; } } .i-news-perc { -webkit-box-flex: 0; 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; background: rgba(219, 49, 112, 0.1); -webkit-border-radius: 20px; border-radius: 20px; } .i-perc-val-txt { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; text-align: right; color: #db3170; } .i-date-news { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .i-date-news-capt-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; color: #adadad; } @media only screen and (max-width: 767px) { .i-date-news-capt-txt { font-weight: 600; font-size: 14px; } } .i-date-news-ic { margin-right: 6px; width: 20px; font-size: 0; } @media only screen and (max-width: 767px) { .i-date-news-ic { width: 16px; } } .i-date-news-ic img { width: 100%; } .more-s-p-btn { margin-top: 60px; } @media only screen and (max-width: 767px) { .more-s-p-btn { margin-top: 30px; } } .s-p-head + .s-p-content { margin-top: 80px; } .doc-i-dir { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .doc-i-dir-title-txt { font-family: "ObjectSans"; font-size: 46px; line-height: 120%; text-align: center; color: #000000; } @media only screen and (max-width: 767px) { .doc-i-dir-title-txt { font-size: 36px; line-height: 120%; text-align: left; } } .doc-i-dir-title { display: block; } .doc-i-dir-content { margin-top: 40px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media only screen and (max-width: 900px) { .doc-i-dir-content { padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 767px) { .doc-i-dir-content { padding: 30px; padding-left: 20px; padding-right: 20px; margin-top: 30px; -webkit-border-radius: 20px; border-radius: 20px; } } @media only screen and (max-width: 369px) { .doc-i-dir-content { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .doc-i-dir-content .s-p-ic-old { width: 16px; } } @media only screen and (max-width: 767px) { .doc-i-dir-content .s-p-ic-child { width: 21px; } } .doc-i-dir-content .dir-search { height: 50px; width: 265px; } @media only screen and (max-width: 767px) { .doc-i-dir-content .dir-search { width: 100%; max-width: 100%; height: 45px; } } .doc-i-dir-content .dir-search .usl-plh-n-txt { color: #adadad; } .doc-i-dir-content .dir-search .u-s-n-loop { width: 24px; height: 24px; } .doc-i-dir-content .dir-search .s-new-inp, .doc-i-dir-content .dir-search .usl-plh-n-txt { font-size: 20px; line-height: 120%; } @media only screen and (max-width: 767px) { .doc-i-dir-content .dir-search .s-new-inp, .doc-i-dir-content .dir-search .usl-plh-n-txt { font-size: 18px; } } .doc-i-dir-content .dir-search .usl-n-cross { width: 24px; } .doc-i-dir-cont-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 767px) { .doc-i-dir-cont-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .dir-tabs .uslug-two-tab-item, .price-tabs .uslug-two-tab-item { width: auto; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .dir-tabs .uslug-two-tab-item, .price-tabs .uslug-two-tab-item { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 10px; } .dir-tabs .uslug-two-tab-item .uslug-tab-item-txt, .price-tabs .uslug-two-tab-item .uslug-tab-item-txt { font-size: 14px; } } .dir-tabs .uslug-two-tab-item svg path, .price-tabs .uslug-two-tab-item svg path { fill: #838389; } .dir-tabs .uslug-two-tab-item.usl-tab-act, .price-tabs .uslug-two-tab-item.usl-tab-act { background: #db3170; } .dir-tabs .uslug-two-tab-item.usl-tab-act .s-p-tab-ic svg path, .price-tabs .uslug-two-tab-item.usl-tab-act .s-p-tab-ic svg path { fill: #fff; } @media only screen and (max-width: 767px) { .dir-tabs, .price-tabs { margin-top: 20px; width: 100%; } } .price-tabs .uslug-two-tab-item { background: #fff; } .doc-dir-clin-col { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .doc-dir-clin-col:not(:first-child) { margin-top: 26px; } } .doc-dir-clinic { -webkit-box-flex: 0; display: grid; grid-auto-flow: column; gap: 25px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 35px; grid-template-columns: repeat(3, minmax(10rem, auto)); } @media only screen and (max-width: 767px) { .doc-dir-clinic { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; } } .doc-dir-clin-item-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; font-family: "SFProDisplay-Semibold"; font-size: 20px; line-height: 145%; letter-spacing: 0.01em; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .doc-dir-clin-item-txt img.hover-img { opacity: 0; max-width: 30px; } .doc-dir-clin-item-txt:hover img.hover-img { opacity: 1; } @media only screen and (max-width: 900px) { .doc-dir-clin-item-txt { font-size: 18px; } } @media only screen and (max-width: 767px) { .doc-dir-clin-item-txt { font-size: 20px; line-height: 145%; letter-spacing: 0.01em; } } .doc-dir-clin-item-capt { padding: 8px 20px; -webkit-border-radius: 900px; border-radius: 900px; margin-left: -20px; } .doc-dir-clin-item-capt:hover { background: #f4f4f7; } .doc-dir-clin-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; max-width: 100%; } @media only screen and (max-width: 767px) { .doc-dir-clin-item:not(:first-child) { margin-top: 26px; } } .doc-dir-clin-item.hidden { display: none; } .dir-s-p-btn { position: absolute; bottom: -26px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .dir-s-p-btn .more-usl-capt-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 150%; } @media only screen and (max-width: 767px) { .dir-s-p-btn { -webkit-transform: none; -ms-transform: none; transform: none; margin-left: auto; margin-right: auto; margin-top: 31px; } .dir-s-p-btn.p-btn { position: static; } } .price-tabs-top { width: 100%; -webkit-box-flex: 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .price-tabs-top { width: calc(100% + 16px); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .price-tabs-top:after { -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; pointer-events: none; width: 57px; background: -webkit-linear-gradient(180.07deg, #ffffff -2.86%, rgba(255, 255, 255, 0) 99.94%); background: -o-linear-gradient(180.07deg, #ffffff -2.86%, rgba(255, 255, 255, 0) 99.94%); background: linear-gradient(269.93deg, #ffffff -2.86%, rgba(255, 255, 255, 0) 99.94%); } .price-tabs-top .scrollbar-track { display: none !important; } } .price-tabs-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .price-tabs-blk { padding-right: 16px; } } .pink-tab-item-txt { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 767px) { .pink-tab-item-txt { font-size: 16px; line-height: 120%; } } .pink-tab-item { min-width: 140px; -webkit-box-flex: 0; 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; background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 90px; border-radius: 90px; height: 45px; padding-left: 15px; padding-right: 15px; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; cursor: pointer; } @media only screen and (max-width: 767px) { .pink-tab-item { height: 36px; min-width: 107px; } } .pink-tab-item:not(:first-child) { margin-left: 10px; } .p-act { background: #db3170; } .p-act .pink-tab-item-txt { color: #ffffff; } .price-title { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } @media only screen and (max-width: 767px) { .price-title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .price-title-txt { text-align: center; font-family: "ObjectSans"; font-size: 66px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .price-title-txt { font-size: 32px; line-height: 100%; text-align: left; } } .price-content { -webkit-box-flex: 0; 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: 40px; background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 40px; border-radius: 40px; padding: 80px; padding-top: 60px; padding-bottom: 40px; } @media only screen and (max-width: 767px) { .price-content { margin-top: 30px; padding: 20px; padding-bottom: 30px; -webkit-border-radius: 20px; border-radius: 20px; } } .price-search { width: 100%; height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .price-search { width: 100%; max-width: 100%; height: 45px; margin-bottom: 15px; } } .price-search .s-new-inp, .price-search .usl-plh-n-txt { font-size: 24px; line-height: 120%; } @media only screen and (max-width: 767px) { .price-search .s-new-inp, .price-search .usl-plh-n-txt { font-size: 16px; } } .price-search .u-s-n-loop, .price-search .usl-n-cross { width: 24px; } .price-tags { margin-top: 20px; } .price-tags .uslug-list-tag { background: #fff; margin-left: 0; } .price-tags .uslug-list-tag-togg-blk { width: 215px; } .price-tags .uslug-two-tab-item.usl-tab-act { background: #ffe5ef; } @media only screen and (max-width: 767px) { .price-tags { -webkit-box-flex: 0; 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: 0; } .price-tags .s-new-inp { font-size: 16px; line-height: 120%; } .price-tags .u-s-n-loop { margin-right: 5px; } } .price-cont-inf { -webkit-box-flex: 0; 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: 60px; } @media only screen and (max-width: 767px) { .price-cont-inf { margin-top: 30px; } } .price-c-inf-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .price-c-i-item-title-txt { font-family: "SFProDisplay-Bold"; font-size: 32px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .price-c-i-item-title-txt { font-size: 24px; line-height: 145%; letter-spacing: 0.01em; } } .price-i-i-item-capt-txt { font-family: "SFProDisplay-Semibold"; font-size: 24px; line-height: 145%; letter-spacing: 0.01em; color: #000000; } @media only screen and (max-width: 767px) { .price-i-i-item-capt-txt { font-size: 16px; line-height: 145%; letter-spacing: 0.01em; } } .price-i-i-item-val-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; text-align: right; color: #000000; } @media only screen and (max-width: 767px) { .price-i-i-item-val-txt { font-size: 18px; line-height: 120%; } } .price-c-i-inf { -webkit-box-flex: 0; 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: 40px; } @media only screen and (max-width: 767px) { .price-c-i-inf { margin-top: 20px; } } .price-i-i-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 30px; } @media only screen and (max-width: 767px) { .price-i-i-item { padding-bottom: 15px; } } .price-i-i-item:not(:first-child) { padding-top: 30px; } @media only screen and (max-width: 767px) { .price-i-i-item:not(:first-child) { padding-top: 15px; } } .price-i-i-item:not(:last-child) { border-bottom: 1px solid rgba(173, 173, 173, 0.2); } .price-i-i-item-capt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 25px; } @media only screen and (max-width: 767px) { .price-i-i-item-capt { padding-right: 15px; } } .price-i-i-item-val { margin-left: auto; } .price-more-usl-btn { margin-top: 30px; } @media only screen and (max-width: 767px) { .price-more-usl-btn { margin-top: 15px; } } .price-pink-blk { margin-top: 120px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff3f8; -webkit-border-radius: 30px; border-radius: 30px; padding-top: 44px; padding-bottom: 44px; padding-right: 100px; } @media only screen and (max-width: 1030px) { .price-pink-blk { padding-right: calc((100vw - 768px) / ((1030 - 768) / (100 - 20)) + 20px); } } @media only screen and (max-width: 768px) { .price-pink-blk { padding-right: 20px; } } @media only screen and (max-width: 767px) { .price-pink-blk { margin-top: 84px; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px; } } .price-pink-img-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 30px; padding-left: 30px; } .price-pink-img { width: 380px; font-size: 0; } @media only screen and (max-width: 1030px) { .price-pink-img { width: calc((100vw - 768px) / ((1030 - 768) / (380 - 270)) + 270px); } } @media only screen and (max-width: 768px) { .price-pink-img { width: 270px; } } @media only screen and (max-width: 767px) { .price-pink-img { position: absolute; right: -30px; top: -65px; width: 110px; } } .price-pink-img img { width: 100%; } .price-pink-inf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 454px; } @media only screen and (max-width: 767px) { .price-pink-inf { max-width: 100%; } } .price-pink-inf-title-txt { font-family: "ObjectSans"; font-size: 48px; line-height: 105%; color: #db3170; } @media only screen and (max-width: 767px) { .price-pink-inf-title-txt { font-size: 26px; line-height: 120%; } } .price-pink-inf-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.01em; color: #db3170; } @media only screen and (max-width: 767px) { .price-pink-inf-capt-txt { font-size: 16px; line-height: 140%; letter-spacing: 0.01em; } } .price-pink-btn-txt { font-family: "SFProDisplay-Bold"; font-size: 16px; line-height: 135%; text-align: center; letter-spacing: 0.02em; color: #ffffff; } .price-pink-btn-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; } .price-pink-btn { height: 45px; padding-left: 46px; padding-right: 46px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .price-pink-btn { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 369px) { .price-pink-btn { padding-left: 30px; padding-right: 30px; } } .price-pink-inf-capt { margin-top: 20px; } @media only screen and (max-width: 767px) { .price-pink-inf-capt { margin-top: 10px; padding-right: 110px; } } @media only screen and (max-width: 496px) { .price-pink-inf-capt { padding-right: 0; } } .price-pink-inf-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .price-pink-inf-head { position: relative; padding-right: 110px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767px) { .price-list-tag .uslug-list-tag-togg { width: 100%; } .price-list-tag .uslug-list-tag-togg .uslug-list-tag-togg-blk { width: 100%; } } .promo-green-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 80px; padding-top: 60px; position: relative; } @media only screen and (max-width: 1160px) { .promo-green-blk { padding: 40px; } } @media only screen and (max-width: 767px) { .promo-green-blk { padding: 20px; padding-top: 30px; } } .promo-green-blk:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #22744f; -webkit-border-radius: 40px; border-radius: 40px; z-index: -1; max-height: 768px; } @media only screen and (max-width: 900px) { .promo-green-blk:after { max-height: 879px; -webkit-border-radius: 20px; border-radius: 20px; } } .promo-green-title-txt { font-size: 85px; line-height: 105%; color: #ffffff; margin: 0; font-family: "ObjectSans"; } @media only screen and (max-width: 900px) { .promo-green-title-txt { font-size: 36px; line-height: 120%; } } .promo-g-capt-txt { font-family: "SFProText-Regular"; font-size: 20px; line-height: 130%; letter-spacing: 0.01em; color: #ffffff; } @media only screen and (max-width: 900px) { .promo-g-capt-txt { font-size: 16px; line-height: 140%; } } .promo-g-capt-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 22px; } @media only screen and (max-width: 900px) { .promo-g-capt-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 10px; } } .promo-col { width: calc(50% - 15px); } @media only screen and (max-width: 1160px) { .promo-col { width: calc(50% - 10px); } } @media only screen and (max-width: 900px) { .promo-col { width: 100%; } } .promo-col:not(:first-child) { margin-left: 30px; } @media only screen and (max-width: 1160px) { .promo-col:not(:first-child) { margin-left: 20px; } } @media only screen and (max-width: 900px) { .promo-col:not(:first-child) { margin-left: 0; } } @media only screen and (max-width: 900px) { .promo-g-capt-item:not(:first-child) { margin-top: 20px; } } .promo-g-capt-item:first-child { padding-right: 30px; } @media only screen and (max-width: 900px) { .promo-g-capt-item:first-child { padding-right: 0; } } .promo-g-capt-item:last-child { padding-left: 30px; } @media only screen and (max-width: 900px) { .promo-g-capt-item:last-child { padding-left: 0; } } .promo-section { -webkit-box-flex: 0; 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: 70px; } @media only screen and (max-width: 900px) { .promo-section { margin-top: 60px; } } .promo-item-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .promo-item-blk:not(:first-child) { margin-top: 30px; } @media only screen and (max-width: 1160px) { .promo-item-blk:not(:first-child) { margin-top: 20px; } } @media only screen and (max-width: 900px) { .promo-item-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .promo-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; background: #ffffff; -webkit-box-shadow: 0px 20.5714px 42.8571px rgba(0, 0, 0, 0.07); box-shadow: 0px 20.5714px 42.8571px rgba(0, 0, 0, 0.07); -webkit-border-radius: 30px; border-radius: 30px; padding: 30px; overflow: hidden; } @media only screen and (max-width: 1160px) { .promo-item { padding: 20px; } } @media only screen and (max-width: 900px) { .promo-item { width: 100% !important; margin-left: 0 !important; margin-bottom: 0 !important; margin-right: 0 !important; height: auto !important; padding-bottom: 96px !important; padding-left: 20px !important; padding-top: 20px !important; padding-right: 40px !important; -webkit-border-radius: 20px; border-radius: 20px; } .promo-item:not(:first-child) { margin-top: 15px !important; } } .promo-item-capt-txt { font-family: "SFProDisplay-Semibold"; font-size: 38px; line-height: 120%; color: #000000; word-wrap: break-word; } @media only screen and (max-width: 900px) { .promo-item-capt-txt { font-size: 24px !important; line-height: 120% !important; } } .promo-item-capt { margin-top: 10px; } @media only screen and (max-width: 900px) { .promo-item-capt { margin-top: 6px; } } .promo-item-inf-capt-txt { font-family: "SFProText-Semibold"; font-size: 18px; line-height: 120%; color: #adadad; } @media only screen and (max-width: 900px) { .promo-item-inf-capt-txt { font-size: 14px !important; line-height: 120% !important; } } .promo-item-inf-top { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .promo-item-inf-ic { width: 20px; font-size: 0; margin-right: 9px; } @media only screen and (max-width: 900px) { .promo-item-inf-ic { width: 18px !important; } } .promo-item-inf-ic img { width: 100%; } [promo-type="big"] { width: 100%; padding: 40px; height: 540px; } @media only screen and (max-width: 1160px) { [promo-type="big"] { padding: 30px; } } [promo-type="big"] .promo-item-inf-ic { width: 24px; } [promo-type="big"] .promo-item-inf-capt-txt { font-size: 20px; line-height: 120%; } [promo-type="small"] { width: calc(50% - 15px); padding-top: 20px; } @media only screen and (max-width: 1160px) { [promo-type="small"] { width: calc(50% - 10px); } } [promo-type="small"] .promo-perc-blk { width: 110px; height: 110px; bottom: -22px; right: -10px; } [promo-type="small"] .promo-perc-capt-txt { font-size: 32px; line-height: 120%; } [promo-type="small"] .promo-item-capt-txt { font-size: 22px; line-height: 120%; word-wrap: break-word; } [promo-type="small"] .promo-item-inf-capt-txt { font-size: 16px; line-height: 120%; } [promo-type="small"] + [promo-type="small"] { margin-left: 30px; } @media only screen and (max-width: 1160px) { [promo-type="small"] + [promo-type="small"] { margin-left: 20px; } } [promo-type="long"] { width: 100%; } [promo-type="long"] .promo-perc-blk { width: 130px; height: 130px; bottom: -24px; right: -13px; } [promo-type="long"] .promo-perc-capt-txt { font-size: 36px; line-height: 120%; } [promo-type="long"] .promo-item-capt-txt { font-size: 24px; line-height: 120%; } [promo-type="long"] .promo-item-inf-capt-txt { font-size: 18px; line-height: 120%; } [promo-type="long"]:first-child { margin-bottom: 30px; } @media only screen and (max-width: 1160px) { [promo-type="long"]:first-child { margin-bottom: 20px; } } [promo-type="long"]:last-child { margin-top: 30px; } @media only screen and (max-width: 1160px) { [promo-type="long"]:last-child { margin-top: 20px; } } [promo-type="long"], [promo-type="small"] { -webkit-border-radius: 20px; border-radius: 20px; height: calc(50% - 15px); } @media only screen and (max-width: 1160px) { [promo-type="long"], [promo-type="small"] { height: calc(50% - 10px); } } .promo-item-col { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 900px) { .promo-item-col { width: 100%; } .promo-item-col:not(:first-child) { margin-top: 15px; } } @media only screen and (max-width: 767px) { .hide-mob-cart .swiper-slide:nth-child(n + 4) { display: none; } } .hide-grad-price:after { opacity: 0; } .promo-perc-blk { -webkit-box-flex: 0; 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; position: absolute; bottom: -61px; right: -24px; background: #fff3f8; -webkit-border-radius: 200px; border-radius: 200px; -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); height: 240px; width: 240px; } @media only screen and (max-width: 900px) { .promo-perc-blk { width: 110px !important; height: 110px !important; bottom: -32px !important; right: -8px !important; } } .promo-perc-capt-txt { font-family: "ObjectSans"; font-size: 70px; line-height: 120%; color: #db3170; } @media only screen and (max-width: 900px) { .promo-perc-capt-txt { font-size: 30px !important; line-height: 200% !important; } } .promo-gift { width: 110px; font-size: 0; position: absolute; -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); bottom: -22px; right: -12px; } .promo-gift img { width: 100%; } .promo-none { -webkit-box-flex: 0; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 30px; } @media only screen and (max-width: 1160px) { .promo-none { margin-left: 20px; } } @media only screen and (max-width: 900px) { .promo-none { width: 100% !important; margin-left: 0; height: auto !important; margin-top: 30px; } } [promo-none="none-1"] { width: calc(50% - 15px); } [promo-none="none-2"] { width: 100%; height: calc(50% - 15px); margin-left: 0; } @media only screen and (max-width: 1160px) { [promo-none="none-2"] { height: calc(50% - 10px); } } [promo-none="none-2"] .p-none-capt-txt { font-size: 36px; line-height: 120%; } [promo-none="none-2"] .p-none-img { width: 90px; } [promo-none="none-3"] { width: 100%; height: 100%; margin-left: 0; } [promo-none="none-3"] .p-none-capt-txt { font-size: 46px; line-height: 120%; } [promo-none="none-3"] .p-none-img { width: 115px; } [promo-none="none-4"] { width: 100%; height: 540px; margin-left: 0; } [promo-none="none-4"] .p-none-capt-txt { font-size: 46px; line-height: 120%; } [promo-none="none-4"] .p-none-img { margin-top: 30px; width: 115px; } .p-none-capt { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .p-none-capt-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; text-align: center; color: #adadad; } @media only screen and (max-width: 900px) { .p-none-capt-txt { font-size: 26px !important; line-height: 120% !important; } } .p-none-img { width: 70px; font-size: 0; margin-top: 10px; } @media only screen and (max-width: 900px) { .p-none-img { width: 70px !important; margin-top: 20px !important; } } .p-none-img img { width: 100%; } .green-gift-img { width: 300px; font-size: 0; } @media only screen and (max-width: 767px) { .green-gift-img { width: 97px; } } .green-gift-img img { width: 100%; } .green-gift { position: absolute; right: -44px; top: 0; -webkit-transform: rotate(-14.73deg); -ms-transform: rotate(-14.73deg); transform: rotate(-14.73deg); } @media only screen and (max-width: 767px) { .green-gift { top: 10px; right: 10px; opacity: 0.3; -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); } } .program-content { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-left: 80px; padding-right: 80px; padding-top: 60px; } @media only screen and (max-width: 1160px) { .program-content { padding: 40px; } } @media only screen and (max-width: 767px) { .program-content { padding: 20px; } } .program-content:after { content: ""; position: absolute; width: 100%; height: 100%; max-height: 669px; top: 0; left: 0; background: #22744f; -webkit-border-radius: 40px; border-radius: 40px; z-index: -1; } @media only screen and (max-width: 900px) { .program-content:after { -webkit-border-radius: 20px; border-radius: 20px; max-height: 691px; } } .program-capt { max-width: 645px; margin-top: 20px; } .program-blk { -webkit-box-flex: 0; 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: 80px; } @media only screen and (max-width: 767px) { .program-blk { margin-top: 40px; } } .program-sect-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 900px) { .program-sect-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .program-sect-item:not(:first-child) { margin-top: 20px; } @media only screen and (max-width: 900px) { .program-sect-item:not(:first-child) { margin-top: 15px; } } .program-col { width: calc(50% - 10px); -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 900px) { .program-col { width: 100%; } } .program-col:not(:first-child) { margin-left: 20px; } @media only screen and (max-width: 900px) { .program-col:not(:first-child) { margin-left: 0; margin-top: 15px; } } .program-item { padding: 40px; padding-top: 30px; padding-bottom: 30px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); -webkit-border-radius: 30px; border-radius: 30px; background: #ffffff; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; -webkit-transition: background 0.2s, -webkit-transform 0.2s; transition: background 0.2s, -webkit-transform 0.2s; -o-transition: transform 0.2s, background 0.2s; transition: transform 0.2s, background 0.2s; transition: transform 0.2s, background 0.2s, -webkit-transform 0.2s; } .program-item svg { -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } @media only screen and (max-width: 1160px) { .program-item { padding: 30px; } } @media only screen and (max-width: 900px) { .program-item { -webkit-border-radius: 20px; border-radius: 20px; padding-top: 20px; padding-bottom: 20px; } } .program-item:hover { background: #db3170; -webkit-transform: rotate(-1.75deg); -ms-transform: rotate(-1.75deg); transform: rotate(-1.75deg); } .program-item:hover .program-name-txt, .program-item:hover .program-price-txt { color: #ffffff; } .program-item:hover svg { fill: white; } .program-name { margin-bottom: 20px; } @media only screen and (max-width: 900px) { .program-name { margin-bottom: 40px; } } .program-name-txt { font-family: "SFProDisplay-Semibold"; font-size: 32px; line-height: 120%; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 900px) { .program-name-txt { font-size: 24px; } } .program-price { margin-top: auto; width: 32px; height: 32px; } .program-price svg { width: 100%; height: 100%; } .program-price-txt { font-family: "ObjectSans"; font-size: 36px; line-height: 120%; color: #db3170; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 900px) { .program-price-txt { font-size: 26px; } } [prog="big"] { width: 100%; } [prog="long"] { width: 100%; margin-bottom: 20px; } @media only screen and (max-width: 900px) { [prog="long"] { margin-bottom: 15px; } } [prog="long"] .program-name-txt { font-size: 28px; } @media only screen and (max-width: 900px) { [prog="long"] .program-name-txt { font-size: 24px; } } [prog="long"] .program-price-txt { font-size: 26px; } [prog="small"] { width: calc(50% - 10px); padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; } @media only screen and (max-width: 1160px) { [prog="small"] { padding: 20px; } } @media only screen and (max-width: 900px) { [prog="small"] { width: calc(50% - 7.5px); padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 900px) { [prog="small"] .program-name { margin-bottom: 16px; } } [prog="small"] .program-name-txt { font-size: 26px; } @media only screen and (max-width: 900px) { [prog="small"] .program-name-txt { font-size: 20px; } } @media only screen and (max-width: 369px) { [prog="small"] .program-name-txt { font-size: 16px; } } [prog="small"] .program-price-txt { font-size: 24px; } @media only screen and (max-width: 1160px) { [prog="small"] .program-price-txt { font-size: 21px; } } @media only screen and (max-width: 900px) { [prog="small"] .program-price-txt { font-size: 16px; } } [prog="small"] + [prog="long"] { margin-bottom: 0; margin-top: 20px; } @media only screen and (max-width: 900px) { [prog="small"] + [prog="long"] { margin-top: 15px; } } [prog="small"] + [prog="small"] { margin-left: 20px; } @media only screen and (max-width: 900px) { [prog="small"] + [prog="small"] { margin-left: 15px; } } .prog-green-blk { background: #22744f; -webkit-border-radius: 60px; border-radius: 60px; padding: 80px; padding-top: 60px; padding-bottom: 60px; } @media only screen and (max-width: 767px) { .prog-green-blk { padding: 30px 20px; -webkit-border-radius: 20px; border-radius: 20px; } } .prog-green-capt { margin-top: 15px; } .prog-premium-blk { -webkit-box-flex: 0; 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: 120px; } @media only screen and (max-width: 767px) { .prog-premium-blk { margin-top: 60px; } } .prog-premium-name-txt { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; color: #000000; } @media only screen and (max-width: 496px) { .prog-premium-name-txt { font-size: 32px; } } .prog-premium-content { margin-top: 30px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prog-prem-item { background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 30px; border-radius: 30px; padding: 30px; padding-left: 40px; padding-right: 40px; } .prog-prem-item:nth-child(n + 3) { margin-top: 20px; } @media only screen and (max-width: 767px) { .prog-prem-item:nth-child(n + 3) { margin-top: 0; } } @media only screen and (max-width: 767px) { .prog-prem-item { padding: 20px; } } @media only screen and (max-width: 767px) { .prog-prem-item:not(:last-child) { margin-bottom: 20px; } } @media only screen and (max-width: 496px) { .prog-prem-item:not(:last-child) { margin-bottom: 10px; } } [prem-col="2"] .prog-prem-item { width: calc(50% - 20px); -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } [prem-col="2"] .prog-prem-item:nth-child(even) { margin-left: 40px; } @media only screen and (max-width: 767px) { [prem-col="2"] .prog-prem-item:nth-child(even) { margin-left: 0; } } @media only screen and (max-width: 767px) { [prem-col="2"] .prog-prem-item { width: 100%; } } [prem-col="3"] .prog-prem-item { width: calc(33.33333% - 27px); -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1160px) { [prem-col="3"] .prog-prem-item { width: calc(33.33333% - 14px); padding: 20px; } } [prem-col="3"] .prog-prem-item:nth-child(even) { margin-left: 0; } [prem-col="3"] .prog-prem-item:not(:nth-child(3n)) { margin-right: 40px; } @media only screen and (max-width: 1160px) { [prem-col="3"] .prog-prem-item:not(:nth-child(3n)) { margin-right: 20px; } } @media only screen and (max-width: 767px) { [prem-col="3"] .prog-prem-item:not(:nth-child(3n)) { margin-right: 0; } } [prem-col="3"] .prog-prem-item:nth-child(n + 3) { margin-top: 0; } [prem-col="3"] .prog-prem-item:nth-child(n + 4) { margin-top: 20px; } @media only screen and (max-width: 767px) { [prem-col="3"] .prog-prem-item:nth-child(n + 4) { margin-top: 0; } } @media only screen and (max-width: 767px) { [prem-col="3"] .prog-prem-item { width: 100%; } } .prog-prem-num-txt { font-family: "SFProText-Regular"; font-size: 14px; line-height: 140%; color: #000000; } .prog-prem-item-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 10px; } .prog-prem-item-name-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; } @media only screen and (max-width: 496px) { .prog-prem-item-name-txt { font-size: 20px; } } .prog-prem-item-capt { margin-top: 10px; } .prog-prem-item-capt-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.01em; color: #000000; } @media only screen and (max-width: 496px) { .prog-prem-item-capt-txt { font-size: 14px; } } .program-table { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .p-test-col { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% / 3); } .p-table-tabs-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; border-bottom: 2px solid #d9dade; } @media only screen and (max-width: 710px) { .p-table-tabs-blk { border-bottom: none; -webkit-box-shadow: inset 0 -2px #d9dade; box-shadow: inset 0 -2px #d9dade; overflow: scroll; } .p-table-tabs-blk::-webkit-scrollbar { width: 0; height: 0; background-color: transparent; } } .p-t-tab-item-txt { font-family: "SFProText-Semibold"; font-size: 20px; line-height: 130%; color: #838389; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 900px) { .p-t-tab-item-txt { font-size: 16px; } } .p-t-tab-item { padding-bottom: 10px; position: relative; cursor: pointer; } .p-t-tab-item:after { content: ""; position: absolute; width: 100%; height: 3px; bottom: -2px; left: 0; background: #b53162; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } @media only screen and (max-width: 710px) { .p-t-tab-item:after { bottom: 0; } } .p-table-tabs-swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-table-tabs-swiper-slide.swiper-slide { width: auto; } .p-table-tabs-swiper-slide.swiper-slide:not(:last-child) { margin-right: 45px; } @media only screen and (max-width: 900px) { .p-table-tabs-swiper-slide.swiper-slide:not(:last-child) { margin-right: 20px; } } .p-t-tab-act .p-t-tab-item-txt { color: #b53162; } .p-t-tab-act:after { opacity: 1; } .p-table-tab-c-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: visible !important; } @media only screen and (max-width: 830px) { .p-table-tab-c-blk { display: block; padding-left: 0 !important; padding-right: 0 !important; } } .p-table-tab-c-blk .swiper-slide { height: auto !important; } .p-table-tab-c-blk .swiper-slide:first-child.prog-two .p-t-row:after { width: calc(1140px - 290px); } @media only screen and (max-width: 900px) { .p-table-tab-c-blk .swiper-slide:first-child.prog-two .p-t-row:after { width: calc(100vw - 20px); } } .p-table-tab-c-blk .swiper-slide:first-child .p-t-row:after { content: ""; position: absolute; width: 1140px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -20px; height: 66px; background: #ffffff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); -webkit-border-radius: 15px; border-radius: 15px; z-index: 2; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } @media only screen and (max-width: 1160px) { .p-table-tab-c-blk .swiper-slide:first-child .p-t-row:after { width: calc(100vw - 20px); } } .p-t-col { -webkit-box-flex: 0; 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: 40px; padding-bottom: 44px; position: relative; height: 100%; } .p-t-item-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 59px; } @media only screen and (max-width: 767px) { .p-t-item-head { margin-bottom: 30px; } } .p-t-item-h-small-title-txt { font-family: "ObjectSans"; font-size: 20px; line-height: 120%; color: #000000; } [p-tab-cont] { display: none; } .p-table-vis { display: block; } @media only screen and (max-width: 767px) { .p-table-vis { margin-bottom: 0; width: auto; margin-left: 0; } } .p-table-tabs-content { margin-top: 75px; } @media only screen and (max-width: 830px) { .p-table-tabs-content { margin-top: 40px; } } .p-t-first-btn-txt { font-family: "SFProDisplay-Bold"; font-size: 14px; line-height: 135%; text-align: center; letter-spacing: 0.02em; color: #000000; } .p-t-first-btn { background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 75px; border-radius: 75px; } .swiper-slide[p-t-size="big"] { max-width: 290px; width: 25%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media only screen and (max-width: 830px) { .swiper-slide[p-t-size="big"] { width: 50%; max-width: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (max-width: 554px) { .swiper-slide[p-t-size="big"] { width: 85%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .swiper-slide[p-t-size="small"] { max-width: 250px; width: 25%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media only screen and (max-width: 830px) { .swiper-slide[p-t-size="small"] { width: 50%; max-width: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media (max-width: 554px) { .swiper-slide[p-t-size="small"] { width: 85%; } } @media only screen and (max-width: 830px) { .swiper-slide.p-first-slide { display: none; } } .swiper-slide[p-t-bg="white"] .p-t-col { padding-left: 50px; padding-right: 50px; } @media only screen and (max-width: 1160px) { .swiper-slide[p-t-bg="white"] .p-t-col { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 900px) { .swiper-slide[p-t-bg="white"] .p-t-col { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 767px) { .swiper-slide[p-t-bg="white"] .p-t-col { padding-left: 30px; padding-right: 30px; } } .swiper-slide[p-t-bg="white"] .p-t-col:after { content: ""; position: absolute; top: 20px; left: 0; width: 100%; height: calc(100% - 44px); background: #ffffff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); -webkit-border-radius: 20px; border-radius: 20px; z-index: 1; } @media only screen and (max-width: 830px) { .swiper-slide[p-t-bg="white"] .p-t-col:after { background-color: #f5f5f6; -webkit-box-shadow: none; box-shadow: none; } } .swiper-slide[p-t-bg="green"] .p-t-col { padding-left: 30px; padding-right: 30px; } .swiper-slide[p-t-bg="green"] .p-t-col .p-t-item-title-txt, .swiper-slide[p-t-bg="green"] .p-t-col .p-t-price-val-txt, .swiper-slide[p-t-bg="green"] .p-t-col .p-t-price-val-capt-txt, .swiper-slide[p-t-bg="green"] .p-t-col .p-t-item-val-txt, .swiper-slide[p-t-bg="green"] .p-t-col .p-t-item-capt-txt { color: #fff; } .swiper-slide[p-t-bg="green"] .p-t-col .p-t-item-btn { background: #ffffff; } @media only screen and (max-width: 767px) { .swiper-slide[p-t-bg="green"] .p-t-col .p-t-item-btn { color: #000; } } .swiper-slide[p-t-bg="green"] .p-t-col .p-t-item-btn .p-t-item-btn-txt { color: #000; } .swiper-slide[p-t-bg="green"] .p-t-col:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #368762; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.15); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.15); -webkit-border-radius: 20px; border-radius: 20px; z-index: 1; } @media only screen and (max-width: 830px) { .swiper-slide[p-t-bg="green"] .p-t-col:after { height: calc(100% - 44px); -webkit-box-shadow: none; box-shadow: none; top: 20px; } } @media only screen and (max-width: 830px) { .swiper-slide[p-t-bg="green"] .p-t-col .p-t-item-val-txt { color: rgba(255, 255, 255, 0.5); } } @media only screen and (max-width: 830px) { .p-table-swiper-container { overflow: hidden !important; padding-bottom: 0 !important; position: relative; } } .swiper-slide.p-table-swiper-slide:not(:first-child) .p-t-row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media only screen and (max-width: 830px) { .swiper-slide.p-table-swiper-slide:not(:first-child) .p-t-row { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } } .swiper-slide.p-table-swiper-slide.prog-two:nth-child(4) { display: none; } .p-table-swiper-pagination__wrapper { display: none; } @media only screen and (max-width: 830px) { .p-table-swiper-pagination__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); position: absolute; bottom: 12%; left: 50%; z-index: 4; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .p-table-swiper-pagination__content { padding: 13px; -webkit-border-radius: 19px; border-radius: 19px; background-color: #fff; } .swiper-pagination-bullet { width: 6px; height: 6px; } .swiper-pagination-bullet:not(:last-child) { margin-right: 10px; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #db3170; } .p-t__more { display: none; } @media only screen and (max-width: 830px) { .p-t__more { display: block; } } .p-t-more__title { margin: 0; margin-bottom: 20px; font-size: 26px; } .p-t-first-btn.p-t-more__btn { width: 120px; margin: 0; } .p-t-first-btn-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .p-t-first-btn { height: 36px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 25px; padding-right: 25px; margin-top: 32px; cursor: pointer; } .p-t-item-content { -webkit-box-flex: 0; 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: auto; } .p-t-row { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 57px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; } .p-t-row:not(:first-child) { margin-top: 19px; } .p-t-item-content__choose { display: none; } @media only screen and (max-width: 767px) { .p-t-item-content__choose { display: block; margin-top: 40px; text-align: center; } } .p-t-item-btn.p-t-item-btn-txt { max-width: 100%; width: 100%; display: inline-block; padding: 11px 35px; border: none; text-align: center; vertical-align: middle; } .p-t-hover:after { opacity: 1 !important; } .p-t-col-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 3; height: 100%; } [p-t-bg] .p-t-row:not(:last-child) { border-bottom: 1px solid rgba(196, 196, 196, 0.3); } @media only screen and (max-width: 767px) { [p-t-bg] .p-t-row:not(:last-child) { border-bottom: none; } } .p-t-row-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; } .p-t-ic { background: #db3170; -webkit-border-radius: 100px; border-radius: 100px; width: 36px; height: 36px; font-size: 0; } .p-t-ic img { width: 100%; } .p-t-item-f-name-txt { font-family: "SFProText-Semibold"; font-size: 20px; line-height: 140%; color: #000000; } .p-t-item-f-name { margin-left: 13px; } .p-t-item-title-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; color: #000000; } .p-t-item-price { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 10px; } @media only screen and (max-width: 1160px) { .p-t-item-price { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 1160px) { .p-t-item-price .p-t-price-val { width: 100%; } } @media (max-width: 554px) { .p-t-item-price .p-t-price-val { width: auto; } } .p-t-price-val-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .p-t-price-val-txt { font-size: 36px; } } .p-t-price-val-capt-txt { font-family: "SFProText-Regular"; font-size: 14px; line-height: 170%; color: #838389; } @media only screen and (max-width: 767px) { .p-t-price-val-capt-txt { line-height: 200%; } } .p-t-price-val-capt { margin-left: 5px; } .p-t-ic-mob { width: 28px; -webkit-border-radius: 100px; border-radius: 100px; font-size: 0; background: #db3170; } .p-t-ic-mob img { width: 100%; } .p-t-item-capt-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000000; } .p-t-item-val-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; text-align: center; color: #000000; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } @media only screen and (max-width: 767px) { .p-t-item-val-txt { color: #adadad; } } .p-t-item-btn-txt { font-family: "SFProDisplay-Bold"; font-size: 16px; line-height: 135%; text-align: center; letter-spacing: 0.02em; color: #ffffff; } .p-t-item-btn { height: 45px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 35px; padding-right: 35px; background: #db3170; -webkit-border-radius: 116.25px; border-radius: 116.25px; cursor: pointer; } .p-t-item-btn-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } @media only screen and (max-width: 767px) { .p-t-item-btn-blk { display: none; } } .p-row-hover-act { border-bottom: none !important; } .p-row-hover-act .p-t-item-val-txt, .p-row-hover-act .p-t-item-f-name-txt { color: #db3170 !important; } .p-t-col-caption-top { background: #ecede5; -webkit-border-radius: 48px; border-radius: 48px; padding: 8px; padding-left: 11px; padding-right: 11px; position: absolute; top: -15px; right: -15px; z-index: 2; } @media only screen and (max-width: 830px) { .p-t-col-caption-top { top: 0; } } .p-t-capt-top-txt { font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; color: #368762; } .prog-p-list-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .prog-li-col { width: calc(50% - 16px); } .prog-li-col:not(:first-child) { margin-left: auto; } .prog-p-list-blk { margin-top: 15px; } .prog-li { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .prog-li:not(:first-child) { margin-top: 10px; } .prog-li:before { content: ""; width: 5px; height: 5px; min-width: 5px; -webkit-border-radius: 100px; border-radius: 100px; background: #000000; display: block; margin-top: 8px; margin-right: 7px; } .prog-li-capt-txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .prog-p-btn--close { display: none; } .prog-p-btn--close.active { padding: 0; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; background-color: rgba(238, 239, 241, 0.6); color: #000; display: inline-block; padding: 10px; } .prog-p-btn--close.active:focus { outline: none; } .prog-p-btn--close.active:focus { outline: none; } .prog-p-btn--close .prog-p-btn-txt { font-size: 16px; color: #000; line-height: 150%; text-align: center; font-family: "SFProText-Semibold"; } .prog-p-btn { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .prog-p-btn.p-btn { -webkit-border-radius: 20px; border-radius: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .prog-p-btn.p-btn::before { content: ""; width: 100%; height: 80%; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2))); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); position: absolute; top: -80%; left: 0; z-index: 2; } .prog-p-btn-ic { width: 70px; -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg); position: absolute; top: -15px; left: 25px; z-index: 3; } .prog-p-btn-ic img { width: 100%; } @media only screen and (max-width: 496px) { .prog-p-btn-ic { width: 50px; height: 50px; top: -3px; left: 20px; } } @media only screen and (max-width: 369px) { .prog-p-btn-ic { left: 10px; } } .prog-btn-name-txt { font-family: "SFProText-Heavy"; font-size: 18px; line-height: 120%; text-align: center; color: #ffffff; } @media only screen and (max-width: 496px) { .prog-btn-name-txt { font-size: 16px; } } .prog-btn-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 130%; color: #ffffff; } @media only screen and (max-width: 496px) { .prog-btn-capt-txt { font-size: 14px; } } .prog-btn-inf { -webkit-box-flex: 0; 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; margin-left: 26px; padding-top: 13px; padding-bottom: 14px; } .tariff { padding-top: 120px; } @media only screen and (max-width: 767px) { .tariff { padding-top: 80px; } } .tariff__heading { 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; margin-bottom: 30px; } @media only screen and (max-width: 496px) { .tariff__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } } .tariff-heading__title { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; color: #000000; margin: 0; } @media only screen and (max-width: 496px) { .tariff-heading__title { margin-bottom: 5px; font-size: 32px; } } .tariff-heading__contract { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: black; } .tariff-contract__name { margin-right: 13px; font-size: 16px; font-family: "SFProText-Heavy"; } @media only screen and (max-width: 496px) { .tariff-contract__name br { display: none; } } .btn-download { width: 54px; height: 57px; padding: 0; margin: 0; display: inline-block; border: none; -webkit-border-radius: 15px; border-radius: 15px; cursor: pointer; background-color: #22744f; } @media only screen and (max-width: 496px) { .btn-download { width: 32px; height: 34px; -webkit-border-radius: 10px; border-radius: 10px; } .btn-download img { width: 12px; height: 15px; } } .tariff__content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; margin-right: -20px; } @media only screen and (max-width: 1160px) { .tariff__content { margin-left: -10px; margin-right: -10px; } } @media only screen and (max-width: 900px) { .tariff__content { margin-left: -7px; margin-right: -7px; } } @media only screen and (max-width: 767px) { .tariff__content { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .tariff-content__wrapper { width: 33.3333%; padding: 20px; } @media only screen and (max-width: 1160px) { .tariff-content__wrapper { padding: 10px; } } @media only screen and (max-width: 900px) { .tariff-content__wrapper { padding: 7px; } } @media only screen and (max-width: 767px) { .tariff-content__wrapper { width: 100%; } } .tariff-content__item { -webkit-border-radius: 30px; border-radius: 30px; padding: 30px 40px; background: rgba(238, 239, 241, 0.6); } .tariff-content__item.tariff-fam { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media only screen and (max-width: 900px) { .tariff-content__item.tariff-fam { padding: 20px; } } @media only screen and (max-width: 1160px) { .tariff-content__item { padding: 30px 30px 20px 30px; } } @media only screen and (max-width: 900px) { .tariff-content__item { padding: 15px; } } @media only screen and (max-width: 767px) { .tariff-content__item { padding: 30px 30px 20px 30px; } } .tariff-item__heading { margin-bottom: 60px; } .tariff-item__heading.tariff-fam { margin-bottom: 24px; } @media only screen and (max-width: 767px) { .tariff-item__heading.tariff-fam { margin-bottom: 14px; } } .tariff-item__name { font-family: "SFProText-Semibold"; font-size: 18px; color: #1f1f29; line-height: 120%; margin-bottom: 5px; } @media only screen and (max-width: 496px) { .tariff-item__name { font-size: 16px; } } .tariff-item__price { color: #22744f; font-size: 36px; } .tariff-item__price.tariff-fam { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 26px; } @media only screen and (max-width: 1160px) { .tariff-item__price.tariff-fam { font-size: 20px; } } @media only screen and (max-width: 767px) { .tariff-item__price.tariff-fam { font-size: 26px; } } @media only screen and (max-width: 369px) { .tariff-item__price.tariff-fam { font-size: 20px; } } .tariff-item__price .tariff-item__price-text { display: inline-block; font-family: "SFProText-Regular"; font-size: 14px; line-height: 140%; color: #838389; } .tariff-item__price .tariff-item__price-text.tariff-fam { font-size: 16px; } @media only screen and (max-width: 767px) { .tariff-item__price .tariff-item__price-text.tariff-fam { font-size: 14px; } } @media only screen and (max-width: 900px) { .tariff-item__price { font-size: 34px; } } @media only screen and (max-width: 767px) { .tariff-item__price { font-size: 36px; } } .tariff-item__button.btn-choose { width: 100%; max-width: 267px; height: 50px; } .tariff-item__button.btn-choose.tariff-fam { height: 45px; } @media only screen and (max-width: 767px) { .tariff-item__button.btn-choose { max-width: 100%; width: 100%; } } .btn-choose { display: inline-block; padding: 11px 35px; height: 45px; border: none; -webkit-border-radius: 116.25px; border-radius: 116.25px; vertical-align: middle; background: #db3170; cursor: pointer; font-family: "SFProDisplay-Bold"; font-size: 16px; line-height: 135%; text-align: center; letter-spacing: 0.02em; color: #ffffff; } .tariff-item__point { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-top: auto; margin-bottom: 55px; } .tariff-item__point.tariff-fam { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 830px) { .tariff-item__point { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 767px) { .tariff-item__point { -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; margin-bottom: 40px; } } .tariff-point__img { margin-right: 10px; } @media only screen and (max-width: 830px) { .tariff-point__img { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .tariff-point__img { margin-bottom: 0; } } .tariff-point__text { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "SFProText-Semibold"; color: #000; font-size: 16px; position: relative; } .tariff-point__text .tariff-point__sum { white-space: nowrap; } @media only screen and (max-width: 1160px) { .tariff-point__text { font-size: 14px; } } @media only screen and (max-width: 767px) { .tariff-point__text { font-size: 16px; } } .tariff-point__tooltip { display: inline-block; width: 18px; height: 18px; border: 1px solid #adadad; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; cursor: pointer; position: relative; top: -12px; right: 0; } .tariff-point__tooltip:hover .tariff-point__tooltip-popup, .tariff-point__tooltip:focus .tariff-point__tooltip-popup, .tariff-point__tooltip:hover .schedule-sidebar__tooltip-popup, .tariff-point__tooltip:focus .schedule-sidebar__tooltip-popup, .tariff-point__tooltip:hover .appointment-tooltip__popup, .tariff-point__tooltip:focus .appointment-tooltip__popup { opacity: 1; visibility: visible; } .tariff-point__tooltip-popup { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 183px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px; visibility: hidden; opacity: 0; cursor: auto; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; font-family: "SFProText-Regular"; color: #000; font-size: 14px; line-height: 120%; text-align: left; position: absolute; top: 200%; right: -200%; z-index: 2; } .tariff-point__tooltip-popup::after { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #fff; position: absolute; top: -10px; right: 30px; } .appointment { 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; padding: 22px 60px 68px 60px; margin-top: 44px; -webkit-border-radius: 40px; border-radius: 40px; position: relative; background-color: rgba(238, 239, 241, 0.4); } @media only screen and (max-width: 1160px) { .appointment { padding: 22px 40px 40px 40px; } } @media only screen and (max-width: 767px) { .appointment { margin-top: 83px; padding: 20px 20px 30px; -webkit-border-radius: 20px; border-radius: 20px; } } .appointment.reg { padding: 60px; } @media only screen and (max-width: 1160px) { .appointment.reg { padding: 22px 40px 40px 40px; } } @media only screen and (max-width: 767px) { .appointment.reg { margin-top: 20px; padding: 30px 20px; } } @media only screen and (max-width: 369px) { .appointment.reg { padding: 30px 15px; } } .link-back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; font-family: "SFProDisplay-Semibold"; color: #000; font-size: 18px; text-decoration: none; } @media only screen and (max-width: 767px) { .link-back { -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 15px; font-size: 14px; } } .link-back svg { margin-right: 8px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 767px) { .link-back svg { width: 18px; height: 18px; } } .link-back svg path { stroke: #000; } .appointment__link { display: none; } .appointment__link.reg { display: -webkit-box; display: -ms-flexbox; display: flex; } .appointment__banner { width: 100%; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px 50px 30px 40px; margin-bottom: 60px; background-color: #fff; position: relative; } .appointment__banner.reg { display: none; } @media only screen and (max-width: 767px) { .appointment__banner { padding: 20px; -webkit-border-radius: 15px; border-radius: 15px; margin-top: -63px; -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); } } .appointment-banner__title { margin: 0; margin-bottom: 15px; font-family: "SFProDisplay-Semibold"; color: #000; font-size: 28px; line-height: 120%; } @media only screen and (max-width: 767px) { .appointment-banner__title { font-size: 18px; } } .appointment-banner__price { font-family: "ObjectSans"; color: #000; font-size: 26px; line-height: 120%; white-space: nowrap; } @media only screen and (max-width: 767px) { .appointment-banner__price { display: none; font-size: 20px; } } .appointment-banner__price--mob { display: none; } @media only screen and (max-width: 767px) { .appointment-banner__price--mob { display: inline-block; } } .appointment-banner__subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .appointment-banner__subtitle { margin-bottom: 30px; font-size: 14px; } } .appointment-banner__subtitle svg { width: 24px; height: 24px; margin-right: 10px; } .appointment-banner__subtitle svg circle { stroke: #b53162; } .appointment-banner__subtitle svg path { fill: #b53162; } @media only screen and (max-width: 767px) { .appointment-banner__subtitle svg { width: 18px; height: 18px; margin-right: 6px; } } .appointment-banner__subtitle .appointment-banner__subtitle-name { font-size: 18px; color: #b53162; line-height: 120%; text-align: center; font-family: "SFProText-Semibold"; } .btn-close { display: inline-block; border: none; padding: 0; cursor: pointer; background-color: transparent; position: absolute; } .btn-close:focus { outline: none; } .appointment-banner__btn { top: 20px; right: 20px; } @media only screen and (max-width: 767px) { .appointment-banner__btn { top: 15px; right: 10px; } } .appointment-banner__btn.uslug-p-cross svg { width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .appointment-banner__btn.uslug-p-cross svg { width: 20px; height: 20px; } } .appointment__patient, .appointment__clinic { 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 only screen and (max-width: 767px) { .appointment__patient, .appointment__clinic { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .appointment__patient { width: 100%; margin-bottom: 120px; } @media only screen and (max-width: 767px) { .appointment__patient { width: 100%; margin-bottom: 60px; } } .appointment-title { margin: 0; font-family: "ObjectSans"; color: #000; font-size: 56px; line-height: 120%; } @media only screen and (max-width: 767px) { .appointment-title { font-size: 32px; } } .appointment-patient__title, .appointment-clinic__title { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .appointment-patient__title, .appointment-clinic__title { margin-bottom: 20px; } } .appointment-patient__controls { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .appointment-patient__controls { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .radio-appointment { display: none; } .radio-appointment:checked + .appointment-clinic__btn { color: #fff; background-color: #db3170; } .radio-appointment:checked + .appointment-patient__btn { color: #fff; background-color: #db3170; } .radio-appointment:checked + .appointment-patient__btn svg path { fill: #fff; } .radio-appointment:checked + .appointment-choose__btn { color: #fff; background-color: #db3170; } .radio-appointment:checked + .appointment-choose__btn svg path { fill: #fff; } .radio-appointment:checked + .appointment-choose__btn .home-icon path { fill: transparent; stroke: #fff; } .appointment-patient__btn--drop { height: 100%; } .appointment-patient__btn, .appointment-patient__btn--drop { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; width: 100%; max-width: 211px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; border: none; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: "SFProDisplay-Semibold"; color: #000; font-size: 24px; line-height: 120%; text-align: center; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .appointment-patient__btn:not(:last-child), .appointment-patient__btn--drop:not(:last-child) { margin-right: 30px; } @media only screen and (max-width: 767px) { .appointment-patient__btn, .appointment-patient__btn--drop { width: 100%; max-width: 100%; margin-right: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 15px 20px; font-size: 16px; } .appointment-patient__btn:not(:last-child), .appointment-patient__btn--drop:not(:last-child) { margin-bottom: 10px; } } .appointment-patient__btn svg { width: 36px; height: 36px; margin-right: 10px; } @media only screen and (max-width: 767px) { .appointment-patient__btn svg { width: 24px; height: 24px; } } .appointment-patient__btn svg path { fill: #adadad; -webkit-transition: fill 0.2s ease-in-out; -o-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; } .appointment-patient__new { position: relative; margin-right: 20px; margin-bottom: 20px; } .appointment-patient__btn--drop.active svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .appointment-patient__btn--drop svg { margin-left: 10px; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .appointment-patient__btn--drop svg path { stroke: #000; } @media only screen and (max-width: 767px) { .appointment-patient__btn--drop svg { display: none; } } .appointment-patient__drop { display: none; -webkit-border-radius: 20px; border-radius: 20px; width: 125%; max-width: 200px; padding: 20px 15px; background-color: #fff; position: absolute; left: 0; top: 110%; -webkit-animation: drop-zoom 0.2s ease-in-out; animation: drop-zoom 0.2s ease-in-out; } .appointment-patient__drop.show { display: block; } @-webkit-keyframes drop-zoom { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes drop-zoom { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } .appointment-patient__drop-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; } .appointment-patient__drop-item { 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: 0 20px; cursor: pointer; list-style: none; } .appointment-patient__drop-item:first-child { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .appointment-patient__drop-item:last-child { padding-top: 15px; } .appointment-patient__drop-item:hover .appointment-patient__drop-text { color: #db3170; } .appointment-patient__drop-item:hover svg path { fill: #db3170; } .appointment-patient__drop-item svg { width: 24px; height: 24px; margin-right: 8px; } .appointment-patient__drop-item svg path { fill: #000; -webkit-transition: fill 0.2s ease-in-out; -o-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; } .appointment-patient__drop-text { font-family: "SFProDisplay-Semibold"; color: #000; font-size: 20px; line-height: 120%; text-align: center; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .patient-popup-overlay { display: none; width: 100%; height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 5; } .patient-popup-overlay.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .patient-popup { width: 100%; padding: 20px 20px 40px; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; background-color: #fff; position: relative; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .patient-popup.hidden { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } @-webkit-keyframes from-bot { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes from-bot { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .patient-popup__btn { top: 20px; right: 20px; z-index: 2; } .patient-popup__btn svg { width: 24px; height: 24px; } .patient-popup__content-title { margin: 0; margin-bottom: 20px; font-family: "ObjectSans"; color: #000; font-size: 26px; } .patient-popup__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .patient-popup__content-circle { display: none; } .patient-popup__content-circle:checked + .patient-popup__content-item::before { border: 6px solid #db3170; } .patient-popup__content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "SFProText-Regular"; color: #000; font-size: 20px; text-align: center; } .patient-popup__content-item:not(:last-child) { margin-right: 52px; } .patient-popup__content-item::before { content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 8px; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid #adadad; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .appointment__clinic { width: 100%; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .appointment__clinic { margin-bottom: 20px; } } .appointment-clinic__title { max-width: 65%; text-align: center; } @media only screen and (max-width: 900px) { .appointment-clinic__title { max-width: 75%; } } @media only screen and (max-width: 767px) { .appointment-clinic__title { max-width: 100%; text-align: inherit; } } .appointment-clinic__controls { width: 100%; 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; } @media only screen and (max-width: 767px) { .appointment-clinic__controls { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .appointment-clinic__btn { width: calc(20% - 40px); 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; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; cursor: pointer; -webkit-tap-highlight-color: transparent; font-family: "SFProDisplay-Semibold"; color: #000; font-size: 22px; line-height: 1; text-align: center; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; } .appointment-clinic__btn:not(:nth-child(5n)) { margin-right: 40px; } @media only screen and (max-width: 1160px) { .appointment-clinic__btn:not(:nth-child(5n)) { margin-right: 15px; } } @media only screen and (max-width: 767px) { .appointment-clinic__btn:not(:nth-child(5n)) { margin-right: 0; } } .appointment-clinic__btn::before { content: ""; display: block; padding-bottom: 100%; } @media only screen and (max-width: 1160px) { .appointment-clinic__btn { width: calc(20% - 15px); } } @media only screen and (max-width: 767px) { .appointment-clinic__btn { width: calc(33% - 10px); margin-bottom: 10px; } .appointment-clinic__btn:not(:nth-child(3n)) { margin-right: 15px; } .appointment-clinic__btn:last-child { margin-right: 0; } } .appointment-clinic__btn.reg { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .appointment-clinic__btn.reg { margin-bottom: 10px; } } .appointment-clinic__btn .appointment-clinic__btn-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 5px; font-size: 22px; } @media only screen and (max-width: 900px) { .appointment-clinic__btn .appointment-clinic__btn-text { font-size: 16px; } } @media only screen and (max-width: 767px) { .appointment-clinic__btn .appointment-clinic__btn-text { font-size: 18px; word-break: break-word; } } @media only screen and (max-width: 496px) { .appointment-clinic__btn .appointment-clinic__btn-text { font-size: 14px; } } @media only screen and (max-width: 369px) { .appointment-clinic__btn .appointment-clinic__btn-text { font-size: 12px; } } .clinic__name { margin-bottom: 3px; } .appointment-clinic__btn-subtext { display: inline-block; font-size: 20px; color: #adadad; } @media only screen and (max-width: 900px) { .appointment-clinic__btn-subtext { font-size: 14px; } } @media only screen and (max-width: 767px) { .appointment-clinic__btn-subtext { font-size: 16px; word-break: break-word; } } @media only screen and (max-width: 496px) { .appointment-clinic__btn-subtext { font-size: 12px; } } @media only screen and (max-width: 369px) { .appointment-clinic__btn-subtext { font-size: 10px; } } .appointment__todoc { 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; } .appointment__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; padding: 17px 26px; -webkit-border-radius: 200px; border-radius: 200px; font-family: "SFProText-Heavy"; font-size: 16px; color: #fff; text-align: center; text-decoration: none; background-color: #db3170; } .appointment__btn svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .appointment-todoc__btn { -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } .appointment-todoc__btn.disabled { cursor: default; pointer-events: none; background-color: #eeeff1; color: #fff; } .appointment-todoc__btn.disabled + .appointment-todoc__notice { opacity: 1; } .appointment-todoc__notice { display: inline-block; margin-top: 10px; font-family: "SFProText-Regular"; font-size: 14px; color: #d80909; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .pack-popup { display: none; width: 440px; height: 541px; margin: 0 auto; padding: 25px 30px 30px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); position: fixed; top: 50%; left: 50%; z-index: 5; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pack-popup.show { display: block; } @media only screen and (max-width: 767px) { .pack-popup { width: 100%; height: auto; max-height: calc(100% - 81px); -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; top: inherit; left: inherit; bottom: 0; -webkit-animation: popup-zoom-mob 0.3s ease-in-out; animation: popup-zoom-mob 0.3s ease-in-out; } } @-webkit-keyframes popup-zoom { from { -webkit-transform: translate(-300%, -50%); transform: translate(-300%, -50%); } to { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @keyframes popup-zoom { from { -webkit-transform: translate(-300%, -50%); transform: translate(-300%, -50%); } to { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @-webkit-keyframes popup-zoom-mob { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes popup-zoom-mob { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } .pack-popup__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .pack-form__btn-close { display: inline-block; border: none; padding: 0; cursor: pointer; background-color: transparent; position: absolute; top: -5px; right: -2px; } .pack-form__btn-close svg { width: 32px; height: 32px; } .pack-form__heading { margin-bottom: 30px; } .pack-form__subtitle { margin-bottom: 5px; font-family: "SFProText-Semibold"; color: #adadad; font-size: 16px; line-height: 150%; } @media only screen and (max-width: 767px) { .pack-form__subtitle { font-size: 14px; } } .pack-form__title { margin: 0; margin-bottom: 5px; font-family: "ObjectSans"; color: #000; font-size: 28px; line-height: 120%; } @media only screen and (max-width: 767px) { .pack-form__title { font-size: 26px; } } .pack-form__text { font-family: "SFProText-Regular"; font-size: 16px; line-height: 150%; color: #1f1f29; } @media only screen and (max-width: 767px) { .pack-form__text { font-size: 14px; } } .pack-form__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .pack-form__content { margin-bottom: 40px; } } .pack-form__content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pack-form__content-item:not(:last-child) { margin-bottom: 20px; } .pack-form__content-title { display: inline-block; margin-bottom: 10px; font-family: "SFProText-Regular"; color: #000; font-size: 14px; line-height: 120%; } .pack-form__content-input { padding: 15px 20px; -webkit-border-radius: 20px; border-radius: 20px; border: none; background-color: rgba(238, 239, 241, 0.6); font-family: "SFProText-Regular"; color: #000; font-size: 16px; line-height: 120%; } .pack-form__content-input::-webkit-input-placeholder { font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; color: #838389; } .pack-form__content-input::-moz-placeholder { font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; color: #838389; } .pack-form__content-input::-ms-input-placeholder { font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; color: #838389; } .pack-form__content-input::placeholder { font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; color: #838389; } .pack-form__content-input:focus { outline: none; } .pack-form__btn { display: inline-block; width: 100%; padding: 17px; margin-bottom: 10px; -webkit-border-radius: 30px; border-radius: 30px; border: none; font-family: "SFProText-Heavy"; color: #fff; font-size: 18px; text-align: center; background-color: #db3170; cursor: pointer; } .pack-form__btn:disabled { opacity: 0.2; color: #eeeff1; } .pack-form__agreement, .pack-form__agreement-link { font-family: "SFProText-Regular"; color: #adadad; font-size: 14px; text-align: center; line-height: 150%; } .pack-form__agreement-link { display: inline-block; position: relative; } .pack-form__agreement-link::before { content: ""; width: 100%; height: 1px; background-color: #adadad; position: absolute; bottom: 0; left: 0; } @media only screen and (max-width: 767px) { .main-appointment { margin-top: 20px; } } .main-appointment__title { max-width: 50%; margin-bottom: 40px; text-align: center; } @media only screen and (max-width: 767px) { .main-appointment__title { max-width: 100%; margin-bottom: 20px; } } .appointment__choose { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px 20px; } @media only screen and (max-width: 1160px) { .appointment__choose { margin: 0 -10px 20px; } } @media only screen and (max-width: 767px) { .appointment__choose { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .appointment-choose__item { width: 33.3333%; height: 246px; padding: 20px; } @media only screen and (max-width: 1160px) { .appointment-choose__item { padding: 10px; } } @media only screen and (max-width: 767px) { .appointment-choose__item { width: 100%; } } @media only screen and (max-width: 496px) { .appointment-choose__item { height: 139px; } } .appointment-choose__btn { display: inline-block; padding: 30px 40px; width: 100%; height: 100%; -webkit-border-radius: 20px; border-radius: 20px; font-family: "SFProDisplay-Bold"; color: #000; font-size: 32px; line-height: 120%; background-color: #fefefe; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; position: relative; } @media only screen and (max-width: 1160px) { .appointment-choose__btn { padding: 20px; } } @media only screen and (max-width: 496px) { .appointment-choose__btn { font-size: 26px; } } @media only screen and (max-width: 496px) { .appointment-choose__btn .appointment-choose__btn-text { display: inline-block; width: 65%; } } .appointment-choose__btn svg { position: absolute; bottom: 0; right: 0; } @media only screen and (max-width: 1160px) { .appointment-choose__btn svg { width: 55%; height: 55%; right: -9%; } } @media only screen and (max-width: 767px) { .appointment-choose__btn svg { width: 125px; height: 120px; right: 0; } } @media only screen and (max-width: 496px) { .appointment-choose__btn svg { width: 100px; height: 100px; } } .appointment-choose__btn svg path { fill: #eeeff1; -webkit-transition: fill 0.2s ease-in-out; -o-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; } .appointment-choose__btn .home-icon path { fill: transparent; stroke: #eeeff1; -webkit-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out; -o-transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out; transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out; } .appointment__heading { 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; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .appointment__heading { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } } .appointment-title--search { margin-bottom: 10px; } .appointment__subtitle { font-family: "SFProDisplay-Semibold"; color: #000; font-size: 24px; line-height: 145%; } @media only screen and (max-width: 767px) { .appointment__subtitle { font-size: 14px; color: #838389; } } .appointment__content { max-width: 680px; width: 100%; 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; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .appointment__content { max-width: 100%; width: 100%; margin-bottom: 20px; } } .appointment__search { width: 100%; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 30px; margin-bottom: 20px; -webkit-border-radius: 60px; border-radius: 60px; background-color: #eeeff1; } @media only screen and (max-width: 767px) { .appointment__search { padding: 10px 20px; margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .appointment__search { padding: 10px 20px; margin-bottom: 15px; } } .appointment-search__icon { width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .appointment-search__icon svg path { -webkit-transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out; -o-transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out; transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out; fill: #adadad; } .appointment-search__icon svg path:last-child { stroke: #adadad; } @media only screen and (max-width: 767px) { .appointment-search__icon { width: 24px; height: 24px; margin-right: 8px; } } .appointment-search__box { width: 100%; padding: 0; border: none; font-family: "SFProText-Semibold"; color: #000; font-size: 26px; line-height: 120%; background-color: transparent; } .appointment-search__box:focus { outline: none; } .appointment-search__box:focus + .appointment-search__icon svg path, .appointment-search__box:focus + .filter-search__icon svg path { fill: #000; } .appointment-search__box:focus + .appointment-search__icon svg path:last-child, .appointment-search__box:focus + .filter-search__icon svg path:last-child { stroke: #000; } .appointment-search__box::-webkit-search-cancel-button { height: 30px; width: 30px; -webkit-appearance: none; cursor: pointer; background-image: url(/local/assets/preambula/img/cross-inp.svg); -webkit-background-size: 20px 20px; background-size: 20px 20px; background-repeat: no-repeat; position: relative; top: 5px; right: 0; } .appointment-search__box::-webkit-input-placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 26px; line-height: 120%; } .appointment-search__box::-moz-placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 26px; line-height: 120%; } .appointment-search__box::-ms-input-placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 26px; line-height: 120%; } .appointment-search__box::placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 26px; line-height: 120%; } @media only screen and (max-width: 767px) { .appointment-search__box::-webkit-input-placeholder { font-size: 16px; } .appointment-search__box::-moz-placeholder { font-size: 16px; } .appointment-search__box::-ms-input-placeholder { font-size: 16px; } .appointment-search__box::placeholder { font-size: 16px; } } .appointment-search__box + .usl-n-cross { position: absolute; } @media only screen and (max-width: 767px) { .appointment-search__box { font-size: 16px; } } .appointment__popular { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px; } .appointment__popular.show { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 830px) { .appointment__popular { padding: 0; } } @media only screen and (max-width: 767px) { .appointment__popular { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .appointment-popular__doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 12px; margin-bottom: 10px; border: 1.5px solid rgba(173, 173, 173, 0.8); -webkit-border-radius: 15px; border-radius: 15px; cursor: pointer; background-color: transparent; } .appointment-popular__doc:not(:last-child) { margin-right: 14px; } @media only screen and (max-width: 767px) { .appointment-popular__doc { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; padding: 10px; } .appointment-popular__doc:not(:last-child) { margin-right: 0; } } .appointment-popular__marker { width: 14px; height: 14px; -webkit-border-radius: 100%; border-radius: 100%; } .appointment-popular__marker:not(:last-child) { margin-right: 8px; } .appointment-popular__marker.green { background-color: #40c65e; } .appointment-popular__marker.orange { background-color: #fc9f5b; } .appointment-popular__marker.lilac { background-color: #a997df; } .appointment-popular__marker.red { background-color: #de3c4b; } .appointment-popular__marker.yellow { background-color: #f5cc63; } .appointment-popular__marker.pink { background-color: #db3170; } .appointment-popular__marker.blue { background-color: #5c28ef; } .appointment-popular__marker.purple { background-color: #db00ff; } .appointment-popular__marker.lowgreen { background-color: #40c6a6; } @media only screen and (max-width: 767px) { .appointment-popular__marker { width: 10px; height: 10px; -ms-flex-negative: 0; flex-shrink: 0; } } .appointment-popular__name { display: inline-block; margin-right: 8px; font-family: "SFProText-Regular"; color: #000; font-size: 16px; line-height: 150%; } @media only screen and (max-width: 767px) { .appointment-popular__name { margin-right: 8px; font-size: 14px; } } .appointment-popular__btn { width: 20px; height: 20px; -webkit-border-radius: 100%; border-radius: 100%; 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; background-color: #eeeff1; position: static; } @media only screen and (max-width: 767px) { .appointment-popular__btn { margin-left: 6px; -ms-flex-negative: 0; flex-shrink: 0; } } .appointment-popular__btn svg { width: 12px; height: 12px; } .appointment__found { display: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 30px; width: 100%; max-height: 270px; overflow-y: hidden; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); position: relative; } @media only screen and (max-width: 767px) { .appointment__found { padding: 15px; } } .appointment__found::before { content: ""; width: 100%; height: 25px; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2))); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); position: absolute; left: 0; bottom: 0; z-index: 1; } .appointment__found.show { display: block; } .appointment-found__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; } .appointment-found__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .appointment-found__item:not(:last-child) { margin-bottom: 15px; } .appointment-found__icon { margin-right: 8px; width: 42px; height: 42px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; 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; -ms-flex-negative: 0; flex-shrink: 0; } .appointment-found__icon img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .appointment-found__icon { width: 32px; height: 32px; } .appointment-found__icon svg { width: 32px; height: 32px; } } .appointment-found__name { display: inline-block; font-family: "SFProText-Regular"; color: #000; font-size: 18px; line-height: 120%; } @media only screen and (max-width: 767px) { .appointment-found__name { font-size: 14px; } } .appointment__notfound { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); } .appointment__notfound.show { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .appointment__notfound { width: 100%; padding: 15px; } } .appointment-notfound__content { 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; max-width: 55%; } @media only screen and (max-width: 767px) { .appointment-notfound__content { max-width: 100%; } } .appointment-notfound__title { margin: 0; margin-bottom: 10px; font-family: "SFProText-Semibold"; color: #000; font-size: 22px; line-height: 130%; text-align: center; } @media only screen and (max-width: 767px) { .appointment-notfound__title { margin-bottom: 5px; font-size: 16px; } } .appointment-notfound__text { margin: 0; margin-bottom: 30px; padding: 0; font-family: "SFProText-Regular"; color: #000; font-size: 18px; line-height: 130%; text-align: center; } @media only screen and (max-width: 767px) { .appointment-notfound__text { margin-bottom: 15px; font-size: 14px; } } .appointment-notfound__btn { padding: 13px 25px; cursor: pointer; } .schedule { padding-top: 30px; } .schedule__heading { margin-bottom: 30px; } @media only screen and (max-width: 767px) { .schedule__heading { margin-bottom: 30px; } } .schedule__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "SFProDisplay-Semibold"; color: #000; font-size: 18px; text-decoration: none; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .schedule__link { -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 15px; font-size: 14px; } } .schedule__link svg { margin-right: 8px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 767px) { .schedule__link svg { width: 18px; height: 18px; } } .schedule__link svg path { stroke: #000; } .schedule__title { font-family: "ObjectSans"; color: #000; font-size: 72px; line-height: 100%; margin: 0; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .schedule__title { font-size: 32px; } } .btn-filter { margin: 0; padding: 0; border: none; cursor: pointer; font-size: 20px; color: #000; line-height: 120%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 10px 25px; -webkit-border-radius: 90px; border-radius: 90px; background-color: rgba(238, 239, 241, 0.6); font-family: "SFProDisplay-Bold"; } .btn-filter:focus { outline: none; } .btn-filter span { margin-right: 11px; } @media only screen and (max-width: 767px) { .btn-filter { font-size: 16px; } } @media only screen and (max-width: 496px) { .btn-filter { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .schedule__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 900px) { .schedule__main { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .schedule-main__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 66%; max-width: 733px; padding: 50px 60px 50px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 1160px) { .schedule-main__content { padding: 20px; margin-right: 10px; } } @media only screen and (max-width: 900px) { .schedule-main__content { width: 100%; max-width: 100%; } } @media only screen and (max-width: 767px) { .schedule-main__content { padding: 15px 20px 30px; margin-right: 0; } } .schedule-main__banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } @media only screen and (max-width: 767px) { .schedule-main__banner { margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .schedule-banner__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 10px; } .schedule-banner__item:not(:last-child) { margin-right: 20px; } @media only screen and (max-width: 767px) { .schedule-banner__item:not(:last-child) { margin-right: 15px; } } .schedule-banner__item--no-dates { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .schedule-banner__name { font-size: 13px; color: #adadad; line-height: 130%; text-align: initial; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .schedule-banner__name { font-size: 12px; } } .schedule-banner__name--change-filter-text { color: #b53162; cursor: pointer; } .schedule-banner__marker { width: 12px; height: 12px; -webkit-border-radius: 100%; border-radius: 100%; } .schedule-banner__marker:not(:last-child) { margin-right: 8px; } .schedule-banner__marker.green { background-color: #40c65e; } .schedule-banner__marker.orange { background-color: #fc9f5b; } .schedule-banner__marker.lilac { background-color: #a997df; } .schedule-banner__marker.red { background-color: #de3c4b; } .schedule-banner__marker.yellow { background-color: #f5cc63; } .schedule-banner__marker.pink { background-color: #db3170; } .schedule-banner__marker.blue { background-color: #5c28ef; } .schedule-banner__marker.purple { background-color: #db00ff; } .schedule-banner__marker.lowgreen { background-color: #40c6a6; } .schedule-main__calendar { width: 100%; max-width: 630px; -ms-flex-item-align: center; align-self: center; margin-bottom: 20px; } @media only screen and (max-width: 1160px) { .schedule-main__calendar { max-width: 100%; } } @media only screen and (max-width: 900px) { .schedule-main__calendar { max-width: 575px; } } @media only screen and (max-width: 767px) { .schedule-main__calendar { max-width: 100%; } } .schedule-calendar__heading { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .schedule-date__container.swiper-container { max-width: 250px; margin-left: 0; margin-right: 0; } @media only screen and (max-width: 767px) { .schedule-date__container.swiper-container { max-width: 200px; } } .schedule-date__container.desktop { display: block; } @media only screen and (max-width: 496px) { .schedule-date__container.desktop { display: none; } } .schedule-date__container.tablet { display: none; } @media only screen and (max-width: 496px) { .schedule-date__container.tablet { display: block; } } @media only screen and (max-width: 369px) { .schedule-date__container.tablet { display: none; } } .schedule-date__container.mobile { display: none; } @media only screen and (max-width: 369px) { .schedule-date__container.mobile { display: block; } } .schedule-date__nav { margin: 0; padding: 0; border: none; cursor: pointer; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 36px; height: 36px; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(173, 173, 173, 0.1); } .schedule-date__nav:focus { outline: none; } @media only screen and (max-width: 767px) { .schedule-date__nav { width: 32px; height: 32px; } } @media only screen and (max-width: 767px) { .schedule-date__nav svg { width: 20px; height: 20px; } } @media only screen and (max-width: 767px) { .schedule-date__nav svg path { stroke-width: 1.2px; } } .schedule-date__nav--prev { margin-right: 20px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .schedule-date__nav--prev:disabled { opacity: 0.2; cursor: initial; } @media only screen and (max-width: 767px) { .schedule-date__nav--prev { margin-right: 0; } } .schedule-date__nav--next { margin-left: 20px; } .schedule-date__nav--next:disabled { opacity: 0.2; cursor: initial; } @media only screen and (max-width: 767px) { .schedule-date__nav--next { margin-left: 0; } } .schedule-calendar__date { font-size: 28px; color: #000; line-height: 120%; text-align: center; margin-right: 20px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .schedule-calendar__date { font-size: 22px; } } .schedule-calendar__container.swiper-container { padding: 20px 10px; margin: 0 -10px; } .schedule-calendar__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .schedule-calendar__slide { margin: 0; padding: 0; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 9px 10px; -webkit-border-radius: 10px; border-radius: 10px; max-width: 90px; background-color: #fff; -webkit-box-shadow: 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: 2px 6px 40px rgba(0, 0, 0, 0.07); -webkit-tap-highlight-color: transparent; -webkit-transition: -webkit-box-shadow 0.2s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; position: relative; } .schedule-calendar__slide:focus { outline: none; } .schedule-calendar__slide.swiper-slide { width: 65px; height: auto; margin-right: 15px; } @media only screen and (max-width: 767px) { .schedule-calendar__slide.swiper-slide { width: 36px; margin-right: 10px; } } .schedule-calendar__slide.active { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .schedule-calendar__slide.close { opacity: 0.5; cursor: auto; pointer-events: none; } .schedule-calendar__slide .schedule-slide__colors { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; } .schedule-slide__date { font-size: 18px; color: #000; line-height: 120%; text-align: start; display: inline-block; font-family: "SFProText-Semibold"; } .schedule-slide__date.week { margin-bottom: 5px; } @media only screen and (max-width: 767px) { .schedule-slide__date { font-size: 16px; white-space: normal; } } .schedule-slide__candy { position: absolute; top: -10%; left: initial; right: -10%; z-index: 1; 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; background-color: #db3170; background-color: transparent; width: 24px; height: 24px; -webkit-border-radius: 100%; border-radius: 100%; } @media only screen and (max-width: 767px) { .schedule-slide__candy { width: 20px; height: 20px; } } .schedule-slide__candy.shedule-btn__candy { position: absolute; top: -10%; left: initial; right: -1%; z-index: 1; } .schedule-slide__marker { width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 2px; } .schedule-slide__marker:not(:last-child) { margin-right: 2px; } .schedule-slide__marker.green { background-color: #40c65e; } .schedule-slide__marker.orange { background-color: #fc9f5b; } .schedule-slide__marker.lilac { background-color: #a997df; } .schedule-slide__marker.red { background-color: #de3c4b; } .schedule-slide__marker.yellow { background-color: #f5cc63; } .schedule-slide__marker.pink { background-color: #db3170; } .schedule-slide__marker.blue { background-color: #5c28ef; } .schedule-slide__marker.purple { background-color: #db00ff; } .schedule-slide__marker.lowgreen { background-color: #40c6a6; } @media only screen and (max-width: 767px) { .schedule-slide__marker:not(:first-child) { margin-left: -5px; } } .schedule-main__doctors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-top: 15px; } .schedule-doctors__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .schedule-doctors__item:not(:last-child) { margin-bottom: 50px; } @media only screen and (max-width: 767px) { .schedule-doctors__item:not(:last-child) { margin-bottom: 0; border-bottom: 1px solid rgba(173, 173, 173, 0.3); } } @media only screen and (max-width: 767px) { .schedule-doctors__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 10px; } .schedule-doctors__item:not(:first-child) { padding-top: 20px; } } .schedule-doctors__info { width: 40%; padding-right: 54px; position: relative; } .schedule-doctors__info::after { position: absolute; top: 5%; left: initial; right: 0; z-index: 1; content: ""; width: 3px; height: 90%; -webkit-border-radius: 10px; border-radius: 10px; background-color: rgba(173, 173, 173, 0.3); } @media only screen and (max-width: 767px) { .schedule-doctors__info::after { display: none; } } @media only screen and (max-width: 767px) { .schedule-doctors__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; padding-right: 0; margin-bottom: 15px; } } .schedule-doctors__photo { width: 120px; height: 120px; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 10px; overflow: hidden; background-color: rgba(238, 239, 241, 0.4); } .schedule-doctors__photo.any { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .schedule-doctors__photo.any img { width: auto; } .schedule-doctors__photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .schedule-doctors__photo { margin-right: 15px; -ms-flex-negative: 0; flex-shrink: 0; } } @media only screen and (max-width: 496px) { .schedule-doctors__photo { width: 50px; height: 50px; } } @media only screen and (max-width: 767px) { .schedule-doctors__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 7px; } } .schedule-doctors__name { font-size: 16px; color: #000; line-height: 150%; text-align: start; display: inline-block; width: 100%; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .schedule-doctors__name { font-size: 14px; } } .schedule-doctors__spec, .schedule-doctors__clinic { font-size: 18px; color: #000; line-height: 145%; text-align: start; display: inline; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .schedule-doctors__spec .symbol-dot, .schedule-doctors__clinic .symbol-dot { display: none; } } .schedule-doctors__time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 60%; height: -webkit-max-content; height: -moz-max-content; height: max-content; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0 10px 40px; gap: 10px; position: relative; } @media only screen and (max-width: 767px) { .schedule-doctors__time { width: 100%; padding: 0; } } .schedule-doctors__time-wrapper { width: calc(50% - 10px); position: relative; } .schedule-doctors__time-item { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 16px; color: #000; line-height: 120%; text-align: center; margin: 0; padding: 0; border: none; cursor: pointer; width: calc(25% - 10px); max-height: 45px; margin-bottom: 10px; -webkit-border-radius: 57px; border-radius: 57px; padding: 13px; font-family: "SFProText-Regular"; background-color: rgba(238, 239, 241, 0.6); -webkit-transition: -webkit-box-shadow 0.2s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; -webkit-tap-highlight-color: transparent; position: relative; } .schedule-doctors__time-item:focus { outline: none; } .schedule-doctors__time-item.active { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .schedule-doctors__time-item.schedule-doctors__time-item--big { width: 100%; padding: 13px 2px; position: static; } .schedule-doctors__time-item.schedule-doctors__time-item--big:not(:nth-child(4n)) { margin-right: 0; } .schedule-doctors__time-item.schedule-doctors__time-item--big:not(:nth-child(3n)) { margin-right: 10px; } .schedule-doctors__time-item.schedule-doctors__time-item--big.active { opacity: 0.75; } .doctors-popup { position: absolute; top: 45px; left: 0; right: initial; z-index: 2; display: none; width: 180%; max-height: 244px; padding: 15px 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.05); overflow: hidden; } .doctors-popup::before { content: ""; width: 100%; height: 15px; background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.2))); background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.2) 100%); position: absolute; left: 0; bottom: 0; z-index: 1; } @media only screen and (max-width: 767px) { .doctors-popup::before { display: none; } } @media only screen and (max-width: 767px) { .doctors-popup { width: 100%; max-height: 100%; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; position: fixed; top: 20px; bottom: 0; left: 0; z-index: 15; } } .doctors-popup__close { display: none; top: 15px; right: 27px; } .doctors-popup__close svg { width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .doctors-popup__close { display: inline-block; } } .doctors-popup__title { font-size: 18px; color: #000; line-height: 120%; text-align: start; margin: 0; margin-bottom: 15px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .doctors-popup__title { margin-bottom: 30px; font-size: 26px; } } .doctors-popup__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; max-height: 185px; list-style: none; overflow-y: scroll; } .doctors-popup__list::-webkit-scrollbar { width: 0; height: 0; background-color: transparent; } @media only screen and (max-width: 767px) { .doctors-popup__list { max-height: 85%; } } .doctors-popup__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; cursor: pointer; } .doctors-popup__item:not(:last-child) { margin-bottom: 10px; } @media only screen and (max-width: 767px) { .doctors-popup__item:not(:last-child) { padding-bottom: 15px; border-bottom: 1px solid rgba(173, 173, 173, 0.2); } } @media only screen and (max-width: 767px) { .doctors-popup__item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } } .doctors-popup__person { margin-right: 10px; } @media only screen and (max-width: 767px) { .doctors-popup__person { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .doctors-popup__img { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .doctors-popup__img img { display: block; height: auto; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media only screen and (max-width: 767px) { .doctors-popup__img { width: 50px; height: 50px; margin-right: 10px; } } .docrots-popup__heading { width: 100%; } @media only screen and (max-width: 767px) { .docrots-popup__heading { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 5px; } } .doctors-popup__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: start; } .doctors-popup__date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .doctors-popup__time, .doctors-popup__clinic, .doctors-popup__name { display: inline-block; } .doctors-popup__time { font-size: 16px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .doctors-popup__time { font-family: "SFProText-Heavy"; font-size: 18px; line-height: 140%; } } .doctors-popup__clinic { font-size: 14px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .doctors-popup__clinic { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; } } .doctors-popup__name { font-size: 14px; color: #000; line-height: 150%; text-align: start; font-family: "SFProText-Regular"; } .doctors-popup__name.mobile { display: none; } @media only screen and (max-width: 767px) { .doctors-popup__name.mobile { display: inline-block; } } @media only screen and (max-width: 767px) { .doctors-popup__name { display: none; } } .doctors-popup__btn { margin: 0; padding: 0; border: none; cursor: pointer; font-size: 14px; color: #adadad; line-height: 120%; text-align: start; display: none; font-family: "SFProText-Semibold"; background-color: transparent; } .doctors-popup__btn:focus { outline: none; } @media only screen and (max-width: 767px) { .doctors-popup__btn { display: inline-block; } } .doctors-popup__candy { 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; background-color: #db3170; -ms-flex-item-align: start; align-self: flex-start; -webkit-border-radius: 15px; border-radius: 15px; padding: 0 6px; margin-left: auto; } .doctors-popup__candy svg { width: 28px; height: 28px; } .doctors-popup__candy .percent { font-size: 14px; color: #fff; line-height: 120%; text-align: center; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .doctors-popup__candy { margin-left: 15px; } } .schedule-doctors__time-candy { position: absolute; top: -30%; left: 50%; right: initial; z-index: 1; 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; background-color: #db3170; max-width: 90%; height: 20px; -webkit-border-radius: 15px; border-radius: 15px; padding: 0 6px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .schedule-doctors__time-candy svg { width: 28px; height: 28px; } .schedule-doctors__time-candy .percent { font-size: 14px; color: #fff; line-height: 120%; text-align: center; font-family: "SFProDisplay-Semibold"; } .schedule-doctors__time-text { font-size: 16px; color: #000; line-height: 140%; text-align: initial; max-width: 80%; margin: 0; margin-bottom: 30px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .schedule-doctors__time-text { min-width: 100%; font-size: 14px; } } .schedule-doctors__time-btn { margin: 0; padding: 0; border: none; cursor: pointer; font-size: 16px; color: #000; line-height: 105%; text-align: center; display: inline-block; -webkit-border-radius: 30px; border-radius: 30px; padding: 14px 25px; height: 45px; background-color: rgba(238, 239, 241, 0.6); font-family: "SFProText-Semibold"; } .schedule-doctors__time-btn:focus { outline: none; } .schedule-main__sidebar { width: 34%; max-width: 347px; margin-left: auto; } @media only screen and (max-width: 900px) { .schedule-main__sidebar { width: 100%; padding-left: 0; margin-left: 0; } } .schedule-sidebar__cart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 168px; padding: 20px 30px; -webkit-border-radius: 30px; border-radius: 30px; margin-bottom: 36px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 767px) { .schedule-sidebar__cart.mobile { display: none; } } .schedule-sidebar__cart.popup { max-height: 85%; -webkit-border-radius: 0; border-radius: 0; padding: 0; margin-bottom: 0; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .schedule-sidebar__cart-text { font-size: 26px; color: #adadad; line-height: 130%; text-align: center; max-width: 80%; -ms-flex-item-align: center; align-self: center; font-family: "SFProDisplay-Semibold"; } .schedule-cart__item { position: relative; } .schedule-cart__item:not(:last-child) { border-bottom: 1px solid rgba(173, 173, 173, 0.2); padding-bottom: 15px; margin-bottom: 15px; } .cart-item__close { top: 0; right: 0; } .cart-item__close svg { width: 24px; height: 24px; } .cart-item__close.cart-item__close--finish { display: none; } .schedule-cart__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 10px; } .schedule-cart__heading.popup-reg { -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; } @media only screen and (max-width: 767px) { .schedule-cart__heading.popup-reg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } } .schedule-cart__date { font-size: 18px; color: #000; line-height: 140%; text-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-family: "SFProText-Heavy"; } .schedule-cart__date.popup-reg { margin-right: 5px; } .schedule-cart__date .schedule-cart__candy { 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; background-color: #db3170; -ms-flex-item-align: start; align-self: flex-start; -webkit-border-radius: 15px; border-radius: 15px; padding: 0 6px; margin-left: 10px; } .schedule-cart__date .schedule-cart__candy svg { width: 28px; height: 28px; } .schedule-cart__date .schedule-cart__candy .percent { font-size: 14px; color: #fff; line-height: 120%; text-align: center; font-family: "SFProDisplay-Semibold"; } .schedule-cart__clinic { font-size: 16px; color: #000; line-height: 140%; text-align: start; display: inline-block; font-family: "SFProText-Regular"; } .schedule-cart__doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .schedule-cart__img { width: 36px; height: 36px; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .schedule-cart__img img { display: block; height: auto; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .schedule-cart__info { font-size: 14px; color: #000; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } .schedule-cart__name { display: inline-block; } .shedule-sidebar__client .shedule-sidebar__client__btn { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 18px; color: #000; line-height: 140%; text-align: start; font-weight: 600; padding: 20px 0; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 36px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); gap: 15px; } .shedule-sidebar__client .shedule-sidebar__client__btn span { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background: #db3170; -webkit-border-radius: 50px; border-radius: 50px; font-weight: 500; font-size: 13px; width: 26px; height: 26px; text-align: center; color: #ffffff; } .schedule-sidebar__prompt { margin-bottom: 20px; } .schedule-sidebar__item { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .schedule-sidebar__item:not(:last-child) { margin-bottom: 15px; } .schedule-sidebar__icon { width: 32px; height: 32px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; } .schedule-sidebar__icon.schedule-sidebar__icon--candy { 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; background-color: #db3170; -webkit-border-radius: 100%; border-radius: 100%; } .schedule-sidebar__icon.schedule-sidebar__icon--tg { 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; background-color: #db3170; height: 34px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 3px; background-color: #61c9f5; } .schedule-sidebar__icon.schedule-sidebar__icon--tg svg path { fill: #fff; } .schedule-sidebar__text { font-size: 14px; color: #000; line-height: 150%; text-align: start; font-family: "SFProText-Regular"; } .schedule-sidebar__tooltip { display: inline-block; width: 18px; height: 18px; border: 1px solid #adadad; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; cursor: pointer; position: relative; top: -12px; right: 0; -ms-flex-negative: 0; flex-shrink: 0; } .schedule-sidebar__tooltip:hover .tariff-point__tooltip-popup, .schedule-sidebar__tooltip:focus .tariff-point__tooltip-popup, .schedule-sidebar__tooltip:hover .schedule-sidebar__tooltip-popup, .schedule-sidebar__tooltip:focus .schedule-sidebar__tooltip-popup, .schedule-sidebar__tooltip:hover .appointment-tooltip__popup, .schedule-sidebar__tooltip:focus .appointment-tooltip__popup { opacity: 1; visibility: visible; } .schedule-sidebar__tooltip-popup { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 183px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px; visibility: hidden; opacity: 0; cursor: auto; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; font-family: "SFProText-Regular"; color: #000; font-size: 14px; line-height: 120%; text-align: left; position: absolute; top: 200%; right: -200%; z-index: 2; } .schedule-sidebar__tooltip-popup::after { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #fff; position: absolute; top: -10px; right: 30px; } @media only screen and (max-width: 767px) { .schedule-sidebar__tooltip-popup { display: none; position: fixed; top: initial; left: 0; right: 0; z-index: 15; width: 100%; max-width: 100%; min-height: 200px; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; background-color: #fff; pointer-events: auto; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; bottom: 0; } } .candy-popup__title { font-size: 26px; color: #000; line-height: 120%; text-align: start; display: none; margin: 0; margin-bottom: 5px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .candy-popup__title { display: block; } } .candy-popup__close, .tg-popup__close { display: none; } @media only screen and (max-width: 767px) { .candy-popup__close, .tg-popup__close { display: block; top: 25px; right: 25px; } .candy-popup__close svg, .tg-popup__close svg { width: 24px; height: 24px; } } .candy-popup__text { font-size: 14px; color: #000; line-height: 120%; text-align: start; margin: 0; font-family: "SFProText-Regular"; } .schedule-sidebar__total { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { .schedule-sidebar__total.mobile { position: fixed; top: initial; left: 0; right: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 15px 20px; background-color: #fff; bottom: 0; } } .schedule-sidebar__total.popup { border-top: none; } .schedule-total__sale { font-size: 16px; color: #000; line-height: 120%; text-align: start; margin-bottom: 20px; font-family: "SFProText-Semibold"; } .schedule-total__sale .percent { font-size: 18px; color: #db3170; line-height: 120%; text-align: start; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .schedule-total__sale.mobile { display: none; } } .schedule-total__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 20px; color: #000; line-height: 120%; text-align: start; font-weight: 600; margin-bottom: 10px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .schedule-total__price.mobile { -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; font-size: 14px; color: #adadad; font-family: "SFProText-Semibold"; } } @media only screen and (max-width: 767px) { .schedule-total__price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } } .schedule-total__price-sum { font-size: 22px; } @media only screen and (max-width: 767px) { .schedule-total__price-sum.mobile { margin-left: 5px; font-size: 14px; } } .schedule-total__note { font-size: 13px; color: #adadad; line-height: 140%; text-align: start; margin: 0; margin-bottom: 40px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .schedule-total__note.mobile { display: none; } } .schedule-total__btn { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; } .schedule-total__btn:focus { outline: none; } @media only screen and (max-width: 767px) { .schedule-total__btn { margin-bottom: 10px; height: 45px; padding: 13px; } } .schedule-total__btn.popup-reg { margin-bottom: 10px; } .schedule-total__doc { display: none; } @media only screen and (max-width: 767px) { .schedule-total__doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 15px; } } .schedule-total__doc-photo { width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; border: 3px solid #fff; overflow: hidden; } .schedule-total__doc-photo:not(:first-child) { margin-left: -10px; } .schedule-total__doc-photo img { display: block; width: 100%; height: auto; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .schedule-total__doc-info { font-size: 14px; color: #000; line-height: 140%; text-align: start; margin-left: 5px; font-family: "SFProDisplay-Regular"; } .schedule-total__doc-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; padding: 0; border: none; cursor: pointer; font-size: 14px; color: #000; line-height: 130%; text-align: start; margin-left: auto; background-color: transparent; font-family: "SFProDisplay-Regular"; } .schedule-total__doc-btn:focus { outline: none; } .schedule-total__doc-btn .btn-text { margin-right: 15px; } .schedule-total__doc-icon { width: 20px; height: 21px; } .schedule-total__doc-icon svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .schedule-total__doc-icon svg path { stroke: #212129; } .schedule-cart-popup { position: fixed; top: 20px; left: 0; right: 0; z-index: 15; display: none; width: 100%; height: 100vh; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; background-color: #fff; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } .cart-popup__close { top: 27px; right: 47px; } .cart-popup__close svg { width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .cart-popup__close { top: 20px; right: 20px; } } .cart-popup__title { font-size: 26px; color: #000; line-height: 120%; text-align: start; margin: 0; margin-bottom: 30px; font-family: "ObjectSans"; } .schedule-reserv-popup { display: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 11; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 767px) { .schedule-reserv-popup { max-width: 100%; top: initial; bottom: 0; left: 0; right: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .reserv__content { position: relative; } .reserv__title { font-size: 32px; color: #000; line-height: 120%; text-align: start; max-width: 85%; margin: 0; margin-bottom: 60px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .reserv__title { font-size: 26px; } } .reserv__btn { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; margin-bottom: 10px; } .reserv__btn:focus { outline: none; } .reserv__btn-cancel { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; background-color: rgba(238, 239, 241, 0.6); color: #000; } .reserv__btn-cancel:focus { outline: none; } .reserv-btn-close { position: absolute; top: 0; left: initial; right: -10px; z-index: 2; } .reserv-btn-close svg { width: 34px; height: 34px; } .schedule-changeapp-popup { display: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 11; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 767px) { .schedule-changeapp-popup { max-width: 100%; top: initial; bottom: 0; left: 0; right: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } @media only screen and (max-width: 767px) { .schedule-changeapp-popup .changeapp__title { padding-right: 23px; } } .changeapp__content { position: relative; } .changeapp__title { font-size: 32px; color: #000; line-height: 120%; text-align: start; margin: 0; margin-bottom: 60px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .changeapp__title { font-size: 26px; } } .changeapp__btn { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; } .changeapp__btn:focus { outline: none; } .changeapp-btn-close { position: absolute; top: 0; left: initial; right: -10px; z-index: 2; } .changeapp-btn-close svg { width: 34px; height: 34px; } .schedule-filter-popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; padding: 30px; width: 100%; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #f5f5f6; position: fixed; top: 0; bottom: 0; right: 0; z-index: 10; -webkit-animation: from-right 0.2s ease-in-out; animation: from-right 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .schedule-filter-popup { max-width: 100%; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; top: 20px; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .filter-btn-close { top: 30px; right: 30px; } .filter-btn-close svg { width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .filter-btn-close { top: 20px; right: 20px; } } .filter__title { font-size: 36px; color: #000; line-height: 120%; text-align: start; margin: 0; margin-bottom: 40px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .filter__title { margin-bottom: 20px; font-size: 26px; } } .filter__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .filter__content .uslug-list-tag { margin-left: 0; margin-right: 0; } .filter__name { font-size: 16px; color: #000; line-height: 120%; text-align: start; display: none; margin-bottom: 10px; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .filter__name { display: inline-block; } } .filter__clinic { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-border-radius: 60px; border-radius: 60px; padding: 11px 25px; margin-bottom: 20px; background-color: rgba(238, 239, 241, 0.6); cursor: pointer; } .filter-clinic__text { font-size: 18px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } .filter-clinic__icon { width: 20px; height: 21px; } .filter-clinic__icon svg path { stroke: #212129; } .filter__search { width: 100%; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 30px; margin-bottom: 20px; -webkit-border-radius: 60px; border-radius: 60px; background-color: #eeeff1; height: 45px; background-color: rgba(238, 239, 241, 0.6); } @media only screen and (max-width: 767px) { .filter__search { padding: 10px 20px; margin-bottom: 10px; } } .filter__search [spec-n-cross] { position: absolute; } .filter-search__icon { width: 32px; height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .filter-search__icon svg path { -webkit-transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out; -o-transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out; transition: stroke 0.2s ease-in-out, fill 0.2s ease-in-out; fill: #adadad; } .filter-search__icon svg path:last-child { stroke: #adadad; } .filter__searchdoc { width: 100%; padding: 0; border: none; font-family: "SFProText-Semibold"; color: #000; font-size: 18px; line-height: 120%; background-color: transparent; } .filter__searchdoc:focus { outline: none; } .filter__searchdoc:focus + .appointment-search__icon svg path, .filter__searchdoc:focus + .filter-search__icon svg path { fill: #000; } .filter__searchdoc:focus + .appointment-search__icon svg path:last-child, .filter__searchdoc:focus + .filter-search__icon svg path:last-child { stroke: #000; } .filter__searchdoc::-webkit-search-cancel-button { height: 30px; width: 30px; -webkit-appearance: none; cursor: pointer; background-image: url(/local/assets/preambula/img/cross-inp.svg); -webkit-background-size: 20px 20px; background-size: 20px 20px; background-repeat: no-repeat; position: relative; top: 5px; right: 0; } .filter__searchdoc::-webkit-input-placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 18px; line-height: 120%; } .filter__searchdoc::-moz-placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 18px; line-height: 120%; } .filter__searchdoc::-ms-input-placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 18px; line-height: 120%; } .filter__searchdoc::placeholder { font-family: "SFProText-Semibold"; color: #adadad; font-size: 18px; line-height: 120%; } @media only screen and (max-width: 767px) { .filter__searchdoc::-webkit-input-placeholder { font-size: 16px; } .filter__searchdoc::-moz-placeholder { font-size: 16px; } .filter__searchdoc::-ms-input-placeholder { font-size: 16px; } .filter__searchdoc::placeholder { font-size: 16px; } } .filter__result { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 40px; position: relative; } @media only screen and (max-width: 767px) { .filter__result { margin-bottom: 20px; } } .filter__scroll-wrap { max-height: calc(100vh - 398px); } @media only screen and (max-width: 767px) { .filter__scroll-wrap { max-height: calc(100vh - 378px); } } .filter__popular { display: none; margin: 0; padding: 0; list-style: none; } .filter__popular.show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-popular__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 12px; margin-bottom: 10px; border: 1.5px solid rgba(173, 173, 173, 0.8); -webkit-border-radius: 15px; border-radius: 15px; cursor: pointer; background-color: transparent; } .filter-popular__marker { -ms-flex-negative: 0; flex-shrink: 0; width: 10px; height: 10px; -webkit-border-radius: 100%; border-radius: 100%; } .filter-popular__marker:not(:last-child) { margin-right: 8px; } .filter-popular__marker.green { background-color: #40c65e; } .filter-popular__marker.orange { background-color: #fc9f5b; } .filter-popular__marker.lilac { background-color: #a997df; } .filter-popular__marker.red { background-color: #de3c4b; } .filter-popular__marker.yellow { background-color: #f5cc63; } .filter-popular__marker.pink { background-color: #db3170; } .filter-popular__marker.blue { background-color: #5c28ef; } .filter-popular__marker.purple { background-color: #db00ff; } .filter-popular__marker.lowgreen { background-color: #40c6a6; } .filter-popular__name { display: inline-block; margin-right: 8px; font-family: "SFProText-Regular"; color: #000; font-size: 16px; line-height: 150%; } .filter-popular__btn { -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; -webkit-border-radius: 100%; border-radius: 100%; 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; background-color: #eeeff1; position: static; margin-left: 6px; } .filter-popular__btn svg { width: 12px; height: 12px; } .filter__found { position: absolute; top: 0; left: 0; right: 0; z-index: 2; display: none; max-height: 220px; padding: 15px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); overflow: hidden; } .filter-found__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 200px; margin: 0; padding: 0; list-style: none; } .filter-found__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .filter-found__item:not(:last-child) { margin-bottom: 15px; } .filter-found__icon { margin-right: 8px; width: 42px; height: 42px; 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; -ms-flex-negative: 0; flex-shrink: 0; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .filter-found__icon img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; } .filter-found__name { display: inline-block; font-family: "SFProText-Regular"; color: #000; font-size: 18px; line-height: 120%; } .filter__notfound { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); } .filter__notfound.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter-notfound__content { 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; max-width: 55%; max-width: 100%; } .filter-notfound__title { margin: 0; margin-bottom: 10px; font-family: "SFProText-Semibold"; color: #000; font-size: 22px; line-height: 130%; text-align: center; } .filter-notfound__text { margin: 0; margin-bottom: 30px; padding: 0; font-family: "SFProText-Regular"; color: #000; font-size: 18px; line-height: 130%; text-align: center; } .filter__control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-control__btn { height: 45px; } .filter-control__btn.filter-control__btn--pink { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; padding: 13px; margin-bottom: 10px; } .filter-control__btn.filter-control__btn--pink:focus { outline: none; } .filter-control__btn.filter-control__btn--gray { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; background-color: rgba(238, 239, 241, 0.6); color: #000; padding: 13px; } .filter-control__btn.filter-control__btn--gray:focus { outline: none; } .schedule-requestonwait-popup { display: none; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; padding: 30px; width: 100%; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #f5f5f6; position: fixed; top: 0; bottom: 0; right: 0; z-index: 10; max-width: 500px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-animation: from-right 0.2s ease-in-out; animation: from-right 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .schedule-requestonwait-popup { max-width: 100%; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; top: 20px; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .requestonwait__wrapper .scrollbar-track { background: transparent; } .requestonwait__wrapper .scrollbar-track .scrollbar-thumb { background: transparent; } .requestonwait__heading { margin-bottom: 37px; } .requestonwait__title { margin: 0; margin-bottom: 10px; font-family: "ObjectSans"; font-size: 36px; color: #000; line-height: 120%; } @media only screen and (max-width: 767px) { .requestonwait__title { font-size: 26px; } } .requestonwait__text { margin: 0; font-family: "SFProText-Regular"; font-size: 16px; color: #000; line-height: 145%; } @media only screen and (max-width: 767px) { .requestonwait__text { font-size: 14px; } } .requestonwait__form { 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-flex: 1; -ms-flex: 1; flex: 1; } .requestonwait-form__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .requestonwait-form__group:not(:last-child) { margin-bottom: 20px; } .requestonwait-form__group:last-child { margin-top: auto; } @media only screen and (max-width: 767px) { .requestonwait-form__group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .requestonwait-form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .requestonwait-form__item.requestonwait-form__item--date { max-width: 126px; margin-left: 15px; } @media only screen and (max-width: 767px) { .requestonwait-form__item.requestonwait-form__item--date { max-width: 100%; margin-left: 0; margin-top: 20px; } } .requestonwait-form__name { display: inline-block; margin-bottom: 10px; font-family: "SFProDisplay-Regular"; font-size: 14px; color: #000; line-height: 120%; } .requestonwait-form__input { display: inline-block; border: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 15px 20px; font-family: "SFProText-Regular"; font-size: 16px; color: #000; line-height: 120%; background-color: #eeeff1; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .requestonwait-form__input::-webkit-input-placeholder { color: #adadad; } .requestonwait-form__input::-moz-placeholder { color: #adadad; } .requestonwait-form__input::-ms-input-placeholder { color: #adadad; } .requestonwait-form__input::placeholder { color: #adadad; } .requestonwait-form__input:focus { outline: none; opacity: 1; } .requestonwait-form__input.error { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .requestonwait-form__input.input-name { max-width: 265px; } .requestonwait-form__input.requestonwait-form__input--textarea { resize: none; } @media only screen and (max-width: 767px) { .requestonwait-form__input.input-name { max-width: 100%; margin-right: 0; } } select.regappoint-form__input { -moz-appearance: none; -webkit-appearance: none; appearance: none; position: relative; } .requestonwait-form__btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; margin-bottom: 10px; } .requestonwait-form__btn:focus { outline: none; } .requestonwait-form__btn:focus { outline: none; } .requestonwait-form__agreement { margin: 0; max-width: 73%; -ms-flex-item-align: center; align-self: center; font-family: "SFProText-Regular"; font-size: 14px; color: #adadad; line-height: 140%; text-align: center; } @media only screen and (max-width: 767px) { .requestonwait-form__agreement { max-width: 100%; } } .requestonwait-btn-close { top: 30px; right: 30px; z-index: 5; } .requestonwait-btn-close svg { width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .requestonwait-btn-close { top: 20px; right: 20px; } } .schedule-reg-popup { display: none; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; padding: 30px; width: 100%; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #f5f5f6; position: fixed; top: 0; bottom: 0; right: 0; z-index: 10; background-color: white; max-width: 500px; height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-animation: from-right 0.2s ease-in-out; animation: from-right 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .schedule-reg-popup { max-width: 100%; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; top: 20px; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .schedule-reg-popup .info-res__item { margin-bottom: 10px; background-color: #f7f7f8; -webkit-border-radius: 20px; border-radius: 20px; } .reg-appoint__title--finish { display: none; margin-bottom: 10px; } .reg-appoint__subtitle--patient { font-size: 24px; color: #000; line-height: 120%; text-align: start; margin: 0; margin-bottom: 30px; font-family: "SFProDisplay-Semibold"; display: none; } @media only screen and (max-width: 767px) { .reg-appoint__subtitle--patient { font-size: 18px; } } .reg-popup__wrapper { max-height: 95%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 767px) { .reg-popup__wrapper { max-height: 85%; } } .reg-popup__wrapper .scrollbar-track { background: transparent; } .reg-popup__wrapper .scrollbar-track .scrollbar-thumb { background: transparent; } .reg-popup__close { top: 27px; right: 27px; } .reg-popup__close svg { width: 26px; height: 26px; } @media only screen and (max-width: 767px) { .reg-popup__close { top: 20px; right: 20px; } } .reg-appoint__finish { display: none; } .reg-appoint__finish.show { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: auto; } @media only screen and (max-width: 767px) { .reg-appoint__finish.show { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-bottom: 20px; } } .regappoint__form { 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-flex: 1; -ms-flex: 1; flex: 1; } .regappoint-form__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .regappoint-form__group:not(:last-child) { margin-bottom: 20px; } .regappoint-form__group:last-child { margin-top: auto; } @media only screen and (max-width: 767px) { .regappoint-form__group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .regappoint-form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .regappoint-form__item:not(:last-child) { margin-bottom: 20px; } .regappoint-form__item--date { max-width: 126px; margin-left: 15px; } @media only screen and (max-width: 767px) { .regappoint-form__item--date { max-width: 100%; margin-left: 0; margin-top: 20px; } } .regappoint-form__name { display: inline-block; margin-bottom: 10px; font-family: "SFProDisplay-Regular"; font-size: 14px; color: #000; line-height: 120%; } .regappoint-form__input { display: inline-block; border: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 15px 20px; font-family: "SFProText-Regular"; font-size: 16px; color: #000; line-height: 120%; background-color: #eeeff1; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .regappoint-form__input::-webkit-input-placeholder { color: #adadad; } .regappoint-form__input::-moz-placeholder { color: #adadad; } .regappoint-form__input::-ms-input-placeholder { color: #adadad; } .regappoint-form__input::placeholder { color: #adadad; } .regappoint-form__input:focus { outline: none; opacity: 1; } .regappoint-form__input.error { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .regappoint-form__input.regappoint-form__input--textarea { resize: none; } .regappoint-form__agreement { margin: 0; max-width: 73%; -ms-flex-item-align: center; align-self: center; font-family: "SFProText-Regular"; font-size: 14px; color: #adadad; line-height: 140%; text-align: center; } @media only screen and (max-width: 767px) { .regappoint-form__agreement { max-width: 100%; } } .regappoint-form__agreement.popup-reg { max-width: 100%; } .reg-appoint__btn { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; margin-bottom: 15px; } .reg-appoint__btn:focus { outline: none; } @media only screen and (max-width: 767px) { .reg-appoint__btn { margin-bottom: 0; } } .add-calendar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 18px; color: #000; line-height: 120%; text-align: center; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .add-calendar { margin-bottom: 15px; } } .add-calendar__icon { display: inline-block; width: 24px; height: 24px; } .add-calendar__icon svg { width: 24px; height: 24px; } .add-calendar__icon svg path { stroke: #000; } .appointment__address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .appointment__address { width: 100%; } } .appointment-address__title { max-width: 80%; -ms-flex-item-align: center; align-self: center; margin-bottom: 40px; text-align: center; } @media only screen and (max-width: 767px) { .appointment-address__title { max-width: 100%; -ms-flex-item-align: normal; align-self: normal; margin-bottom: 20px; text-align: start; } } .appointment-prompt__tooltip { display: inline-block; width: 18px; height: 18px; border: 1px solid #adadad; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; cursor: pointer; position: relative; top: -12px; right: 0; } .appointment-prompt__tooltip:hover .tariff-point__tooltip-popup, .appointment-prompt__tooltip:focus .tariff-point__tooltip-popup, .appointment-prompt__tooltip:hover .schedule-sidebar__tooltip-popup, .appointment-prompt__tooltip:focus .schedule-sidebar__tooltip-popup, .appointment-prompt__tooltip:hover .appointment-tooltip__popup, .appointment-prompt__tooltip:focus .appointment-tooltip__popup { opacity: 1; visibility: visible; } @media only screen and (max-width: 767px) { .appointment-prompt__tooltip { margin-left: 5px; top: 0; } } .appointment-tooltip__popup { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 183px; -webkit-border-radius: 10px; border-radius: 10px; padding: 15px; visibility: hidden; opacity: 0; cursor: auto; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; font-family: "SFProText-Regular"; color: #000; font-size: 14px; line-height: 120%; text-align: left; position: absolute; top: 200%; right: -200%; z-index: 2; } .appointment-tooltip__popup::after { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #fff; position: absolute; top: -10px; right: 30px; } .appointment-tooltip__link { font-size: 14px; color: #000; line-height: 120%; text-align: start; display: inline-block; margin: 0; padding: 0; font-family: "SFProText-Semibold"; } .appointment-address__search { margin-bottom: 15px; } .appointment-search__input { font-size: 26px; color: #000; line-height: 120%; text-align: start; width: 100%; padding: 25px 30px; -webkit-border-radius: 20px; border-radius: 20px; border: 1.5px solid #adadad; font-family: "SFProText-Semibold"; background-color: transparent; } @media only screen and (max-width: 767px) { .appointment-search__input { border: none; padding: 15px 20px; font-size: 16px; background-color: #eeeff1; } } .appointment-search__input:focus { outline: none; } .appointment-search__input::-webkit-input-placeholder { font-size: 26px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } .appointment-search__input::-moz-placeholder { font-size: 26px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } .appointment-search__input::-ms-input-placeholder { font-size: 26px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } .appointment-search__input::placeholder { font-size: 26px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .appointment-search__input::-webkit-input-placeholder { font-size: 16px; } .appointment-search__input::-moz-placeholder { font-size: 16px; } .appointment-search__input::-ms-input-placeholder { font-size: 16px; } .appointment-search__input::placeholder { font-size: 16px; } } .appointment-address__prompt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .appointment-address__prompt { margin-bottom: 20px; } } .appointment-prompt__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 32px; height: 34px; -webkit-border-radius: 10px; border-radius: 10px; margin-right: 10px; background-color: #22744f; } .appointment-prompt__text { font-size: 14px; color: #000; line-height: 150%; text-align: start; font-family: "SFProText-Regular"; } .services { padding-top: 40px; } @media only screen and (max-width: 767px) { .services { padding-top: 20px; } } .services__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "SFProDisplay-Semibold"; color: #000; font-size: 18px; text-decoration: none; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .services__link { -ms-flex-item-align: start; align-self: flex-start; margin-bottom: 15px; font-size: 14px; } } .services__link svg { margin-right: 8px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 767px) { .services__link svg { width: 18px; height: 18px; } } .services__link svg path { stroke: #000; } @media only screen and (max-width: 767px) { .services__link { margin-bottom: 15px; } } .services__heading { margin-bottom: 60px; } @media only screen and (max-width: 767px) { .services__heading { margin-bottom: 20px; } } .services__title { font-family: "ObjectSans"; color: #000; font-size: 72px; line-height: 100%; margin: 0; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .services__title { font-size: 32px; } } @media only screen and (max-width: 767px) { .services__title { margin-bottom: 5px; } } .services__subtitle { font-size: 32px; color: #000; line-height: 120%; text-align: start; margin: 0; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .services__subtitle { font-size: 18px; } } .services__wrapper { display: grid; grid-template-rows: repeat(2, minmax(350px, 1fr)); grid-auto-rows: 1fr; grid-template-columns: repeat(4, 1fr); grid-gap: 40px; } @media only screen and (max-width: 767px) { .services__wrapper { grid-template-rows: repeat(2, minmax(132px, 1fr)); grid-template-columns: repeat(1, minmax(250px, 1fr)); grid-gap: 10px; } } .services__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; -webkit-border-radius: 30px; border-radius: 30px; cursor: pointer; background-color: rgba(238, 239, 241, 0.6); -webkit-transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .services__item { padding: 20px 30px; grid-column: span 4; cursor: auto; pointer-events: none; } } .services__item.big { padding: 40px; grid-column: span 2; } @media only screen and (max-width: 767px) { .services__item.big { padding: 20px 30px; grid-column: span 4; } } .services__item:hover { background-color: #db3170; -webkit-transform: rotate(-2.3grad); -ms-transform: rotate(-2.3grad); transform: rotate(-2.3grad); } .services__item:hover .services-item__heading, .services__item:hover .services-item__footer { color: #fff; } .services-item__heading { font-size: 28px; color: #000; line-height: 120%; text-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: "SFProDisplay-Semibold"; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .services-item__heading { font-size: 20px; } } .services-item__name, .services-item__time { display: inline-block; } .services-item__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .services-item__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 26px; color: #000; line-height: 120%; text-align: start; font-family: "ObjectSans"; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .services-item__footer { font-size: 20px; } } @media only screen and (max-width: 767px) { .services-item__price { margin-right: 10px; } } .services-item__btn { margin: 0; border: none; cursor: pointer; font-size: 26px; color: #000; line-height: 120%; text-align: start; display: none; padding: 0; font-family: "ObjectSans"; pointer-events: auto; background-color: transparent; } .services-item__btn:focus { outline: none; } @media only screen and (max-width: 767px) { .services-item__btn { display: inline-block; font-size: 20px; } } .requestoncall-popup { max-width: 440px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; } @media only screen and (max-width: 767px) { .requestoncall-popup { max-width: 100%; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; } } .requestoncall__wrapper .scrollbar-track { background: transparent; } .requestoncall__wrapper .scrollbar-track .scrollbar-thumb { background: transparent; } @-webkit-keyframes from-right { from { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes from-right { from { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .requestoncall-btn-close { top: 30px; right: 30px; z-index: 5; } .requestoncall-btn-close:focus { outline: none; } .requestoncall-btn-close svg { width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .requestoncall-btn-close svg { width: 28px; height: 28px; } } @media only screen and (max-width: 767px) { .requestoncall-btn-close { top: 20px; right: 20px; } } .requestoncall__heading { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .requestoncall__heading { margin-bottom: 30px; } } .requestoncall__title { margin: 0; margin-bottom: 10px; font-family: "ObjectSans"; font-size: 36px; color: #000; line-height: 120%; } @media only screen and (max-width: 767px) { .requestoncall__title { font-size: 26px; } } .requestoncall__text { margin: 0; font-family: "SFProText-Regular"; font-size: 16px; color: #000; line-height: 145%; } @media only screen and (max-width: 767px) { .requestoncall__text { font-size: 14px; } } .requestoncall__form { 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-flex: 1; -ms-flex: 1; flex: 1; } .requestoncall-form__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .requestoncall-form__group:not(:last-child) { margin-bottom: 20px; } .requestoncall-form__group:last-child { margin-top: auto; } @media only screen and (max-width: 767px) { .requestoncall-form__group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .requestoncall-form__group:last-child { margin-top: initial; } @media only screen and (max-width: 767px) { .requestoncall-form__group .info-res__drop[data-scrollbar] { display: none; } } .requestoncall-form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .requestoncall-form__item .info-res__item { -webkit-border-radius: 20px; border-radius: 20px; background-color: #f7f7f8; margin-bottom: 10px; } .requestoncall-form__item--date { max-width: 126px; margin-left: 15px; } @media only screen and (max-width: 767px) { .requestoncall-form__item--date { max-width: 100%; margin-left: 0; margin-top: 20px; } } .requestoncall-form__name { display: inline-block; margin-bottom: 10px; font-family: "SFProDisplay-Regular"; font-size: 14px; color: #000; line-height: 120%; } .requestoncall-form__input { display: inline-block; border: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 15px 20px; font-family: "SFProText-Regular"; font-size: 16px; color: #000; line-height: 120%; background-color: #eeeff1; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .requestoncall-form__input::-webkit-input-placeholder { color: #adadad; } .requestoncall-form__input::-moz-placeholder { color: #adadad; } .requestoncall-form__input::-ms-input-placeholder { color: #adadad; } .requestoncall-form__input::placeholder { color: #adadad; } .requestoncall-form__input:focus { outline: none; opacity: 1; } .requestoncall-form__input.error { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .requestoncall-form__input.requestoncall-form__input--textarea { resize: none; } .requestoncall-form__btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; margin-bottom: 10px; } .requestoncall-form__btn:focus { outline: none; } .requestoncall-form__btn:focus { outline: none; } .requestoncall-form__agreement { margin: 0; max-width: 73%; -ms-flex-item-align: center; align-self: center; font-family: "SFProText-Regular"; font-size: 14px; color: #adadad; line-height: 140%; text-align: center; max-width: 100%; } @media only screen and (max-width: 767px) { .requestoncall-form__agreement { max-width: 100%; } } .widget { padding: 20px 0 0 0; position: relative; } @media only screen and (max-width: 767px) { .widget { max-height: 100%; margin-bottom: 20px; padding-top: 16px; padding-bottom: 33px; } } .widget__top { padding: 30px 50px; -webkit-box-shadow: 0px 9px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 9px 50px rgba(0, 0, 0, 0.07); -webkit-border-radius: 30px; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .widget__top { padding: 16px; -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.03); box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.03); -webkit-border-radius: 24px; border-radius: 24px; background-color: #ffffff; } } @media only screen and (max-width: 767px) { .widget__top.desktop { margin-top: 24px; } .widget__top.desktop .widget__famcard { display: none; } } .widget__top.mobile { display: none; } @media only screen and (max-width: 767px) { .widget__top.mobile { display: block; background: transparent; padding: 0; -webkit-border-radius: 0; border-radius: 0; } } .widget__top.mobile .widget__famcard.dad { overflow: scroll; -ms-overflow-style: none; scrollbar-width: none; width: calc(100% + 15px); padding-right: 15px; } .widget__top.mobile .widget__famcard.dad::-webkit-scrollbar { display: none; } .widget__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .widget__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .widget__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 15px; } @media only screen and (max-width: 767px) { .widget__title { margin-right: 0; } } .widget-title__icon { margin-right: 15px; } .widget-title__text { font-size: 20px; color: #000; line-height: 24px; text-align: start; margin: 0 0 20px 0; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .widget-title__text { font-size: 17px; line-height: 20px; margin-bottom: 12px; } } .widget__user { margin: 0; padding: 0; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-border-radius: 40px; border-radius: 40px; padding: 15px 20px; background-color: #fff; } .widget__user:focus { outline: none; } @media only screen and (max-width: 767px) { .widget__user { padding: 10px 20px; } } .widget-user__name { font-size: 28px; color: #000; line-height: 120%; text-align: start; margin-right: 15px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .widget-user__name { font-size: 24px; } } .widget-user__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 36px; height: 36px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #f6f7f8; } @media only screen and (max-width: 767px) { .widget-user__icon { width: 24px; height: 24px; } } .widget__exit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 15px; color: #fff; line-height: 120%; text-align: start; margin-left: auto; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget__exit { position: absolute; top: initial; left: initial; right: 16px; z-index: 2; bottom: 20px; } } .widget-exit__text { margin-right: 7px; } .widget-exit__icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget-exit__icon svg path { fill: #fff; } .widget__notice { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .widget__notice { position: fixed; top: initial; left: 0; right: 0; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 260px; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px; margin-bottom: 0; background-color: #fff; bottom: 0; } } .widget-notice__close { display: none; top: 15px; right: 15px; z-index: 1; } .widget-notice__close svg { width: 24px; height: 24px; } @media only screen and (max-width: 767px) { .widget-notice__close { display: inline-block; } } .widget-notice__heading { max-width: 350px; } @media only screen and (max-width: 767px) { .widget-notice__heading { margin-bottom: 20px; } } .widget-notice__title { font-size: 20px; color: #000; line-height: 120%; text-align: start; display: none; margin: 0; padding: 0; margin-bottom: 10px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .widget-notice__title { display: block; } } .widget-notice__text { font-size: 14px; color: #fff; line-height: 140%; text-align: start; margin: 0; padding: 0; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-notice__text { display: none; } } .widget-notice__text.mob { display: none; } @media only screen and (max-width: 767px) { .widget-notice__text.mob { display: block; color: #000; } } .widget-notice__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .widget-notice__controls { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .widget-notice__btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; line-height: 105%; font-size: 16px; color: #fff; line-height: 150%; text-align: center; width: auto; min-width: 204px; height: 45px; padding: 10px 20px; font-family: "SFProText-Semibold"; } .widget-notice__btn:focus { outline: none; } .widget-notice__btn:focus { outline: none; } .widget-notice__btn.widget-notice__btn--close { min-width: 230px; margin-left: 10px; background: rgba(238, 239, 241, 0.3); } @media only screen and (max-width: 767px) { .widget-notice__btn.widget-notice__btn--close { margin-top: 10px; margin-left: 0; background: rgba(238, 239, 241, 0.6); color: #000; } } .widget__famcard { display: none; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget__famcard.dad { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media only screen and (max-width: 767px) { .widget__famcard.dad { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .widget__famcard { display: -webkit-box; display: -ms-flexbox; display: flex; } } .widget-famcard__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .widget-famcard__info.dad { margin-bottom: 0; } .widget-famcard__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-border-radius: 40px; border-radius: 40px; padding: 4px 10px 4px 4px; background: -webkit-gradient(linear, left top, right top, from(#b4e447), to(#55c264)); background: -webkit-linear-gradient(left, #b4e447 0%, #55c264 100%); background: -o-linear-gradient(left, #b4e447 0%, #55c264 100%); background: linear-gradient(90deg, #b4e447 0%, #55c264 100%); } .widget-famcard__box.widget-famcard__box--pts { margin-right: 10px; min-width: 100px; } @media only screen and (max-width: 767px) { .widget-famcard__box.widget-famcard__box--pts { min-width: unset; } } .widget-famcard__box.widget-famcard__box--dep { min-width: 145px; background: #db3170; } @media only screen and (max-width: 767px) { .widget-famcard__box.widget-famcard__box--dep { min-width: unset; } } .widget-famcard__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 7px; } @media only screen and (max-width: 767px) { .widget-famcard__icon svg { width: 20px; height: 20px; } } .widget-famcard__sum { font-size: 20px; color: #fff; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-famcard__sum { font-family: "SFProDisplay-Medium"; font-size: 13px; line-height: 18px; } } .widget-famcard__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; list-style: none; } .widget-famcard__list.dad { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: clamp(15px, 1.5vw, 30px); } @media only screen and (max-width: 767px) { .widget-famcard__list.dad { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-max-content; width: -moz-max-content; width: max-content; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 20px; } } .widget-famcard__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .widget-famcard__item:not(:last-child) { margin-bottom: 15px; } .widget-famcard__item.dad { margin-bottom: 0; } .widget-famcard__item.dad:not(:last-child) { margin-right: 0; } .widget-famcard__link { font-size: 20px; color: #838389; line-height: 24px; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .widget-famcard__link { font-size: 16px; line-height: 19px; font-family: "SFProDisplay-Medium"; } } .widget-famcard__num { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 14px; color: #fff; line-height: 140%; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; padding-left: 7px; padding-right: 7px; width: auto; height: 24px; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 5px; font-family: "SFProDisplay-Regular"; background-color: #db3170; } .widget__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: visible; margin-top: 28px; } @media only screen and (max-width: 767px) { .widget__card { height: auto; padding: 0 0 20px 0; -webkit-border-radius: 0; border-radius: 0; } } .widget__card.widget__card--dad { width: 75%; position: relative; } @media only screen and (max-width: 767px) { .widget__card.widget__card--dad { width: 100%; padding: 0; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } } .widget-card__heading { -webkit-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; padding: 30px 30px 21px 30px; background-color: #f5f5f6; margin-top: 28px; } @media only screen and (max-width: 1160px) { .widget-card__heading { padding: 20px; } } @media only screen and (max-width: 767px) { .widget-card__heading { padding: 0; margin-bottom: 15px; } } .widget-card__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } @media only screen and (max-width: 767px) { .widget-card__title { margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .widget-card__text { font-size: 30px; color: #000; line-height: 32px; text-align: start; font-family: "SFProDisplay-Heavy"; } @media only screen and (max-width: 767px) { .widget-card__text { font-size: 21px; line-height: 23px; } } .widget-card__patient { margin: 0; padding: 0; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; background-color: transparent; margin-left: 9px; } .widget-card__patient:focus { outline: none; } @media only screen and (max-width: 767px) { .widget-card__patient { margin-left: 0; } } @media only screen and (min-width: 768px) { .widget-card__patient:hover .widget-patient__icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } } @media only screen and (min-width: 768px) { .widget-card__patient:hover .widget-patient__drop { opacity: 1; pointer-events: auto; } } .widget-card__patient.active .widget-patient__icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .widget-patient__name { font-size: 30px; color: #db3170; line-height: 32px; text-align: start; font-family: "SFProDisplay-Heavy"; } @media only screen and (min-width: 768px) { .widget-patient__name { margin-left: 5px; } } @media only screen and (max-width: 767px) { .widget-patient__name { font-size: 21px; line-height: 23px; } } .widget-patient__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .widget-patient__icon.new svg { width: 30px; height: 30px; } @media only screen and (max-width: 767px) { .widget-patient__icon.new svg { width: 24px; height: 24px; } } .widget-patient__icon.new svg path { stroke: #db3170; } .widget-patient__drop { position: absolute; top: 100%; left: initial; right: initial; z-index: 3; padding: 20px 5px 20px 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.02); -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; pointer-events: none; } @media only screen and (max-width: 767px) { .widget-patient__drop { opacity: 1; pointer-events: auto; display: none; -webkit-animation: drop-zoom 0.2s ease-in-out; animation: drop-zoom 0.2s ease-in-out; } } .widget-patient__drop-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 110px; margin: 0; padding: 0; padding-right: 20px; list-style: none; } .widget-patient__drop-list .scroll .scrollbar-track.scrollbar-track-y { background: none; } .widget-patient__drop-list .scroll .scrollbar-track.scrollbar-track-y .scrollbar-thumb { width: 3px; -webkit-border-radius: 40px; border-radius: 40px; background: #eeeff1; } .widget-patient__drop-item { font-size: 16px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Medium"; cursor: pointer; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .widget-patient__drop-item:not(:last-child) { margin-bottom: 12px; } .widget-patient__drop-item:hover { color: #22744f; } .widget-card__extra { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .widget__dms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 15px; margin-right: 10px; padding: 12px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; } @media only screen and (max-width: 767px) { .widget__dms { width: 100%; margin-right: 0; -webkit-border-radius: 15px; border-radius: 15px; } } .widget-dms__icon { margin-right: 5px; } .widget-dms__text { font-size: 16px; color: #000; line-height: 120%; text-align: center; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .widget-dms__text { font-size: 16px; } } .widget__prog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 15px; padding: 12px 25px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px -1px 50px rgba(0, 0, 0, 0.04); box-shadow: 0px -1px 50px rgba(0, 0, 0, 0.04); } @media only screen and (max-width: 767px) { .widget__prog { width: 100%; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } } .widget-prog__info, .widget-prog__dep { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .widget-prog__info { padding-right: 20px; } @media only screen and (max-width: 767px) { .widget-prog__info { padding-right: 0; } } .widget-prog__dep { border-left: 1px solid #adadad; padding-left: 20px; } @media only screen and (max-width: 767px) { .widget-prog__dep { margin-top: 15px; padding-left: 0; border-left: none; } } .widget-prog__title-new { font-size: 14px; color: #adadad; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } .widget-prog__name-new { font-size: 16px; color: #22744f; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .widget-prog__name-new { font-size: 16px; } } .widget-prog__sum { color: #000; } .widget-card__prog { position: absolute; top: -20px; left: initial; right: -20px; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 12px 25px; -webkit-border-radius: 55px; border-radius: 55px; background-color: #fff; -webkit-box-shadow: 0px -1px 50px rgba(0, 0, 0, 0.04); box-shadow: 0px -1px 50px rgba(0, 0, 0, 0.04); } @media only screen and (max-width: 767px) { .widget-card__prog { margin: 15px 0 15px; position: static; } } .widget-prog__title { font-size: 14px; color: #adadad; line-height: 120%; text-align: start; margin-bottom: 3px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-prog__title { display: none; } } .widget-prog__title.widget-prog__title--mob { display: none; } @media only screen and (max-width: 767px) { .widget-prog__title.widget-prog__title--mob { display: inline-block; } } .widget-prog__name { font-size: 18px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .widget-prog__name { display: none; } } .widget-prog__name.widget-prog__name--mob { display: none; } @media only screen and (max-width: 767px) { .widget-prog__name.widget-prog__name--mob { display: inline-block; font-size: 15px; } } .widget-card__tariff { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .widget-card__tariff { display: none; } } .widget-card__tariff.widget-card__tariff--dad { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget-card__tariff.new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-top: 15px; padding: 10px 25px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 767px) { .widget-card__tariff.new { margin-top: 15px; padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } } .widget-tariff__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 20px; border-right: 1px solid #adadad; } @media only screen and (max-width: 767px) { .widget-tariff__left { padding-right: 0; border-right: none; margin-bottom: 15px; } } .widget-tariff__prog, .widget-tariff__pack { font-size: 14px; color: #adadad; line-height: 140%; text-align: start; display: inline-block; font-family: "SFProText-Regular"; } .widget-tariff__pack { margin-bottom: 2px; } .widget-tariff__name { font-size: 16px; color: #22744f; line-height: 120%; text-align: start; display: inline-block; font-family: "SFProText-Semibold"; } .widget-tariff__right { padding-left: 20px; } @media only screen and (max-width: 767px) { .widget-tariff__right { padding-left: 0; } } .widget-tariff__desc-text { font-size: 16px; color: #000; line-height: 120%; text-align: start; margin: 0; padding: 0; margin-right: 10px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-tariff__desc-text { margin-right: 0; margin-bottom: 20px; font-size: 14px; } } .widget-tariff__link { font-size: 14px; color: #adadad; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-tariff__link { font-size: 14px; color: #000; line-height: 130%; text-align: center; padding: 10px 0; -webkit-border-radius: 60px; border-radius: 60px; font-family: "SFProText-Semibold"; background-color: rgba(238, 239, 241, 0.6); } } .widget-tariff__icon { margin-right: 10px; } .widget-tariff__desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .widget-tariff__desc { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .widget-tariff__text { font-size: 16px; color: #000; line-height: 140%; text-align: start; margin: 0; margin-right: 5px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-tariff__text { display: none; } } .widget-tariff__text.widget-tariff__text--mob { display: none; } @media only screen and (max-width: 767px) { .widget-tariff__text.widget-tariff__text--mob { display: block; } } .widget-tariff__more { font-size: 16px; color: #adadad; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } .widget-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-border-radius: 30px; border-radius: 30px; padding: 30px; background-color: #f5f5f6; } .widget-card__content--documents { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; padding-top: 0; } @media only screen and (max-width: 1160px) { .widget-card__content { padding: 20px; } } @media only screen and (max-width: 767px) { .widget-card__content { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: transparent; } } .widget-card__none { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #fff; } @media only screen and (max-width: 767px) { .widget-card__none { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 30px; -webkit-border-radius: 20px; border-radius: 20px; } } .widget-none__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .widget-none__content { padding: 0; } } .widget-none__lock { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 200px; height: 200px; background-image: url(/local/assets/preambula/img/folder-icon.svg); background-repeat: no-repeat; background-position: center; } @media only screen and (max-width: 767px) { .widget-none__lock { width: 150px; height: 150px; -webkit-background-size: contain; background-size: contain; } } .widget-none__lock-btn { margin: 0; padding: 0; border: none; cursor: pointer; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; top: 20px; left: -5px; right: initial; z-index: 2; width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; -ms-flex-negative: 0; flex-shrink: 0; background-color: #db3170; } .widget-none__lock-btn:focus { outline: none; } @media only screen and (max-width: 767px) { .widget-none__lock-btn { width: 30px; height: 30px; } } .widget-none__text { font-size: 24px; color: #adadad; line-height: 145%; text-align: center; margin-bottom: 30px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .widget-none__text { font-size: 20px; } } .widget-none__btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; max-width: 180px; height: 50px; font-size: 16px; } .widget-none__btn:focus { outline: none; } .widget-none__btn:focus { outline: none; } @media only screen and (max-width: 767px) { .widget-none__btn { max-width: 215px; height: 45px; padding: 13px; } } .widget-card__nextapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; } @media only screen and (max-width: 767px) { .widget-card__nextapp { padding: 0; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; } } .widget-nexttapp__btn { top: 14px; right: 14px; display: none; } .widget-nexttapp__btn span { font-size: 16px; color: #ffffff; line-height: 19px; text-align: start; font-family: "SFProDisplay-Regular"; background-color: #d9d9d9; -webkit-border-radius: 12px; border-radius: 12px; padding: 9px 12px; position: absolute; left: calc(50% - 40px); top: -50px; opacity: 0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; z-index: -1; } .widget-nexttapp__btn span::after { content: ""; position: absolute; width: 26px; height: 26px; background: #d9d9d9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: calc(50% - 13px); bottom: -6px; z-index: -1; } .widget-nexttapp__btn:hover span { z-index: 1; opacity: 1; } .widget-nexttapp__btn svg { width: 20px; height: 20px; } @media only screen and (max-width: 767px) { .widget-nexttapp__btn { top: 10px; right: 10px; display: block; } .widget-nexttapp__btn span { display: none; } } .widget-nextapp__heading { font-size: 30px; color: #000; line-height: 31px; text-align: start; margin: 0; margin-bottom: 30px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .widget-nextapp__heading { font-size: 21px; line-height: 23px; margin-bottom: 16px; max-width: 200px; } } .widget-nextapp__heading-date, .widget-nextapp__heading-desc { display: inline-block; } @media only screen and (max-width: 767px) { .widget-nextapp__info { margin-bottom: 20px; } } .widget-nextapp__clinic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 18px; color: #000; line-height: 21px; text-align: start; margin-top: 10px; font-family: "SFProDisplay-Regular"; } @media only screen and (max-width: 767px) { .widget-nextapp__clinic { font-size: 14px; } } .widget-nextapp__doc-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .widget-nextapp__doc-info.new { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .widget-nextapp__doc-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .widget-nextapp__doc-name { margin-right: 8px; } .widget-nextapp__doc-spec { color: #adadad; } .widget-nextapp__clinic-icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 12px; } .widget-nextapp__none { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; } .widget-nextapp__none-text { font-size: 24px; color: #adadad; line-height: 145%; text-align: start; margin: 0; margin-bottom: 20px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .widget-nextapp__none-text { font-size: 20px; text-align: center; } } .widget-nextapp__none-btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; max-width: 164px; height: 50px; font-size: 16px; } .widget-nextapp__none-btn:focus { outline: none; } .widget-nextapp__none-btn:focus { outline: none; } @media only screen and (max-width: 767px) { .widget-nextapp__none-btn { padding: 13px; font-size: 14px; } } .widget-card__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } @media only screen and (max-width: 767px) { .widget-card__info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; -webkit-border-radius: 15px; border-radius: 15px; } } .widget-info__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0; padding: 6px; margin-bottom: 30px; background-color: #ffffff; -webkit-border-radius: 100px; border-radius: 100px; list-style: none; overflow-x: scroll; } .widget-info__tabs::-webkit-scrollbar { width: 0; height: 0; background-color: transparent; } @media only screen and (max-width: 767px) { .widget-info__tabs { margin-bottom: 15px; padding: 4px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .widget-info__tabs-name { font-size: 18px; color: #adadad; line-height: 22px; text-align: start; padding: 14px 20px; -webkit-border-radius: 90px; border-radius: 90px; font-family: "SFProText-Semibold"; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; position: relative; } .widget-info__tabs-name:not(:last-child) { margin-right: 10px; } .widget-info__tabs-name.active { background-color: #db3170; color: #ffffff; } @media only screen and (max-width: 767px) { .widget-info__tabs-name { padding: 10px 13px; font-size: 15px; line-height: 18px; } .widget-info__tabs-name:not(:last-child) { margin-right: 0; } } @media (max-width: 360px) { .widget-info__tabs-name { padding: 8px 8px; } } .widget-info__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget-info__content { display: none; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .widget-info__content.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget-info__none { font-size: 26px; color: #adadad; line-height: 31px; text-align: center; display: block; margin: auto; font-family: "SFProDisplay-Semibold"; z-index: 2; } .widget-info__none--buys { margin-top: 50%; } .widget-info__none .no-app { margin-bottom: 20px; opacity: 0.5; } .widget-info__none.new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 146px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; } @media only screen and (max-width: 767px) { .widget-info__none.new { padding: 15px 0; } } .widget-none__circle { width: 130px; height: 130px; -webkit-border-radius: 100%; border-radius: 100%; margin-bottom: 15px; -ms-flex-negative: 0; flex-shrink: 0; background-color: #c4c4c4; } @media only screen and (max-width: 767px) { .widget-none__circle { width: 100px; height: 100px; } } .widget-info__box { height: 180px; overflow-y: hidden; } @media only screen and (max-width: 767px) { .widget-info__box { margin-bottom: 15px; } } .widget-info__title { font-size: 18px; color: #000; line-height: 130%; text-align: start; max-width: 80%; margin: 0; margin-bottom: 10px; font-family: "ObjectSans"; } .widget-info__title:not(:first-child) { margin-top: 25px; } @media only screen and (max-width: 900px) { .widget-info__title { max-width: 100%; } } .widget-info__title-link { font-size: 18px; color: #000; line-height: 130%; text-align: start; font-family: "ObjectSans"; } .widget-info__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; padding-left: 15px; list-style-type: "- "; } .widget-info__item { font-size: 16px; color: #000; line-height: 150%; text-align: start; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-info__item { font-size: 14px; } } .widget-info__item.widget-info__item--result, .widget-info__item.widget-info__item--vaccine { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .widget-info__item.widget-info__item--result:not(:last-child), .widget-info__item.widget-info__item--vaccine:not(:last-child) { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .widget-info__item.widget-info__item--result:not(:last-child), .widget-info__item.widget-info__item--vaccine:not(:last-child) { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } } .widget-info__btn { margin: 0; padding: 0; border: none; cursor: pointer; font-size: 19px; color: #db3170; line-height: 19px; text-align: center; width: auto; max-width: 100%; margin-top: auto; padding: 9px; -ms-flex-item-align: end; align-self: flex-end; font-family: "SFProText-Semibold"; } .widget-info__btn:focus { outline: none; } @media only screen and (max-width: 767px) { .widget-info__btn { -ms-flex-item-align: normal; align-self: normal; } } .widget-info__btn.widget-info__btn--nextapp { position: absolute; top: 0; left: initial; right: 0; z-index: 2; -ms-flex-item-align: start; align-self: flex-start; } @media only screen and (max-width: 767px) { .widget-info__btn.widget-info__btn--nextapp { font-family: "SFProDisplay-Medium"; font-size: 15px; line-height: 18px; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; top: 25px; } .widget-info__btn.widget-info__btn--nextapp span { display: none; } } .widget-info__btn.widget-info__btn--appoint, .widget-info__btn.widget-info__btn--result, .widget-info__btn.widget-info__btn--vaccine { position: absolute; top: -147px; left: initial; right: 0; z-index: 2; } @media only screen and (max-width: 767px) { .widget-info__btn.widget-info__btn--appoint, .widget-info__btn.widget-info__btn--result, .widget-info__btn.widget-info__btn--vaccine { font-family: "SFProDisplay-Medium"; font-size: 15px; line-height: 18px; top: -120px; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; right: 0; } .widget-info__btn.widget-info__btn--appoint span, .widget-info__btn.widget-info__btn--result span, .widget-info__btn.widget-info__btn--vaccine span { display: none; } } .widget-info__list--result, .widget-info__list--vaccine { padding-left: 0; list-style: none; } .widget-info__item-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .widget-info__item-serv { font-size: 16px; color: #000; line-height: 120%; text-align: start; margin-bottom: 5px; font-family: "SFProDisplay-Semibold"; } .widget-info__item-date { font-family: "SFProDisplay-Bold"; } .widget-info__item-btn { margin: 0; padding: 0; border: none; cursor: pointer; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 32px; height: 32px; -webkit-border-radius: 100%; border-radius: 100%; -ms-flex-negative: 0; flex-shrink: 0; background-color: rgba(238, 239, 241, 0.6); } .widget-info__item-btn:focus { outline: none; } @media only screen and (max-width: 767px) { .widget-info__item-btn.new { display: -webkit-box; display: -ms-flexbox; display: flex; } } .widget-info__item-doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .widget-info__item-photo { width: 30px; height: 30px; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 8px; overflow: hidden; } .widget-info__item-photo img { -o-object-fit: cover; object-fit: cover; display: block; width: 100%; height: 100%; } @media only screen and (max-width: 767px) { .widget-info__item-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .widget-info__item-name, .widget-info__item-spec { font-size: 14px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-info__item-name, .widget-info__item-spec { color: #000; } .widget-info__item-name.new, .widget-info__item-spec.new { color: #adadad; } } .widget-info__item-spec { display: none; } @media only screen and (max-width: 767px) { .widget-info__item-spec { display: inline-block; } .widget-info__item-spec.new { display: none; } } .widget-dad { padding-top: 40px; } @media only screen and (max-width: 767px) { .widget-dad { padding-top: 20px; } } .widget-dad__tabs { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-border-radius: 40px; border-radius: 40px; padding: 5px 10px; margin-bottom: 20px; background-color: rgba(238, 239, 241, 0.5); } @media only screen and (max-width: 767px) { .widget-dad__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } } .widget-tabs__item { font-size: 16px; color: #000; line-height: 150%; text-align: center; width: 50%; padding: 6px 10px; -webkit-border-radius: 90px; border-radius: 90px; font-family: "SFProText-Semibold"; -webkit-tap-highlight-color: transparent; background-color: transparent; cursor: pointer; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } .widget-tabs__item.active { background-color: #db3170; color: #fff; } .widget-dad__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .widget-dad__wrapper { -webkit-border-radius: 20px; border-radius: 20px; padding: 20px 10px; background-color: rgba(238, 239, 241, 0.5); } } .widget__sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 35%; max-width: 250px; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px 20px 20px; margin-left: auto; background-color: #fff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 1160px) { .widget__sidebar { padding: 10px; margin-left: 30px; } } @media only screen and (max-width: 767px) { .widget__sidebar { display: none; width: 100%; max-width: 100%; margin-left: 0; padding: 20px; -webkit-box-shadow: none; box-shadow: none; } } .widget-sidebar__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .widget-sidebar__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 18px; color: #000; line-height: 120%; text-align: center; margin-bottom: 15px; font-family: "SFProText-Semibold"; } .widget-sidebar__points { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .widget-points__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-border-radius: 40px; border-radius: 40px; padding: 4px 10px; margin-bottom: 5px; background: -webkit-gradient(linear, left top, right top, from(#b4e447), to(#55c264)); background: -webkit-linear-gradient(left, #b4e447 0%, #55c264 100%); background: -o-linear-gradient(left, #b4e447 0%, #55c264 100%); background: linear-gradient(90deg, #b4e447 0%, #55c264 100%); } .widget-points__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 7px; } .widget-points__sum { font-size: 18px; color: #fff; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } .widget-points__text { font-size: 13px; color: #adadad; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } .widget-points__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .widget-points__link-text { font-size: 14px; color: #fff; line-height: 140%; text-align: start; margin-right: 4px; font-family: "SFProText-Regular"; -webkit-text-fill-color: transparent; background-color: #2aa5a0; background-image: -webkit-gradient(linear, left top, right top, from(#b4e447), to(#55c264)); background-image: -webkit-linear-gradient(left, #b4e447, #55c264); background-image: -o-linear-gradient(left, #b4e447, #55c264); background-image: linear-gradient(90deg, #b4e447, #55c264); -webkit-background-clip: text; } .widget-points__link-icon { width: 18px; height: 18px; } .widget-sidebar__content { padding-top: 25px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 767px) { .widget-sidebar__content { margin-bottom: 30px; } } .widget-sidebar__dep { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 25px; padding: 12px 16px; -webkit-border-radius: 15px; border-radius: 15px; background-color: rgba(238, 239, 241, 0.4); } @media only screen and (max-width: 900px) { .widget-sidebar__dep { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .widget-sidebar__dep { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .widget-dep__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 32px; height: 32px; margin-right: 10px; } @media only screen and (max-width: 900px) { .widget-dep__icon { margin-right: 0; } } @media only screen and (max-width: 767px) { .widget-dep__icon { margin-right: 10px; } } .widget-dep__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 900px) { .widget-dep__info { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .widget-dep__info { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } } .widget-dep__name { font-size: 14px; color: #adadad; line-height: 140%; text-align: start; font-family: "SFProDisplay-Regular"; } @media only screen and (max-width: 900px) { .widget-dep__name { text-align: center; } } @media only screen and (max-width: 767px) { .widget-dep__name { text-align: start; } } .widget-dep__sum { font-size: 16px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Regular"; } .widget-sidebar__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; list-style: none; } .widget-sidebar__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; cursor: pointer; } @media only screen and (max-width: 767px) { .widget-sidebar__item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 11px 13px; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; background: rgba(238, 239, 241, 0.6); opacity: 0.4; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .widget-sidebar__item.active { opacity: 1; } } .widget-sidebar__item:not(:last-child) { margin-bottom: 15px; } .widget-sidebar__link { font-size: 16px; color: #000; line-height: 120%; text-align: start; display: inline-block; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .widget-sidebar__link { text-align: center; } } .widget-sidebar__num { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 12px; color: #fff; line-height: 150%; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; -webkit-border-radius: 100%; border-radius: 100%; margin-left: 5px; font-family: "SFProDisplay-Regular"; background-color: #ff0000; } .widget-sidebar__footer { -ms-flex-item-align: end; align-self: flex-end; } .widget-sidebar__exit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 14px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProText-Regular"; opacity: 0.6; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .widget-sidebar__exit:hover { opacity: 1; } .widget-sidebar__exit-icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: 7px; } .widget-access-popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; padding: 30px; width: 100%; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #f5f5f6; position: fixed; top: 0; bottom: 0; right: 0; z-index: 10; max-width: 515px; -webkit-animation: from-right 0.2s ease-in-out; animation: from-right 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .widget-access-popup { max-width: 100%; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 20px 5px 20px 20px; top: 20px; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .widget-access-close { top: 30px; right: 35px; z-index: 1; } .widget-access-close svg { width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .widget-access-close { top: 15px; right: 15px; } } .widget-access__title { font-size: 32px; color: #000; line-height: 105%; text-align: start; margin: 0; padding: 0; margin-bottom: 15px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .widget-access__title { font-size: 26px; } } .widget-access__wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 20px; } .widget-access__wrapper .scroll-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .widget-access__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .widget-access__subtitle { font-size: 18px; color: #000; line-height: 105%; text-align: start; margin: 0; padding: 0; margin-bottom: 15px; font-family: "SFProText-Heavy"; } .widget-access__txt { font-size: 16px; color: #000; line-height: 140%; text-align: start; margin: 0; padding: 0; margin-bottom: 40px; font-family: "SFProText-Regular"; } .widget-access__btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; padding: 12px; } .widget-access__btn:focus { outline: none; } .widget-access__btn:focus { outline: none; } .feedback { padding-top: 80px; } @media only screen and (max-width: 767px) { .feedback { padding-top: 20px; } } .feedback__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .feedback__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .feedback__item { width: 49%; } @media only screen and (max-width: 767px) { .feedback__item { width: 100%; } } .feedback__item:first-child { margin-right: auto; } .feedback__item.feedback__item--right { max-width: 445px; } @media only screen and (max-width: 767px) { .feedback__item.feedback__item--right { max-width: 100%; margin-top: 20px; } } .feedback__title { font-size: 56px; color: #000; line-height: 1; text-align: start; margin: 0; padding: 0; margin-bottom: 20px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .feedback__title { margin-bottom: 10px; font-size: 32px; } } .feedback__txt { font-size: 18px; color: #000; line-height: 140%; text-align: start; margin: 0; padding: 0; margin-bottom: 15px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .feedback__txt { font-size: 14px; } } .feedback__form { 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-flex: 1; -ms-flex: 1; flex: 1; } .feedback-form__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .feedback-form__group:not(:last-child) { margin-bottom: 20px; } .feedback-form__group:last-child { margin-top: auto; } @media only screen and (max-width: 767px) { .feedback-form__group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .feedback-form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .feedback-form__item.feedback-form__item--small { width: 48%; } @media only screen and (max-width: 767px) { .feedback-form__item.feedback-form__item--small { width: 100%; } } @media only screen and (max-width: 767px) { .feedback-form__item.feedback-form__item--tel { margin-top: 20px; } } .feedback-form__name { display: inline-block; margin-bottom: 10px; font-family: "SFProDisplay-Regular"; font-size: 14px; color: #000; line-height: 120%; } .feedback-form__input { display: inline-block; border: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 15px 20px; font-family: "SFProText-Regular"; font-size: 16px; color: #000; line-height: 120%; background-color: #eeeff1; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; -webkit-border-radius: 10px; border-radius: 10px; } .feedback-form__input::-webkit-input-placeholder { color: #adadad; } .feedback-form__input::-moz-placeholder { color: #adadad; } .feedback-form__input::-ms-input-placeholder { color: #adadad; } .feedback-form__input::placeholder { color: #adadad; } .feedback-form__input:focus { outline: none; opacity: 1; } .feedback-form__input.error { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .feedback-form__input.feedback-form__input--textarea { resize: none; } .feedback-form__btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; margin-bottom: 10px; } .feedback-form__btn:focus { outline: none; } .feedback-form__btn:focus { outline: none; } .feedback-form__agreement { margin: 0; max-width: 73%; -ms-flex-item-align: center; align-self: center; font-family: "SFProText-Regular"; font-size: 14px; color: #adadad; line-height: 140%; text-align: center; } @media only screen and (max-width: 767px) { .feedback-form__agreement { max-width: 100%; } } .feedback-form__agreement a { color: #adadad; text-decoration: underline; } .pcr { padding-top: 40px; } .pcr__title { font-size: 56px; color: #000; line-height: 1; text-align: start; margin: 0; padding: 0; margin-bottom: 10px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .pcr__title { margin-bottom: 20px; font-size: 32px; } } .pcr__content { margin-bottom: 40px; } @media only screen and (max-width: 767px) { .pcr__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .pcr-content__txt { font-size: 18px; color: #000; line-height: 140%; text-align: start; max-width: 75%; margin: 0; padding: 0; margin-bottom: 40px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .pcr-content__txt { max-width: 100%; margin-bottom: 0; font-size: 16px; } } .pcr-content__img { -webkit-border-radius: 100px; border-radius: 100px; width: 100%; height: 500px; overflow: hidden; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; } @media only screen and (max-width: 1160px) { .pcr-content__img { height: 43.104vw; } } @media only screen and (max-width: 767px) { .pcr-content__img { height: 60vw; -webkit-border-radius: 30px; border-radius: 30px; margin-bottom: 20px; } } .pcr__faq { padding: 70px 97px; -webkit-border-radius: 45px; border-radius: 45px; background-color: #f5f6f1; } @media only screen and (max-width: 767px) { .pcr__faq { -webkit-border-radius: 20px; border-radius: 20px; padding: 30px 20px; } } .pcr-faq__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; list-style: none; } .pcr-faq__item:not(:first-child) { padding-top: 30px; } @media only screen and (max-width: 767px) { .pcr-faq__item:not(:first-child) { padding-top: 15px; } } .pcr-faq__item:not(:last-child) { padding-bottom: 30px; border-bottom: 1px solid rgba(173, 173, 173, 0.4); } @media only screen and (max-width: 767px) { .pcr-faq__item:not(:last-child) { padding-bottom: 15px; } } .pcr-faq__item.open svg path:first-of-type { opacity: 0; } .pcr-faq__heading { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; cursor: pointer; } .pcr-faq__name { font-size: 28px; color: #000; line-height: 120%; text-align: start; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .pcr-faq__name { font-size: 18px; } } .pcr-faq__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 32px; height: 32px; } @media only screen and (max-width: 767px) { .pcr-faq__icon { width: 24px; height: 24px; } } .pcr-faq__icon svg path { -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .pcr-faq__icon svg { width: 15px; height: 15px; } } .pcr-faq__content { font-size: 18px; color: #000; line-height: 150%; text-align: start; display: none; padding-top: 30px; padding-right: 100px; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .pcr-faq__content { padding-top: 15px; padding-right: 0; font-size: 16px; } } .pcr-faq__txt { margin: 0; padding: 0; } .pcr-faq__txt.pcr-faq__txt--qr { margin-bottom: 20px; } .pcr-faq__txt-link { font-size: 18px; color: #000; line-height: 150%; text-align: start; display: inline; border-bottom: 2px solid #000; font-family: "SFProText-Semibold"; position: relative; } @media only screen and (max-width: 767px) { .pcr-faq__txt-link { font-size: 16px; } } .pcr-faq__content-list { margin: 0; padding: 0; list-style: none; } .pcr-faq__content-list.pcr-faq__content-list--num { list-style-type: decimal; } @media only screen and (max-width: 767px) { .pcr-faq__content-list.pcr-faq__content-list--num { padding-left: 25px; } } .pcr-faq__content-list.pcr-faq__content-list--cir { list-style-type: disc; } .pcr-faq__content-list.pcr-faq__content-list--sublist { padding: 30px 20px; } @media only screen and (max-width: 767px) { .pcr-faq__content-list.pcr-faq__content-list--sublist { padding: 15px 20px; } } .pcr-faq__content-item.pcr-faq__content-item--subitem:not(:last-child) { margin-bottom: 10px; } .pcr-faq__content-item.pcr-faq__content-item--payment { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 10px; border-bottom: 1px solid #eeeff1; } @media only screen and (max-width: 767px) { .pcr-faq__content-item.pcr-faq__content-item--payment { padding-bottom: 15px; } } .pcr-faq__content-item.pcr-faq__content-item--payment:not(:first-child) { padding-top: 20px; } @media only screen and (max-width: 767px) { .pcr-faq__content-item.pcr-faq__content-item--payment:not(:first-child) { padding-top: 15px; } } .pcr-faq__content-name { max-width: 80%; } .pcr-faq__content-price { font-size: 18px; color: #22744f; line-height: 150%; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .pcr-faq__content-price { font-size: 16px; } } .widget-nextapp-popup { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; padding: 30px; width: 100%; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #f5f5f6; position: fixed; top: 0; bottom: 0; right: 0; z-index: 10; max-width: 620px; padding: 0; z-index: 50; -webkit-animation: from-right 0.2s ease-in-out; animation: from-right 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .widget-nextapp-popup { max-width: 100%; -webkit-border-radius: 0; border-radius: 0; top: 0; z-index: 100; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .widget-nextapp-patient { font-size: 18px; color: #adadad; line-height: 120%; text-align: start; display: inline-block; margin-bottom: 15px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .widget-nextapp-patient { font-size: 14px; width: 100%; text-align: center; } } .widget-popup__wrapper { height: 100%; } .widget-popup-close { display: none; } @media only screen and (max-width: 767px) { .widget-popup-close { display: inline-block; top: 18px; left: 20px; } } .pc-popup--his .widget-popup-close, .pc-popup--def .widget-popup-close { top: 47px; } @media only screen and (max-width: 767px) { .pc-popup--his .widget-popup-close, .pc-popup--def .widget-popup-close { top: 10px; right: 10px; left: auto; } } .widget-info-popup .widget-popup-close { top: 35px; } @media only screen and (max-width: 767px) { .widget-info-popup .widget-popup-close { top: 18px; left: 24px; right: auto; } } .widget-popup__heading { padding: 30px 40px 10px; } @media only screen and (max-width: 767px) { .widget-popup__heading { padding: 18px 16px 10px; } } .nextapp-popup__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; margin: 0; padding: 6px; -webkit-border-radius: 50px; border-radius: 50px; background-color: #ffffff; list-style: none; } @media only screen and (max-width: 767px) { .nextapp-popup__tabs { padding: 4px; } } .nextapp-popup__tabs-item { font-size: 18px; color: #adadad; line-height: 21px; text-align: center; font-family: "SFProDisplay-Semibold"; padding: 14px; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; position: relative; -webkit-border-radius: 50px; border-radius: 50px; } .nextapp-popup__tabs-item.active { color: #ffffff; background-color: #db3170; } @media only screen and (max-width: 767px) { .nextapp-popup__tabs-item { padding: 10px 13px; font-size: 15px; font-size: 18px; } } .widget-popup__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 40px 50px; } @media only screen and (max-width: 767px) { .widget-popup__content { padding: 10px 16px 30px; } } .nextapp-popup__content { display: none; } .nextapp-popup__content.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .nextapp-popup__vis { display: -webkit-box; display: -ms-flexbox; display: flex; } .nextapp-popup__card { padding: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; position: relative; } .nextapp-popup__card:not(:last-child) { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .nextapp-popup__card { padding: 16px; } .nextapp-popup__card:not(:last-child) { margin-bottom: 16px; } } .nextapp-popup__close { top: 20px; right: 20px; } .nextapp-popup__close span { font-size: 16px; color: #ffffff; line-height: 19px; text-align: start; font-family: "SFProDisplay-Regular"; background-color: #d9d9d9; -webkit-border-radius: 12px; border-radius: 12px; padding: 9px 12px; position: absolute; left: calc(50% - 58px); top: -50px; opacity: 0; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; z-index: -1; } .nextapp-popup__close span::after { content: ""; position: absolute; width: 26px; height: 26px; background: #d9d9d9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: calc(50% - 13px); bottom: -6px; z-index: -1; } .nextapp-popup__close span.var-1 { left: calc(50% - 41px); } .nextapp-popup__close svg { width: 24px; height: 24px; } .nextapp-popup__close:hover svg path { stroke: #000; } .nextapp-popup__close:hover span { opacity: 1; z-index: 1; } @media only screen and (max-width: 767px) { .nextapp-popup__close { top: 16px; right: 16px; } .nextapp-popup__close span { display: none; } } .widget-popup__card-heading { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .widget-popup__card-heading { margin-bottom: 17px; } } @media only screen and (max-width: 767px) { .nextapp-popup__card-heading { max-width: 85%; } } .nextapp-popup__card-serv { font-size: 20px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .nextapp-popup__card-serv { font-size: 18px; } } .nextapp-popup__card-doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .nextapp-popup__card-doc.nextapp-popup__card-doc--rec { margin-bottom: 20px; } .nextapp-popup__doc-img { width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; min-width: 40px; overflow: hidden; background-color: #adadad; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .nextapp-popup__doc-img img { display: block; height: auto; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media only screen and (max-width: 767px) { .nextapp-popup__doc-img { width: 36px; height: 36px; min-width: 36px; } } .nextapp-popup__doc-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media only screen and (max-width: 767px) { .nextapp-popup__doc-info { -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; } } .nextapp-popup__doc-name, .nextapp-popup__doc-spec, .nextapp-popup__clin-name { font-size: 16px; color: #000; line-height: 140%; text-align: start; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .nextapp-popup__doc-name, .nextapp-popup__doc-spec, .nextapp-popup__clin-name { font-size: 15px; line-height: 18px; } } .nextapp-popup__card-clin { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .nextapp-popup__clin-icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 40px; height: 40px; margin-right: 10px; } .nextapp-popup__clin-icon svg path { fill: #838389; } @media only screen and (max-width: 767px) { .nextapp-popup__clin-icon { width: 36px; height: 36px; } } .nextapp-popup__card-control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .nextapp-popup__card-control { margin-bottom: 16px; } } .nextapp-popup__control-app { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; width: auto; padding: 15px; margin-right: 20px; } .nextapp-popup__control-app:focus { outline: none; } .nextapp-popup__control-app:focus { outline: none; } @media only screen and (max-width: 767px) { .nextapp-popup__control-app { min-width: 155px; font-size: 14px; } } .nextapp-popup__control-res { margin: 0; padding: 0; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 7px; } .nextapp-popup__control-res:focus { outline: none; } .nextapp-popup__control-res--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nextapp-popup__control-txt { font-size: 18px; color: #000; line-height: 21px; text-align: left; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .nextapp-popup__control-txt { font-size: 15px; line-height: 18px; } } .widget-note-popup { display: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 11; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 101; min-height: 280px; } @media only screen and (max-width: 767px) { .widget-note-popup { max-width: 100%; top: initial; bottom: 0; left: 0; right: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } @media only screen and (max-width: 767px) { .widget-note-popup { padding: 25px 20px 20px; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; } } .need-prepare-popup { display: none; -webkit-border-radius: 20px; border-radius: 20px; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 11; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 101; padding: 30px; -webkit-border-radius: 30px; border-radius: 30px; max-width: 900px; width: 100%; max-height: 95%; overflow: auto; } @media only screen and (max-width: 767px) { .need-prepare-popup { max-width: 100%; top: initial; bottom: 0; left: 0; right: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .need-prepare-popup .need-prepare-close { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; top: 37px; right: 30px; } .need-prepare-popup .need-prepare__title { font-family: "ObjectSans"; font-size: 26px; margin: 0; line-height: 120%; } @media only screen and (max-width: 767px) { .need-prepare-popup .need-prepare__title { padding-right: 40px; } } .need-prepare-popup .need-prepare__text { font-size: 18px; margin: 10px 0 0 0; line-height: 30px; } @media only screen and (max-width: 767px) { .need-prepare-popup { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; bottom: auto; left: 16px; right: 16px; width: auto; } .need-prepare-popup .need-prepare__text { font-size: 16px; line-height: 120%; } .need-prepare-popup .need-prepare-close { top: 30px; right: 23px; } } .widget-note__popup-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media only screen and (max-width: 767px) { .widget-note__popup-content { width: 100%; } } .widget-note-close { top: 0; right: -10px; } .widget-note-close svg { width: 30px; height: 30px; } @media only screen and (max-width: 767px) { .widget-note-close svg { width: 28px; height: 28px; } } @media only screen and (max-width: 369px) { .widget-note-close { right: 0; } } .widget-note__title { font-size: 32px; color: #000; line-height: 120%; text-align: start; margin: 0; margin-bottom: 15px; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .widget-note__title { max-width: 95%; font-size: 24px; } } .widget-note__txt { font-size: 16px; color: #000; line-height: 140%; text-align: start; margin: 0; margin-bottom: 33px; font-family: "SFProText-Regular"; } .widget-note__btn { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; margin-top: auto; } .widget-note__btn:focus { outline: none; } @media only screen and (max-width: 767px) { .widget-note__btn { font-size: 16px; } } .widget-recomm-popup { display: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 11; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 540px; min-height: 280px; padding: 20px 30px; } @media only screen and (max-width: 767px) { .widget-recomm-popup { max-width: 100%; top: initial; bottom: 0; left: 0; right: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } @media only screen and (max-width: 767px) { .widget-recomm-popup { padding: 25px 20px 20px; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; } } .widget-recomm__content { position: relative; display: grid; grid-template-rows: repeat(2, -webkit-min-content) 100%; grid-template-rows: repeat(2, min-content) 100%; } @media only screen and (max-width: 767px) { .widget-recomm__content { min-height: 235px; grid-template-rows: repeat(2, -webkit-min-content); grid-template-rows: repeat(2, min-content); } } .widget-recomm-close { top: 0; right: 0; } .widget-recomm-close svg { width: 26px; height: 26px; } .widget-recomm__title { font-size: 24px; color: #000; line-height: 120%; text-align: start; margin: 0; padding: 0; margin-bottom: 15px; width: 93%; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .widget-recomm__title { font-size: 18px; font-family: "SFProText-Semibold"; } } .widget-recomm__doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .widget-recomm__list { margin-bottom: 15px; } .widget-recomm__res { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .widget-info-popup { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; padding: 30px; width: 100%; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #f5f5f6; position: fixed; top: 0; bottom: 0; right: 0; z-index: 10; max-width: 620px; padding: 0; -webkit-animation: from-right 0.2s ease-in-out; animation: from-right 0.2s ease-in-out; z-index: 100; } @media only screen and (max-width: 767px) { .widget-info-popup { max-width: 100%; -webkit-border-radius: 0; border-radius: 0; top: 0; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .widget-info-popup.filtered-popup .nextapp-popup__tabs-item:not(.active) { display: none; } .widget-info-popup.filtered-popup .info-res__item { pointer-events: none; } .widget-info-popup.filtered-popup .info-res__item .info-res__icon { display: none; } .info-popup__tabs-wrapper { margin-top: 5px; } .info-popup__tabs-wrapper .scrollbar-track, .info-popup__tabs-wrapper .scrollbar-thumb { height: 0; background: transparent; } .info-popup__tabs { border-bottom: none; } .info-popup__tabs-item { font-size: 18px; color: #adadad; line-height: 22px; text-align: center; font-family: "SFProDisplay-Semibold"; width: 33%; } @media only screen and (max-width: 767px) { .info-popup__tabs-item { font-size: 15px; line-height: 18px; } } .info-rec__spec { display: none; margin-right: 5px; } @media only screen and (max-width: 767px) { .info-rec__spec { display: inline-block; margin-right: auto; text-transform: capitalize; } } .widget-popup__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .info-res__filter { margin-bottom: 20px; gap: 10px; display: grid; grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 767px) { .info-res__filter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; grid-template-columns: calc(50% - 5px) calc(50% - 5px); } .info-res__filter--vac { grid-template-columns: 100%; } .info-res__filter--vac .info-res__item { max-width: unset; width: 100%; } .info-res__filter--vac .info-res__item .info-res__drop { width: 100%; } .info-res__filter .info-res__item:nth-child(2) .info-res__drop { left: auto; right: 0; } } .info-res__filter--nextapp { grid-template-columns: 1fr; } @media only screen and (max-width: 767px) { .info-res__filter--nextapp { margin-bottom: 0; } } .info-res__filter--nextapp .info-res__item { max-width: unset; } @media only screen and (max-width: 767px) { .regappoint-form__item .info-res__item { max-width: 100%; } .regappoint-form__item .info-res__drop { min-width: unset; width: 100%; } } @media only screen and (max-width: 767px) { .regappoint-form__item:not(:last-child) { margin-bottom: 0; } } .info-res__item { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 16px; color: #000; line-height: 120%; text-align: center; -webkit-border-radius: 80px; border-radius: 80px; padding: 15px 20px; width: auto; max-width: 265px; font-family: "SFProDisplay-Medium"; cursor: pointer; background-color: #ffffff; position: relative; } @media only screen and (min-width: 768px) { .info-res__item:hover .info-res__drop { opacity: 1; pointer-events: auto; } .info-res__item:hover .info-res__icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } } .info-res__item.active .info-res__icon { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } @media only screen and (max-width: 767px) { .info-res__item:nth-child(1) { z-index: 5; } .info-res__item:nth-child(2) { z-index: 4; } .info-res__item:nth-child(3) { z-index: 3; } .info-res__item:nth-child(4) { z-index: 2; } .info-res__item:nth-child(5) { z-index: 1; } } @media only screen and (max-width: 767px) { .widget .info-res__item { padding: 10px 20px; font-family: "SFProDisplay-Medium"; font-size: 15px; line-height: 18px; } } .info-res__name { margin-right: 9px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .info-res__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .info-res__icon svg { width: 18px; height: 18px; } @media only screen and (max-width: 767px) { .info-res__icon svg { width: 14px; height: 18px; } } .info-res__icon svg path { stroke: #000; } .info-res__drop { position: absolute; top: 100%; left: 0; right: initial; z-index: 1; max-height: 215px; min-width: 250px; padding: 20px 5px 20px 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; pointer-events: none; position: absolute !important; } @media only screen and (max-width: 767px) { .info-res__drop { display: none; opacity: 1; pointer-events: auto; } } .info-res__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; padding: 0; padding-right: 20px; list-style: none; } .info-res__list .scrollbar-track { width: 3px; background-color: transparent; } .info-res__list .scrollbar-track .scrollbar-thumb { width: 3px; background-color: #eeeff1; } .info-res__list-item { font-size: 16px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; cursor: pointer; -webkit-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .info-res__list-item:hover { color: #22744f; } .info-res__list-item:not(:last-child) { margin-bottom: 12px; } .info-res__list-doc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .info-res__list-photo { width: 38px; height: 38px; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; 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; overflow: hidden; } .info-res__list-photo img { display: block; height: auto; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .info-res__upload { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 20px; color: #000; line-height: 120%; text-align: center; padding: 16px; margin-bottom: 15px; -webkit-border-radius: 30px; border-radius: 30px; opacity: 0.3; background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='30' ry='30' stroke='%23333' stroke-width='1' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); font-family: "SFProDisplay-Semibold"; } .info-upload__name { margin-right: 8px; } .info-upload__icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .info-upload__icon svg { width: 15px; height: 15px; } .info-res__newcard { display: none; } .info-res-close { top: 20px; right: 25px; } .info-res-close svg { width: 24px; height: 24px; } .info-res__control { margin-top: auto; } .info-popup__res-btn { display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; background-color: rgba(238, 239, 241, 0.6); color: #000; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; padding: 12px; min-width: 180px; font-size: 16px; } .info-popup__res-btn:focus { outline: none; } .info-popup__res-btn.info-res__btn--word { min-width: auto; font-family: "SFProText-Semibold"; background-color: transparent; } .info-popup__vac-btn { margin: 0; padding: 0; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-bottom: 0; padding: 15px 20px; -webkit-border-radius: 50px; border-radius: 50px; background-color: #ffffff; } .info-popup__vac-btn:focus { outline: none; } @media only screen and (max-width: 767px) { .info-popup__vac-btn { max-width: 100%; max-width: unset; padding: 10px 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .info-popup__vac-text a { font-size: 16px; color: #000; line-height: 140%; text-align: center; display: inline-block; margin-right: 5px; font-family: "SFProDisplay-Medium"; } @media only screen and (max-width: 767px) { .info-popup__vac-text a { font-size: 15px; line-height: 18px; } } .info-popup__vac-icon svg { width: 14px; height: 17px; } .info-popup__vac-icon svg path { fill: #000; } .info-popup__vac-icon svg rect { fill: #000; } @media only screen and (max-width: 767px) { .info-popup__vac-icon { height: 18px; } } .info-popup__card { padding: 20px 30px 30px; } @media only screen and (max-width: 767px) { .info-popup__card { padding: 15px 20px; } } .info-popup__tooltip { position: absolute; top: -3px; left: initial; right: -3px; z-index: 1; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: 0; padding: 0; border: none; cursor: pointer; width: 30px; height: 30px; -webkit-border-radius: 100%; border-radius: 100%; -ms-flex-negative: 0; flex-shrink: 0; background-color: #eeeff1; } .info-popup__tooltip:focus { outline: none; } .info-popup__card-serv, .info-popup__card-date { font-size: 22px; color: #000; line-height: 27px; text-align: start; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .info-popup__card-serv, .info-popup__card-date { font-size: 18px; line-height: 23px; } } .info-popup__card-desc { margin-bottom: 20px; } .info-popup__card-name { font-size: 18px; color: #000; line-height: 21px; text-align: start; font-family: "SFProDisplay-Regular"; } @media only screen and (max-width: 767px) { .info-popup__card-name { font-size: 14px; } } .info-popup__card-doc { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: none; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .info-popup__card-doc { display: -webkit-box; display: -ms-flexbox; display: flex; } } .info-popup__doc-img { width: 36px; height: 36px; margin-right: 10px; -webkit-border-radius: 100%; border-radius: 100%; overflow: hidden; } .info-popup__doc-img img { display: block; width: 100%; height: auto; } .info-popup__footer-res { margin: 0; padding: 0; border: none; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .info-popup__footer-res:focus { outline: none; } .widget-popup__footer-txt { font-size: 16px; color: #000; line-height: 120%; text-align: center; margin-right: 10px; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .widget-popup__footer-txt { font-size: 14px; line-height: 140%; font-family: "SFProText-Regular"; } } @media only screen and (max-width: 767px) { .info-popup__footer-txt { display: none; } .info-popup__footer-txt.mob { display: inline; } } .widget-upresult-popup, .widget-editresult-popup { display: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 11; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 280px; width: 100%; } @media only screen and (max-width: 767px) { .widget-upresult-popup, .widget-editresult-popup { max-width: 100%; top: initial; bottom: 0; left: 0; right: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } @media only screen and (max-width: 767px) { .widget-upresult-popup, .widget-editresult-popup { -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; padding: 25px 20px 20px; } } .widget-upresult__content { position: relative; } .widget-upresult__title { font-size: 28px; } .widget-upresult__form { 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-flex: 1; -ms-flex: 1; flex: 1; } .widget-upresult__file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 16px; color: #000; line-height: 120%; text-align: start; margin-bottom: 30px; font-family: "SFProText-Semibold"; } .widget-upresult__file-icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 8px; } .widget-upresult__file-name { display: inline-block; border-bottom: 1px solid #000; } .widget-upresult__group { display: -webkit-box; display: -ms-flexbox; display: flex; } .widget-upresult__group:not(:last-child) { margin-bottom: 20px; } .widget-upresult__group:last-child { margin-top: auto; } @media only screen and (max-width: 767px) { .widget-upresult__group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .widget-upresult__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .widget-upresult__name { display: inline-block; margin-bottom: 10px; font-family: "SFProDisplay-Regular"; font-size: 14px; color: #000; line-height: 120%; } .widget-upresult__input { display: inline-block; border: none; -webkit-border-radius: 20px; border-radius: 20px; padding: 15px 20px; font-family: "SFProText-Regular"; font-size: 16px; color: #000; line-height: 120%; background-color: #eeeff1; opacity: 0.5; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .widget-upresult__input::-webkit-input-placeholder { color: #adadad; } .widget-upresult__input::-moz-placeholder { color: #adadad; } .widget-upresult__input::-ms-input-placeholder { color: #adadad; } .widget-upresult__input::placeholder { color: #adadad; } .widget-upresult__input:focus { outline: none; opacity: 1; } .widget-upresult__input.error { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .widget-upresult__btn { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; text-align: center; background-color: #db3170; cursor: pointer; pointer-events: auto; } .widget-upresult__btn:focus { outline: none; } .widget-upresult__btn:focus { outline: none; } .widget-upresult__btn.disabled { background-color: rgba(173, 173, 173, 0.2); cursor: default; pointer-events: none; } .pc-popup { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: none; -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; padding: 30px; width: 100%; max-width: 446px; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); background-color: #f5f5f6; position: fixed; top: 0; bottom: 0; right: 0; z-index: 10; max-width: 560px; padding: 0; -webkit-animation: from-right 0.2s ease-in-out; animation: from-right 0.2s ease-in-out; } @media only screen and (max-width: 767px) { .pc-popup { max-width: 100%; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; top: 20px; -webkit-animation: from-bot 0.2s ease-in-out; animation: from-bot 0.2s ease-in-out; } } .pc-popup.pc-popup--his { max-width: 860px; } .pc-popup__heading { margin-bottom: 15px; } .pc-popup__filter { margin-top: 30px; } @media only screen and (max-width: 767px) { .pc-popup__filter { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .pc-filter__item { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .pc-filter__item:not(:last-child) { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { .pc-filter__drop.info-res__drop--doc, .pc-filter__drop.info-res__drop--date { left: 0; right: initial; } } .pc-popup__title { font-size: 32px; color: #000; line-height: 120%; text-align: start; margin: 0; padding: 0; font-family: "SFProText-Heavy"; } @media only screen and (max-width: 767px) { .pc-popup__title { font-size: 26px; } } .pc-popup__caption { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .pc-popup__caption { display: -webkit-box; display: -ms-flexbox; display: flex; } } .pc-caption__date { font-size: 20px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } .pc-caption__check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pc-caption__check-name { font-size: 18px; color: #000; line-height: 110%; text-align: start; margin-right: 15px; font-family: "SFProText-Semibold"; } .pc-caption__check-icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pc-popup__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pc-popup__row:not(:last-child) { padding-bottom: 20px; border-bottom: 1px solid #eeeff1; } .pc-popup__row:not(:first-child) { padding-top: 20px; } .pc-popup__row.row-heading { border: none; padding: 25px 40px 0; } @media only screen and (max-width: 767px) { .pc-popup__row.row-heading { display: none; } } @media only screen and (max-width: 767px) { .pc-popup__row { -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 25px 20px; background-color: rgba(238, 239, 241, 0.6); } .pc-popup__row:not(:last-child) { padding-bottom: 25px; margin-bottom: 15px; border-bottom: none; } .pc-popup__row:not(:first-child) { padding-top: 25px; } } .pc-row__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 30%; } .pc-row__item:not(:first-child) { width: 14%; } @media only screen and (max-width: 767px) { .pc-row__item { width: 100%; -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; padding: 10px 0; } .pc-row__item:not(:nth-last-child(-n + 2)) { border-bottom: 1px solid #eeeff1; } .pc-row__item:nth-last-child(2) { padding-bottom: 0; } .pc-row__item:not(:first-child) { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .pc-row__date, .pc-row__check { display: none; } } .pc-row__check { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pc-row__check.check-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pc-row__item-title { font-size: 18px; color: #adadad; line-height: 120%; text-align: start; margin-bottom: 27px; font-family: "SFProDisplay-Semibold"; } .pc-row__item-title.title-mob { display: none; } @media only screen and (max-width: 767px) { .pc-row__item-title.title-mob { display: inline; } } @media only screen and (max-width: 767px) { .pc-row__item-title { margin-bottom: 0; font-size: 14px; } .pc-row__item-title.mob { display: inline-block; } } .pc-row__item-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .pc-row__item-info { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .pc-row__info-txt { font-size: 16px; color: #000; line-height: 120%; text-align: start; font-family: "SFProText-Medium"; } .pc-row__info-change { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pc-row__info-change .icon-center { margin-left: 5px; } .pc-row__info-change:not(:last-child) { margin-bottom: 5px; } .pc-row__info-doc { margin-bottom: 5px; font-family: "SFProText-Semibold"; } .pc-row__info-name { font-size: 16px; color: #000; line-height: 140%; text-align: start; margin-bottom: 5px; font-family: "SFProText-Regular"; } .pc-row__info-num { font-size: 14px; color: #adadad; line-height: 110%; text-align: start; font-family: "SFProText-Regular"; } .pc-row__info-num a { color: #adadad !important; } .pc-row__item-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 18px; color: #000; line-height: 110%; text-align: start; font-family: "SFProText-Semibold"; } .pc-row__check-name { margin-right: 15px; } .pc-row__check-icon { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .pc-popup__untill { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .pc-untill__icon { width: 20px; height: 20px; margin-right: 10px; } .pc-untill__date { font-size: 14px; color: #adadad; line-height: 120%; text-align: start; font-family: "SFProText-Semibold"; } .pc-popup__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 18px; color: #000; line-height: 145%; text-align: start; font-family: "ObjectSans"; } @media only screen and (max-width: 767px) { .pc-popup__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .pc-footer__left { margin-bottom: 10px; } } .pc-footer__price { margin-left: 10px; font-size: 16px; color: #adadad; position: relative; } .pc-footer__price::after { position: absolute; top: 50%; left: 0; right: 0; z-index: 1; content: ""; width: 100%; height: 1.5px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #db3170; -webkit-transform: translateY(-50%) rotate(-3deg); -ms-transform: translateY(-50%) rotate(-3deg); transform: translateY(-50%) rotate(-3deg); } .pc-footer__btn { color: #000; } @media only screen and (max-width: 767px) { .pc-footer__btn { font-size: 14px; color: #fff; line-height: 140%; text-align: center; max-width: 155px; -webkit-border-radius: 20px; border-radius: 20px; padding: 10px 32px; font-family: "SFProText-Heavy"; background-color: #db3170; } } .vidget__container { margin-top: -60px; position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .vidget__container { margin-top: -50px; } } a.i-rooms__slide { color: black; } .p-btn { cursor: pointer; } .loader-hide { display: none !important; } .loader { 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; height: 100%; width: 100%; position: fixed; z-index: 1000; background: rgba(0, 0, 0, 0.1); } .lds-roller { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-roller div { -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; -webkit-transform-origin: 40px 40px; -ms-transform-origin: 40px 40px; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; background: #84bf42; margin: -4px 0 0 -4px; } .lds-roller div:nth-child(1) { -webkit-animation-delay: -0.036s; animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 63px; left: 63px; } .lds-roller div:nth-child(2) { -webkit-animation-delay: -0.072s; animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 68px; left: 56px; } .lds-roller div:nth-child(3) { -webkit-animation-delay: -0.108s; animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 71px; left: 48px; } .lds-roller div:nth-child(4) { -webkit-animation-delay: -0.144s; animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { -webkit-animation-delay: -0.18s; animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 71px; left: 32px; } .lds-roller div:nth-child(6) { -webkit-animation-delay: -0.216s; animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 68px; left: 24px; } .lds-roller div:nth-child(7) { -webkit-animation-delay: -0.252s; animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 63px; left: 17px; } .lds-roller div:nth-child(8) { -webkit-animation-delay: -0.288s; animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12px; } @-webkit-keyframes lds-roller { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-roller { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } input[type="file"] { margin-bottom: 15px; } .gray-cross svg path { stroke: #adadad; } .header-mob-search { 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; margin-left: 12px; } @media only screen and (max-width: 767px) { .fix-h { position: fixed; top: 0; left: 0; width: 100%; margin-left: 0; } .fix-h .mob-logo { display: block; } .fix-h .header-mob-search, .fix-h .mob-phone, .fix-h .mob-checkin { display: none; } } .err-p { position: relative; -webkit-box-flex: 0; 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; height: calc(100vh - 128px); padding-bottom: 128px; overflow: hidden; } @media only screen and (max-width: 1160px) { .err-p { height: calc(100vh - 56px); padding-bottom: 56px; } } @media only screen and (max-height: 759px) { .err-p { padding-bottom: 0; padding-top: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 767px) { .err-p { padding-bottom: 0; padding-top: 134px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .err-p[err-p="404"] + footer { display: none; } .err-center { position: relative; max-width: 533px; z-index: 1; width: calc(100% - 32px); } @media only screen and (max-width: 767px) { .err-center { max-width: 343px; width: 343px; min-width: 343px; } } .err-p-elipse { width: 100%; font-size: 0; } .err-p-elipse img { width: 100%; } .err-p-cont { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 85px; padding-right: 74px; padding-top: 53px; } @media only screen and (max-width: 767px) { .err-p-cont { padding-left: 49px; padding-right: 49px; padding-top: 35px; } } .err-title-txt { font-family: "ObjectSans"; font-size: 120px; line-height: 124px; text-align: center; color: #ffffff; } @media only screen and (max-width: 767px) { .err-title-txt { font-size: 80px; line-height: 83px; } } .err-capt-txt { font-family: "SFProText-Heavy"; font-size: 32px; line-height: 120%; text-align: center; color: #ffffff; } @media only screen and (max-width: 767px) { .err-capt-txt { font-size: 20px; line-height: 120%; } } .err-capt { margin-top: 16px; } @media only screen and (max-width: 767px) { .err-capt { margin-top: 8px; } } .err-inf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } @media only screen and (max-width: 767px) { .err-inf { margin-top: 10px; } } .err-inf-txt { font-family: "SFProText-Medium"; font-size: 20px; line-height: 130%; text-align: center; color: #ffffff; } @media only screen and (max-width: 767px) { .err-inf-txt { font-size: 14px; line-height: 130%; } } .link-err { margin-left: 0; margin-top: 58px; width: 153px; } @media only screen and (max-width: 767px) { .link-err { width: 140px; margin-top: 30px; height: 45px; } } .link-err .h-rec-btn-txt { font-family: "SFProText-Heavy"; } @media only screen and (max-width: 767px) { .link-err .h-rec-btn-txt { font-size: 14px; } } .flower { width: 280px; font-size: 0; position: absolute; bottom: -102px; left: -70px; z-index: 2; } @media only screen and (max-width: 767px) { .flower { width: 187px; left: -94px; top: 47px; bottom: auto; } } .flower img { width: 100%; } .cloud { position: absolute; width: 362px; font-size: 0; right: -88px; bottom: -46px; -webkit-transform: rotate(-8.26deg); -ms-transform: rotate(-8.26deg); transform: rotate(-8.26deg); z-index: 2; } @media only screen and (max-width: 767px) { .cloud { width: 292px; right: -107px; bottom: -44px; } } .cloud img { width: 100%; } [err-p="502"] .err-p-cont { padding-left: 63px; padding-right: 55px; } @media only screen and (max-width: 767px) { [err-p="502"] .err-p-cont { padding-left: 25px; padding-right: 12px; } } .index-container .i-offer__slider { overflow: hidden !important; } .btn-hidd { opacity: 0; } .program-col-full { width: 100%; } .bot-btn-dis { pointer-events: none; opacity: 0.5; } .t-doc-i-content { -webkit-box-flex: 0; 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: 20px; } .t-doc-i-section { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .t-doc-i-section:not(:first-child) { margin-top: 60px; } .t-doc-i-caption-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .t-doc-i-caption-blk:not(:first-child) { margin-top: 20px; } .t-doc-i-capt:not(:first-child) { margin-top: 20px; } .t-print-btn { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; cursor: pointer; } @media only screen and (max-width: 767px) { .t-print-btn { margin-top: 20px; } } .t-print-ic { width: 28px; font-size: 0; margin-left: 6px; } @media only screen and (max-width: 767px) { .t-print-ic { width: 20px; margin-left: 4px; } } .t-print-ic img { width: 100%; } .t-print-capt-txt { font-family: "SFProDisplay-Medium"; font-size: 24px; line-height: 120%; letter-spacing: 0.03em; color: #000000; } @media only screen and (max-width: 767px) { .t-print-capt-txt { font-size: 16px; } } @media only screen and (max-width: 767px) { .document .two-cols-right { margin-top: 0; } .document .t-doc-i-section:not(:first-child) { margin-top: 40px; } } .ch-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ch-r-logo { height: 14px; font-size: 0; margin-left: auto; } @media only screen and (max-width: 767px) { .ch-r-logo { height: 12px; } } .ch-r-logo img { height: 100%; } .doc-i-s-mark { position: absolute; bottom: -10px; background: #ffffff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); -webkit-border-radius: 10px; border-radius: 10px; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; } @media only screen and (max-width: 767px) { .doc-i-s-mark { padding-top: 6px; padding-bottom: 6px; padding-left: 3px; padding-right: 3px; -webkit-border-radius: 5px; border-radius: 5px; bottom: -5px; } } .doc-i-s-mark-ic { height: 10px; font-size: 0; } .doc-i-s-mark-ic img { height: 100%; } @media only screen and (max-width: 767px) { .doc-i-s-mark-ic { height: 7px; } } .old-rec-blk { position: fixed; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: calc((100% - 1120px) / 2); bottom: 20px; z-index: 3; } @media only screen and (max-width: 1160px) { .old-rec-blk { left: 20px; } } .old-rec-capt { font-family: "SFProText-Medium"; font-size: 16px; line-height: 120%; color: #000000; white-space: nowrap; } .old-rec-btn { background: #f3f4f5; -webkit-border-radius: 10px; border-radius: 10px; height: 45px; -webkit-box-flex: 0; 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; padding-left: 48px; padding-right: 48px; width: 250px; } .old-rec-cross-ic { width: 23px; font-size: 0; } .old-rec-cross-ic img { width: 100%; } .old-rec-cross { width: 45px; height: 45px; -webkit-box-flex: 0; 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; cursor: pointer; background: #f3f4f5; -webkit-border-radius: 10px; border-radius: 10px; margin-left: 10px; } .appointment-address__found:before { content: unset; } .clinik-list-is-new { font-family: "SFProDisplay-Bold"; color: #b53162; background-color: #f8eaef; font-size: 14px; line-height: 16px; padding: 4px 6px; -webkit-border-radius: 7px; border-radius: 7px; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-left: 10px; } .clinik-list-is-new.soon { background-image: url("/local/templates/.default/components/bitrix/news/clinics/bitrix/news.detail/.default/img/clock.svg"); -webkit-background-size: 14px 14px; background-size: 14px; background-repeat: no-repeat; background-position: 6px; padding: 4px 6px 4px 24px; } .close-menu-right-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; } .widget-info__container { overflow: hidden; } .widget-info__container .swiper-scrollbar { bottom: -10px !important; } .desc-app__item.swiper-slide { -webkit-border-radius: 20px; border-radius: 20px; background-color: #ffffff; padding: 20px; width: 373px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 767px) { .desc-app__item.swiper-slide { width: 303px; padding: 16px; } } .desc-app__item .desc-app__date { font-size: 22px; color: #000; line-height: 27px; text-align: left; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .desc-app__item .desc-app__date { font-size: 18px; line-height: 23px; } } .desc-app__item .desc-app__text { font-size: 18px; color: #000; line-height: 24px; text-align: left; font-family: "SFProDisplay-Regular"; margin: 12px 0 0 0; height: 96px; overflow: hidden; position: relative; } .desc-app__item .desc-app__text::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(99.04%, #ffffff)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 99.04%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 99.04%); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 99.04%); } @media only screen and (max-width: 767px) { .desc-app__item .desc-app__text { font-size: 16px; line-height: 21px; height: 86px; margin-top: 16px; } } .desc-app__item .desc-app__text--vac { height: 69px; margin-bottom: 12px; } @media only screen and (max-width: 767px) { .desc-app__item .desc-app__text--vac { height: 63px; } .desc-app__item .desc-app__text--vac::before { display: none; } } .desc-app__item .desc-app__title-link { font-size: 18px; color: #000; line-height: 22px; text-align: left; font-family: "SFProDisplay-Regular"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 12px; } @media only screen and (max-width: 767px) { .desc-app__item .desc-app__title-link { font-size: 15px; line-height: 18px; margin-top: 16px; } } .desc-app__item--conclution { 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .desc-app__item.desc-app--vaccine { 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .desc-app__item.desc-app--vaccine .desc-app__title-link { margin-top: auto; } .widget-info__content--result .desc-app__item { min-height: 227px; } @media only screen and (max-width: 767px) { .widget-info__content--result .desc-app__item { min-height: 209px; } } .online-filter { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; } .online-filter--aside { margin-bottom: 10px; } @media only screen and (max-width: 496px) { .online-filter { width: 100%; } } @media only screen and (max-width: 900px) { #schedule-main__banner-desktop_position, #schedule-fast-filters-desktop_position { display: none; } } #schedule-main__banner-mobile_position, #schedule-fast-filters-mobile_position { display: none; } @media only screen and (max-width: 900px) { #schedule-main__banner-mobile_position, #schedule-fast-filters-mobile_position { display: block; } } #schedule-main__banner-desktop_position .schedule-main__banner { width: 66%; } .schedule-fast-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; width: 66%; } @media only screen and (max-width: 900px) { .schedule-fast-filters { width: 100%; } } .widget-info__item-link--conclusion { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; font-family: "SFProDisplay-Semibold"; font-size: 22px; color: #000; line-height: 27px; text-align: left; } .widget-info__item-link--conclusion svg { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (max-width: 767px) { .widget-info__item-link--conclusion { font-size: 18px; line-height: 23px; } } .nextapp-popup__card-desc { font-family: "SFProDisplay-Regular"; font-size: 18px; color: #000; line-height: 21px; text-align: left; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .nextapp-popup__card-desc { font-size: 15px; line-height: 20px; margin-bottom: 16px; } } .widget-popup__calcel-content { background: #f5f5f6; -webkit-border-radius: 16px; border-radius: 16px; padding: 20px; margin-bottom: 20px; display: none; } .widget-popup__calcel-content .widget-popup__cancel-title { margin: 0 0 16px 0; font-family: "SFProDisplay-Regular"; font-size: 18px; color: #000; line-height: 22px; text-align: left; font-weight: normal; } .widget-popup__calcel-content .widget-popup__cancel-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .widget-popup__calcel-content .widget-popup__cancel-buttons .widget-popup__cancel-cancel { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; background-color: rgba(238, 239, 241, 0.6); background-color: #ffffff; font-family: "SFProDisplay-Semibold"; font-size: 16px; color: #000; line-height: 19px; text-align: center; } .widget-popup__calcel-content .widget-popup__cancel-buttons .widget-popup__cancel-cancel:focus { outline: none; } .widget-popup__calcel-content .widget-popup__cancel-buttons .widget-popup__cancel-cancel:focus { outline: none; } .widget-popup__calcel-content .widget-popup__cancel-buttons .widget-popup__cancel-confirm { padding: 0; display: inline-block; margin: 0; border: none; width: 100%; padding: 18px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #db3170; cursor: pointer; font-family: "SFProText-Heavy"; font-size: 18px; color: #fff; line-height: 105%; font-family: "SFProDisplay-Semibold"; font-size: 16px; color: #ffffff; line-height: 19px; text-align: center; } .widget-popup__calcel-content .widget-popup__cancel-buttons .widget-popup__cancel-confirm:focus { outline: none; } .widget-popup__calcel-content .widget-popup__cancel-buttons .widget-popup__cancel-confirm:focus { outline: none; } .add-new-conclusion { margin: 0; padding: 0; border: none; cursor: pointer; font-family: "SFProDisplay-Medium"; font-size: 16px; color: #db3170; line-height: 19px; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 6px; margin-bottom: 20px; background-color: transparent; } .add-new-conclusion:focus { outline: none; } .appo__card-top { margin: 0 0 7px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .appo__card-top .appo__client-name { font-size: 16px; color: #000; line-height: 19px; text-align: left; font-family: "SFProDisplay-Regular"; margin: 0; } .appo__card-top .doctors-popup__candy { margin-left: 10px; -ms-flex-item-align: initial; align-self: initial; } @media only screen and (max-width: 767px) { .appo__card-top { max-width: 90%; } } .desc-app__item--appointment:hover .widget-nexttapp__btn { display: block; } .desc-app__item--appointment .appo__main { min-height: 87px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .desc-app__item--appointment .appo__main { margin-bottom: 16px; min-height: unset; } } .nextapp-popup__card--appo .appo__main { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .nextapp-popup__card--appo .appo__main { margin-bottom: 16px; } } .nextapp-popup__card--appo .desc-app__date { font-size: 22px; color: #000; line-height: 27px; text-align: left; font-family: "SFProDisplay-Semibold"; } @media only screen and (max-width: 767px) { .nextapp-popup__card--appo .desc-app__date { font-size: 18px; line-height: 23px; } } .widget-nextapp__content { overflow: hidden; } .widget-nextapp__content .widget-info__container { overflow: visible; } .header-login { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } @media only screen and (max-width: 767px) { .header-login { margin-right: 0; } } .doc-i-tab-reviews-blk { width: 100%; } .doc-reviews__inner { width: 100%; } .doc-reviews__inner .doc-reviews__text { font-family: "SFProDisplay-Semibold"; color: #000; font-size: 20px; line-height: 120%; margin: 0; } @media only screen and (max-width: 767px) { .doc-reviews__inner .doc-reviews__text { opacity: 0.6; } } .doc-reviews__inner .doc-reviews__link-list { list-style: none; margin: 20px 0 0 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media only screen and (max-width: 767px) { .doc-reviews__inner .doc-reviews__link-list { margin-top: 10px; gap: 9px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .doc-reviews__inner .doc-reviws__link-item { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; width: 100%; } .doc-reviews__inner .doc-reviws__link { 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; min-height: 80px; width: 100%; -webkit-border-radius: 30px; border-radius: 30px; background-color: #f8f9fa; padding: 0 20px; } .doc-reviews__inner .doc-reviws__link img { margin-right: 10px; } .doc-reviews__inner .doc-reviws__link:hover { background-color: #e8eaee; } .doc-reviews__inner .doc-reviws__link:hover svg path { stroke: #000000; } .doctors__age { font-family: "SFProText-Heavy"; color: #db3170; margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .doctors__age { margin-top: 10px; } } .doctors__age svg { margin-right: 5px; } .doctors__age--inner { font-family: "SFProText-Medium"; font-size: 16px; line-height: 140%; padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffe5ef; -webkit-border-radius: 100px; border-radius: 100px; color: #b53162; margin: 0; position: absolute; bottom: 145px; left: -80px; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); z-index: 1; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .doctors__age--inner svg path { fill: #b53162; } @media only screen and (max-width: 1160px) { .doctors__age--inner { font-size: 14px; padding: 12px 16px; bottom: 60px; left: -65px; } } @media only screen and (max-width: 767px) { .doctors__age--inner { font-size: 14px; margin-top: 0; bottom: 20px; left: -40px; } } .doctors__age--inner svg { margin-right: 10px; } .doctor-detail__other-doctors { margin-top: 70px; } .doctor-detail__other-doctors .container { padding: 0; } .clinic-reviews { margin-top: 120px; } @media only screen and (max-width: 767px) { .clinic-reviews { margin-top: 80px; } } .clinic-reviews .clinic-reviews__title { font-family: "ObjectSans"; font-size: 26px; color: #000; line-height: 120%; text-align: start; margin: 0 0 55px 0; opacity: 0.6; } @media only screen and (max-width: 767px) { .clinic-reviews .clinic-reviews__title { font-size: 20px; margin-bottom: 20px; } } .no-doctors-found { font-size: 20px; width: 100%; text-align: center; color: #db3170; } .main-title { margin: 40px 0 -60px 0; position: relative; z-index: 1; background: -webkit-gradient(linear, left top, right top, from(rgba(253, 251, 251, 0)), to(rgba(248, 248, 248, 0.5))); background: -webkit-linear-gradient(left, rgba(253, 251, 251, 0) 0%, rgba(248, 248, 248, 0.5) 100%); background: -o-linear-gradient(left, rgba(253, 251, 251, 0) 0%, rgba(248, 248, 248, 0.5) 100%); background: linear-gradient(90deg, rgba(253, 251, 251, 0) 0%, rgba(248, 248, 248, 0.5) 100%); -webkit-box-shadow: 0px 4px 120px rgba(0, 0, 0, 0.08); box-shadow: 0px 4px 120px rgba(0, 0, 0, 0.08); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); -webkit-border-radius: 40px; border-radius: 40px; padding: 40px 30px; } @media only screen and (max-width: 767px) { .main-title { margin: 20px 0 -35px 0; padding: 30px 20px; } } .clinic__how-get { margin-top: 120px; } @media only screen and (max-width: 767px) { .clinic__how-get { margin-top: 80px; } .clinic__how-get .how-get-top-bloc { display: none !important; } } .clinic__how-get .how-get__title { font-size: 56px; line-height: 120%; margin: 0; font-family: "ObjectSans"; font-weight: 800; } @media only screen and (max-width: 1160px) { .clinic__how-get .how-get__title { font-size: 32px; } } .clinic__how-get .how-get__pict { margin-top: 40px; max-width: 100%; margin-left: auto; margin-right: auto; display: block; } @media only screen and (max-width: 767px) { .clinic__how-get .how-get__pict { margin-top: 15px; } } .clinic__how-get .doc-i-tab-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-star; -ms-flex-align: flex-star; align-items: flex-star; position: relative; margin-right: calc(0px - ((100vw - 1120px) / 2)); width: calc(100% - 290px + ((100vw - 1120px) / 2)); } @media only screen and (max-width: 1160px) { .clinic__how-get .doc-i-tab-cont { margin-right: 0; margin-right: -20px; width: calc(100% - 290px + 20px); } } .clinic__how-get .how-get__tab-inner { display: block; margin-left: 97px; max-width: 664px; font-size: 20px; line-height: 140%; letter-spacing: 0.01em; } @media only screen and (max-width: 767px) { .clinic__how-get .how-get__tab-inner { font-size: 16px; margin: 10px 0 0 0; } } .clinic__how-get .how-get__tab-inner iframe { width: 615px; height: 300px; -webkit-border-radius: 20px; border-radius: 20px; } @media only screen and (max-width: 767px) { .clinic__how-get .how-get__tab-inner iframe { width: 100%; height: 220px; } } .clinic__how-get .doc-i-tabs-blk { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 100px; -webkit-border-radius: 0; border-radius: 0; } @media only screen and (max-width: 767px) { .clinic__how-get .doc-i-tabs-blk { width: 100%; margin-top: 60px; } } .clinic__how-get .doc-i-tab-conf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; width: 290px; padding-top: 38px; padding-bottom: 38px; border-right: 2px solid rgba(131, 131, 137, 0.3); } .clinic__how-get .doc-i-load { position: absolute; top: -2px; left: -2px; width: calc(100% + 4px); height: calc(100% + 4px); font-size: 0; -webkit-transform: rotate(-100grad); -ms-transform: rotate(-100grad); transform: rotate(-100grad); } .clinic__how-get .doc-i-load svg { height: 100%; width: 100%; } .clinic__how-get .doc-i-load svg circle { stroke-dasharray: 1320; -webkit-transition: stroke-dashoffset 5s; -o-transition: stroke-dashoffset 5s; transition: stroke-dashoffset 5s; } .clinic__how-get .doc-i-tab-item { position: relative; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .clinic__how-get .doc-i-tab-item:not(:first-child) { margin-top: 30px; } .clinic__how-get .doc-i-tab-item:before { margin-right: 15px; -ms-flex-negative: 0; flex-shrink: 0; content: ""; display: block; width: 10px; height: 10px; top: 0; left: 0; -webkit-border-radius: 100px; border-radius: 100px; background: #db3170; opacity: 0; } .clinic__how-get .doc-i-tab-item-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #adadad; opacity: 0.5; margin: 0; } .clinic__how-get .doc-i-tab-act:before { opacity: 1; } .clinic__how-get .doc-i-tab-act .doc-i-tab-item-txt { color: #db3170; opacity: 1; } .clinic__how-get .doc-i-tab-slide-cont { padding-top: 38px; padding-bottom: 38px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .clinic__how-get .doc-i-tab-date { padding-left: 22px; padding-right: 22px; padding-top: 5px; padding-bottom: 5px; background: #22744f; -webkit-border-radius: 50px; border-radius: 50px; } .clinic__how-get [d-tab-cont] { display: none; } .clinic__how-get .doc-i-tab-vis { display: block; } .clinic__how-get .doc-i-tab-date-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .clinic__how-get .doc-i-tab-date-txt { font-family: "SFProDisplay-Semibold"; font-size: 24px; line-height: 145%; letter-spacing: 0.01em; color: #ffffff; } .clinic__how-get .doc-i-tab-caot-txt { font-family: "SFProText-Regular"; font-size: 18px; line-height: 140%; letter-spacing: 0.01em; color: #1f1f29; } .clinic__how-get .doc-i-tab-capt { margin-top: 15px; } .clinic__how-get .doc-i-tab-arr-blk { position: absolute; top: calc(50% - 25px); -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 3; margin: 0; cursor: pointer; } .clinic__how-get .doc-i-tab-right { right: 50px; } .clinic__how-get .doc-i-tab-left { left: 25px; } .clinic__how-get .doc-i-grad { position: absolute; z-index: 2; top: 0; height: 100%; width: 111px; } .clinic__how-get .doc-i-right-grad { right: 0; background: -webkit-linear-gradient(177.08deg, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: -o-linear-gradient(177.08deg, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: linear-gradient(272.92deg, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); } .clinic__how-get .doc-i-left-grad { left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(2.91%, #fefefe), color-stop(104.94%, rgba(254, 254, 254, 0))); background: -webkit-linear-gradient(left, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: -o-linear-gradient(left, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); background: linear-gradient(100grad, #fefefe 2.91%, rgba(254, 254, 254, 0) 104.94%); } .clinic__how-get .doc-i-tab-desk-blk { width: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .clinic__how-get .doc-mob-tog-blk { display: none; } @media only screen and (max-width: 767px) { .clinic__how-get .doc-mob-tog-blk { width: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .clinic__how-get .doc-mob-tog-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid rgba(173, 173, 173, 0.06); padding-bottom: 25px; } .clinic__how-get .doc-mob-tog-item:not(:first-child) { padding-top: 25px; } .clinic__how-get .doc-mob-tog-item-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media only screen and (max-width: 767px) { .clinic__how-get .doc-mob-tog-item-head { background: #e8eaee; padding: 8px 16px; -webkit-border-radius: 90px; border-radius: 90px; } } .clinic__how-get .doc-mob-tog-item-h-name-txt { font-family: "ObjectSans"; font-size: 26px; line-height: 120%; color: #000000; margin: 0; } .clinic__how-get .doc-mob-tog-item-head-name { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .clinic__how-get .doc-mob-tog-ic { width: 32px; font-size: 0; min-width: 32px; margin-left: auto; } .clinic__how-get .doc-mob-tog-ic img { width: 100%; } .clinic__how-get [minus-b] { display: none; } .clinic__how-get .doc-mob-toggle-cont { -webkit-box-flex: 0; 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: 20px; } .clinic__how-get .doc-mob-toggle { display: none; } .clinic__how-get .doc-mob-tog-date-txt { font-family: "SFProDisplay-Semibold"; font-size: 18px; line-height: 120%; color: #ffffff; } .clinic__how-get .doc-mob-tog-date-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .clinic__how-get .doc-mob-tog-date { background: #22744f; -webkit-border-radius: 50px; border-radius: 50px; padding: 14px; padding-top: 5px; padding-bottom: 5px; } .clinic__how-get .doc-mob-tog-capt-txt { font-family: "SFProText-Regular"; font-size: 16px; line-height: 140%; letter-spacing: 0.01em; color: #1f1f29; } .clinic__how-get .doc-mob-tog-capt { margin-top: 10px; } .clinic__how-get .doc-mob-tog-data-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .clinic__how-get .doc-mob-tog-data-item:not(:first-child) { margin-top: 20px; } .clinic__how-get .doc-m-tog-open [minus-b] { display: block; } .clinic__how-get .doc-m-tog-open [plus-b] { display: none; } .doc-not-available { padding: 16px 64px; -webkit-border-radius: 100px; border-radius: 100px; font-family: "SFProText-Semibold"; font-size: 14px; line-height: 120%; color: #a9afb5; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #e8eaee; width: -webkit-max-content; width: -moz-max-content; width: max-content; } @media only screen and (max-width: 767px) { .doc-not-available { padding: 20px; width: 100%; font-size: 18px; text-align: center; } } .doc-i-tab-slider.no-slider { margin-left: 97px; } .usl-data-prepare { display: none; } .services__search-items { margin-top: 40px; } @media only screen and (max-width: 767px) { .services__search-items { margin-top: 15px; } } .online-conditions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; margin-top: 5px; font-size: 12px; line-height: 15px; } .green-blk.light { margin-top: 30px; padding: 0; -webkit-border-radius: 0; border-radius: 0; background: transparent; background-image: url("/img/union.svg"); background-repeat: no-repeat; -webkit-background-size: auto auto; background-size: auto; background-position: top right; } @media only screen and (max-width: 767px) { .green-blk.light { background-image: none; margin-top: 0; } .green-blk.light .g-toggle-i-h-conf { -ms-flex-negative: 0; flex-shrink: 0; } } .green-blk.light .green-name-txt { font-family: "ObjectSans"; font-size: 100px; line-height: 120px; color: #000; } @media only screen and (max-width: 767px) { .green-blk.light .green-name-txt { font-size: 36px; line-height: 120%; } } .green-blk.light .green-capt { max-width: 736px; } .green-blk.light .green-capt-txt { color: #000; opacity: 0.6; } .green-blk.light .green-tog-blk { margin-top: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 60px; -webkit-border-radius: 40px; border-radius: 40px; background-color: #f5f6f1; } @media only screen and (max-width: 767px) { .green-blk.light .green-tog-blk { padding: 30px 20px; } } .green-blk.light .green-toggle-item { width: 100%; margin: 40px 0 0 0; } @media only screen and (max-width: 767px) { .green-blk.light .green-toggle-item { margin-top: 25px; padding: 0; } } .green-blk.light .green-toggle-item:first-child { margin: 0; } .green-blk.light .green-toggle-item:not(:last-child) { border-bottom: 1px solid rgba(34, 116, 79, 0.4); padding-bottom: 40px; } @media only screen and (max-width: 767px) { .green-blk.light .green-toggle-item:not(:last-child) { padding-bottom: 25px; border-color: rgba(0, 0, 0, 0.06); } } .green-blk.light .green-toggle-item-head { height: auto; border: none; padding: 0; } .green-blk.light .green-toggle-capt-blk { margin-top: 27px; } @media only screen and (max-width: 767px) { .green-blk.light .green-toggle-capt-blk { margin-top: 10px; } } .green-blk.light .g-toggle-i-h-name-txt { color: #22744f; } @media only screen and (max-width: 767px) { .green-blk.light .g-toggle-i-h-name-txt { font-size: 26px; line-height: 120%; } } .green-blk.light .g-toggle-i-h-name { width: auto; } @media only screen and (max-width: 767px) { .green-blk.light .g-toggle-i-h-name { padding-right: 14px; } } .green-blk.light .green-toggle-capt-item-txt { line-height: 140%; color: #000; max-width: 634px; } .green-blk.light .green-toggle-capt-item-txt p { margin: 0; } @media only screen and (max-width: 767px) { .green-blk.light .green-toggle-capt-item-txt { font-size: 16px; } } .inp::-webkit-input-placeholder { color: #adadad; } .inp::-moz-placeholder { color: #adadad; } .inp::-ms-input-placeholder { color: #adadad; } .inp::placeholder { color: #adadad; } .schedule-doctors__age { color: #db3170; font-family: "SFProText-Semibold"; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; line-height: 14px; } @media only screen and (max-width: 767px) { .schedule-doctors__age.desc { display: none; } } .visually-hidden:not(:focus):not(:active), input[type="checkbox"].visually-hidden, input[type="radio"].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; } .clinic__holiday-work { margin: 40px 0 -16px 0; color: #b53162; padding: 8px 8px 6px 40px; background-image: url("/img/exclamation-mark-pink.svg"); background-repeat: no-repeat; background-position: 8px 8px; background-color: #fff3f8; -webkit-border-radius: 10px; border-radius: 10px; } .clinic__holiday-work.mob { display: none; } @media only screen and (max-width: 767px) { .clinic__holiday-work { padding-bottom: 4px; } .clinic__holiday-work.desc { display: none; } .clinic__holiday-work.mob { display: block; margin: 20px 0 -10px 0; } } .clinic__holiday-work .holiday__title { letter-spacing: 0.01em; font-size: 18px; line-height: 120%; font-family: "SFProDisplay-Heavy"; margin: 0 0 8px 0; } @media only screen and (max-width: 767px) { .clinic__holiday-work .holiday__title { margin-bottom: 4px; font-size: 14px; } } .clinic__holiday-work .holiday__line { margin: 0 0 4px 0; font-size: 16px; line-height: 120%; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .clinic__holiday-work .holiday__line { font-size: 14px; } } .clinic__holiday-work .holiday__line-dot { color: #d37f9e; font-size: 18px; line-height: 140%; font-family: "SFProText-Regular"; margin: 0 10px; } @media only screen and (max-width: 767px) { .clinic__holiday-work .holiday__line-dot { font-size: 14px; margin: 0 4px; } } .clinic__holiday-work .holiday__line-sub { color: #d37f9e; font-size: 16px; line-height: 140%; font-family: "SFProText-Regular"; } @media only screen and (max-width: 767px) { .clinic__holiday-work .holiday__line-sub { font-size: 14px; } } .practic__doc-block { margin: 167px 0 30px 0; max-width: 785px; position: relative; padding: 24px; background-color: #fff3f8; -webkit-border-radius: 30px; border-radius: 30px; } .practic__doc-block.mobile { display: none; } .practic__doc-block .practic__doc { display: grid; grid-template-columns: -webkit-max-content 1fr 1fr; grid-template-columns: max-content 1fr 1fr; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .practic__doc-block .practic__doc { grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; } } .practic__doc-block .practic__doc-img { width: 63px; height: 63px; position: relative; } .practic__doc-block .practic__doc-img img { max-width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .practic__doc-block .practic__doc-img::before { content: ""; width: 12px; height: 12px; border: 1.5px solid #fff3f8; background-color: #40c65e; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; right: 4px; bottom: 3px; } .practic__doc-block .practic__doc-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .practic__doc-block .practic__doc-name { font-family: "SFProText-Medium"; font-size: 14px; line-height: 140%; color: #b53162; } .practic__doc-block .practic__doc-spec { font-size: 12px; line-height: 140%; color: #d37f9e; margin-top: 4px; } .practic__doc-block .practic__doc-text { margin-top: 20px; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; color: #b53162; max-width: 460px; } @media only screen and (max-width: 767px) { .practic__doc-block .practic__doc-text { margin-top: 32px; } } .practic__doc-block .p-btn.h-rec-btn.practic__doc-chat { padding: 17px 22px; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; text-decoration: none; margin: 0 0 0 auto; } .practic__doc-block .p-btn.h-rec-btn.practic__doc-chat .h-rec-btn-txt { letter-spacing: -0.01em; font-size: 18px; line-height: 21px; } @media only screen and (max-width: 767px) { .practic__doc-block .p-btn.h-rec-btn.practic__doc-chat { margin: 16px 0 0 0; width: 100%; } } .practic__doc-block .practic__doc-comment-wrap { -webkit-transform: matrix(1, -0.04, 0.04, 1, 0, 0); -ms-transform: matrix(1, -0.04, 0.04, 1, 0, 0); transform: matrix(1, -0.04, 0.04, 1, 0, 0); max-width: 482px; width: 100%; position: absolute; left: 99px; bottom: 94%; } @media only screen and (max-width: 830px) { .practic__doc-block .practic__doc-comment-wrap { max-width: 400px; } } @media only screen and (max-width: 767px) { .practic__doc-block .practic__doc-comment-wrap { left: 24px; max-width: 300px; bottom: 99%; } } .practic__doc-block .practic__doc-comment-wrap .practic__doc-comment { background: #ffffff; -webkit-border-radius: 20px 20px 20px 0px; border-radius: 20px 20px 20px 0px; padding: 25px 18px; font-family: "SFProText-Semibold"; font-size: 21px; line-height: 29px; letter-spacing: -0.02em; position: relative; } @media only screen and (max-width: 830px) { .practic__doc-block .practic__doc-comment-wrap .practic__doc-comment { font-size: 18px; line-height: 21px; } } @media only screen and (max-width: 767px) { .practic__doc-block .practic__doc-comment-wrap .practic__doc-comment { font-size: 16px; line-height: 19px; padding: 18px; } .practic__doc-block .practic__doc-comment-wrap .practic__doc-comment span { -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } } .practic__doc-block .practic__doc-comment-wrap::before { content: ""; background: #000; opacity: 0.05; -webkit-filter: blur(15px); filter: blur(15px); -webkit-border-radius: 20px 20px 20px 0px; border-radius: 20px 20px 20px 0px; width: calc(100% + 20px); height: calc(100% + 40px); position: absolute; top: -20px; } .practic__doc-block.bottom { margin-top: 114px; margin-bottom: 0; } @media only screen and (max-width: 990px) { .practic__doc-block.bottom { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .practic__doc-block.bottom { margin-top: 150px; width: 100%; margin-bottom: 0; } .practic__doc-block.bottom .practic__doc-chat { grid-column-start: 1; grid-column-end: 3; } } .practic__doc-block.bottom .practic__doc-comment-wrap { width: -webkit-max-content; width: -moz-max-content; width: max-content; } @media only screen and (max-width: 767px) { .practic__doc-block.bottom .practic__doc-comment-wrap { bottom: 99%; top: auto; } } @media only screen and (max-width: 767px) { .practic__doc-block { margin: 130px auto 30px auto; } .practic__doc-block.mobile { display: block; } .practic__doc-block.desktop { display: none; } } .mob-phone { width: 34px; height: 34px; 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; -webkit-border-radius: 10px; border-radius: 10px; background-color: #ffe5ef; } .mobile-search { display: none; padding: 11px 12px; margin-bottom: 24px; margin-top: 20px; border: 1px solid #e8eaee; -webkit-border-radius: 90px; border-radius: 90px; } @media only screen and (max-width: 1160px) { .mobile-search { display: block; } } .mobile-search .search-inp-blk { margin-left: 4px; } .mobile-search .search-plh { top: 0; } .mobile-search .search-cont { padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-search .search-ic-blk { width: auto; height: auto; } .mobile-search .search-ic-blk .search-ic { width: auto; } .mobile-search .search-plh-txt { font-size: 16px; line-height: 120%; letter-spacing: -0.02em; color: #a9afb5; font-family: "SFProText-Medium"; } .mobile-search .search-h-inp { font-size: 16px; font-family: "SFProText-Medium"; } /* new header */ @media only screen and (min-width: 1161px) { .mobile-search { display: none; } .header-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo { margin-right: 30px; width: 126px; } .logo img { min-width: 126px; } .h-t-r-link.h-t-r-call { background-color: #e8eaee; padding: 14.5px; -webkit-border-radius: 200px; border-radius: 200px; margin-left: 12px; } .h-t-r-link.h-t-r-call::after { display: none !important; } .h-t-r-link.h-t-r-call span { white-space: nowrap; color: #000; font-size: 14px; line-height: 19px; font-weight: 600; font-family: "SFProText-Semibold"; } .h-t-r-link.phone { font-size: 14px; line-height: 19px; font-weight: 600; white-space: nowrap; font-family: "SFProText-Semibold"; color: #db3170; } .h-t-r-link.phone:hover { text-decoration: underline; } .p-btn.h-rec-btn { padding: 14.5px; -webkit-border-radius: 200px; border-radius: 200px; height: unset; width: unset; margin-left: 8px; } .p-btn.h-rec-btn span { white-space: nowrap; color: #ffffff; font-size: 14px; line-height: 19px; font-weight: 600; font-family: "SFProText-Semibold"; } .h-menu-item-namw-txt { font-size: 14px; } .h-menu-item:not(:first-child) { margin-left: 12px; } .h-search { width: 40px; height: 40px; } .h-search img { height: 17px; width: 17px; } .h-search-ic { width: 17px; } .header-main { -webkit-box-pack: unset !important; -ms-flex-pack: unset !important; justify-content: unset !important; } .search-block { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .header-conf { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .header-main { padding-top: 14px; } .h-t-r-link.header-login { margin-left: 4px; padding: 10px; background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; } .h-t-r-link.header-login:hover { background-color: #fff3f8; } .h-t-r-link.header-login.online { padding: 0; border: 2px solid #ffffff; } .drop-wrapper { padding: 27px 24px; grid-template-rows: unset; grid-auto-rows: unset; } .drop-wrapper.few-items { grid-template-columns: repeat(1, 1fr); } .h-menu-list-link:hover { color: #db3170; } .h-menu-item-drop { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; } .search-block { position: relative; } .search-head { width: 585px; height: 48px; border: 1px solid #e8eaee; -webkit-border-radius: 90px; border-radius: 90px; top: 40px !important; left: -2px !important; display: none; } .search-plh-txt { font-size: 18px; line-height: 18px; } .search-cross-ic { width: 16px; } .search-h-inp { font-size: 16px; line-height: 20px; } .search-popup { border-top: none; top: 130%; width: 100%; -webkit-border-radius: 20px; border-radius: 20px; } .search-inp-blk { margin-left: 8px; } } @media only screen and (max-width: 1160px) { .header-main .logo { display: none; } } .mob-search-btn-cancel { display: none; } @media only screen and (max-width: 767px) { .heder-mob { position: relative; } .h-search.mob { background: none; } .search-head.mob { display: none; position: absolute; top: 5%; left: 7%; width: 80%; border: 1px solid #e8eaee; -webkit-border-radius: 90px; border-radius: 90px; } .search-head.mob .search-ic-blk { width: 24px; height: 24px; } .search-head.mob .search-ic { width: 24px; } .mob-search-btn-cancel { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-left: auto; } .mob-search-btn-cancel.open-search { display: block; } .close-menu-right-block.open-search { display: none; } .heder-mob.fix-h .h-search.mob { display: none; } .heder-mob.fix-h { padding: 0 !important; } } @media only screen and (max-width: 615px) { .search-head.mob { width: 75%; margin-left: 15px; } } @media only screen and (max-width: 500px) { .search-head.mob { width: 70%; margin-left: 20px; } } @media only screen and (max-width: 420px) { .search-head.mob { width: 65%; left: 44px; margin-left: 0; } .search-head.mob .search-plh { top: 4px; } .search-head.mob .search-plh span { font-size: 16px; } } @media only screen and (max-width: 375px) { .search-head.mob { width: 60%; } .search-head.mob .search-plh span { font-size: 14px; } } .recall.widget-note-popup { max-width: 390px; min-height: unset; } .recall.widget-note-popup .recall-form__agreement { margin: 0; max-width: 73%; -ms-flex-item-align: center; align-self: center; font-family: "SFProText-Regular"; font-size: 14px; color: #adadad; line-height: 140%; text-align: center; margin-top: 10px; max-width: 90%; font-size: 12px; } @media only screen and (max-width: 767px) { .recall.widget-note-popup .recall-form__agreement { max-width: 100%; } } .recall.widget-note-popup .recall-form__agreement a { color: #adadad; text-decoration: underline; } .recall.widget-note-popup .cart-popup__title { margin: 0; } .recall.widget-note-popup .recall__subtitle { margin: 8px 0 24px 0; line-height: 140%; letter-spacing: -0.02em; } .recall.widget-note-popup .recall-success { display: none; } .recall.widget-note-popup .recall-success .cart-popup__title { text-align: center; } .recall.widget-note-popup .recall-success .widget-note__btn.widget-note-close { max-width: 259px; margin: 24px auto 0 auto; display: block; } .burger { width: 24px; height: 24px; position: relative; -webkit-transform: none; -ms-transform: none; transform: none; cursor: pointer; } .burger span { display: block; position: absolute; height: 2px; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .burger div { -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .burger .line-1 span { top: 4px; } .burger .line-2 span { top: 11px; } .burger .line-3 span { top: 18px; } .burger.open .line-1 { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .burger.open .line-1 span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .burger.open .line-2 span { opacity: 0; } .burger.open .line-3 { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .burger.open .line-3 span { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } @-webkit-keyframes showMenu { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes showMenu { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes hideMenu { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes hideMenu { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .container.spec-page { max-width: 1152px; } .container.spec-page .spec__header { padding: 40px 60px 40px 60px; -webkit-border-radius: 40px; border-radius: 40px; min-height: 505px; position: relative; overflow: hidden; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header { padding: 0; -webkit-border-radius: 0; border-radius: 0; overflow: visible; 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; } } .container.spec-page .spec__header .spec__header-left { min-height: 405px; 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: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 2; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-left { padding: 32px 20px 20px 20px; -webkit-border-radius: 30px 30px 48px 48px; border-radius: 30px 30px 48px 48px; min-height: unset; } } .container.spec-page .spec__header .spec__header-left .spec__main-title { font-size: 56px; line-height: 110%; font-family: "ObjectSans"; margin: 0; max-width: 420px; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-left .spec__main-title { font-size: 36px; line-height: 120%; } } @media only screen and (max-width: 550px) { .container.spec-page .spec__header .spec__header-left .spec__main-title { font-size: 26px; font-style: normal; font-weight: 800; line-height: 110%; } } .container.spec-page .spec__header .spec__header-left .spec__detail-text { max-width: 432px; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; margin: 24px 0; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-left .spec__detail-text { margin: 16px 0 0 0; max-width: unset; font-size: 16px; } } @media only screen and (max-width: 550px) { .container.spec-page .spec__header .spec__header-left .spec__detail-text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.32px; } } .container.spec-page .spec__header .spec__header-left .spec__header-booking { display: inline-block; padding: 21.5px 48px; color: #ffffff; font-family: "SFProText-Semibold"; letter-spacing: -0.02em; font-size: 18px; line-height: 120%; background-color: #db3170; -webkit-border-radius: 75px; border-radius: 75px; margin-top: auto; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-left .spec__header-booking { margin-top: 32px; padding: 20px; width: 100%; text-align: center; } } .container.spec-page .spec__header .spec__header-right { position: absolute; right: 64px; bottom: -105px; } .container.spec-page .spec__header .spec__header-right .spec__header-img-block img { -webkit-border-radius: 48.4825px; border-radius: 48.4825px; -webkit-transform: rotate(9.89deg); -ms-transform: rotate(9.89deg); transform: rotate(9.89deg); max-width: 100%; position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-right .spec__header-img-block img { -webkit-border-radius: 34.0228px; border-radius: 34.0228px; -webkit-transform: rotate(-4.23deg); -ms-transform: rotate(-4.23deg); transform: rotate(-4.23deg); } } .container.spec-page .spec__header .spec__header-right .spec__header-img-block::before { content: ""; width: 100%; height: 100%; background-color: #ffe5ef; position: absolute; -webkit-border-radius: 48.4825px; border-radius: 48.4825px; -webkit-transform: rotate(-0.77deg); -ms-transform: rotate(-0.77deg); transform: rotate(-0.77deg); left: -21px; top: -15px; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-right .spec__header-img-block::before { width: 80%; height: 202px; -webkit-border-radius: 34.0228px; border-radius: 34.0228px; -webkit-transform: rotate(-4.19deg); -ms-transform: rotate(-4.19deg); transform: rotate(-4.19deg); left: 42px; top: -45px; } } @media only screen and (max-width: 420px) { .container.spec-page .spec__header .spec__header-right .spec__header-img-block::before { width: 202px; } } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-right .spec__header-img-block::after { content: ""; width: 80%; height: 240px; background-color: #f4cfdd; position: absolute; -webkit-border-radius: 34.0228px; border-radius: 34.0228px; -webkit-transform: rotate(6.34deg); -ms-transform: rotate(6.34deg); transform: rotate(6.34deg); top: -23px; right: -10px; } } @media only screen and (max-width: 767px) and only screen and (max-width: 420px) { .container.spec-page .spec__header .spec__header-right .spec__header-img-block::after { width: 239px; } } @media only screen and (max-width: 1160px) { .container.spec-page .spec__header .spec__header-right { opacity: 0.3; } } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__header-right { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 80%; opacity: 1; right: auto; bottom: auto; margin: 45px auto -60px auto; } } @media only screen and (max-width: 420px) { .container.spec-page .spec__header .spec__header-right { max-width: 285px; } } .container.spec-page .spec__header .spec__icon { position: absolute; left: calc(50% - 85px); bottom: 20px; z-index: 2; } @media only screen and (max-width: 1160px) { .container.spec-page .spec__header .spec__icon { display: none; } } @media only screen and (max-width: 767px) { .container.spec-page .spec__header .spec__icon { display: block; top: calc(180px + 25vw); right: 0; left: auto; width: 150px; height: 150px; } } @media only screen and (max-width: 530px) { .container.spec-page .spec__header .spec__icon { top: calc(180px + 20vw); } } @media only screen and (max-width: 500px) { .container.spec-page .spec__header .spec__icon { top: calc(180px + 15vw); } } @media only screen and (max-width: 470px) { .container.spec-page .spec__header .spec__icon { top: calc(180px + 7vw); } } @media only screen and (max-width: 420px) { .container.spec-page .spec__header .spec__icon { top: 180px; } } .container.spec-page .spec__header.pink { background-color: #fff3f8; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header.pink { background-color: transparent; } .container.spec-page .spec__header.pink .spec__header-left { background-color: #fff3f8; } } .container.spec-page .spec__header.pink .spec__main-title { color: #b53162; } .container.spec-page .spec__header.pink .spec__detail-text { color: #d37f9e; } .container.spec-page .spec__header.light-green { background-color: #f5f6f1; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header.light-green { background-color: transparent; } .container.spec-page .spec__header.light-green .spec__header-left { background-color: #f5f6f1; } } .container.spec-page .spec__header.light-green .spec__main-title { color: #22744f; } .container.spec-page .spec__header.light-green .spec__detail-text { color: #22744f; } .container.spec-page .spec__header.light-green .spec__header-booking { background-color: #22744f; } .container.spec-page .spec__header.light-green .spec__header-img-block::before { background-color: #ecede5; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header.light-green .spec__header-img-block::before { background-color: #f5f6f1; -webkit-transform: rotate(6.94deg); -ms-transform: rotate(6.94deg); transform: rotate(6.94deg); left: 0; top: -30px; } .container.spec-page .spec__header.light-green .spec__header-img-block::after { background-color: #ecede5; -webkit-transform: rotate(-11.18deg); -ms-transform: rotate(-11.18deg); transform: rotate(-11.18deg); top: -21px; right: 12px; } } .container.spec-page .spec__header.dark-green { background-color: #22744f; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header.dark-green { background-color: transparent; } .container.spec-page .spec__header.dark-green .spec__header-left { background-color: #22744f; } } .container.spec-page .spec__header.dark-green .spec__main-title { color: #ffffff; } .container.spec-page .spec__header.dark-green .spec__detail-text { color: #ffffff; } .container.spec-page .spec__header.dark-green .spec__header-booking { background-color: #ffffff; color: #22744f; } .container.spec-page .spec__header.dark-green .spec__header-img-block::before { background-color: #599278; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header.dark-green .spec__header-img-block::before { background-color: #ecede5; } .container.spec-page .spec__header.dark-green .spec__header-img-block::after { background-color: #f5f6f1; } } .container.spec-page .spec__header.green { background-color: #92bd55; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header.green { background-color: transparent; } .container.spec-page .spec__header.green .spec__header-left { background-color: #92bd55; } } .container.spec-page .spec__header.green .spec__main-title { color: #ffffff; } .container.spec-page .spec__header.green .spec__detail-text { color: #ffffff; } .container.spec-page .spec__header.green .spec__header-booking { background-color: #ffffff; color: #22744f; } .container.spec-page .spec__header.green .spec__header-img-block::before { background-color: #d5e3c0; } .container.spec-page .spec__header.green .spec__header-img-block::after { background-color: #ecede5; } @media only screen and (max-width: 767px) { .container.spec-page .spec__header.green .spec__header-img-block::before { -webkit-transform: rotate(6.94deg); -ms-transform: rotate(6.94deg); transform: rotate(6.94deg); left: 6px; top: -32px; } .container.spec-page .spec__header.green .spec__header-img-block::after { -webkit-transform: rotate(-11.18deg); -ms-transform: rotate(-11.18deg); transform: rotate(-11.18deg); } } @media only screen and (max-width: 767px) { .container.spec-page .content-page { padding-top: 11px; } } .spec__research { margin-top: 80px; } .spec__research .research { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; } @media only screen and (max-width: 767px) { .spec__research .research { font-size: 32px; line-height: 120%; margin: 0; } } .spec__research .research__list { margin-top: 56px; display: grid; grid-template-columns: repeat(auto-fit, minmax(262px, 1fr)); gap: 24px; } @media only screen and (max-width: 767px) { .spec__research .research__list { margin-top: 40px; gap: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } .spec__research .research__item { padding: 32px 24px 24px 24px; -webkit-border-radius: 30px; border-radius: 30px; width: auto; -ms-flex-negative: 1; flex-shrink: 1; } .spec__research .research__item .research__item-title { font-family: "ObjectSans"; font-size: 24px; line-height: 120%; margin: 0; } .spec__research .research__item .research__item-text { margin: 34px 0 0 0; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; } .spec__research .research__item .research__item-count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 83px; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; font-family: "ObjectSans"; font-size: 16px; line-height: 100%; opacity: 0.4; } .spec__research .research__item:nth-child(4n + 4) { background-color: #b53162; } .spec__research .research__item:nth-child(4n + 4) .research__item-title { color: #ffffff; } .spec__research .research__item:nth-child(4n + 4) .research__item-text { color: #ffffff; } .spec__research .research__item:nth-child(4n + 4) .research__item-count { color: #ffe5ef; background-color: #cb497b; } .spec__research .research__item:nth-child(4n + 1) { background-color: rgba(255, 243, 248, 0.6); } .spec__research .research__item:nth-child(4n + 1) .research__item-title { color: #b53162; } .spec__research .research__item:nth-child(4n + 1) .research__item-text { color: #b53162; } .spec__research .research__item:nth-child(4n + 1) .research__item-count { color: #b53162; background-color: #ffe5ef; } .spec__research .research__item:nth-child(4n + 3) { background-color: #f5f6f1; } .spec__research .research__item:nth-child(4n + 3) .research__item-title { color: #22744f; } .spec__research .research__item:nth-child(4n + 3) .research__item-text { color: #22744f; } .spec__research .research__item:nth-child(4n + 3) .research__item-count { color: #22744f; background-color: #ffffff; } .spec__research .research__item:nth-child(4n + 2) { background-color: #22744f; } .spec__research .research__item:nth-child(4n + 2) .research__item-title { color: #ffffff; } .spec__research .research__item:nth-child(4n + 2) .research__item-text { color: #ffffff; } .spec__research .research__item:nth-child(4n + 2) .research__item-count { color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 767px) { .spec__research .research__item { max-width: 262px; -ms-flex-negative: 0; flex-shrink: 0; } } .spec__research .swiper-pagination { display: none; } @media only screen and (max-width: 767px) { .spec__research .swiper-pagination { position: static; margin-top: 24px; display: block; } } .spec__research.slider .research__slider { overflow: hidden; } .spec__research.slider .swiper-pagination { position: static; margin-top: 24px; display: block; } .spec__research.slider .research__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; } .spec__research.slider .research__item { width: 262px; -ms-flex-negative: 0; flex-shrink: 0; } .spec__faq { margin-top: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 26px; } @media only screen and (max-width: 1160px) { .spec__faq { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } @media only screen and (max-width: 767px) { .spec__faq { margin-top: 64px; padding: 32px 16px 16px 16px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #f5f6f1; gap: 32px; } } .spec__faq .spec__faq-title { font-family: "ObjectSans"; font-size: 56px; line-height: 120%; max-width: 400px; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; } @media only screen and (max-width: 1160px) { .spec__faq .spec__faq-title { max-width: unset; } } @media only screen and (max-width: 767px) { .spec__faq .spec__faq-title { font-size: 32px; line-height: 120%; } } .spec__faq .spec__faq-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .spec__faq .spec__faq-item { -webkit-border-radius: 20px; border-radius: 20px; background-color: #f5f6f1; padding: 32px 40px; margin-bottom: 8px; } @media only screen and (max-width: 767px) { .spec__faq .spec__faq-item { background-color: #ffffff; padding: 16px 20px; } } .spec__faq .spec__faq-item .spec__faq-item-title { font-size: 20px; line-height: 120%; letter-spacing: -0.02em; font-family: "SFProText-Semibold"; margin: 0; cursor: pointer; position: relative; padding-right: 24px; } .spec__faq .spec__faq-item .spec__faq-item-title::before, .spec__faq .spec__faq-item .spec__faq-item-title::after { content: ""; width: 14px; height: 2px; background-color: #22744f; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; right: 5px; top: 11px; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .spec__faq .spec__faq-item .spec__faq-item-title::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .spec__faq .spec__faq-item .spec__faq-item-title.opened::after { -webkit-transform: none; -ms-transform: none; transform: none; } .spec__faq .spec__faq-item .spec__faq-item-text { margin: 0; padding-top: 16px; letter-spacing: -0.02em; font-size: 16px; line-height: 140%; color: #7e7e90; display: none; } .docs-all-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; line-height: 120%; color: #000; font-family: "SFProText-Semibold"; } @media only screen and (max-width: 767px) { .docs-all-link { display: none; } } .docs-all-link span { width: 65px; height: 65px; -webkit-border-radius: 50%; border-radius: 50%; 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; background-color: #f3f6f9; } .uslug-actions { max-width: 830px; } @media only screen and (max-width: 767px) { .uslug-actions { margin-top: 40px; } } .uslug-actions .uslug-actions-title-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .uslug-actions .uslug-actions-title-block .uslug-actions-title { font-family: "ObjectSans"; font-size: 36px; line-height: 110%; margin: 0; } @media only screen and (max-width: 767px) { .uslug-actions .uslug-actions-title-block .uslug-actions-title { font-size: 32px; line-height: 120%; } } .uslug-actions .actions-all-link { font-family: "SFProText-Semibold"; color: #000; font-size: 16px; line-height: 120%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .uslug-actions .actions-all-link.mobile { display: none; } .uslug-actions .actions-all-link span { width: 48px; height: 48px; -webkit-border-radius: 50%; border-radius: 50%; 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; background-color: #eeeff1; } @media only screen and (max-width: 767px) { .uslug-actions .actions-all-link.desktop { display: none; } .uslug-actions .actions-all-link.mobile { display: block; padding: 16px; margin-top: 32px; text-align: center; font-family: "SFProText-Heavy"; -webkit-border-radius: 200px; border-radius: 200px; background-color: #e8eaee; } } .uslug-actions .uslug-actions-list { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .uslug-actions .uslug-actions-list .uslug-actions-item { min-height: 230px; max-width: 407px; width: 100%; background-repeat: no-repeat; background-position: bottom right; background-color: #ffe5ef; -webkit-border-radius: 20px; border-radius: 20px; padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .uslug-actions .uslug-actions-list .uslug-actions-item .uslug-actions-item-title { max-width: 296px; font-family: "SFProDisplay-Semibold"; color: #b53162; font-size: 20px; line-height: 110%; letter-spacing: -0.01em; margin: 0; } .uslug-actions .uslug-actions-list .uslug-actions-item .uslug-actions-item-text { display: none; } @media only screen and (max-width: 767px) { .uslug-actions .uslug-actions-list .uslug-actions-item .uslug-actions-item-text { display: block; font-size: 14px; line-height: 150%; margin: 12px 0; color: #b53162; } } .uslug-actions .uslug-actions-list .uslug-actions-item .uslug-actions-item-date { margin: 12px 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; font-size: 12px; line-height: 120%; color: #b53162; } @media only screen and (max-width: 767px) { .uslug-actions .uslug-actions-list .uslug-actions-item .uslug-actions-item-date { margin: auto 0 0 0; } } .uslug-actions .uslug-actions-list .uslug-actions-item .uslug-actions-item-tag { padding: 8px 12px; -webkit-border-radius: 12px; border-radius: 12px; background-color: #22744f; color: #ffffff; font-size: 13px; line-height: 120%; font-family: "SFProText-Heavy"; margin-top: auto; } @media only screen and (max-width: 767px) { .uslug-actions .uslug-actions-list .uslug-actions-item .uslug-actions-item-tag { display: none; } } @media only screen and (max-width: 767px) { .uslug-actions .uslug-actions-list .uslug-actions-item { padding: 24px 20px 20px 20px; } .uslug-actions .uslug-actions-list .uslug-actions-item:nth-child(2n) { background-color: #ecede5; } .uslug-actions .uslug-actions-list .uslug-actions-item:nth-child(2n) .uslug-actions-item-title, .uslug-actions .uslug-actions-list .uslug-actions-item:nth-child(2n) .uslug-actions-item-text, .uslug-actions .uslug-actions-list .uslug-actions-item:nth-child(2n) .uslug-actions-item-date { color: #22744f; } .uslug-actions .uslug-actions-list .uslug-actions-item:nth-child(2n) .uslug-actions-item-date svg path, .uslug-actions .uslug-actions-list .uslug-actions-item:nth-child(2n) .uslug-actions-item-date svg ellipse { stroke: #22744f; } } .spec__tags { display: none; } @media only screen and (max-width: 767px) { .spec__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; overflow: auto; margin-bottom: 20px; position: -webkit-sticky; position: sticky; top: 0; padding: 5px 0; width: calc(100% + 16px); z-index: 3; background-color: #ffffff; padding-right: 16px; } .spec__tags a { font-family: "SFProText-Semibold"; color: #000; padding: 8px 16px; -webkit-border-radius: 90px; border-radius: 90px; background-color: #e8eaee; font-size: 14px; line-height: 120%; white-space: nowrap; } .spec__tags a.active { color: #ffffff; background-color: #db3170; } } .survey { max-width: 1168px; padding: 0 24px; margin: 32px auto 222px auto; } .survey header, .survey footer, .survey .bot-pre { display: none; } @media only screen and (max-width: 767px) { .survey { margin-top: 0; } } .survey .survey__form { max-width: 676px; margin: 80px auto 0 auto; display: grid; gap: 72px; } @media only screen and (max-width: 767px) { .survey .survey__form { margin-top: 0; display: none; } } .survey .survey__form .survey__progress { display: none; } @media only screen and (max-width: 767px) { .survey .survey__form .survey__progress { display: block; position: -webkit-sticky; position: sticky; top: 0; z-index: 3; background-color: #ffffff; padding: 20px 0; } } .survey .survey__form .survey__progress .survey__progress-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; line-height: 120%; letter-spacing: -0.02em; color: #7e7e90; font-family: "SFProText-Medium"; } .survey .survey__form .survey__progress .survey__progress-close { border: none; padding: 0; margin: 0; background-color: transparent; } .survey .survey__form .survey__progress .survey__progress-bar { display: block; height: 4px; background: #e8eaee; -webkit-border-radius: 4px; border-radius: 4px; margin-top: 12px; position: relative; } .survey .survey__form .survey__progress .survey__progress-bar span { display: block; position: absolute; top: 0; left: 0; height: 4px; width: 0; background-color: #db3170; -webkit-border-radius: 4px; border-radius: 4px; } .survey .survey__top { text-align: center; -webkit-border-radius: 40px; border-radius: 40px; background-color: #fff3f8; padding: 52px 16px 80px 16px; } @media only screen and (max-width: 767px) { .survey .survey__top { padding: 0 0 20px 0; background: none; -webkit-border-radius: 0; border-radius: 0; margin-top: 20px; } } .survey .survey__top .survey__main-title { margin: 57px auto 0 auto; font-family: "ObjectSans"; color: #b53162; font-size: 56px; line-height: 110%; max-width: 420px; } @media only screen and (max-width: 767px) { .survey .survey__top .survey__main-title { font-size: 32px; line-height: 100%; color: #000; margin-top: 70px; } } .survey .survey__top .survey__top-text { letter-spacing: -0.02em; font-size: 20px; line-height: 140%; color: #d37f9e; margin: 32px 0 0 0; } @media only screen and (max-width: 767px) { .survey .survey__top .survey__top-text { font-size: 18px; color: #000; } .survey .survey__top .survey__top-text br:first-of-type { display: none; } } @media only screen and (max-width: 767px) { .survey .survey__form-question { padding-bottom: 40px; margin-top: 40px; } .survey .survey__form-question:not(:last-of-type) { border-bottom: 1px solid #e8eaee; } } .survey .survey__form-question .survey__question-title { font-family: "SFProDisplay-Semibold"; font-size: 32px; line-height: 120%; letter-spacing: -0.01em; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } @media only screen and (max-width: 767px) { .survey .survey__form-question .survey__question-title { font-size: 20px; letter-spacing: -0.02em; } } .survey .survey__form-question .survey__question-title span { width: 38px; height: 38px; 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; font-family: "SFProDisplay-Semibold"; font-size: 32px; line-height: 120%; letter-spacing: -0.01em; color: #a9afb5; } @media only screen and (max-width: 767px) { .survey .survey__form-question .survey__question-title span { display: none; } } .survey .survey__form-question .survey__question-variants { padding-left: 54px; margin-top: 32px; display: grid; gap: 16px; } @media only screen and (max-width: 767px) { .survey .survey__form-question .survey__question-variants { margin-top: 24px; padding: 0; } } .survey .survey__form-question .survey__question-variants .survey__question-answer { cursor: pointer; min-height: 24px; padding-bottom: 16px; } .survey .survey__form-question .survey__question-variants .survey__question-answer:not(:last-child) { border-bottom: 1px solid #f4f4f7; } @media only screen and (max-width: 767px) { .survey .survey__form-question .survey__question-variants .survey__question-answer { padding-right: 32px; } } .survey .survey__form-question .survey__question-variants .survey__question-answer span { font-family: "SFProText-Medium"; font-size: 16px; line-height: 24px; letter-spacing: -0.02em; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .survey .survey__form-question .survey__question-variants .survey__question-answer input + span::before { content: ""; border: 1px solid #a9afb5; -webkit-border-radius: 90px; border-radius: 90px; width: 24px; height: 24px; position: absolute; right: 0; } @media only screen and (max-width: 767px) { .survey .survey__form-question .survey__question-variants .survey__question-answer input + span::before { right: -32px; } } .survey .survey__form-question .survey__question-variants .survey__question-answer input:checked + span::before { border-color: #db3170; } .survey .survey__form-question .survey__question-variants .survey__question-answer input:checked + span::after { content: ""; background-color: #db3170; width: 12px; height: 12px; position: absolute; -webkit-border-radius: 50%; border-radius: 50%; right: 6px; } @media only screen and (max-width: 767px) { .survey .survey__form-question .survey__question-variants .survey__question-answer input:checked + span::after { right: -26px; } } .survey .survey__form-question .survey__question-variants.numbers { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .survey .survey__form-question .survey__question-variants.numbers .survey__question-answer { padding: 0; margin: 0; border: none; } .survey .survey__form-question .survey__question-variants.numbers .survey__question-answer span { width: 55px; height: 55px; background-color: #f4f4f7; -webkit-border-radius: 50%; border-radius: 50%; letter-spacing: -0.02em; font-size: 24px; line-height: 145%; font-family: "SFProDisplay-Semibold"; color: #7e7e90; 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; } .survey .survey__form-question .survey__question-variants.numbers .survey__question-answer input + span::before, .survey .survey__form-question .survey__question-variants.numbers .survey__question-answer input:checked + span::after { display: none; } .survey .survey__form-question .survey__question-variants.numbers .survey__question-answer input:checked + span { color: #ffffff; background-color: #db3170; } .survey .survey__form-question .survey__quality { padding-left: 54px; margin: 24px 0 0 0; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; color: #a9afb5; } @media only screen and (max-width: 767px) { .survey .survey__form-question .survey__quality { padding: 0; margin-top: 32px; } } .survey .survey__submit, .survey .survey__start { max-width: 328px; margin: 0 auto; width: 100%; padding: 16px 20px 16px 32px; -webkit-border-radius: 100px; border-radius: 100px; font-size: 18px; line-height: 120%; color: #ffffff; background-color: #db3170; font-family: "SFProText-Semibold"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: none; cursor: pointer; } .survey .survey__submit span, .survey .survey__start span { background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(4.5px); backdrop-filter: blur(4.5px); -webkit-border-radius: 32px; border-radius: 32px; font-size: 14px; line-height: 120%; letter-spacing: -0.02em; padding: 4.5px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; font-family: "SFProText-Medium"; } .survey .survey__start { display: none; } @media only screen and (max-width: 767px) { .survey .survey__start { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 130px; } } .survey .survey__success { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 9999999999; background-color: #e5e5e5; display: none; -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; padding-top: 52px; } .survey .survey__success .survey__success-block { margin-top: 90px; width: 419px; background-color: #ffffff; -webkit-border-radius: 20px; border-radius: 20px; padding: 32px; 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; } .survey .survey__success .survey__gift { padding: 9px 13px; background: -webkit-gradient(linear, left top, right top, from(#b4e447), to(#55c264)); background: -webkit-linear-gradient(left, #b4e447 0%, #55c264 100%); background: -o-linear-gradient(left, #b4e447 0%, #55c264 100%); background: linear-gradient(90deg, #b4e447 0%, #55c264 100%); -webkit-border-radius: 18px; border-radius: 18px; font-size: 32px; line-height: 120%; letter-spacing: -0.01em; color: #ffffff; font-family: "SFProText-Semibold"; } .survey .survey__success .survey__success-title { margin: 32px 0 0 0; font-size: 28px; line-height: 120%; text-align: center; font-family: "ObjectSans"; } .survey .survey__success .survey__success-text { margin: 12px 0 0 0; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; text-align: center; } .survey .survey__success .survey__exit { margin: 32px 0 0 0; color: #ffffff; background-color: #db3170; padding: 15px 55px; font-size: 14px; line-height: 120%; letter-spacing: -0.01em; -webkit-border-radius: 200px; border-radius: 200px; font-family: "SFProText-Semibold"; } .survey .survey__error { max-width: 390px; padding: 12px 24px 40px 24px; text-align: center; } .survey .survey__error .survey__error-title { font-size: 28px; line-height: 120%; font-family: "ObjectSans"; margin: 20px 0 0 0; } @media only screen and (max-width: 767px) { .survey .survey__error .survey__error-title { font-size: 20px; line-height: 120%; } } .survey .survey__error .survey__error-text { font-size: 18px; line-height: 140%; letter-spacing: -0.02em; margin: 12px 0 0 0; } @media only screen and (max-width: 767px) { .survey .survey__error .survey__error-text { margin-top: 8px; font-size: 16px; color: #7e7e90; } } .survey .survey__error .survey__error-retry { margin: 24px auto 0 auto; display: block; -webkit-border-radius: 75px; border-radius: 75px; background-color: #db3170; color: #ffffff; padding: 20px 42px; font-size: 18px; line-height: 120%; letter-spacing: -0.02em; border: none; font-family: "SFProText-Semibold"; cursor: pointer; } @media only screen and (max-width: 767px) { .survey .survey__error .survey__error-retry { margin-top: 40px; width: 100%; } } .survey .survey__error .survey__error-hepl { display: block; margin: 20px auto 0 auto; background-color: transparent; padding: 0; border: none; color: #db3170; letter-spacing: -0.01em; font-size: 14px; line-height: 120%; font-family: "SFProText-Semibold"; cursor: pointer; } @media only screen and (max-width: 767px) { .survey .survey__error { padding: 17px 20px 36px 20px; } } .survey .survey__form-error { display: none; text-align: center; margin-top: -45px; color: #db3170; } @media only screen and (max-width: 767px) { .survey .survey__form-error { margin-top: 20px; } } .discounts__header-title { font-weight: 600; font-size: 32px; line-height: 120%; letter-spacing: -0.01em; color: #000000; margin: 0; } .discounts__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 24px; } .discounts__subheader-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; max-width: 449px; width: 100%; font-weight: 400; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; padding-top: 8px; padding-bottom: 8px; } .discounts__subheader-item:not(:first-child) { padding-left: 32px; border-left: 1px solid #e8eaee; } .discounts__subheader-items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .discounts__subheader { margin-bottom: 70px; } .discounts__content-item-header-prices { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .discounts__content-item-header-time-end { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .discounts__content-item-header-price .line-over { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .discounts__content-item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; position: relative; z-index: 1; } .discounts__content-item-header-time-end-ico { display: -webkit-box; display: -ms-flexbox; display: flex; height: 16px; } .discounts__content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: initial; position: relative; overflow: hidden; width: 100%; } .discounts__content-item-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .discounts__content-item-footer.mobile { display: none; } .discounts__content-item-procent-discount { position: relative; z-index: 1; } .discounts__content-item-header-preview-text ul { padding: 0; list-style: none; margin: 0 0 9px 0; } .discounts__content-item-header-preview-text ul li::before { display: block; content: " "; width: 6px; min-width: 6px; height: 6px; min-height: 6px; background: #22744f; margin-right: 6px; margin-top: 6px; -webkit-border-radius: 100%; border-radius: 100%; } .discounts__content-item-header-preview-text ul li { display: -webkit-box; display: -ms-flexbox; display: flex; font-style: normal; font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; color: #22744f; } .discounts__content-item-header-preview-text ul li:not(:last-child) { margin-bottom: 8px; } .pink.discounts__content-item { background: #ffe5ef; } .pink.discounts__content-item .discounts__content-item-header-title, .pink.discounts__content-item .discounts__content-item-header-time-end, .pink.discounts__content-item .discounts__content-item-header-price { color: #b53162; } .pink.discounts__content-item .discounts__content-item-procent-discount { background: #f5cc63; color: black; } .purple.discounts__content-item { background: #b53162; } .purple.discounts__content-item .discounts__content-item-header-title, .purple.discounts__content-item .discounts__content-item-header-time-end, .purple.discounts__content-item .discounts__content-item-header-price { color: white; } .purple.discounts__content-item .discounts__content-item-header-time-end-ico svg ellipse, .purple.discounts__content-item .discounts__content-item-header-time-end-ico svg path { stroke: white; } .purple.discounts__content-item .discounts__content-item-procent-discount { background: white; color: #b53162; } .green.discounts__content-item { background: #22744f; } .green.discounts__content-item .discounts__content-item-header-title, .green.discounts__content-item .discounts__content-item-header-time-end, .green.discounts__content-item .discounts__content-item-header-price { color: white; } .green.discounts__content-item .discounts__content-item-header-time-end-ico svg ellipse, .green.discounts__content-item .discounts__content-item-header-time-end-ico svg path { stroke: white; } .green.discounts__content-item .discounts__content-item-procent-discount { background: white; color: #b53162; } .violete.discounts__content-item { background: #9f2df8; } .violete.discounts__content-item .discounts__content-item-header-title, .violete.discounts__content-item .discounts__content-item-header-time-end, .violete.discounts__content-item .discounts__content-item-header-price { color: #ffffff; } .violete.discounts__content-item .discounts__content-item-header-time-end-ico svg ellipse, .violete.discounts__content-item .discounts__content-item-header-time-end-ico svg path { stroke: #ffffff; } .violete.discounts__content-item .discounts__content-item-procent-discount { background: #fefefe; color: #db3170; } .violete.discounts__content-item .discount-detail-preview-block-btn a { background: #db3170; } .blue.discounts__content-item { background: #4c8ef2; } .blue.discounts__content-item .discounts__content-item-header-title, .blue.discounts__content-item .discounts__content-item-header-time-end, .blue.discounts__content-item .discounts__content-item-header-price { color: #ffffff; } .blue.discounts__content-item .discounts__content-item-header-time-end-ico svg ellipse, .blue.discounts__content-item .discounts__content-item-header-time-end-ico svg path { stroke: #ffffff; } .blue.discounts__content-item .discounts__content-item-procent-discount { background: #fefefe; color: #db3170; } .blue.discounts__content-item .discount-detail-preview-block-btn a { background: #22744f; } .blue.discount-detail-preview-block-btn.mobile a { background: #22744f; } .light-green.discounts__content-item { background: #ecede5; } .light-green.discounts__content-item .discounts__content-item-header-title, .light-green.discounts__content-item .discounts__content-item-header-time-end, .light-green.discounts__content-item .discounts__content-item-header-price { color: #22744f; } .light-green.discounts__content-item .discounts__content-item-header-time-end-ico svg ellipse, .light-green.discounts__content-item .discounts__content-item-header-time-end-ico svg path { stroke: #22744f; } .light-green.discounts__content-item .discounts__content-item-procent-discount { background: #22744f; color: white; } .light-green.discounts__content-item .discount-detail-preview-block-btn a { background: #22744f; } .light-green.discount-detail-preview-block-btn.mobile a { background: #22744f; } .photo__card { position: absolute; bottom: -5px; right: 0; } .photo__card img.dop-icon { bottom: 20px; position: absolute; right: 330px; max-height: 150px; width: auto; } .discount-detail-preview-block-btn.mobile { display: none !important; } .not-image.discounts__content-item { background: #f5f6f1; } .ellipses__background { position: absolute; bottom: 0; right: 11px; } .discounts__content-items.based { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px; } .discounts__content-items.based .discounts__content-item { padding: 32px 56px 32px 32px; max-width: 540px; min-height: 548px; -webkit-border-radius: 40px; border-radius: 40px; } .discounts__content-items.based .discounts__content-item-header-title { font-style: normal; font-weight: 700; font-size: 32px; line-height: 120%; } .discounts__content-items.based .discounts__content-item-header-price { font-weight: 800; font-size: 19px; line-height: 110%; } .discounts__content-items.based .discounts__content-item-header-time-end-text { font-weight: 400; font-size: 18px; line-height: 120%; } .discounts__content-items.based .discounts__content-item-procent-discount { font-family: "SFProText-Heavy"; font-size: 24px; line-height: 120%; text-align: center; letter-spacing: -0.02em; padding: 8px 12px; -webkit-border-radius: 12px; border-radius: 12px; } .discounts__content-items.based .photo__card img { width: auto; max-height: 362px; } .discounts__content-items.based .photo__card img.main-pict { height: 362px; } .discounts__content-items.based .photo__card img.dop-icon { max-height: 150px; } .discounts__content-items.based .photo__card svg { width: 330px; height: auto; margin-right: 40px; } .discounts__content-items.short { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 37px; } .discounts__content-items.short .discounts__content-item { max-width: 540px; padding: 31px 26px 31px 31px; max-width: 347px; min-height: 548px; -webkit-border-radius: 20px; border-radius: 20px; } .discounts__content-items.short .discounts__content-item-footer { margin-bottom: 8px; } .discounts__content-items.short .discounts__content-item-header-title { font-style: normal; font-weight: 700; font-size: 24px; letter-spacing: -0.02em; line-height: 120%; } .discounts__content-items.short .discounts__content-item-header-price { font-weight: 800; font-size: 19px; line-height: 110%; } .discounts__content-items.short .discounts__content-item-header-time-end-text { font-size: 14px; } .discounts__content-items.short .discounts__content-item-procent-discount { font-weight: 800; font-size: 18px; line-height: 120%; text-align: center; letter-spacing: -0.02em; padding: 8px 12px; -webkit-border-radius: 12px; border-radius: 12px; } .discounts__content-items.short .photo__card img { width: auto; max-height: 300px; } .discounts__content-items.short .photo__card img.main-pict { height: 300px; } .discounts__content-items.short .photo__card img.dop-icon { max-width: 135px; right: 260px; } .discounts__content-items.short .photo__card svg { width: 250px; height: auto; } .discounts__content-items.wide { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 37px; } .discounts__content-items.wide .discounts__content-item { max-width: 540px; padding: 50px 50px 40px 50px; max-width: 100%; min-height: 548px; -webkit-border-radius: 40px; border-radius: 40px; } .discounts__content-items.wide .discounts__content-item-header { gap: 24px; height: 100%; } .discounts__content-items.wide .discounts__content-item-header-title { font-style: normal; font-weight: 800; font-size: 56px; line-height: 120%; max-width: 943px; padding-right: 310px; } .discounts__content-items.wide .discounts__content-item-header-title h1 { font-style: normal; font-weight: 800; font-size: 56px; line-height: 120%; margin: 0; } .discount-detail-preview-block-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .discounts__content-items.wide .photo__card img { max-height: 500px; width: auto; } .discounts__content-items.wide .photo__card img.main-pict { height: 500px; } .discounts__content-items.wide .photo__card img.dop-icon { height: 100%; max-height: 192px !important; right: 430px; } .discounts__content-items.wide .photo__card svg { width: 500px; height: auto; } .discounts__content-items.wide .discounts__content-item-header-price { font-weight: 800; font-size: 26px; line-height: 110%; } .discounts__content-items.wide .discounts__content-item-header-time-end-text { font-weight: 400; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; } .discounts__content-item-header-prices-time-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } .discounts__content-items.wide .discounts__content-item-procent-discount { font-family: "SFProDisplay-Heavy"; font-size: 32px; line-height: 120%; text-align: center; -webkit-border-radius: 16px; border-radius: 16px; padding: 8px 12px; } @media only screen and (max-width: 990px) { .discounts__content-items.wide .discounts__content-item-procent-discount { font-size: 24px; font-family: "SFProText-Heavy"; -webkit-border-radius: 12px; border-radius: 12px; } } .discount-detail__wrapper { max-width: 1120px; margin: 48px auto 0 auto; } .discount-detail-preview-block { height: 100%; margin-bottom: 100px; } .discount-detail-preview-block-btn a { display: -webkit-box; display: -ms-flexbox; display: flex; background: #db3170; -webkit-border-radius: 75px; border-radius: 75px; font-weight: 600; font-size: 18px; line-height: 120%; text-align: center; letter-spacing: -0.02em; color: #ffffff; padding: 21.5px 48px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .discount-detail-preview-block-btn-discount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 24px; height: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .discount-detail-preview-block-discount { font-weight: 800; font-size: 22.8278px; line-height: 120%; padding: 18px 27px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-border-radius: 24px; border-radius: 24px; text-align: center; letter-spacing: -0.04em; background: #f5cc63; } .discount-detail-preview-block-title { font-weight: 800; font-size: 56px; line-height: 120%; max-width: 943px; } .discount-detail-preview-block-time-end { font-weight: 400; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .discount-detail-content-block-aside-element { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .discount-detail-content-block-aside-element-title { font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; color: #7e7e91; } .discount-detail-content-block-aside-element-text { font-weight: 400; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; color: #000000; } .discount-detail-content-block-aside-elements { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .discount-detail-content-block-aside-element-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; gap: 8px; margin: 0; padding: 0; } .discount-detail-content-block-aside-element-list ul li a svg { max-width: 16px; width: 100%; margin-top: 7px; height: 16px; } .discount-detail-content-block-aside-element-list ul li a { font-weight: 400; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; color: #db3170; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .discount-detail-content-block-aside { max-width: 216px; width: 100%; } .discount-detail-content-block { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; } .discount-detail-content-block-description-title { font-weight: 800; font-size: 36px; line-height: 110%; color: #000000; margin: 0; } .discount-detail-content-block-description-group { gap: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .discount-detail-content-block-description-body { font-weight: 400; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; } .discount-detail-content-block-description { gap: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .discount-detail-content-block-description-body p { font-weight: 400; font-size: 20px; line-height: 140%; margin: initial; } .discount-detail-content-block-description-body p:not(:last-child) { margin-bottom: 10px; } .discount-detail-content-block-description-body h5 { margin: initial; } .discount-detail-content-block-description-body h5 a::after { content: "\2192"; margin-left: 8px; } .discount-detail-content-block-description-body a, .discount-detail-content-block-description-body a span { font-weight: 400; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; color: #db3170 !important; text-transform: initial; text-decoration: initial !important; } .discount-detail-content-block-description-body h4 { font-weight: 600; font-size: 20px; line-height: 120%; letter-spacing: -0.01em; color: #000000; margin: 32px 0 14px 0; } .discount-detail-content-block-description-body ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0 0 0 20px; } .discount-detail-subcontent-block { padding: 32px 24px; border: 1px solid #e8eaee; -webkit-border-radius: 20px; border-radius: 20px; max-width: 830px; width: 100%; margin-left: auto; margin-bottom: 60px; } .discount-detail-subcontent-block .discounts__subheader { margin: initial; } .discount-detail { margin-bottom: 56px; } .discounts__wrapper { margin-top: 36px; } .discounts__content-items.mini .discounts__content-item { max-width: 407px; min-height: 230px; max-height: 230px; padding: 24px; width: 100%; position: relative; -webkit-border-radius: 20px; border-radius: 20px; } .discounts__content-items.mini .discounts__content-item-header-title { font-weight: 600; font-size: 20px; line-height: 110%; letter-spacing: -0.01em; max-width: 296px; padding-right: 0; } .discounts__content-items.mini .discounts__content-item-header-time-end-text { font-weight: 400; font-size: 12px; line-height: 120%; } .discounts__content-items.mini .discounts__content-item-procent-discount { font-weight: 800; font-size: 13.0944px; line-height: 120%; letter-spacing: -0.02em; padding: 8px 12px; -webkit-border-radius: 12px; border-radius: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .discounts__content-items.mini .discounts__content-item-footer { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .discounts__content-items.mini { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 16px; } .uslug-actions-list .discounts__content-items.mini { -ms-flex-wrap: wrap; flex-wrap: wrap; } .uslug-actions-list .discounts__content-items.mini .discounts__content-item { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; } .discounts__content-items.mini .photo__card img { max-height: 160px; } .discounts__content-items.mini .photo__card img.main-pict { height: 160px; } .discounts__content-items.mini .photo__card img.dop-icon { max-height: 70px; right: 150px; } .discounts__content-items.mini .photo__card svg { margin-right: 15px; } .discount-detail-list-block { margin-left: auto; max-width: 830px; width: 100%; } .discounts__content-items-btn-all-discounts a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-weight: 600; font-size: 16px; line-height: 120%; color: #000000; } .discounts__content-items-title { font-weight: 800; font-size: 36px; line-height: 110%; color: #000000; margin: 0; } .discounts__content-items-head-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 32px; } .discounts__content-subs-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #f8f9fa; -webkit-border-radius: 20px; border-radius: 20px; padding: 40px; max-width: 1120px; margin: 40px auto 0 auto; } .discounts__content-subs-block-text-title { font-weight: 700; font-size: 24px; line-height: 120%; letter-spacing: -0.02em; color: #000000; } .discounts__content-subs-block-text-subtitle { font-weight: 400; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; color: #7e7e91; } .discounts__content-subs-block-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .discounts__content-subs-block-text { max-width: 637px; width: 100%; } .discounts__content-subs-block-input { position: relative; max-width: 371px; width: 100%; } .discounts__content-subs-block-input input { background: #ffffff; border: 1px solid #e8eaee; -webkit-border-radius: 75px; border-radius: 75px; width: 100%; font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; color: #a9afb5; padding: 13px 24px; } .discounts__content-subs-block-input svg { position: absolute; right: 4px; bottom: 4px; top: 4px; margin: auto; background: #db3170; -webkit-border-radius: 36.9231px; border-radius: 36.9231px; padding: 12px; width: 40px; height: 40px; cursor: pointer; } .discounts__content-subs-block-input.error input { border: 1px solid red; } .discounts__content-subs-block-input input::-webkit-input-placeholder { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; color: #a9afb5; } .discounts__content-subs-block-input input::-moz-placeholder { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; color: #a9afb5; } .discounts__content-subs-block-input input::-ms-input-placeholder { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; color: #a9afb5; } .discounts__content-subs-block-input input::placeholder { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; color: #a9afb5; } .discounts__content-subs-block-input input:focus-visible { outline: 0; } .discounts__block { max-width: 1120px; margin: auto; } .discount-detail-content-block-aside.mini { display: none; max-width: 100%; } .discounts-not-found-title { font-weight: 600; font-size: 32px; line-height: 120%; text-align: center; letter-spacing: -0.01em; color: #000000; margin: 0 0 12px 0; } .discounts-not-found { max-width: 343px; width: 100%; margin: 0 auto; } .discounts-not-found-header { margin: 0 0 24px 0; text-align: center; } .discounts-not-found-subtitle { font-weight: 400; font-size: 16px; line-height: 140%; text-align: center; letter-spacing: -0.02em; color: #7e7e91; } .discounts-not-found { padding: 188px 0 136px 0; } .discounts-not-found-form { max-width: 296px; width: 100%; margin: auto; } .page-other-footer-margin footer.container { margin-top: 58px; } .discounts__content-items-btn-all-discounts.mobile { display: none; } .discounts__block-head-title { display: none; margin-top: 20px; margin-bottom: 32px; } .recall-success-promo { max-height: 200px; min-height: 200px; } .recall-success-promo .widget-note__popup-content { text-align: center; } .recall-success-promo .widget-note__popup-content .cart-popup__title { text-align: center; } @media (max-width: 1200px) { .discounts__content-items.based .discounts__content-item { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; } } @media (max-width: 1140px) { .discount-detail-content-block-aside { display: none; } .discount-detail-content-block-aside.mini { display: block; } .discount-detail-content-block-description-group { gap: 24px; } .discount-detail-subcontent-block { max-width: 100%; } .discount-detail-list-block, .discounts__content-items.mini .discounts__content-item { max-width: 100%; } } @media (max-width: 990px) { .discounts__content-items.wide .discounts__content-item-header { gap: 12px; } .discounts__content-items.mini .discounts__content-item-footer { display: none; } .discounts__content-items.mini .discounts__content-item-footer.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .discounts__content-items.mini .discounts__content-item { gap: 12px; } .discounts__content-items.wide .discounts__content-item, .discounts__content-items.based .discounts__content-item, .discounts__content-items.short .discounts__content-item { padding: 24px 24px 21px 24px !important; -webkit-border-radius: 20px !important; border-radius: 20px !important; } .discounts__content-items.short .discounts__content-item-header-title, .discounts__content-items.based .discounts__content-item-header-title, .discounts__content-items.wide .discounts__content-item-header-title { font-weight: 700; font-size: 32px; line-height: 120%; letter-spacing: initial; padding-right: initial; } .discounts__content-items.short .discounts__content-item-header-title h1, .discounts__content-items.based .discounts__content-item-header-title h1, .discounts__content-items.wide .discounts__content-item-header-title h1 { font-weight: 700; font-size: 32px; line-height: 120%; letter-spacing: initial; padding-right: initial; } .discounts__content-items.short .discounts__content-item-header-time-end-text, .discounts__content-items.based .discounts__content-item-header-time-end-text, .discounts__content-items.wide .discounts__content-item-header-time-end-text { font-weight: 400; font-size: 18px; line-height: 120%; letter-spacing: initial; } .discounts__content-items.short .discounts__content-item-procent-discount { font-weight: 800; font-size: 18px; line-height: 120%; letter-spacing: -0.02em; } .discounts__content-items.short .discounts__content-item-footer, .discounts__content-items.based .discounts__content-item-footer, .discounts__content-items.wide .discounts__content-item-footer { margin: initial; } .discounts__content-items.short .photo__card img, .discounts__content-items.based .photo__card img, .discounts__content-items.wide .photo__card img { max-height: 320px; height: 320px; width: auto; } .discounts__content-items.short .photo__card img.main-pict, .discounts__content-items.based .photo__card img.main-pict, .discounts__content-items.wide .photo__card img.main-pict { height: 320px; } .discounts__content-items.short .photo__card img.dop-icon, .discounts__content-items.based .photo__card img.dop-icon, .discounts__content-items.wide .photo__card img.dop-icon { max-height: 114px !important; right: 270px; width: auto; } .page-other-footer-margin footer.container { margin-top: 80px; } .discount-detail-content-block-description { gap: 40px; } .discount-detail-preview-block { margin: 0 0 40px 0; } .discount-detail-content-block-description-title { font-size: 32px; line-height: 120%; } .discount-detail-content-block-description-body p { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; } .discount-detail-content-block-aside-elements { gap: 20px; } .discount-detail-content-block-aside-element-text { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; } .discount-detail-content-block-aside-element-title { font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; } .discount-detail-content-block-aside-element-list ul { gap: 4px; } .discount-detail-content-block-aside-element-list ul li a { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; } .discount-detail-content-block-aside-element-list ul li a svg { margin-top: 3px; } .discount-detail-content-block-description-body h4 { font-weight: 600; font-size: 16px; line-height: 120%; letter-spacing: -0.02em; margin: 24px 0 16px 0; } .discount-detail-content-block-description-body ul li { font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; } .discount-detail-content-block-description-body a, .discount-detail-content-block-description-body a span { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; } .discount-detail { margin-bottom: 40px; } .discounts__header-title { font-weight: 600; font-size: 20px; line-height: 120%; letter-spacing: -0.02em; margin: 0; } .discounts__header { gap: 10px; margin-bottom: 32px; } .discounts__header-ico svg { max-height: 40px; max-width: 40px; } .discounts__subheader { margin-bottom: initial; } .discounts__subheader-item-text { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; } .discounts__subheader-item:first-child { padding: 0 0 20px 0; } .discounts__subheader-item:not(:first-child) { padding: 20px 0 20px 0; border-left: 0; border-top: 1px solid #e8eaee; } .discounts__subheader-item { max-width: 100%; gap: 10px; } .discounts__subheader-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; gap: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .discounts__content-items { gap: 16px; } .discounts__subheader-item-ico { height: 24px; } .discounts__content .discounts__content-items .discounts__content-item { -webkit-box-flex: 1 !important; -ms-flex: 1 1 100% !important; flex: 1 1 100% !important; max-width: 100% !important; -webkit-border-radius: 20px; border-radius: 20px; padding: 24px 24px 21px 24px; } .discounts__content .discounts__content-items { gap: 16px; } .discounts__content-subs-block { margin-top: 16px; padding: 24px; } .discounts__content-subs-block-text-title { font-weight: 700; font-size: 20px; line-height: 120%; } .discounts__content-subs-block-text-subtitle { font-weight: 400; font-size: 14px; line-height: 130%; letter-spacing: -0.01em; } .discounts__header-wrapper { padding: 32px 24px 0 32px; border: 1px solid #e8eaee; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 32px; } .discounts__content-items-title { font-weight: 800; font-size: 32px; line-height: 120%; } .discounts__content-item-header-prices-time-end { gap: 12px; } } @media (max-width: 747px) { .discounts__content-item-header-prices-time-end { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .discount-detail__wrapper .discounts__content-items.wide { gap: 8px; } .discount-detail-preview-block-btn { display: none; } .discount-detail-preview-block-btn.mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .discount-detail-preview-block-btn a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .discounts__wrapper { margin-top: 20px; } .discounts__block-head-title { display: block; font-weight: 600; font-size: 36px; line-height: 120%; } .discounts-not-found-title { font-weight: 700; font-size: 20px; line-height: 120%; } .discounts-not-found-subtitle { font-weight: 400; font-size: 14px; line-height: 130%; text-align: center; letter-spacing: -0.01em; } .discounts-not-found-header { max-width: 263px; margin: 0 auto 24px auto; } .discounts-not-found { padding: 66px 0 0 0; margin-bottom: -7px; } .discounts__content-items-btn-all-discounts { display: none; } .discounts__content-items-btn-all-discounts.mobile { display: block; font-weight: 800; font-size: 16px; line-height: 120%; text-align: center; padding: 16px 0; background: #e8eaee; -webkit-border-radius: 200px; border-radius: 200px; width: 100%; margin-top: 32px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .discount-detail__wrapper { margin-top: 20px; } .discount-detail-preview-block { min-height: 264px; } .discount-detail-preview-block-title { font-weight: 700; font-size: 24px; line-height: 120%; letter-spacing: -0.02em; } .discount-detail__wrapper .discount-detail-subcontent-block { margin-bottom: 40px; padding-bottom: 12px; } .discounts__content-items-btn-all-discounts a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .discounts__content-items.mini { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .discounts__content-items.mini .discounts__content-item { min-height: 548px; } .discounts__content-items.mini .discounts__content-item-header-title { font-weight: 700; font-size: 32px; line-height: 120%; letter-spacing: initial; padding-right: initial; max-width: 100%; } .discounts__content-items.wide .discounts__content-item-header-price, .discounts__content-items.mini .discounts__content-item-header-price { font-weight: 800; font-size: 19px; line-height: 110%; } .discounts__content-items.mini .discounts__content-item-header-time-end-text { font-weight: 400; font-size: 18px; line-height: 120%; } .discounts__content-items.mini .discounts__content-item-procent-discount { font-weight: 800; font-size: 18px; line-height: 120%; letter-spacing: -0.02em; } .discounts__content-items.mini .discounts__content-item-footer { margin: initial; } .discounts__content-items.mini .photo__card img { max-height: 320px; width: auto; } .discounts__content-items.mini .photo__card img.main-pict { height: 320px; } .discounts__content-items.mini .photo__card img.dop-icon { max-height: 114px; right: 270px; width: auto; } .discounts__content-items .photo__card svg { width: 230px !important; margin-right: 20px !important; height: auto !important; } } @media (max-width: 590px) { .discounts__content-subs-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 32px; } .discounts__content-subs-block-input input::-webkit-input-placeholder { font-weight: 400; font-size: 14px; line-height: 135%; } .discounts__content-subs-block-input input::-moz-placeholder { font-weight: 400; font-size: 14px; line-height: 135%; } .discounts__content-subs-block-input input::-ms-input-placeholder { font-weight: 400; font-size: 14px; line-height: 135%; } .discounts__content-subs-block-input input::placeholder { font-weight: 400; font-size: 14px; line-height: 135%; } .discounts__content-subs-block-input { max-width: 100%; } } .new-specs__header-title-subtitle { max-width: 677px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .new-specs__header-subtitle { font-weight: 400; font-size: 20px; line-height: 140%; letter-spacing: -0.02em; color: #7e7e91; } .new-specs__header { 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; gap: 24px; } .new-specs__header-switcher { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; max-width: 343px; width: 100%; background: #f4f4f7; -webkit-border-radius: 900px; border-radius: 900px; padding: 4px; } .new-specs__item { padding: 32px; cursor: pointer; background: #f4f4f7; -webkit-border-radius: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 1 33.33%; flex: 0 1 33.33%; max-width: 360px; position: relative; min-height: 276px; min-width: 30%; } @media (hover: hover) { .new-specs__item:hover { background: #e8eaee; } .new-specs__item:hover .new-specs__item-body { color: #000000; } } .new-specs__items { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .new-specs__item-header-title { font-weight: 600; font-size: 24px; line-height: 145%; letter-spacing: -0.02em; color: #000000; } .new-specs__item-body { font-weight: 400; font-size: 14px; line-height: 150%; letter-spacing: -0.02em; color: #7e7e91; } .new-specs__item-body span ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .new-specs__item-body span ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 11px; } .new-specs__item-body span ul li::before { content: " "; width: 6px; height: 6px; min-height: 6px; min-width: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #7e7e91; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 6px; } .new-specs__wrapper { max-width: 1120px; width: 100%; margin: 20px auto 100px auto; } .new-specs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 56px; } .new-specs__item-header { 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; min-height: 44px; padding: 0 50px 0 0; } .new-specs__item-header-icon { width: 55px; height: 55px; position: absolute; right: 25px; top: 25px; } .new-specs__item-header-icon img { width: 100%; height: 100%; } .new-specs__item-header-subtitle { font-weight: 600; font-size: 18px; line-height: 120%; letter-spacing: -0.02em; color: #7e7e91; } .spec-btn-more-text { font-weight: 600; font-size: 16px; line-height: 120%; text-align: center; color: #fff; padding: 17px 34px; background: #db3170; -webkit-border-radius: 200px; border-radius: 200px; } .spec-btn-more { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin: 25px auto 0 auto; } .new-specs__header-switcher-element { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 900px; border-radius: 900px; padding: 13px 16px; background-color: transparent; font-weight: 600; font-size: 12px; line-height: 120%; color: #a9afb5; padding: 13px 23.5px; min-height: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-specs__header-switcher-element.active { background: #db3170; color: white; } .new-specs__header-switcher-element svg path { fill: #a9afb5; } .new-specs__header-switcher-element.active svg path { fill: white; } @media (max-width: 1160px) { .new-specs__wrapper { margin: 7px auto -36px auto; padding: 0 20px; } .new-specs__item { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; width: auto; } } @media (max-width: 940px) { .new-specs__item { -webkit-box-flex: 1; -ms-flex: 1 1 45%; flex: 1 1 45%; width: 100%; padding: 20px 20px 32px 20px; max-width: 100%; min-height: 226px; } .new-specs__items { gap: 12px; } .new-specs__item-header-icon { top: 15px; right: 15px; } } @media (max-width: 786px) { .new-specs__header-subtitle { font-weight: 400; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; } .new-specs { gap: 32px; } .new-specs__header { gap: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 630px) { .new-specs__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .new-specs__wrapper { padding: 0 16px; } .new-specs__header-switcher { max-width: 100%; } .new-specs__item-header { height: 44px; } .new-specs__header-switcher-element { width: 100%; } .new-specs, .new-specs__header { gap: 24px; } } .prakt-slider__doctor { background-color: #fff3f8; padding: 4px 16px 4px 4px; -webkit-border-radius: 90px; border-radius: 90px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 8px; margin: 15px 0 0 0; border: none; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prakt-slider__doctor img { height: 44px; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 50%; border-radius: 50%; } .prakt-slider__doctor .prakt-slider__doctor-text { 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: start; -ms-flex-align: start; align-items: flex-start; text-align: left; } .prakt-slider__doctor .prakt-slider__doctor-text span:first-child { color: #b53162; font-family: "SFProText-Semibold"; font-size: 14px; letter-spacing: -0.02em; line-height: 140%; } .prakt-slider__doctor .prakt-slider__doctor-text span:last-child { font-size: 12px; line-height: 140%; color: #d37f9e; } .index-lk { max-width: 1280px; padding: 0 20px; margin: 100px auto 0 auto; } @media only screen and (max-width: 1160px) { .index-lk { margin-top: 64px; } } @media only screen and (max-width: 767px) { .index-lk { padding: 0 16px; } } .index-lk .index-lk__top { max-width: 1120px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-lk .index-lk__top .index-lk__title { font-size: 46px; line-height: 110%; font-family: "ObjectSans"; margin: 0; } .index-lk .index-lk__top .index-lk__title span { display: none; } @media only screen and (max-width: 1160px) { .index-lk .index-lk__top .index-lk__title { font-size: 32px; line-height: 120%; } .index-lk .index-lk__top .index-lk__title span { display: block; margin-top: 8px; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; color: #7e7e90; font-family: "SFProText-Regular"; } } .index-lk .index-lk__top .index-lk__bot { color: #000; font-size: 18px; line-height: 120%; letter-spacing: -0.02em; font-family: "SFProText-Semibold"; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .index-lk .index-lk__top .index-lk__bot:hover { color: #db3170; } @media only screen and (max-width: 767px) { .index-lk .index-lk__top .index-lk__bot { display: none; } } .index-lk .index-lk__bot--bottom { display: none; } @media only screen and (max-width: 767px) { .index-lk .index-lk__bot--bottom { display: block; margin-top: 24px; padding: 16px; -webkit-border-radius: 200px; border-radius: 200px; background-color: #e8eaee; text-align: center; font-family: "SFProText-Heavy"; font-size: 16px; line-height: 120%; color: #000; } } .index-lk .index-lk__list { margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } @media only screen and (max-width: 1160px) { .index-lk .index-lk__list { margin-top: 32px; grid-template-columns: 1fr 1fr; gap: 16px; } } @media only screen and (max-width: 767px) { .index-lk .index-lk__list { grid-template-columns: 1fr; } } .index-lk .index-lk__list .index-lk__item { min-height: 471px; -webkit-border-radius: 40px; border-radius: 40px; background-color: #f4f4f7; padding: 40px; background-repeat: no-repeat; background-position: bottom right; -webkit-background-size: contain; background-size: contain; } @media only screen and (max-width: 1160px) { .index-lk .index-lk__list .index-lk__item { padding: 30px; -webkit-border-radius: 20px; border-radius: 20px; min-height: 308px; } } @media only screen and (max-width: 767px) { .index-lk .index-lk__list .index-lk__item { min-height: 343px; } } .index-lk .index-lk__list .index-lk__item:first-child { background-image: url("/img/index-new/lk-1.png"); } @media only screen and (max-width: 1160px) { .index-lk .index-lk__list .index-lk__item:first-child { background-image: url("/img/index-new/lk-1-tablet.png"); } } @media only screen and (max-width: 767px) { .index-lk .index-lk__list .index-lk__item:first-child { background-image: url("/img/index-new/lk-1-mob.png"); } } .index-lk .index-lk__list .index-lk__item:nth-child(2) { background-image: url("/img/index-new/lk-2.png"); } @media only screen and (max-width: 1160px) { .index-lk .index-lk__list .index-lk__item:nth-child(2) { background-image: url("/img/index-new/lk-2-tablet.png"); } } @media only screen and (max-width: 767px) { .index-lk .index-lk__list .index-lk__item:nth-child(2) { background-image: url("/img/index-new/lk-2-mob.png"); } } .index-lk .index-lk__list .index-lk__item:nth-child(3) { background-image: url("/img/index-new/lk-3.png"); } @media only screen and (max-width: 1160px) { .index-lk .index-lk__list .index-lk__item:nth-child(3) { background-image: url("/img/index-new/lk-3-tablet.png"); grid-column-start: 1; grid-column-end: 3; min-height: 188px; } } @media only screen and (max-width: 767px) { .index-lk .index-lk__list .index-lk__item:nth-child(3) { background-image: url("/img/index-new/lk-3-mob.png"); grid-column-end: 2; min-height: 343px; } } .index-lk .index-lk__list .index-lk__item .index-lk__item-title { font-size: 24px; line-height: 120%; letter-spacing: -0.02em; margin: 0; font-family: "SFProDisplay-Bold"; } @media only screen and (max-width: 1160px) { .index-lk .index-lk__list .index-lk__item .index-lk__item-title { font-size: 18px; line-height: 105%; } } .index-lk .index-lk__list .index-lk__item .index-lk__item-subtitle { font-size: 18px; line-height: 140%; margin: 8px 0 0 0; color: #7e7e90; } @media only screen and (max-width: 1160px) { .index-lk .index-lk__list .index-lk__item .index-lk__item-subtitle { font-size: 14px; line-height: 150%; } } .index-bot { max-width: 1280px; padding: 0 20px; margin: 100px auto 0 auto; } @media only screen and (max-width: 1160px) { .index-bot { margin-top: 64px; } } @media only screen and (max-width: 767px) { .index-bot { padding: 0 16px; } } .index-bot .index-bot__start, .index-bot .index-bot__tlg { -webkit-border-radius: 40px; border-radius: 40px; padding: 60px; background-color: #f4f4f7; background-repeat: no-repeat; background-position: bottom right; -webkit-background-size: contain; background-size: contain; } @media only screen and (max-width: 1160px) { .index-bot .index-bot__start, .index-bot .index-bot__tlg { -webkit-border-radius: 20px; border-radius: 20px; padding: 40px; } } @media only screen and (max-width: 767px) { .index-bot .index-bot__start, .index-bot .index-bot__tlg { padding: 40px 24px; } } .index-bot .index-bot__start { background-image: url("/img/index-new/chat-1.png"); min-height: 417px; } @media only screen and (max-width: 1160px) { .index-bot .index-bot__start { min-height: 239px; background-image: url("/img/index-new/chat-1-tablet.png"); } } @media only screen and (max-width: 767px) { .index-bot .index-bot__start { min-height: 465px; background-image: url("/img/index-new/chat-1-mob.png"); } } .index-bot .index-bot__tlg { margin-top: 12px; background-image: url("/img/index-new/chat-2.png"); } @media only screen and (max-width: 1160px) { .index-bot .index-bot__tlg { margin-top: 20px; background-image: url("/img/index-new/chat-2-tablet.png"); } } @media only screen and (max-width: 767px) { .index-bot .index-bot__tlg { margin-top: 12px; background-image: url("/img/index-new/chat-2-mob.png"); min-height: 312px; } } .index-bot .index-bot__start-text { font-size: 20px; line-height: 140%; letter-spacing: -0.02em; color: #7e7e90; margin: 20px 0 0 0; } @media only screen and (max-width: 1160px) { .index-bot .index-bot__start-text { font-size: 16px; margin-top: 12px; max-width: 230px; } .index-bot .index-bot__start-text br { display: none; } } .index-bot .index-bot__start-link { padding: 20px 32px; display: inline-block; margin-top: 40px; color: #ffffff; font-size: 18px; line-height: 120%; font-family: "SFProText-Semibold"; letter-spacing: -0.02em; background-color: #db3170; -webkit-border-radius: 75px; border-radius: 75px; } @media only screen and (max-width: 1160px) { .index-bot .index-bot__start-link { padding: 0; color: #db3170; background-color: transparent; margin-top: 24px; -webkit-border-radius: 0; border-radius: 0; } } .index-bot .index-bot__start-title, .index-bot .index-bot__tlg-title { font-size: 36px; line-height: 110%; font-family: "ObjectSans"; margin: 0; } @media only screen and (max-width: 1160px) { .index-bot .index-bot__start-title, .index-bot .index-bot__tlg-title { font-size: 26px; } } .index-bot .index-bot__tlg-link { font-size: 18px; line-height: 120%; display: inline-block; margin-top: 20px; font-family: "SFProText-Semibold"; color: #db3170; } .index-promo { margin-top: 100px; } @media only screen and (max-width: 1160px) { .index-promo { margin-top: 64px; } } @media only screen and (max-width: 767px) { .index-promo .discounts__block-head-title { display: none; } } .index-promo .discounts__wrapper { margin-top: 48px; } @media only screen and (max-width: 1160px) { .index-promo .discounts__wrapper { margin-top: 32px; } } @media only screen and (max-width: 767px) { .index-promo .discounts__wrapper { margin-top: 24px; } } .index-promo .discounts__header-wrapper { margin-top: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 60px; border: 1px solid #e8eaee; } @media only screen and (max-width: 1160px) { .index-promo .discounts__header-wrapper { padding: 50px 32px 40px 32px; margin-top: 32px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .index-promo .discounts__header-wrapper { margin-top: 24px; padding: 32px 24px 12px 24px; -webkit-border-radius: 20px; border-radius: 20px; } } .index-promo .discounts__subheader { margin-bottom: 0; } .index-promo .discounts__content-subs-block { display: none; } .index-promo .discounts__block { 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; } .index-promo .index-promo__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1160px; padding: 0 20px; margin: 0 auto; } @media only screen and (max-width: 767px) { .index-promo .index-promo__top { padding: 0 16px; } } .index-promo .index-promo__top .index-promo__title { font-size: 46px; line-height: 110%; font-family: "ObjectSans"; margin: 0; } .index-promo .index-promo__top .index-promo__title span { display: none; } @media only screen and (max-width: 1160px) { .index-promo .index-promo__top .index-promo__title { font-size: 32px; line-height: 120%; } .index-promo .index-promo__top .index-promo__title span { display: block; margin-top: 8px; font-size: 16px; line-height: 140%; letter-spacing: -0.02em; color: #7e7e90; font-family: "SFProText-Regular"; } } .index-promo .index-promo__top .index-promo__link { color: #000; font-size: 18px; line-height: 120%; letter-spacing: -0.02em; font-family: "SFProText-Semibold"; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .index-promo .index-promo__top .index-promo__link:hover { color: #db3170; } @media only screen and (max-width: 767px) { .index-promo .index-promo__top .index-promo__link { display: none; } } .index-promo .index-promo__link--bottom { display: none; } @media only screen and (max-width: 767px) { .index-promo .index-promo__link--bottom { display: block; margin: 24px 16px 0 16px; padding: 16px; -webkit-border-radius: 200px; border-radius: 200px; background-color: #e8eaee; text-align: center; font-family: "SFProText-Heavy"; font-size: 16px; line-height: 120%; color: #000; } } .doctors-i-poster { margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 24px; border-top-left-radius: 24px; -webkit-border-top-right-radius: 24px; border-top-right-radius: 24px; background-position: unset; height: 300px; } @media only screen and (min-width: 1250px) { .doctors-i-poster { height: 280px; } } @media only screen and (max-width: 1160px) { .doctors-i-poster { height: 250px; } } @media only screen and (max-width: 1050px) { .doctors-i-poster { height: 230px; } } @media only screen and (max-width: 950px) { .doctors-i-poster { height: 200px; } } @media only screen and (max-width: 830px) { .doctors-i-poster { height: 180px; } } @media only screen and (max-width: 710px) { .doctors-i-poster { height: 160px; } } @media only screen and (max-width: 480px) { .doctors-i-poster { height: 70px !important; width: 70px !important; -webkit-border-radius: 50%; border-radius: 50%; -webkit-background-size: cover; background-size: cover; background-position: center; } } .doctors-i-inf { height: 100%; border: 1px solid #eff0f3; margin-top: -25px; -webkit-border-radius: 24px; border-radius: 24px; padding: 20px; background: white; } @media only screen and (max-width: 480px) { .doctors-i-inf { background: unset; border: none; -webkit-border-radius: 0; border-radius: 0; margin-top: 0; } } .doctors-i-inf .doctors-i-inf-obl { margin-bottom: auto; } .doctors-i-inf .doctors-i-inf-priem { margin-bottom: auto; } .doctors-i-inf .doctors-i-inf-spec { margin: 7px 0; } .doctors-i-inf .doctors-i-inf-spec .doctors-i-inf-spec-txt { color: #000; } .doctors-i-inf .doctors-priem-with .doctors-priem-with-ic { display: none; } .doctors-i-inf .doctors-item-price span { color: #7e7e90; font-size: 20px; line-height: 22px; font-weight: 800; } .doctors-i-inf .doctors-item-rec { background: #db3170; padding: 12px 20px; -webkit-border-radius: 24px; border-radius: 24px; display: none; } .doctors-i-inf .doctors-item-rec .doctors-item-price-txt { font-size: 14px; line-height: 17px; font-weight: 600; color: white; font-family: SFProText-Semibold; } .doctors-i-inf .doctors-item-rec .doctors-item-price-txt i { font-style: normal; white-space: nowrap; } .doctors-i-inf .doctors-priem-with-date-txt { font-size: 18px; line-height: 22px; color: #7e7e90; } .doctors__age { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 10px; margin-top: 10px; background: rgba(255, 255, 255, 0.2); height: 35px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 70px; border-radius: 70px; padding: 0 10px; } .doctors__age span { display: block; font-size: 13px; color: white; } .doctors__age svg path { color: white; fill: white; } @media only screen and (max-width: 480px) { .doctors__age { background: unset; height: unset; margin: 0; text-align: center; width: 100%; padding: 0; -webkit-border-radius: 0; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } .doctors__age span { color: #a9afb5; font-size: 10px; } .doctors__age svg path { color: #a9afb5; fill: #a9afb5; } } .doctors-item-price-blk { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .doctors_bottom-block-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 42px; margin-top: 10px; } .doctors-item:hover .doctors_bottom-block-card.desct .doctors-priem-with:not(.unavailable) { display: none; } .doctors-item:hover .doctors_bottom-block-card.desct .doctors-item-price-blk .doctors-item-rec { display: block; opacity: 1; } .doctors-head.mobil { display: none; } @media only screen and (max-width: 950px) { .doctors-head.mobil { display: block; margin-top: 40px; } .doctors-head.mobil .uslug-search-new { height: 53px; width: 100%; max-width: unset; } } @media only screen and (max-width: 950px) { .doctors-head.desct { display: none; } } .doctors__middle-block { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e8eaee; -webkit-border-radius: 60px; border-radius: 60px; padding: 5px; max-width: 700px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 56px; } .doctors__middle-block .uslug-list-tag { margin-left: 0; } .doctors__middle-block .uslug-list-tag .uslug-tab-item-txt { color: #a9afb5; } .doctors__middle-block .uslug-list-tag .docs-capt-black + .arr-uslug-list svg path { stroke: #a9afb5; } .doctors__middle-block .uslug-search-new { height: 44px; width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; } .doctors__middle-block .uslug-search-new .u-s-n-loop { width: 20px; height: 20px; } .doctors__middle-block .uslug-search-new .doctorInput { font-size: 14px; } @media only screen and (max-width: 950px) { .doctors__middle-block { max-width: unset; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: none; padding: 0; } .doctors__middle-block .uslug-list-tag { background-color: #db3170; } .doctors__middle-block .uslug-list-tag .uslug-tab-item-txt { color: white !important; } .doctors__middle-block .uslug-list-tag .arr-uslug-list svg path { stroke: white !important; } } @media only screen and (max-width: 1024px) { .doctors_bottom-block-card.desct { display: none; } } .doctors_bottom-block-card.mobil { display: none; } @media only screen and (max-width: 1024px) { .doctors_bottom-block-card.mobil { display: block; } .doctors_bottom-block-card.mobil .date-mobil:not(.unavailable) { display: none; } .doctors_bottom-block-card.mobil .doctors-item-price-blk .doctors-item-rec { display: block; opacity: 1; width: 100%; text-align: center; padding: 12px 10px; } } @media only screen and (max-width: 480px) { .doctors_bottom-block-card.mobil .date-mobil { display: block; } .doctors_bottom-block-card.mobil .date-mobil .doctors-priem-with { margin-top: 0; } .doctors_bottom-block-card.mobil .doctors-item-price-blk { margin-top: 0; margin-right: -90px; } .doctors_bottom-block-card.mobil .doctors-item-price-blk .doctors-item-rec { padding: 0; } } @media only screen and (max-width: 750px) { .docs-tabs { margin-top: 20px; max-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .docs-tabs .uslug-two-tab { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .docs-tabs .doctors__middle-block { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 58%; height: unset; } .docs-tabs .doctors__middle-block .uslug-tab-item-txt { white-space: normal; } .docs-tabs .uslug-list-tag.clinics { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 38%; margin: 0; min-height: 56px; } .docs-tabs .uslug-list-tag.clinics .uslug-tab-item-txt { white-space: normal; } } @media only screen and (max-width: 480px) { .docs-tabs .doctors__middle-block { width: 100%; } .docs-tabs .uslug-list-tag.clinics { width: 100%; } .docs-tabs .uslug-two-tab { width: 100%; } } @media only screen and (max-width: 480px) { .doctors_bottom-block-card.mobil { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .doctors_bottom-block-card.mobil .doctors-item-rec { background: unset; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0; } .doctors_bottom-block-card.mobil .doctors-item-rec span { color: #db3170; } .doctors_bottom-block-card.mobil .date-mobil .doctors-priem-with-date-txt { font-size: 14px; line-height: 17px; font-weight: 500; } } @media only screen and (max-width: 480px) { .doctors-i-inf-obl.desct { display: none; } } .doctors-i-inf-obl.mobil { display: none; } @media only screen and (max-width: 480px) { .doctors-i-inf-obl.mobil { display: block; } .doctors-i-inf-obl.mobil span { display: block; color: #7e7e90; font-size: 14px; font-weight: 400; line-height: 21px; } .doctors-i-inf-obl.mobil i { font-style: normal; } } .doc-i-slide-capt span { display: block; } .doc-item-slide-inf .btn-back { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; cursor: pointer; } .doc-item-slide-inf .btn-back i { width: 36px; height: 36px; background: #f4f4f7; -webkit-border-radius: 50%; border-radius: 50%; 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; } .doc-item-slide-inf .btn-back span { color: #000000; font-size: 16px; line-height: 19px; font-weight: 600; } @media only screen and (max-width: 767px) { .doc-item-slide-inf .btn-back { display: none; } } .doctor_articles { margin-top: 50px; } .doctor_articles .doctor_articles-top-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .doctor_articles .doctor_articles-top-block h3 { margin: 0; color: #000; font-size: 46px; font-weight: 800; line-height: 50px; font-family: "ObjectSans"; } .doctor_articles .doctor_articles-top-block a { color: #000; font-size: 20px; line-height: 22px; font-weight: 600; font-family: "SFProText-Semibold"; } .doctor_articles .doctor_articles-items { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; display: grid; grid-template-columns: repeat(3, calc(33% - 13.33px)); } @media only screen and (max-width: 500px) { .doctor_articles .doctor_articles-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .doctor_articles .doctor_articles-items .doctor_articles-item { max-width: 100%; } .doctor_articles .doctor_articles-items .doctor_articles-item img { -webkit-border-radius: 24px; border-radius: 24px; -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; } .doctor_articles .doctor_articles-items .doctor_articles-item .doctor_articles-item_middle-block { margin-top: 20px; font-size: 16px; color: #a9afb5; font-weight: 400; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .doctor_articles .doctor_articles-items .doctor_articles-item .doctor_articles-item_middle-block span:first-child { color: #b53162; white-space: nowrap; max-width: 50%; display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 3px; } .doctor_articles .doctor_articles-items .doctor_articles-item .doctor_articles-item_middle-block span:first-child a { color: #b53162; } .doctor_articles .doctor_articles-items .doctor_articles-item .doctor_articles-item_middle-block span:last-child { display: block; margin-left: 3px; } .doctor_articles .doctor_articles-items .doctor_articles-item a.article-name { font-weight: 600; font-size: 24px; line-height: 32px; color: #000; display: block; margin: 15px 0; height: 96px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .doctor_articles .doctor_articles-items .doctor_articles-item a.img-link { width: 100% !important; height: 265px; display: -webkit-box; display: -ms-flexbox; display: flex; aspect-ratio: 1.50188679; } @media only screen and (max-width: 767px) { .doctor_articles .doctor_articles-items .doctor_articles-item a.img-link { height: 200px; } } .doctor_articles .doctor_articles-items .doctor_articles-item .doctor_articles-item_counter-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; } .doctor_articles .doctor_articles-items .doctor_articles-item .doctor_articles-item_counter-block span { color: #7e7e90; font-weight: 400; font-size: 15px; line-height: 22px; } @media only screen and (max-width: 900px) { .doctor_articles .doctor_articles-items { grid-template-columns: repeat(2, calc(50% - 13.33px)); } .doctor_articles .doctor_articles-item:nth-child(3) { display: none; } .doctor_articles h3 { font-size: 32px !important; line-height: 38px !important; } .doctor_articles a.article-name { font-size: 18px !important; line-height: 22px !important; height: 45px !important; } .doctor_articles .doctor_articles-item_middle-block { font-size: 14px !important; line-height: 21px !important; } .doctor_articles .doctor_articles-top-block a { height: auto !important; } } @media only screen and (max-width: 500px) { .doctor_articles .doctor_articles-items { grid-template-columns: repeat(1, 1fr); } .doctor_articles .doctor_articles-item { max-width: 100% !important; } .doctor_articles .doctor_articles-item:last-child { display: block; } .doctor_articles a { height: auto !important; } .doctor_articles .doctor_articles-top-block a { display: none; } } .mobile-btn-all-articles { display: none; } @media only screen and (max-width: 500px) { .mobile-btn-all-articles { display: block; background: #e8eaee; padding: 16px 24px; width: 100%; text-align: center; -webkit-border-radius: 200px; border-radius: 200px; font-family: SF Pro Text; font-weight: 800; font-size: 16px; line-height: 19px; color: #000; margin-top: 40px; } } .owl-block { background: #f8f9fa; -webkit-border-radius: 40px; border-radius: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px; margin-top: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .owl-block .owl-block_left { max-width: 560px; width: 100%; } .owl-block .owl-block_left p { font-family: ObjectSans; font-size: 36px; line-height: 40px; font-weight: 800; color: #000; margin: 0; margin-bottom: 20px; } .owl-block .owl-block_left p span { white-space: nowrap; } .owl-block .owl-block_left div.owl-bot-click { color: #db3170; font-family: SFProText-Semibold; font-weight: 600; font-size: 17px; line-height: 19px; cursor: pointer; } .owl-block .owl-block_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; max-width: 450px; width: 100%; } .owl-block .owl-block_right .owl-block_right-text { background: #fff; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 15px 25px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); font-size: 20px; color: #000; line-height: 28px; font-weight: 600; font-family: SFProText-Semibold; -webkit-border-radius: 43px 43px 43px 0px; border-radius: 43px 43px 43px 0px; } @media only screen and (max-width: 1050px) { .owl-block .owl-block_left p { font-size: 20px; line-height: 22px; } .owl-block .owl-block_right img { max-width: 110px; } .owl-block .owl-block_right .owl-block_right-text { font-size: 13px; line-height: 18px; } } @media only screen and (max-width: 670px) { .owl-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; } .owl-block .owl-block_right { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .owl-block .owl-block_right img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .owl-block .owl-block_right .owl-block_right-text { -webkit-border-radius: 29px 29px 0px 29px; border-radius: 29px 29px 0px 29px; } } .i-rooms.doctor { margin-left: -80px; margin-right: -80px; } .i-rooms.doctor .i-rooms__top { margin: 0; } .i-rooms.doctor .i-rooms__slide:hover { color: #000; } @media only screen and (max-width: 1160px) { .i-rooms.doctor { margin: 100px auto 0 auto; } } .p-btn.docs-more-btn { color: #000000; background: #e8eaee; padding: 16px 24px; } .p-btn.docs-more-btn span { color: #000000; } .uslug-tabs .doctors__middle-block .uslug-tab-item-capt span { white-space: nowrap; } .doctors-head.desct { width: 100%; } .doctor-detail__other-doctors.uslugi .doctors-i-inf { margin-top: -40px; } @media only screen and (max-width: 1249px) { .doctor-detail__other-doctors.uslugi .doctors-i-inf { margin-top: -60px; } } @media only screen and (max-width: 1160px) { .doctor-detail__other-doctors.uslugi .doctors-i-inf { margin-top: -30px; } } @media only screen and (max-width: 436px) { .doctor-detail__other-doctors.uslugi .doctors-i-inf { margin-top: 0; } } .time-block .worktime { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .time-block .worktime .weekdays, .time-block .worktime .wekends { width: 50%; } .time-block .worktime .weekdays span, .time-block .worktime .wekends span { font-size: 14px; line-height: 17px; font-weight: 500; color: #a9afb5; } .time-block .worktime .weekdays p, .time-block .worktime .wekends p { margin: 10px 0 0 0; color: #1f1f29; font-size: 14px; line-height: 17px; font-weight: 600; } .time-block .worktime.testtime .weekdays p, .time-block .worktime.testtime .wekends p { color: #a9afb5; font-weight: 400; line-height: 21px; margin-top: 0; } .time-block .worktime.testtime .weekdays p i, .time-block .worktime.testtime .wekends p i { font-style: normal; } @media only screen and (max-width: 900px) { .time-block .worktime.testtime .weekdays p i, .time-block .worktime.testtime .wekends p i { display: block; } } .tabs-mobile-clinics { display: none; } @media only screen and (max-width: 767px) { .tabs-mobile-clinics { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 350px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #e8eaee; padding: 4px; -webkit-border-radius: 32px; border-radius: 32px; margin-bottom: 30px; } .tabs-mobile-clinics div { cursor: pointer; padding: 8px 11px; -webkit-border-radius: 32px; border-radius: 32px; position: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; width: 50%; text-align: center; } .tabs-mobile-clinics div span { color: #7e7e90; font-size: 14px; line-height: 17px; font-weight: 600; font-family: SFProText-Semibold; } .tabs-mobile-clinics div.open { background-color: #ffffff; } .tabs-mobile-clinics div.open span { color: #db3170; } } .content-block { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767px) { .content-block { gap: 20px; } } .content-block .c-work-item { margin: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content-block .c-work-item span.title-n { color: #a9afb5; display: block; font-weight: 500; font-size: 16px; line-height: 19px; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .content-block .c-work-item span.title-n { font-size: 14px; line-height: 17px; } } .content-block .c-work-item .c-work-i-capt span { color: #1f1f29; font-weight: 600; font-size: 16px; line-height: 19px; opacity: 1; } @media only screen and (max-width: 767px) { .content-block .c-work-item .c-work-i-capt span { font-size: 14px; line-height: 17px; } } .content-block .c-work-item .c-work-i-gray span { color: #7e7e90; font-size: 14px; line-height: 17px; font-weight: 500; opacity: 1; } .content-block .disp-days-block { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; } .content-block .disp-days-block .c-work-i-capt { padding: 8px 10px 10px 10px; border: 1px solid #e8eaee; -webkit-border-radius: 50%; border-radius: 50%; } .content-block .disp-days-block .c-work-i-capt span { color: #a9afb5; font-size: 14px; line-height: 17px; font-weight: 500; opacity: 1; } .content-block .disp-days-block .c-work-i-capt span.active-disp { color: #b53162; } .holiday-block { background: #fff3f8; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 24px; -webkit-border-radius: 20px; border-radius: 20px; margin-top: 30px; } .holiday-block.mob { display: none; } .holiday-block.desc-tablet { display: none; } .holiday-block .holiday__block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 30px; } .holiday-block .holiday__block .holiday__time-blk { font-family: "SFProText-Heavy"; color: #b53162; font-size: 16px; font-weight: 800; line-height: 19px; } .holiday-block .holiday__block .holiday__time p { margin: 0; margin-bottom: 10px; color: #b53162; font-size: 14px; line-height: 17px; font-weight: 600; font-family: SFProText-Semibold; } .holiday-block .holiday__block .holiday__time i { font-style: normal; color: #d37f9e; opacity: 0.6; font-size: 14px; font-weight: 500; line-height: 17px; font-family: SFProText-Medium; } @media only screen and (max-width: 1160px) { .holiday-block.desc { display: none; } .holiday-block.desc-tablet { display: block; } } @media only screen and (max-width: 767px) { .holiday-block.desc-tablet { display: none; } .holiday-block.mob { display: block; width: 100% !important; margin-top: 10px; } } .promo-block-clinic .top-block-promo-clinic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; } .promo-block-clinic .top-block-promo-clinic h2 { margin: 0; color: #000; font-weight: 800; font-size: 46px; line-height: 51px; font-family: "ObjectSans"; } .promo-block-clinic .top-block-promo-clinic a { color: #000; font-size: 18px; line-height: 22px; font-weight: 600; } .promo-block-clinic .main-promo-block { width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; height: 548px; background-position: center; -webkit-border-radius: 40px; border-radius: 40px; padding: 40px; } .promo-block-clinic .main-promo-block .precent-block-promo { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background: #fff; padding: 12px 20px; -webkit-border-radius: 16px; border-radius: 16px; margin-bottom: 30px; } .promo-block-clinic .main-promo-block .precent-block-promo span { color: #22744f; font-size: 18px; line-height: 22px; font-weight: 800; } .promo-block-clinic .main-promo-block .main-name-promo { max-width: 600px; width: 100%; color: #fff; font-size: 56px; line-height: 67px; font-weight: 800; font-family: "ObjectSans"; margin-bottom: 20px; } .promo-block-clinic .main-promo-block .price-block { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-bottom: 10px; } .promo-block-clinic .main-promo-block .price-block span { color: #fff; font-size: 26px; line-height: 31px; font-family: "ObjectSans"; } .promo-block-clinic .main-promo-block .price-block span i { font-style: normal; text-decoration: line-through; } .promo-block-clinic .main-promo-block .time-block-promo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; margin-bottom: 50px; } .promo-block-clinic .main-promo-block .time-block-promo span { color: #fff; font-weight: 400; font-size: 18px; line-height: 25px; } .promo-block-clinic .main-promo-block .btn-block-promo { background: #22744f; padding: 20px 32px; -webkit-border-radius: 75px; border-radius: 75px; } .promo-block-clinic .main-promo-block .btn-block-promo:hover { opacity: 0.6; } .promo-block-clinic .main-promo-block .btn-block-promo span { color: #fff; font-size: 18px; line-height: 22px; font-weight: 600; } .under-promo-block { -webkit-border-radius: 40px; border-radius: 40px; border: 1px solid #e8eaee; margin-top: 30px; padding: 50px 60px 60px 60px; } .under-promo-block .name-under-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .under-promo-block .name-under-block span { font-weight: 600; font-size: 36px; line-height: 40px; color: #000; } .under-promo-block .usl-block { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .under-promo-block .usl-block .item-usl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 7px; width: 50%; } .under-promo-block .usl-block .item-usl:first-child { border-right: 1px solid #e8eaee; padding-right: 20px; } .under-promo-block .usl-block .item-usl:last-child { padding-left: 20px; } .under-promo-block .usl-block .item-usl svg { display: block; min-width: 24px; max-width: 24px; } .under-promo-block .usl-block .item-usl span { color: #000; font-size: 20px; line-height: 28px; font-weight: 400; } .review-clinic .i-reviews { padding: 0; margin-top: 50px; } .slider-clinic .i-rooms { margin-left: -80px; margin-right: -80px; } @media only screen and (max-width: 1160px) { .slider-clinic .i-rooms { margin-left: 0; margin-right: 0; } } .slider-clinic .i-rooms .i-rooms__slide { cursor: default; } .slider-clinic .i-rooms .i-rooms__slide:hover { color: #000; } .clinic__how-get .how-get-top-bloc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .clinic__how-get .how-get-top-bloc a { color: #000; font-size: 18px; line-height: 22px; font-weight: 600; } .clinic__how-get .doc-i-tabs-blk { gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media only screen and (max-width: 1160px) { .clinic__how-get .doc-i-tabs-blk .map-clinic { width: 100%; } } @media only screen and (max-width: 767px) { .clinic__how-get .doc-i-tabs-blk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .clinic__how-get .doc-i-tabs-blk .map-clinic { margin-top: 20px; } } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk { min-width: 430px; } @media only screen and (max-width: 950px) { .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk { min-width: 330px; } } @media only screen and (max-width: 767px) { .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk { width: 100%; } } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf { border: none; width: 100%; display: block; padding: 0; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item:nth-child(2) .doc-item-rule { font-family: "SFProText-Regular"; font-weight: 400; line-height: 22px; font-size: 16px; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item { cursor: default; display: block; } @media only screen and (max-width: 767px) { .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item { font-size: 16px; } } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item h2 { font-size: 20px; color: #000; opacity: 1; margin-bottom: 30px; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item .doc-item-rule ol { padding-left: 0; list-style-type: none; counter-reset: my-counter; margin: 0 0 20px 0; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item .doc-item-rule ol li { font-family: "SFProText-Regular"; font-size: 16px; font-weight: 400; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 30px; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item .doc-item-rule ol li:last-child { margin-bottom: 0; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item .doc-item-rule ol li:before { content: counter(my-counter); counter-increment: my-counter; color: #000000; font-weight: 500; margin-right: 20px; font-size: 16px; line-height: 19px; background-color: #f4f4f7; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 36px; min-height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 36px; max-height: 36px; margin-top: -5px; font-family: "SFProText-Medium"; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item .doc-item-rule span { display: block; padding-left: 55px; color: #7e7e90; font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 5px; } .clinic__how-get .doc-i-tabs-blk .doc-i-tab-desk-blk .doc-i-tab-conf .doc-i-tab-item:last-child h2 { margin-bottom: 20px; } .clinic__how-get .doc-i-tabs-blk .map-clinic > div { -webkit-border-radius: 40px; border-radius: 40px; } @media only screen and (max-width: 1160px) { .clinic__how-get iframe { width: 100% !important; } } .video-how-get { margin-left: 55px; color: #db3170; font-size: 18px; line-height: 22px; font-weight: 500; margin-top: 20px; cursor: pointer; } body.clinic { position: relative; overflow: hidden; } #videoBg { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: none; } #videoHowGet { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 11; width: calc(100% - 40px); display: none; } #videoHowGet .i-video__video { -webkit-border-radius: 40px; border-radius: 40px; } @media only screen and (max-width: 767px) { #videoHowGet .i-video { min-width: 400px; min-height: 300px; } } @media only screen and (max-width: 496px) { #videoHowGet .i-video { min-width: 300px; min-height: 300px; } } #closeVideoBtn { position: fixed; top: 40px; right: 40px; z-index: 11; display: none; cursor: pointer; } @media only screen and (max-width: 1160px) { .clinic-adress { max-width: 210px; } .clinic-work-conf .content-block { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .clinic-adress { max-width: 100%; } } div.c-work-i-capt.tel { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } div.c-work-i-capt.tel a.clinic-phone { margin-top: 0; font-family: SFProText-Semibold; color: #db3170; font-size: 18px; line-height: 22px; font-weight: 600; } @media only screen and (max-width: 1160px) { div.c-work-i-capt.tel a.clinic-phone { font-size: 14px; line-height: 17px; } } @media only screen and (max-width: 767px) { .clinil-top-block { gap: 5px; } .clinil-top-block > div { background: #fff3f8; padding: 16px; -webkit-border-radius: 20px; border-radius: 20px; margin: 0 !important; width: 100%; } .clinil-top-block > div span.c-work-i-title-txt, .clinil-top-block > div > span { font-weight: 800 !important; color: #db3170 !important; font-size: 18px !important; line-height: 19px !important; } .clinil-top-block > div a.clinic-adress-txt { color: #db3170; font-size: 14px; line-height: 17px; font-weight: 500; opacity: 0.4; } .clinil-top-block > div div.c-work-i-capt.tel { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .clinil-top-block > div div.c-work-i-capt.tel a.clinic-phone { margin-top: auto; color: #db3170; font-size: 14px; line-height: 17px; font-weight: 500; opacity: 0.4; } } .back-btn-clinic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-bottom: 30px; } .back-btn-clinic .back-img-icon { padding: 12px; background: #ffe5ef; -webkit-border-radius: 50%; border-radius: 50%; } .back-btn-clinic span { color: #b53162; font-family: SFProText-Regular; font-weight: 600; font-size: 16px; line-height: 19px; } .back-btn-clinic svg { display: block; } .dark-green .back-btn-clinic span { color: white; } .dark-green .back-btn-clinic .back-img-icon { background: #ecede5; } .dark-green .back-btn-clinic svg path { stroke: #22744f !important; } .green .back-btn-clinic span { color: white; } .green .back-btn-clinic .back-img-icon { background: #ecede5; } .green .back-btn-clinic svg path { stroke: #92bd55 !important; } .light-green .back-btn-clinic span { color: #22744f; } .light-green .back-btn-clinic .back-img-icon { background: #ecede5; } .light-green .back-btn-clinic svg path { stroke: #22744f !important; } @media only screen and (max-width: 767px) { [z-work="3"] { margin-bottom: 10px !important; } [z-work="1"], [z-work="3"] { width: 100% !important; display: block !important; } [z-work="1"] > span, [z-work="3"] > span { display: inline-block !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; margin-bottom: 0 !important; margin-right: 2px !important; font-size: 16px !important; color: #000 !important; line-height: 22px !important; font-family: SFProText-Medium !important; } [z-work="1"] div.c-work-i-capt, [z-work="3"] div.c-work-i-capt { display: inline-block !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } [z-work="1"] div.c-work-i-capt span, [z-work="3"] div.c-work-i-capt span { font-size: 16px !important; color: #000 !important; line-height: 22px !important; font-family: SFProText-Medium !important; font-weight: 500 !important; } [z-work="1"] .c-work-i-gray span, [z-work="3"] .c-work-i-gray span { font-size: 16px !important; font-family: SFProText-Medium !important; line-height: 22px !important; } [z-work="4"] { width: 100% !important; border-top: 1px solid #e8eaee; padding-top: 25px; } } .container.clinic-page { padding: 0; } .dms-page .block_strajovie-comp { border-bottom: 1px solid #e8eaee; padding-bottom: 60px; } @media only screen and (max-width: 1160px) { .dms-page .block_strajovie-comp { border-bottom: none; padding-bottom: 20px; } } .dms-page .block_strajovie-comp .top-block_strajovie-comp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } @media only screen and (max-width: 615px) { .dms-page .block_strajovie-comp .top-block_strajovie-comp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } } .dms-page .block_strajovie-comp .top-block_strajovie-comp h3 { font-family: "ObjectSans"; font-size: 36px; line-height: 40px; font-weight: 800; max-width: 45%; margin: 0; } @media only screen and (max-width: 1160px) { .dms-page .block_strajovie-comp .top-block_strajovie-comp h3 { font-size: 32px; line-height: 35px; } } @media only screen and (max-width: 615px) { .dms-page .block_strajovie-comp .top-block_strajovie-comp h3 { max-width: 100%; margin-bottom: 20px; } } .dms-page .block_strajovie-comp .top-block_strajovie-comp p { font-family: "SFProText-Regular"; margin: 0; color: #7e7e90; font-size: 18px; line-height: 25px; font-weight: 400; max-width: 45%; } @media only screen and (max-width: 1160px) { .dms-page .block_strajovie-comp .top-block_strajovie-comp p { font-size: 16px; line-height: 22px; } } @media only screen and (max-width: 615px) { .dms-page .block_strajovie-comp .top-block_strajovie-comp p { max-width: 100%; } } .dms-page .block_strajovie-comp .images-block_strajovie-comp { display: grid; grid-template-columns: repeat(5, 1fr); -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 40px; } .dms-page .block_strajovie-comp .images-block_strajovie-comp .item-images-block_strajovie-comp { width: 175px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .dms-page .block_strajovie-comp .images-block_strajovie-comp .item-images-block_strajovie-comp img { max-width: 100%; } @media only screen and (max-width: 1160px) { .dms-page .block_strajovie-comp .images-block_strajovie-comp .item-images-block_strajovie-comp { width: 130px; } } @media only screen and (max-width: 1160px) { .dms-page .block_strajovie-comp .images-block_strajovie-comp { grid-template-columns: repeat(4, 1fr); } } @media only screen and (max-width: 710px) { .dms-page .block_strajovie-comp .images-block_strajovie-comp { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 530px) { .dms-page .block_strajovie-comp .images-block_strajovie-comp { grid-template-columns: repeat(2, 1fr); } } .dms-page .obslujivanie-block-dms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-top: 50px; } @media only screen and (max-width: 710px) { .dms-page .obslujivanie-block-dms { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms { max-width: 370px; width: 100%; } @media only screen and (max-width: 1160px) { .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms { max-width: 300px; } } @media only screen and (max-width: 710px) { .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms { max-width: 100%; } } .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms h3 { font-family: "ObjectSans"; margin: 0; color: #000; font-size: 36px; line-height: 40px; font-weight: 800; } @media only screen and (max-width: 1160px) { .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms h3 { font-size: 32px; line-height: 38px; } } .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms p { font-family: "SFProText-Semibold"; margin: 0; margin-top: 30px; color: #db3170; font-weight: 600; font-size: 18px; line-height: 22px; cursor: pointer; } @media only screen and (max-width: 1160px) { .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms p { font-size: 16px; line-height: 19px; } } @media only screen and (max-width: 710px) { .dms-page .obslujivanie-block-dms .left_obslujivanie-block-dms p { display: none; } } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms { max-width: 540px; width: 100%; } @media only screen and (max-width: 710px) { .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms { max-width: 100%; } } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol { padding-left: 0; list-style-type: none; counter-reset: my-counter; margin: 0 0 30px 0; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol li { font-family: "SFProText-Regular"; font-size: 16px; font-weight: 400; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 30px; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol li div span { font-family: "SFProText-Semibold"; font-weight: 600; font-size: 20px; line-height: 24px; color: #000; display: block; margin-bottom: 10px; } @media only screen and (max-width: 1160px) { .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol li div span { font-size: 18px; line-height: 22px; } } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol li div p { font-family: "SFProText-Regular"; margin: 0; color: #7e7e90; font-weight: 400; line-height: 22px; font-size: 16px; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol li:last-child { margin-bottom: 0; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol li:before { content: counter(my-counter); counter-increment: my-counter; color: #000000; font-weight: 500; margin-right: 20px; font-size: 16px; line-height: 19px; background-color: #f4f4f7; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 36px; min-height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 36px; max-height: 36px; margin-top: -5px; font-family: "SFProText-Medium"; } @media only screen and (max-width: 1160px) { .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .nurm-list_obslujivanie-block-dms ol li:before { max-width: 32px; max-height: 32px; min-width: 32px; min-height: 32px; } } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms > span { font-family: "SFProText-Semibold"; font-weight: 600; font-size: 20px; line-height: 24px; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 10px; } @media only screen and (max-width: 1160px) { .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms > span { font-size: 18px; line-height: 22px; } } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms > span:before { content: "?"; color: #000000; font-weight: 500; margin-right: 20px; font-size: 16px; line-height: 19px; background-color: #f4f4f7; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 36px; min-height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 36px; max-height: 36px; margin-top: -5px; font-family: "SFProText-Medium"; } @media only screen and (max-width: 1160px) { .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms > span:before { max-width: 32px; max-height: 32px; min-width: 32px; min-height: 32px; } } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms .covers-val_obslujivanie-block-dms { font-family: "SFProText-Regular"; margin-left: 56px; color: #7e7e90; font-weight: 400; font-size: 16px; line-height: 22px; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms .covers-val_obslujivanie-block-dms ul { padding-left: 15px; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms .covers-val_obslujivanie-block-dms ul li { margin-bottom: 8px; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms .covers-val_obslujivanie-block-dms ul li:last-child { margin-bottom: 0; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .covers_obslujivanie-block-dms .covers-val_obslujivanie-block-dms p { margin: 0; } .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .more-info-mob { display: none; } @media only screen and (max-width: 710px) { .dms-page .obslujivanie-block-dms .right_obslujivanie-block-dms .more-info-mob { display: block; font-family: "SFProText-Semibold"; margin: 0; margin-top: 30px; color: #db3170; font-weight: 600; font-size: 16px; line-height: 19px; cursor: pointer; } } .dms-page .form-block-dms { background: #f4f4f7; -webkit-border-radius: 40px; border-radius: 40px; padding: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-top: 50px; } @media only screen and (max-width: 950px) { .dms-page .form-block-dms { padding: 30px; } } @media only screen and (max-width: 750px) { .dms-page .form-block-dms { padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } } .dms-page .form-block-dms .left_form-block-dms { max-width: 445px; width: 100%; } @media only screen and (max-width: 950px) { .dms-page .form-block-dms .left_form-block-dms { max-width: 300px; } } @media only screen and (max-width: 750px) { .dms-page .form-block-dms .left_form-block-dms { max-width: 100%; } } .dms-page .form-block-dms .left_form-block-dms h3 { margin: 0; font-family: "ObjectSans"; font-weight: 800; font-size: 36px; line-height: 40px; color: #000; margin-bottom: 15px; } @media only screen and (max-width: 950px) { .dms-page .form-block-dms .left_form-block-dms h3 { font-size: 26px; line-height: 29px; } } .dms-page .form-block-dms .left_form-block-dms p { color: #7e7e90; font-family: "SFProText-Regular"; font-size: 18px; line-height: 25px; font-weight: 400; } .dms-page .form-block-dms .left_form-block-dms p a { color: #db3170; } @media only screen and (max-width: 950px) { .dms-page .form-block-dms .left_form-block-dms p { font-size: 14px; line-height: 21px; } } .dms-page .form-block-dms .right_form-block-dms { max-width: 345px; width: 100%; } @media only screen and (max-width: 950px) { .dms-page .form-block-dms .right_form-block-dms { max-width: 300px; } } @media only screen and (max-width: 750px) { .dms-page .form-block-dms .right_form-block-dms { max-width: 100%; } } .dms-page .form-block-dms .right_form-block-dms p { margin: 0; font-family: "SFProText-Medium"; font-weight: 500; font-size: 14px; line-height: 17px; color: #000; margin-bottom: 5px; } .dms-page .form-block-dms .right_form-block-dms input { background: white; padding: 16px 14px 16px 20px; width: 100%; outline: none; -webkit-border-radius: 12px; border-radius: 12px; border: none; margin-bottom: 20px; color: #000; font-family: "SFProText-Regular"; font-weight: 400; font-size: 14px; line-height: 21px; } .dms-page .form-block-dms .right_form-block-dms input.error { -webkit-box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); box-shadow: inset 0 0 0 2px #db3170, 2px 6px 40px rgba(0, 0, 0, 0.07); } .dms-page .form-block-dms .right_form-block-dms input::-webkit-input-placeholder { color: #a9afb5; } .dms-page .form-block-dms .right_form-block-dms input::-moz-placeholder { color: #a9afb5; } .dms-page .form-block-dms .right_form-block-dms input::-ms-input-placeholder { color: #a9afb5; } .dms-page .form-block-dms .right_form-block-dms input::placeholder { color: #a9afb5; } .dms-page .form-block-dms .right_form-block-dms button { background: #db3170; width: 100%; display: block; outline: none; border: none; -webkit-border-radius: 200px; border-radius: 200px; padding: 16px 28px; font-family: "SFProText-Semibold"; font-weight: 600; font-size: 14px; line-height: 17px; color: white; margin-top: 10px; margin-bottom: 20px; cursor: pointer; } .dms-page .form-block-dms .right_form-block-dms span { display: block; padding: 0 10px; font-family: "SFProText-Regular"; color: #a9afb5; font-size: 13px; line-height: 145%; font-weight: 400; text-align: center; } .dms-page .form-block-dms .right_form-block-dms span a { color: #db3170; } @media only screen and (max-width: 950px) { .dms-page .form-block-dms .right_form-block-dms span { text-align: center; } } .dms-page .more-questions-dms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; margin-top: 50px; } @media only screen and (max-width: 950px) { .dms-page .more-questions-dms { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } .dms-page .more-questions-dms .left_more-questions-dms { max-width: 310px; width: 100%; } @media only screen and (max-width: 950px) { .dms-page .more-questions-dms .left_more-questions-dms { max-width: 100%; } } .dms-page .more-questions-dms .left_more-questions-dms h3 { margin: 0; font-family: "ObjectSans"; font-weight: 800; font-size: 36px; line-height: 40px; color: #000; } .dms-page .more-questions-dms .right_more-questions-dms { max-width: 640px; width: 100%; } @media only screen and (max-width: 950px) { .dms-page .more-questions-dms .right_more-questions-dms { max-width: 100%; } } .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms .item_questions-dms { background: #f4f4f7; padding: 32px 40px; -webkit-border-radius: 20px; border-radius: 20px; } @media only screen and (max-width: 950px) { .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms .item_questions-dms { padding: 16px 20px; } } .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms .item_questions-dms .click-zone_questions-dms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; cursor: pointer; } .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms .item_questions-dms .click-zone_questions-dms span { font-weight: 600; line-height: 24px; font-size: 20px; color: #000; font-family: "SFProText-Semibold"; } .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms .item_questions-dms .click-zone_questions-dms.opened svg path:first-child { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms .item_questions-dms .click-zone_questions-dms svg { -ms-flex-negative: 0; flex-shrink: 0; } .dms-page .more-questions-dms .right_more-questions-dms .items_questions-dms .item_questions-dms .hidden-block_questions-dms { display: none; margin-top: 15px; color: #7e7e90; font-weight: 400; font-size: 16px; line-height: 22px; font-family: "SFProText-Regular"; } .dms-page .block_dms-banner { background: #4c8ef2; -webkit-border-radius: 40px; border-radius: 40px; margin: 40px 0 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-height: 355px; } @media only screen and (max-width: 1050px) { .dms-page .block_dms-banner { max-height: 256px; } } @media only screen and (max-width: 830px) { .dms-page .block_dms-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; overflow: hidden; } } .dms-page .block_dms-banner .left_dms-banner { max-width: 550px; width: 100%; padding: 60px 0 60px 60px; } @media only screen and (max-width: 1050px) { .dms-page .block_dms-banner .left_dms-banner { padding: 40px 0 40px 40px; max-width: 400px; } } @media only screen and (max-width: 830px) { .dms-page .block_dms-banner .left_dms-banner { padding: 30px 0 30px 30px; max-width: 100%; } } .dms-page .block_dms-banner .left_dms-banner h1 { margin: 0; font-family: "ObjectSans"; color: white; font-weight: 800; font-size: 46px; line-height: 51px; margin-bottom: 20px; } @media only screen and (max-width: 1050px) { .dms-page .block_dms-banner .left_dms-banner h1 { font-size: 36px; line-height: 40px; } } .dms-page .block_dms-banner .left_dms-banner p { margin: 0; font-family: "SFProText-Regular"; font-weight: 400; color: white; font-size: 20px; line-height: 28px; } @media only screen and (max-width: 1050px) { .dms-page .block_dms-banner .left_dms-banner p { font-size: 14px; line-height: 17px; } } .dms-page .block_dms-banner .right_dms-banner { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } @media only screen and (max-width: 830px) { .dms-page .block_dms-banner .right_dms-banner { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .dms-page .block_dms-banner .right_dms-banner img { -webkit-border-radius: 40px; border-radius: 40px; } .dms-page .block_dms-banner .right_dms-banner img.mob-banner-picture { display: none; } @media only screen and (max-width: 1050px) { .dms-page .block_dms-banner .right_dms-banner img { max-width: 360px; } } @media only screen and (max-width: 830px) { .dms-page .block_dms-banner .right_dms-banner img.desc-banner-picture { display: none; } .dms-page .block_dms-banner .right_dms-banner img.mob-banner-picture { display: block; margin-right: -9px; } } .prac-news-item:nth-child(15n + 1):not(:first-child) { display: none; } @media only screen and (max-width: 767px) { .prac-news-item:nth-child(15n + 1):not(:first-child) { display: block; } } .prac-news-item.show { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .prac-news-item .i-news-top { -ms-flex-wrap: wrap; flex-wrap: wrap; } .prac-news-item .i-section-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; min-height: 22px; } .prac-news-item .i-section-name a { display: block; margin-right: 5px; font-family: "SFProText-Regular"; font-size: 16px; line-height: 22px; font-weight: 400; color: #b53162; } @media only screen and (max-width: 767px) { .prac-news-item .i-section-name a { font-size: 14px; line-height: 21px; } } .prac-news-item .i-news-name { margin-top: 8px; margin-bottom: 12px; height: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media only screen and (max-width: 767px) { .prac-news-item .i-news-name { margin-top: 0; height: 45px; } } .prac-news-item .i-news-name-txt { font-family: "SFProText-Semibold"; font-size: 24px; line-height: 132%; letter-spacing: -0.48px; height: auto; } @media only screen and (max-width: 767px) { .prac-news-item .i-news-name-txt { font-size: 18px; line-height: 120%; letter-spacing: -0.36px; font-family: "SFProText-Medium"; } } .prac-news-item .prac-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; letter-spacing: -0.32px; color: #a9afb5; } .prac-news-item .prac-counter:before { content: ""; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background: #7e7e90; display: block; margin: 0 4px; } .prac-news-item .prac-counter .i-section-name.mob { display: none; } @media only screen and (max-width: 767px) { .prac-news-item .prac-counter .i-section-name.mob { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 767px) { .prac-news-item .prac-counter { font-size: 14px; line-height: 150%; letter-spacing: -0.28px; } .prac-news-item .prac-counter img { width: 18px; height: 18px; } } @media only screen and (max-width: 767px) { .prac-news-item .i-news-date-txt { font-size: 14px; line-height: 150%; letter-spacing: -0.28px; color: #7e7e90; font-family: "SFProText-Regular"; } } .prac-bot { padding: 30px 20px 30px 30px; background: #f8f9fa; -webkit-border-radius: 30px; border-radius: 30px; } .prac-bot .prac-bot-title { font-family: "ObjectSans"; font-size: 26px; line-height: 110%; margin: 0; } .prac-bot .prac-bot-open { margin-top: 24px; font-size: 18px; line-height: 120%; letter-spacing: -0.36px; color: #db3170; font-family: "SFProText-Semibold"; } .prac-bot .prac-bot-bottom { margin-top: auto; 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; } .prac-bot .prac-bot-owl-text { margin: 0; padding: 12px 15px 12px 23px; -webkit-border-radius: 31.834px 31.834px 0px 31.834px; border-radius: 31.834px 31.834px 0px 31.834px; background: #fff; -webkit-box-shadow: 0px 7.25548px 23.21753px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 7.25548px 23.21753px 0px rgba(0, 0, 0, 0.05); font-size: 14.5px; line-height: 140%; letter-spacing: -0.29px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); font-family: "SFProText-Semibold"; } .more-prac-btn { margin-top: 60px; padding: 16px 34px; background: #e8eaee; -webkit-border-radius: 100px; border-radius: 100px; gap: 5px; } .more-prac-btn .more-usl-capt-txt { font-size: 16px; font-family: "SFProText-Heavy"; line-height: 120%; color: #000; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table thead tr { background-color: transparent !important; font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table thead tr p { font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table strong { font-family: "SFProDisplay-Bold"; font-size: 18px; line-height: 30px; letter-spacing: 0.01em; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table p { font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; padding: 0; letter-spacing: -0.32px; margin: 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr { -webkit-box-flex: 0; font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; padding: 22px; letter-spacing: -0.32px; border: none; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr { padding: 10px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr:nth-child(2n) { background-color: rgba(238, 239, 241, 0.2); } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr:nth-child(2n + 1) { background-color: rgba(238, 239, 241, 0.65); } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr:first-child { background-color: transparent !important; font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr:first-child p { font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr:first-child td { font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; border: none; text-align: left !important; vertical-align: middle !important; padding: 22px; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr:first-child td { padding: 10px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr td { -webkit-box-flex: 0; font-family: "SFProText-Regular"; font-size: 16px; line-height: 120%; letter-spacing: -0.32px; border: none; padding: 22px; text-align: left !important; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr td { padding: 10px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr th { font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; border: none; text-align: left !important; vertical-align: middle !important; padding: 22px; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr th { padding: 10px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table tr th p { font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; border: none; text-align: left !important; vertical-align: middle !important; padding: 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table th { font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; border: none; text-align: left !important; vertical-align: middle !important; padding: 22px; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table th { padding: 10px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left table th p { font-family: "SFProText-Semibold"; line-height: 120%; color: #7e7e90; border: none; text-align: left !important; vertical-align: middle !important; padding: 0; } .content-page.practic-style .a-title { max-width: 740px; width: 100%; margin-bottom: 20px; } .content-page.practic-style .a-title h1 { font-family: "ObjectSans"; font-weight: 800; font-size: 46px; line-height: 51px; color: #000; } @media only screen and (max-width: 767px) { .content-page.practic-style .a-title h1 { font-size: 36px; line-height: 43px; } } .content-page.practic-style .practic-info-bottom-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 740px; width: 100%; margin-bottom: 40px; } .content-page.practic-style .practic-info-bottom-title span { font-family: "SFProText-Regular"; font-size: 16px; line-height: 22px; font-weight: 400; color: #7e7e90; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-page.practic-style .practic-info-bottom-title span:after { content: ""; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background: #7e7e90; display: block; margin: 0 12px; } .content-page.practic-style .practic-info-bottom-title span svg { margin-right: 5px; } .content-page.practic-style .practic-info-bottom-title span:last-child:after { display: none; } .content-page.practic-style .practic-info-bottom-title a { color: #b53162; font-family: "SFProText-Regular"; font-size: 16px; line-height: 22px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-page.practic-style .practic-info-bottom-title a:after { content: ""; width: 4px; height: 4px; -webkit-border-radius: 50%; border-radius: 50%; background: #7e7e90; display: block; margin: 0 12px; } .content-page.practic-style .practic-info-bottom-title a svg { margin-right: 5px; } .content-page.practic-style .practic-info-bottom-title a:last-child:after { display: none; } .content-page.practic-style .two-cols-blk.mt40 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 990px) { .content-page.practic-style .two-cols-blk.mt40 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left { max-width: 740px; width: 100%; } @media only screen and (max-width: 990px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left { max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left b { font-family: "SFProText-Semibold"; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left h1 { font-family: "SFProDisplay-Heavy"; font-size: 32px; line-height: 120%; color: #000000; margin-top: 0; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left h1 { font-size: 24px; line-height: 120%; letter-spacing: 0.03em; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left h2 { font-family: "ObjectSans"; font-size: 36px; line-height: 110%; color: #000; margin: 20px 0; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left h2 { font-size: 26px; line-height: 29px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left h3 { font-family: "ObjectSans"; font-weight: 800; font-size: 26px; line-height: 29px; color: #000; margin: 20px 0; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left h3 { font-size: 20px; line-height: 22px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left p { font-family: "SFProText-Regular"; font-size: 18px; line-height: 25px; font-weight: 400; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left p { font-size: 16px; line-height: 22px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left .practic-pink-text { color: #db3170; font-family: "SFProDisplay-Regular"; font-size: 18px; line-height: 25px; font-weight: 500; margin-bottom: 20px; border-left: 4px solid #db3170; -webkit-border-radius: 2px; border-radius: 2px; padding-left: 10px; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left .practic-pink-text { font-size: 16px; line-height: 22px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left .practic_increased_text { font-family: "SFProDisplay-Regular"; font-weight: 600; font-size: 24px; line-height: 35px; color: #000; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left .practic_increased_text { font-size: 18px; line-height: 22px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left p { font-family: "SFProText-Regular"; font-weight: 400; font-size: 18px; line-height: 25px; color: #000; margin-bottom: 20px; margin-top: 0; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left p { font-size: 16px; line-height: 22px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ul { padding-left: 16px; margin-bottom: 20px; margin-top: 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ul li { font-family: "SFProText-Regular"; font-size: 18px; line-height: 25px; color: #000; font-weight: 400; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ul li { font-size: 16px; line-height: 22px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ul li:not(:last-child) { margin-bottom: 12px; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left img { max-width: 100%; -webkit-border-radius: 40px; border-radius: 40px; margin-bottom: 20px; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left .t-banks-item img { -webkit-border-radius: 0; border-radius: 0; margin: 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left .doctors-btn-ic-blk img { margin: 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ol { padding-left: 0; list-style-type: none; counter-reset: my-counter; margin: 0 0 20px 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ol ul { list-style-type: disc; margin-top: 10px; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ol > li { font-family: "SFProText-Regular"; font-size: 18px; font-weight: 400; line-height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-left: 45px; padding-top: 5px; } @media only screen and (max-width: 767px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ol > li { font-size: 16px; line-height: 22px; } } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ol > li:last-child { margin-bottom: 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-left ol > li:before { content: counter(my-counter); counter-increment: my-counter; color: #7e7e90; font-weight: 500; margin-right: 20px; font-size: 16px; line-height: 19px; background-color: #f4f4f7; -webkit-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 36px; min-height: 36px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 36px; max-height: 36px; margin-top: -5px; font-family: "SFProText-Medium"; position: absolute; left: 0; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-right { max-width: 140px; width: 100%; padding: 0; } @media only screen and (max-width: 990px) { .content-page.practic-style .two-cols-blk.mt40 .two-cols-right { max-width: 100%; } .content-page.practic-style .two-cols-blk.mt40 .two-cols-right .two-c-item-title { margin-bottom: 10px; } } .content-page.practic-style .two-cols-blk.mt40 .two-c-item-title span { font-family: "ObjectSans"; color: #000; font-weight: 800; font-size: 20px; line-height: 22px; } .content-page.practic-style .two-cols-blk.mt40 .two-c-cont { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; } .practic-table { overflow: hidden; } .practic-table .practic__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; top: 75px; right: 0; } .practic-table .practic__btns .i-service__btn { width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e8eaee; 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; cursor: pointer; } @media only screen and (max-width: 990px) { .practic-table .practic__btns .i-service__btn { width: 40px; height: 40px; } .practic-table .practic__btns .i-service__btn img { width: 20px; } } .practic-table .practic__btns .practic__next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 990px) { .practic-table .practic__btns { top: 62px; } } @media only screen and (max-width: 767px) { .practic-table .practic__btns { display: none; } } .practic-table--h2 { color: #000000; font-family: "ObjectSans"; font-weight: 800; font-size: 46px; line-height: 51px; margin-bottom: 40px; } @media only screen and (max-width: 990px) { .practic-table--h2 { font-size: 36px; line-height: 40px; } } .doctor_articles-items-practic { display: grid !important; grid-auto-flow: column; } .doctor_articles-items-practic.few-items { grid-template-columns: -webkit-min-content; grid-template-columns: min-content; } @media only screen and (max-width: 767px) { .doctor_articles-items-practic { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .doctor_articles-items-practic > div { max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { } .doctor_articles-items-practic > div .i-doctor-block { width: 100%; background: #f8f9fa; padding: 8px 8px 12px 8px; -webkit-border-radius: 16px; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; margin-top: auto; } .doctor_articles-items-practic > div .i-doctor-block .i-img-block { min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px; } .doctor_articles-items-practic > div .i-doctor-block .i-img-block img { max-width: 100%; -webkit-border-radius: 14px; border-radius: 14px; } .doctor_articles-items-practic > div .i-doctor-block .i-doctor-content-block span { display: block; } .doctor_articles-items-practic > div .i-doctor-block .i-doctor-content-block span a { color: #000; } .doctor_articles-items-practic > div .i-doctor-block .i-doctor-content-block span:first-child { color: #000; font-size: 14px; line-height: 17px; font-family: "SFProText-Semibold"; } .doctor_articles-items-practic > div .i-doctor-block .i-doctor-content-block span:nth-child(2) { color: #7e7e90; font-size: 12px; line-height: 17px; font-family: "SFProText-Regular"; } .doctor_articles-items-practic > div .i-doctor-block .i-doctor-content-block span:last-child { margin-top: 4px; color: #db3170; font-weight: 600; font-size: 14px; line-height: 17px; font-family: "SFProText-Semibold"; cursor: pointer; } .doctor_articles-items-practic > div a.img-link { width: 100% !important; height: 265px; display: -webkit-box; display: -ms-flexbox; display: flex; aspect-ratio: 1.50188679; } @media only screen and (max-width: 767px) { .doctor_articles-items-practic > div a.img-link { height: 200px; } } .doctor_articles-items-practic > div a.img-link img { -webkit-border-radius: 24px; border-radius: 24px; -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; } .doctor_articles-items-practic > div .doctor_articles_group { color: #b53162; max-width: 100%; display: block; min-height: 22px; margin-top: 20px; } .doctor_articles-items-practic > div .doctor_articles_group a { color: #b53162; } .doctor_articles-items-practic > div .doctor_articles-item_middle-block { font-size: 16px; color: #a9afb5; font-weight: 400; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .doctor_articles-items-practic > div .doctor_articles-item_middle-block span:nth-child(1) { display: block; margin: 0 5px 0 0; } @media only screen and (max-width: 990px) { .doctor_articles-items-practic > div .doctor_articles-item_middle-block { font-size: 14px; line-height: 21px; } } .doctor_articles-items-practic > div a.article-name { font-weight: 600; font-size: 24px; line-height: 32px; color: #000; display: block; margin: 15px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media only screen and (max-width: 990px) { .doctor_articles-items-practic > div a.article-name { font-size: 18px; line-height: 22px; } } .doctor_articles-items-practic > div .doctor_articles-item_counter-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; margin-left: 5px; } .doctor_articles-items-practic > div .doctor_articles-item_counter-block span { color: #a9afb5; font-weight: 400; font-size: 16px; line-height: 22px; } @media only screen and (max-width: 990px) { .doctor_articles-items-practic > div .doctor_articles-item_counter-block span { font-size: 14px; line-height: 21px; } } .practic-more-block { position: relative; } .more-practic-detail { margin-top: 50px; } .more-practic-detail .container { padding: 0; } @media only screen and (max-width: 990px) { .more-practic-detail { margin-top: 0; } } .top-practic-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .top-practic-block .practic .uslug-tab-item-capt { max-width: 250px; overflow-x: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media only screen and (max-width: 480px) { .top-practic-block .practic { width: 100%; margin-bottom: 0; margin-left: 0; } } @media only screen and (max-width: 480px) { .top-practic-block { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } } .article-search-table .doctor_articles-item_middle-block { margin-top: 10px; } .practic-table .i-slider-gradient { display: none; } .h-menu-item-namw-txt.blue:not(.active) { color: #5396fb; } .sr { font-family: "SFProText-Regular"; } .sm { font-family: "SFProText-Medium"; } .ssb { font-family: "SFProText-Semibold"; } .sh { font-family: "SFProText-Heavy"; } .os { font-family: "ObjectSans"; } .sdsb { font-family: "SFProDisplay-Semibold"; } .sdb { font-family: "SFProDisplay-Bold"; } .sdr { font-family: "SFProDisplay-Regular"; } .sdh { font-family: "SFProDisplay-Heavy"; } .sdm { font-family: "SFProDisplay-Medium"; } .b { color: #000; } .g { color: #adadad; } .gg { color: #eeeff1; } .p { color: #b53162; } .pink { color: #db3170; } .white { color: #ffffff; } .light-pink { background-color: #f8eaef; } .bg-ff { background-color: #f5f5f6; } .bg-green { background-color: #22744f; } body { overflow-x: hidden; background: #fff; } a { text-decoration: none; } .container { max-width: 1280px; padding-right: 16px; padding-left: 16px; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .container.personal-cabinet { background-color: #f5f5f6; } } .p-btn { background: #db3170; -webkit-border-radius: 200px; border-radius: 200px; position: relative; } .inp { border: none; outline: none; background: transparent; width: 100%; height: 100%; padding: 0; } .mt120 { margin-top: 120px; } @media only screen and (max-width: 767px) { .mt120 { margin-top: 80px; } } .mt80 { margin-top: 80px; } @media only screen and (max-width: 767px) { .mt80 { margin-top: 40px; } } .mt60 { margin-top: 60px; } @media only screen and (max-width: 767px) { .mt60 { margin-top: 40px; } } .mt30 { margin-top: 30px; } @media only screen and (max-width: 767px) { .mt30 { margin-top: 40px; } } .mt40 { margin-top: 40px; } @media only screen and (max-width: 767px) { .mt40 { margin-top: 20px; } } .bot-pre { width: 140px; position: fixed; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; left: calc(100vw - 40px - 180px); bottom: 15px; z-index: 3; -webkit-transition: width 0.2s, left 0.2s; -o-transition: width 0.2s, left 0.2s; transition: width 0.2s, left 0.2s; } .bot-pre.bot-pre-padding { bottom: 75px; } .bot-pre .old-rec-blk { position: absolute; bottom: auto; top: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .bot-pre .old-rec-btn, .bot-pre .old-rec-cross { height: 36px; } .bot-pre .old-rec-btn { padding-left: 15px; padding-right: 15px; } .bot-pre .old-rec-cross { width: 36px; margin-left: 5px; } .bot-pre .old-rec-capt { font-size: 14px; } .bot-pre .old-rec-cross-ic { width: 20px; } @media only screen and (max-width: 767px) { .bot-pre { left: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transition: right 0.2s, bottom 0.2s, width 0.2s, height 0.2s; -o-transition: right 0.2s, bottom 0.2s, width 0.2s, height 0.2s; transition: right 0.2s, bottom 0.2s, width 0.2s, height 0.2s; bottom: 15vh !important; right: 0; height: 123px; width: 65px; } .bot-pre.bot-pre-hid-ios:not(.bot-open) { height: 42px !important; } } @media only screen and (max-width: 767px) { .clinic-page .bot-pre { bottom: 115px; } } @media only screen and (max-width: 767px) { .doctor-page .bot-pre { bottom: 70px; } } .bot-pre-capt-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 140%; letter-spacing: 0.02em; color: #7E7E90; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .bot-pre-img { width: 100px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-filter: drop-shadow(0px 24px 50px rgba(0, 0, 0, 0.07)); filter: drop-shadow(0px 24px 50px rgba(0, 0, 0, 0.07)); position: absolute; left: 20px; top: -48px; } @media only screen and (max-width: 767px) { .bot-pre-img { right: -2px; left: unset; width: 65px; top: 0; } } .bot-pre-img-blk { -webkit-border-radius: 30px; border-radius: 30px; overflow: hidden; width: 100%; } .bot-pre-img-blk img { width: 100%; } @media only screen and (max-width: 767px) { .bot-pre-img-blk { display: none; } } .bot-pre-img-blk.mobile { display: none; } @media only screen and (max-width: 767px) { .bot-pre-img-blk.mobile { display: block; } } .bot-pre-capt { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bot-pre-content { -webkit-transition: height 0.2s, width 0.2s; -o-transition: height 0.2s, width 0.2s; transition: height 0.2s, width 0.2s; width: 140px; height: 42px; background: #ffffff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.07); -webkit-border-radius: 20px; border-radius: 20px; } @media only screen and (max-width: 767px) { .bot-pre-content { -webkit-transition: height 0.2s, width 0.2s; -o-transition: height 0.2s, width 0.2s; transition: height 0.2s, width 0.2s; background: unset; -webkit-box-shadow: none; box-shadow: none; } .bot-pre-content .bot-pre-start-bot { visibility: hidden; } } .bot-pre.bot-open .bot-pre-content { background: #ffffff; } .bot-open { width: 380px; left: calc(100vw - 420px); z-index: 99; } .bot-open.ios-h { height: calc(100vh - 270px); } .bot-open.bot-pre-hid-ios { height: 100% !important; } .bot-open .bot-pre-content { height: 550px; width: 380px; } @media only screen and (max-width: 767px) { .bot-open .bot-pre-content { height: 100%; width: 100%; } } .bot-open .bot-pre-arr-blk { width: 24px; margin-right: 5px; } .bot-open .bot-pre-head { padding-left: 20px; padding-right: 20px; padding-bottom: 12px; padding-top: 15px; border: 1px solid #eeeff1; -webkit-box-shadow: 0px -4px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px -4px 50px rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 767px) { .bot-open .bot-pre-head { padding-left: 15px; padding-right: 15px; } } .bot-open .bot-pre-capt-txt { color: #000; } .bot-open .bot-click { display: none; } .bot-open .bot-pre-data { -webkit-border-radius: 20px; border-radius: 20px; } @media only screen and (max-width: 767px) { .bot-open .bot-pre-data { -webkit-border-radius: 0; border-radius: 0; } } .bot-open .bot-pre-h-inf { opacity: 1; } .bot-open .bot-pre-start-bot { opacity: 0; pointer-events: none; } @media only screen and (max-width: 767px) { .bot-open { bottom: 0 !important; right: 0; left: auto; height: 100%; width: 100%; } } .bot-pre-data { -webkit-box-flex: 0; 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: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; overflow: hidden; position: relative; } .bot-pre-head { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 15px; z-index: 1; -webkit-transition: padding 0.2s, border 0.2s, -webkit-box-shadow 0.2s; transition: padding 0.2s, border 0.2s, -webkit-box-shadow 0.2s; -o-transition: padding 0.2s, border 0.2s, box-shadow 0.2s; transition: padding 0.2s, border 0.2s, box-shadow 0.2s; transition: padding 0.2s, border 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bot-pre-arr { width: 24px; font-size: 0; } .bot-pre-arr img { width: 100%; } .bot-pre-h-top { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .bot-pre-arr-blk { width: 0; overflow: hidden; -webkit-transition: width 0.2s, margin-right 0.2s; -o-transition: width 0.2s, margin-right 0.2s; transition: width 0.2s, margin-right 0.2s; } .bot-pre-h-conf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } .bot-pre-h-menu { width: 24px; height: 24px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .bot-pre-h-ic { width: 100%; font-size: 0; } .bot-pre-h-ic img { width: 100%; } .bot-pre-h-ic svg { width: 100%; height: 100%; } .bot-pre-h-ic svg path { -webkit-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .bot-pre-h-cross { width: 24px; font-size: 0; margin-left: 5px; } .bot-pre-h-cross img { width: 100%; } .bot-pre-h-conf-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .bot-pre-h-cross, .bot-pre-h-ic, .bot-pre-arr-blk { cursor: pointer; } .bot-click { position: absolute; top: -50px; right: 0; width: 140px; height: 80px; cursor: pointer; z-index: 1; } @media only screen and (max-width: 767px) { .bot-click { top: 0; width: 65px; height: 123px; } } .bot-h-status-txt { font-family: "SFProDisplay-Regular"; font-size: 16px; line-height: 140%; color: #838389; } .bot-pre-bottom { -webkit-filter: drop-shadow(0px 24px 50px rgba(0, 0, 0, 0.07)); filter: drop-shadow(0px 24px 50px rgba(0, 0, 0, 0.07)); -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; -webkit-border-radius: 20px; border-radius: 20px; min-height: 54px; margin-top: auto; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 15px; position: absolute; bottom: 0; width: 100%; z-index: 2; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media only screen and (max-width: 767px) { .bot-pre-bottom { -webkit-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; } } .bot-p-clip { width: 24px; } .bot-p-ic { height: 24px; font-size: 0; width: 24px; cursor: pointer; } .bot-p-ic img { width: 100%; } .bot-p-ic svg { pointer-events: none; width: 100%; height: 100%; } .bot-p-ic svg path { -webkit-transition: fill 0.2s; -o-transition: fill 0.2s; transition: fill 0.2s; } .bot-p-menu { margin-left: 10px; } .bot-p-app { background: #eeeff1; -webkit-border-radius: 60px; border-radius: 60px; width: 32px; height: 32px; margin-left: auto; margin-bottom: -4px; font-size: 0; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; pointer-events: none; } .bot-p-app svg { width: 100%; height: 100%; } .bot-p-app svg path { -webkit-transition: stroke 0.2s; -o-transition: stroke 0.2s; transition: stroke 0.2s; } .bot-go { cursor: pointer; background: #22744f; pointer-events: auto; } .bot-go svg path { stroke: #ffffff; } .bot-plh-txt { font-family: "SFProText-Regular"; font-size: 15px; line-height: 130%; color: #838389; } .bot-mess { position: relative; width: calc(100% - 58px - 32px); margin-left: auto; padding-right: 15px; max-height: 203px; padding-left: 15px; } .bot-mess .scrollbar-track-y { opacity: 1; width: 3px; background: transparent; } .bot-mess .scrollbar-thumb { width: 3px; background: #adadad; opacity: 0.6; } .bot-area { font-family: "SFProText-Regular"; display: block; width: 100%; overflow: hidden; outline: none; min-height: 24px; font-size: 15px; line-height: 130%; color: #000000; padding-top: 2px; } .bot-plh { position: absolute; top: 3px; left: 0; width: 100%; pointer-events: none; } .bot-pre-view { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .bot-pre-view-blk { height: calc(100% - 58px); width: 100%; position: relative; } .bot-pre-clear { -webkit-box-flex: 0; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; width: 100%; } .bot-pre-clear.var { display: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .bot-pre-clear-img { width: 100px; font-size: 0; } .bot-pre-clear-img img { width: 100%; } .bot-pre-clear-capt-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; text-align: center; color: #838389; } .bot-pre-clear-capt { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 75%; margin-top: 20px; } .bot-pre-bottom-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; } .dot-pre-h-menu-togg { position: absolute; top: 100%; right: 0; width: 155px; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; background: #fefefe; -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); -webkit-border-radius: 12px 0px 12px 12px; border-radius: 12px 0px 12px 12px; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } [dot-menu] { display: none; } .dot-p-vis { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .dot-pre-h-menu-i-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; color: #000000; } .dot-pre-h-menu-item { cursor: pointer; } .dot-pre-h-menu-item:not(:first-child) { margin-top: 10px; } .bot-m-vis svg path { fill: #22744f; } .bot-m-vis .dot-pre-h-menu-togg { opacity: 1; pointer-events: auto; } .bot-pre-b-menu { width: 100%; background: #ffffff; -webkit-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; position: absolute; bottom: 58px; padding-left: 54px; padding-right: 39px; padding-top: 10px; -webkit-filter: drop-shadow(0px -8px 50px rgba(0, 0, 0, 0.07)); filter: drop-shadow(0px -8px 50px rgba(0, 0, 0, 0.07)); z-index: 1; -webkit-transform: translateY(calc(100% + 58px)); -ms-transform: translateY(calc(100% + 58px)); transform: translateY(calc(100% + 58px)); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .bot-pre-b-menu .scrollbar-track-y { opacity: 1; width: 3px; background: transparent; } .bot-pre-b-menu .scrollbar-thumb { width: 3px; background: #adadad; opacity: 0.6; } @media only screen and (max-width: 767px) { .bot-pre-b-menu { -webkit-filter: none; filter: none; } } .bot-pre-b-menu-cont { max-height: 253px; } .bot-pre-b-menu-item-txt { font-family: "SFProText-Semibold"; font-size: 15px; line-height: 130%; color: #000000; } .bot-pre-b-menu-item { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eeeff1; } .bot-open-menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bot-open-m-ic svg path { fill: #22744f; } .bot-pre-b-menu-cont { height: 100%; } .bot-pre-b-menu-cont .scrollbar-track-x { display: none !important; } .bot-no-aut-dialog { height: 100%; width: 100%; } .bot-no-aut-dialog-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } @media only screen and (max-width: 767px) { .bot-no-aut-dialog-blk { padding-left: 16px; padding-right: 16px; } } .bot-chat-scr { max-height: 100%; position: relative; } .bot-chat-scr:after { content: ""; position: absolute; width: 100%; height: 50px; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); } .bot-chat-scr .scrollbar-track-y { opacity: 1; width: 3px; background: transparent; right: 10px; } .bot-chat-scr .scrollbar-thumb { width: 3px; background: #adadad; opacity: 0.6; } .bot-pre-h-inf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } [bot-dial], [b-h-blk] { display: none; } .bot-d-vis { display: block; } .b-h-vis { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .b-ch-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .b-ch-item:not(:first-child) { margin-top: 20px; } .b-ch-ic { width: 60px; height: 60px; min-width: 60px; -webkit-border-radius: 100px; border-radius: 100px; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; } .b-ch-ic-new { border: 1px solid #84bf42; } .b-ch-ic-new:after { height: 10px; width: 10px; background-color: #db3170; content: ""; position: absolute; right: 0; -webkit-border-radius: 50%; border-radius: 50%; } .b-ch-item-inf { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-ch-item-name-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; color: #000000; } .b-ch-item-gray-name-txt { font-family: "SFProDisplay-Medium"; font-size: 14px; line-height: 140%; color: #838389; } .b-ch-item-chat-mess-txt { font-family: "SFProText-Regular"; font-size: 14px; line-height: 150%; letter-spacing: 0.01em; color: #838389; } .b-ch-circle { position: absolute; top: 0; right: 0; width: 15px; height: 15px; -webkit-border-radius: 100px; border-radius: 100px; background: #db3170; } .bot-no-aut-capt-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; text-align: center; color: #838389; } .bot-no-aut-capt { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90%; margin-left: auto; margin-right: auto; margin-top: 155px; } .aut-line { text-decoration: underline; cursor: pointer; } .b-pre-b-hide { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .bot-chat { height: calc(100% - 58px); width: 100%; overflow: hidden; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .bot-chat.bot-d-vis { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .bot-chat-scroll { width: 100%; margin-top: auto; max-height: 100%; } .bot-chat-scroll .scrollbar-track-y { opacity: 1; width: 3px; background: transparent; right: 10px; } .bot-chat-scroll .scrollbar-thumb { width: 3px; background: #adadad; opacity: 0.6; } .bot-chat-day { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .bot-chat-day-txt { font-family: "SFProDisplay-Medium"; font-size: 14px; line-height: 140%; text-align: center; color: #838389; } .bot-chat-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bot-chat-item { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .b-ch-avatar { width: 30px; height: 30px; min-width: 30px; -webkit-border-radius: 100px; border-radius: 100px; -webkit-background-size: cover; background-size: cover; background-position: center; } .b-ch-item-mess-capt { font-family: "SFProText-Regular"; font-size: 15px; line-height: 130%; color: #000000; } .b-ch-item-mess-capt a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; color: #b53162; } .b-ch-item-mess-capt a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .b-ch-item-mess-capt a:hover { text-decoration: underline; } .b-item-date { -webkit-box-flex: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; bottom: -6px; margin-left: auto; opacity: 0; pointer-events: none; width: 50px; } .b-item-date-abs { position: absolute; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 8px; right: 15px; } .b-item-date-ic { width: 22px; height: 12px; font-size: 0; margin-right: 2px; } .b-item-date-ic img { width: 100%; } .b-item-date-capt-txt { font-family: "SFProDisplay-Regular"; font-size: 12px; line-height: 120%; color: #838389; opacity: 0.7; } .b-ch-item-mess { position: relative; padding-top: 10px; padding-bottom: 20px; padding-left: 15px; padding-right: 25px; } .b-ch-quest .b-ch-item-mess { background: #eeeff1; -webkit-border-radius: 15px 15px 15px 0px; border-radius: 15px 15px 15px 0px; margin-left: 7px; } .b-ch-answ { margin-left: auto; } .b-ch-answ .b-ch-item-mess { background: -webkit-radial-gradient(53.29% 49.35%, 84.22% 1449.2%, #0c8951 53.69%, #22744f 100%); background: -o-radial-gradient(53.29% 49.35%, 84.22% 1449.2%, #0c8951 53.69%, #22744f 100%); background: radial-gradient(84.22% 1449.2% at 53.29% 49.35%, #0c8951 53.69%, #22744f 100%); -webkit-border-radius: 15px 15px 0px 15px; border-radius: 15px 15px 0px 15px; } .b-ch-answ .b-ch-item-mess .b-ch-item-mess-capt { color: #ffffff; } .b-ch-answ .b-ch-item-mess .b-item-date-capt-txt { color: #fff; } .b-ch-answ .bot-add-file { -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; margin-bottom: 10px; gap: 5px; } .b-ch-answ .bot-add-file .bot-add-name { margin-left: 0; } .b-ch-answ .bot-add-name-txt { font-size: 14px; line-height: 130%; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #ffffff; } .b-ch-answ .bot-add-name { margin-left: 10px; margin-top: 0; } .b-ch-answ .bot-add-img { width: 40px; height: 50px; -webkit-border-radius: 5.7px; border-radius: 5.7px; border: none; margin-top: 0; -ms-flex-negative: 0; flex-shrink: 0; } .bot-chat-content { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } @media only screen and (max-width: 767px) { .bot-chat-content { padding-left: 16px; padding-right: 16px; } } .bot-add-file { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: auto; } .bot-add-img { width: 108px; font-size: 0; border: 1px solid #eeeff1; -webkit-border-radius: 14px 14px 0px 14px; border-radius: 14px 14px 0px 14px; overflow: hidden; margin-top: 15px; } .bot-add-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bot-add-name-txt { font-family: "SFProText-Regular"; font-size: 14px; line-height: 130%; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #000000; } .bot-add-name { margin-top: 6px; } .bot-p-content { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bot-popup { position: fixed; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 440px; background: #ffffff; -webkit-box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.05); -webkit-border-radius: 20px; border-radius: 20px; padding: 30px; padding-bottom: 20px; z-index: 7; display: none; } @media only screen and (max-width: 767px) { .bot-popup { max-width: 440px; width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; top: auto; bottom: 0; left: 0; padding: 20px; -webkit-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; } } .bot-p-cross { width: 32px; position: absolute; top: 20px; right: 20px; font-size: 0; cursor: pointer; } @media only screen and (max-width: 767px) { .bot-p-cross { width: 24px; top: 15px; } } .bot-p-cross img { width: 100%; } .bot-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 6; display: none; } .bot-p-cont-title-txt { font-family: "ObjectSans"; font-size: 28px; line-height: 120%; color: #000000; } @media only screen and (max-width: 767px) { .bot-p-cont-title-txt { font-size: 24px; line-height: 140%; } } .bot-p-cont-title { padding-right: 32px; } .bot-p-file { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .bot-p-file { margin-top: 15px; margin-bottom: 20px; } } .bot-p-file-ic { width: 16px; font-size: 0; } .bot-p-file-ic img { width: 100%; } .bot-p-file-name-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #000000; } .bot-p-file-name { margin-left: 8px; } .bot-p-textarea { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bot-p-textarea-capt-txt { font-family: "SFProDisplay-Medium"; font-size: 14px; line-height: 140%; color: #000000; } .b-p-textarea { outline: none; border: none; background: transparent; resize: none; width: 100%; height: 100%; padding-left: 20px; padding-top: 15px; font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; } .bot-p-textarea-blk { background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 20px; border-radius: 20px; position: relative; height: 146px; margin-top: 10px; } .bot-p-textare-plh-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; color: #838389; } .bot-p-textarea-plh { position: absolute; top: 15px; left: 20px; pointer-events: none; } .bot-p-btn { background: #db3170; -webkit-border-radius: 30px; border-radius: 30px; margin-top: 30px; height: 55px; -webkit-box-flex: 0; 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; cursor: pointer; } @media only screen and (max-width: 767px) { .bot-p-btn { height: 43px; margin-top: 20px; } } .bot-p-btn-txt { font-family: "SFProText-Heavy"; font-size: 18px; line-height: 105%; text-align: center; color: #eeeff1; } [file-remove] { margin-top: 60px; } @media only screen and (max-width: 767px) { [file-remove] { margin-top: 30px; } } .bot-aut-chat-clear { -webkit-box-flex: 0; 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: 116px; padding-right: 15px; padding-left: 15px; } .b-aut-chat-c-capt-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; text-align: center; color: #838389; } .bot-aut-chat-clear-capt { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 80%; margin-left: auto; margin-right: auto; } .bot-aut-clear-btns { -webkit-box-flex: 0; 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: 30px; } .b-aut-clear-btn-item-txt { font-family: "SFProDisplay-Medium"; font-size: 14px; line-height: 140%; color: #b53162; } .b-aut-clear-btn-item { padding-top: 13px; padding-bottom: 13px; padding-left: 20px; padding-right: 20px; border: 1px solid #b53162; -webkit-border-radius: 100px; border-radius: 100px; cursor: pointer; } .b-aut-clear-btn-item-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } .b-aut-clear-btn-item-blk:not(:first-child) { margin-top: 10px; } .bot-p-file-aut-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .bot-p-f-section { margin-top: 10px; position: relative; } .bot-p-f-section-name-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; color: #000000; } .bot-p-f-section-blk { background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 20px; border-radius: 20px; padding-top: 13px; padding-bottom: 13px; width: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 15px; padding-left: 20px; cursor: pointer; } .bot-sect-open .bot-p-f-sectioa-arr { -webkit-transform: rotate(-200grad); -ms-transform: rotate(-200grad); transform: rotate(-200grad); } .bot-p-f-sectioa-arr { width: 24px; min-width: 24px; margin-left: auto; font-size: 0; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .bot-p-f-sectioa-arr img { width: 100%; } .bot-p-f-section-data { display: none; position: absolute; top: calc(100% + 10px); z-index: 3; background: #fefefe; -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05); -webkit-border-radius: 20px; border-radius: 20px; width: 100%; -webkit-filter: drop-shadow(0px 24px 50px rgba(0, 0, 0, 0.07)); filter: drop-shadow(0px 24px 50px rgba(0, 0, 0, 0.07)); } .bot-p-f-section-data-blk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .bot-p-f-sect-item-txt { font-family: "SFProText-Semibold"; font-size: 16px; line-height: 120%; color: #000000; } .bot-p-f-sect-item { cursor: pointer; } .bot-p-f-sect-item:not(:first-child) { margin-top: 12px; } .b-f-act .bot-p-f-sect-item-txt { color: #22744f; } .bot-p-date-blk { background: rgba(238, 239, 241, 0.6); -webkit-border-radius: 20px; border-radius: 20px; padding-top: 13px; padding-bottom: 13px; width: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 15px; padding-left: 20px; cursor: pointer; } .bot-p-date-txt { font-family: "SFProDisplay-Medium"; font-size: 16px; line-height: 120%; color: #838389; } .bot-p-date-blk { margin-top: 10px; } .bot-p-f-item:not(:first-child) { margin-top: 20px; } [bot-p-aut-f] { display: none; } .bot-p-aut-f-vis { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .bot-pre-start-bot-txt { font-size: 16px; line-height: 140%; letter-spacing: 0.02em; color: #22744f; } .bot-pre-start-bot { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 15px; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .bot-pre-img-mess { width: 27px; height: 27px; -webkit-border-radius: 100px; border-radius: 100px; -webkit-box-flex: 0; 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; background: #db3170; position: absolute; top: -5px; right: -9px; } .b-pre-img-mess-txt { font-size: 14px; line-height: 140%; text-align: center; color: #ffffff; font-family: "SFProDisplay-Medium"; } @media only screen and (max-width: 767px) { .bot-bottom-pos-mob { bottom: 121px; } .bot-bottom-pos-mob.bot-open { bottom: 0; } } .bot-h-status, .bot-pre-h-conf, .bot-pre-view, .bot-pre-bottom { display: none; } .body-ios-hidd-scr { touch-action: none; -ms-touch-action: none; overflow: hidden; } @media only screen and (max-width: 767px) { .ios-bottom { bottom: 50px !important; } .ios-bottom .bot-pre-content { -webkit-box-shadow: none; box-shadow: none; } .ios-bottom:after { content: ""; position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; background: #fff; z-index: -1; } } @media only screen and (max-width: 767px) { .ios-15 { bottom: 0px !important; } } .calc-bot { position: fixed; bottom: 0; right: 0; pointer-events: none; height: 1px; } .bot-pre-clear__advice { margin: 40px 0 0 0; font-family: "ObjectSans"; font-size: 20px; line-height: 120%; position: relative; min-width: 193px; 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; text-align: center; } .bot-pre-clear__pre-close { background-color: #f8fafb; -webkit-border-radius: 10px; border-radius: 10px; margin: 0; padding: 0; border: none; width: 36px; height: 36px; 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; position: absolute; left: 100%; cursor: pointer; } .rand-block { height: 100%; margin-top: 32px; background-color: #f4f6f7; -webkit-border-top-left-radius: 28px; border-top-left-radius: 28px; -webkit-border-top-right-radius: 28px; border-top-right-radius: 28px; padding: 0 15px 30px 15px; 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; min-width: 284px; } .rand-block .rand-block__image { margin: auto; } .rand-block .rand-block__title { font-family: "SFProText-Heavy"; font-size: 18px; line-height: 100%; margin: 0; text-align: center; } .rand-block .rand-block__subtitle { font-family: "SFProText-Regular"; font-size: 14px; line-height: 130%; color: #838389; margin: 8px 0 0 0; text-align: center; } .rand-block .rand-block__auth { font-family: "SFProText-Heavy"; color: #db3170; background: none; border: none; margin: 41px 0 0 0; padding: 0; font-size: 14px; line-height: 135%; cursor: pointer; } .image-block { position: relative; height: 80px; width: 145px; margin: auto; } .image-block .image-block__img { width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; } .image-block .image-block__img span { font-size: 14px; line-height: 140%; color: #ffffff; font-family: "SFProText-Medium"; width: 24px; height: 24px; -webkit-border-radius: 50%; border-radius: 50%; background-color: rgba(219, 49, 112, 0.9); position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: -9px; top: -1px; } .image-block .image-block__text { padding: 8px 16px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05); -webkit-border-radius: 20px 20px 20px 0px; border-radius: 20px 20px 20px 0px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); font-size: 10px; line-height: 140%; text-align: center; font-family: "SFProText-Semibold"; position: absolute; width: -webkit-max-content; width: -moz-max-content; width: max-content; left: 45px; top: 35px; } .bot-msg-img-wrap { width: 40px; height: 50px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; } html, body, div, span, applet, object, iframe, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, b { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; color: inherit; vertical-align: baseline; text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } /* ol, ul { list-style: none; } */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } b, strong { font-weight: bold; } i, em { font-style: italic; } u { text-decoration: underline; } s { text-decoration: line-through; } sup { vertical-align: super; font-size: 70%; } sub { vertical-align: sub; font-size: 70%; } .sr { font-family: "SFProText-Regular"; } .sm { font-family: "SFProText-Medium"; } .ssb { font-family: "SFProText-Semibold"; } .sh { font-family: "SFProText-Heavy"; } .os { font-family: "ObjectSans"; } .sdsb { font-family: "SFProDisplay-Semibold"; } .sdb { font-family: "SFProDisplay-Bold"; } .sdr { font-family: "SFProDisplay-Regular"; } .sdh { font-family: "SFProDisplay-Heavy"; } .sdm { font-family: "SFProDisplay-Medium"; } .b { color: #000; } .g { color: #adadad; } .gg { color: #eeeff1; } .p { color: #b53162; } .pink { color: #db3170; } .white { color: #ffffff; } .light-pink { background-color: #f8eaef; } .bg-ff { background-color: #f5f5f6; } .bg-green { background-color: #22744f; } body { overflow-x: hidden; background: #fff; } a { text-decoration: none; } .container { max-width: 1280px; padding-right: 16px; padding-left: 16px; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .container.personal-cabinet { background-color: #f5f5f6; } } .p-btn { background: #db3170; -webkit-border-radius: 200px; border-radius: 200px; position: relative; } .inp { border: none; outline: none; background: transparent; width: 100%; height: 100%; padding: 0; } .mt120 { margin-top: 120px; } @media only screen and (max-width: 767px) { .mt120 { margin-top: 80px; } } .mt80 { margin-top: 80px; } @media only screen and (max-width: 767px) { .mt80 { margin-top: 40px; } } .mt60 { margin-top: 60px; } @media only screen and (max-width: 767px) { .mt60 { margin-top: 40px; } } .mt30 { margin-top: 30px; } @media only screen and (max-width: 767px) { .mt30 { margin-top: 40px; } } .mt40 { margin-top: 40px; } @media only screen and (max-width: 767px) { .mt40 { margin-top: 20px; } } .noscroll { padding-right: 15px; overflow: hidden; } @media only screen and (max-width: 767px) { .noscroll { padding-right: 0; } } .icon-center { 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; } .mob { display: none; } @media only screen and (max-width: 767px) { .mob { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } } .mobMed { display: none; } @media only screen and (max-width: 830px) { .mobMed { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 12px; } } .desk { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .desk { display: none; } } @media only screen and (max-width: 767px) { .dantist-page .uslug-tabs-scroll { -webkit-box-flex: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 767px) { .practic-page .content-page { padding-top: 10px; } } .choose-page section.container { max-width: 100%; margin-left: auto; margin-right: 0; width: calc(100% - ((100% - 1120px) / 2)); } @media only screen and (max-width: 1160px) { .choose-page section.container { width: 100%; padding-left: 20px; } } @media only screen and (max-width: 767px) { .choose-page section.container { padding-left: 16px; padding-right: 16px; } } .search-page .content-page { padding-top: 40px; } @media only screen and (max-width: 767px) { .search-page .content-page { padding-top: 20px; } } .clinic-item-page .doctors-blk { margin-top: 140px; } .promo-sale-page .green-name-small, .promo-gift-page .green-name-small { width: calc(100% - 200px); } @media only screen and (max-width: 767px) { .promo-sale-page .green-name-small, .promo-gift-page .green-name-small { width: 100%; } } .w-wrap { word-wrap: break-word; } @media only screen and (max-width: 767px) { .l_doc-page .price-pink-blk { margin-top: 73px; } } .relative { position: relative; } @media print { footer, header, .bot-pre, .t-print-btn, .two-cols-left { display: none; } .two-cols-right { width: 100%; margin-left: 0; } .content-page { padding-top: 0; } } /* End */ /* Start:/local/templates/.default/assets/css/index.css?1707726015163*/ .hidden-doc-dir-clinic { display: none; margin-top: 26px; } .arr-more-usl-up img { transform: rotate(180deg); } .hide { display: none; } /* End */ /* Start:/local/templates/.default/styles.css?17077260156413*/ .item-news_hide { display: none; } .more-search-btn { cursor: pointer; } .price-more-usl-btn { cursor: pointer; } .practic-style .two-cols-right h1, .section-desc h1 { font-family: "SFProDisplay-Heavy"; font-size: 32px; line-height: 120%; color: #000000; } .practic-style .two-cols-right h2, .section-desc h2 { font-family: "SFProDisplay-Bold"; font-size: 24px; line-height: 120%; letter-spacing: 0.03em; color: #000000; margin-bottom: 10px; } .practic-style .two-cols-right p, .practic-style .two-cols-right o, .section-desc p, .section-desc o { font-family: "SFProText-Regular"; font-size: 18px; line-height: 150%; letter-spacing: 0.01em; color: #000000; margin-top: 10px; margin-bottom: 10px; } .practic-style .two-cols-right table p { font-family: "SFProText-Medium"; font-size: 16px; line-height: 120%; margin-left: 30px; margin-right: 30px; } .practic-style .two-cols-right table tr:first-child p { margin-top: 25px; margin-bottom: 25px; } .two-cols-right div, .section-desc div { font-family: "SFProText-Regular"; } .practic-style .two-cols-right p img, .section-desc p img { width: 100%; border-radius: 310px; } .practic-style .two-cols-right ul li, .section-desc ul li { -webkit-box-flex: 0; display: block; font-family: "SFProText-Regular"; font-size: 18px; line-height: 30px; letter-spacing: 0.01em; color: #000000; } .practic-style .two-cols-right ol li, .section-desc ol li { -webkit-box-flex: 0; font-family: "SFProText-Regular"; font-size: 18px; line-height: 30px; letter-spacing: 0.01em; color: #000000; } .practic-style a { color: black; } .practic-style .two-cols-right strike { text-decoration: line-through; } .practic-style table { border-collapse: unset; width: 100%; border: 1px solid transparent; overflow: hidden; margin-bottom: 20px; } .practic-style strong { font-family: "SFProDisplay-Bold"; font-size: 18px; line-height: 30px; letter-spacing: 0.01em; color: #000000; } .practic-style table strong { font-family: "SFProDisplay-Bold"; font-size: 24px; line-height: 120%; letter-spacing: 0.03em; color: #000000; } .practic-style .two-cols-right table td, .practic-style .two-cols-right table tr { -webkit-box-flex: 0; font-family: "SFProText-Medium"; font-size: 18px; line-height: 30px; letter-spacing: 0.01em; color: #33691e; border: none; } .practic-style .two-cols-right table tr td:first-child { border-right: 1px solid rgba(0, 0, 0, 0.1); } .practic-style .two-cols-right table tr:nth-child(odd) { background-color: rgba(238, 239, 241, 0.65); } .practic-style .two-cols-right table tr:nth-child(even) { background-color: rgba(238, 239, 241, 0.2); } .practic-style .two-cols-right ul, .section-desc ul { padding-left: 0; } .practic-style .two-cols-right ol, .section-desc ol { padding-left: 24px; } .practic-style .two-cols-right ul li:before, .section-desc ul li:before { display: inline-block; content: ""; width: 6px; height: 6px; -webkit-border-radius: 100px; border-radius: 100px; background: #000; min-width: 6px; margin-top: 13px; margin-right: 8px; } .practic-style a, .section-desc a { font-family: "SFProText-Regular"; } .practic-style strong p { font-weight: normal; } .practic-style .table-wrap { overflow: auto; } @media only screen and (max-width: 767px) { .practic-style .two-cols-right p, .practic-style .two-cols-right o, .section-desc p, .section-desc o { font-size: 16px; } .practic-style .two-cols-right h2, .section-desc h2 { font-size: 20px; line-height: 120%; } .practic-style .two-cols-right h1, .section-desc h1 { font-size: 24px; line-height: 120%; letter-spacing: 0.03em; } .practic-style .two-cols-right table p { font-size: 14px; } .practic-style table strong { font-size: 16px; } .practic-style .two-cols-right table tr:first-child p { margin: 20px; } .practic-style .two-cols-right table tr:first-child td { vertical-align: middle; } .practic-style .two-cols-right table p { margin: 10px 20px; } } .practic-style div:not(.swiper-container) .div { font-family: "SFProText-Regular"; font-size: 18px; line-height: 150%; letter-spacing: 0.01em; color: #000000; margin-top: 10px; margin-bottom: 10px; } .fadein { animation: fadein 0.4s; } @keyframes fadein { from { opacity: 1; } 50% { opacity: 0.5; } to { opacity: 0; } } .fadeout { animation: fadeout 0.4s; } @keyframes fadein { from { opacity: 0; } 50% { opacity: 0.5; } to { opacity: 1; } } .search-mess-item { cursor: pointer; } .popup-custom.recall .widget-note__popup-content { min-width: 300px; } .popup-custom.recall .regappoint-form__group { flex-direction: column; } .services-table--item { border-bottom: 1px solid #f5f5f5; padding: 10px 0px; vertical-align: top; display: flex; justify-content: space-between; } .services-table--name { color: #33691e; width: 100%; } .services-table--price { color: #6d6e71; } .services-table--name span { display: block; width: 90%; } /*.practic-table {*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* justify-content: space-between;*/ /*}*/ /*.practic-table--item {*/ /* text-decoration: none;*/ /* width: 30%;*/ /* display: inline-block;*/ /* margin-top: 10px;*/ /* font-family: "SFProDisplay-Bold";*/ /* font-size: 18px;*/ /* !* line-height: 150%; *!*/ /* !* letter-spacing: 0.01em; *!*/ /* color: #33691e;*/ /* margin-top: 10px;*/ /* margin-bottom: 10px;*/ /* vertical-align: text-top;*/ /*}*/ /*.practic-table--h2 {*/ /* font-family: "SFProDisplay-Bold";*/ /* font-size: 24px;*/ /* line-height: 120%;*/ /* letter-spacing: 0.03em;*/ /* color: #000000;*/ /* margin-bottom: 10px;*/ /*}*/ /*@media screen and (max-width: 835px) {*/ /* .practic-table--item {*/ /* width: 45%;*/ /* }*/ /* .i-bot__container {*/ /* overflow: hidden;*/ /* }*/ /*}*/ body { font-family: "SFProText-Regular"; } /* End */ /* Start:/local/templates/.default/template_styles.css?17506766492142*/ .choose-map { z-index: 0; } #bx-panel { opacity: 0.3; transition: opacity 0.2s; } #bx-panel:hover { opacity: 1; } #bitrix-panel { user-select: none; position: fixed !important; top: 0; width: 90vw !important; left: 50%; transform: translate(-50%, 0px); z-index: 50; } .service-block { position: fixed; bottom: 20px; right: 0px; z-index: 999; } .service-block-content { position: relative; height: 50px; } .expand-collapse { background: white; border-radius: 50% 0 0 50%; width: 50px; height: 50px; z-index: 500; display: flex; cursor: pointer; border: solid #0000004f 1px; border-right-color: rgba(0, 0, 0, 0.31); border-right-style: solid; border-right-width: 1px; position: absolute; right: 0; top: 0; border-right: none; } .expand-collapse img { rotate: 180deg; transition: 0.3s; } .admin-services { height: 100%; background: white; padding-right: 80px; display: flex; flex-direction: row; border-radius: 50px; padding-left: 30px; border: solid 1px #0000003d; transition: 0.5s; right: -100vh; width: max-content; position: absolute; } .services-shown .admin-services { right: 0; } .services-shown .expand-collapse img { rotate: 0deg; } .admin-services a { margin-top: auto; margin-bottom: auto; color: black; font-family: "hero-new", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; color: #202226; } .admin-services a:not(:first-child) { margin-left: 25px; } @media screen and (max-width: 768px) { .service-block { display: none; } } .price-wrapper { display: none; } .price-tab_active { display: block; } [search-click] { cursor: pointer; } @media (min-width: 1161px) { .h-menu-list-link[href="/nochnye-linzy/"], .h-menu-list-link[href="/nochnye-linzy/"]:hover, .h-menu-list-link[href="/nochnye-linzy/"].active { color: #5396fb !important; } } @media (max-width: 1160px) { .h-menu-item-namw-txt[href="/nochnye-linzy/"], .h-menu-item-namw-txt[href="/nochnye-linzy/"]:hover, .h-menu-item-namw-txt[href="/nochnye-linzy/"].active { color: #5396fb !important; } } /* End */ /* /local/assets/preambula/build/app.css?1757393296975319 */ /* /local/templates/.default/assets/css/index.css?1707726015163 */ /* /local/templates/.default/styles.css?17077260156413 */ /* /local/templates/.default/template_styles.css?17506766492142 */