/* Start:/direction/static_content/assets/vivanti-libs/fancybox/3.5.7/jquery.fancybox.min.css?176044867712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/direction/static_content/assets/redkie-bolezni/nimanna-pika/pages/css/nimann-pik-page.css?1760448658115035*/ #telzap-page { font-family: "LatoWeb", san-serif; } #telzap-page .container { margin: 0; padding: 0; width: 100%; } #telzap-page .block { padding: 0; margin: 0 auto; width: 100%; padding-left: 58px; padding-right: 60px; max-width: 1197px; } @media screen and (max-width: 768px) { #telzap-page .block { padding: 0 24px; } } @media screen and (max-width: 600px) { #telzap-page .block { padding: 0 15px; } } #telzap-page .block.relative { position: relative; } #telzap-page .main-banner { padding: 0; width: 100%; margin-bottom: 28px; background-image: url("/direction/static_content/assets/cardiology/telzap/images/banner/banner-doctor.gif"), -webkit-gradient(linear, left top, right top, from(#afdff0), color-stop(30%, #e5eff8), color-stop(40%, #eff6fb), color-stop(50%, #f9fdfe), to(#f9fdfe)); background-image: url("/direction/static_content/assets/cardiology/telzap/images/banner/banner-doctor.gif"), -webkit-linear-gradient(left, #afdff0 0%, #e5eff8 30%, #eff6fb 40%, #f9fdfe 50%, #f9fdfe 100%); background-image: url("/direction/static_content/assets/cardiology/telzap/images/banner/banner-doctor.gif"), -moz- oldlinear-gradient(left, #afdff0 0%, #e5eff8 30%, #eff6fb 40%, #f9fdfe 50%, #f9fdfe 100%); background-image: url("/direction/static_content/assets/cardiology/telzap/images/banner/banner-doctor.gif"), -o-linear-gradient(left, #afdff0 0%, #e5eff8 30%, #eff6fb 40%, #f9fdfe 50%, #f9fdfe 100%); background-image: url("/direction/static_content/assets/cardiology/telzap/images/banner/banner-doctor.gif"), linear-gradient(to right, #afdff0 0%, #e5eff8 30%, #eff6fb 40%, #f9fdfe 50%, #f9fdfe 100%); background-position: 73% center; -moz-background-size: contain; background-size: contain; background-repeat: no-repeat; } #telzap-page .main-banner .block { height: 316px; } #telzap-page .main-banner h1 { font-family: "LatoWeb", san-serif; font-weight: 400; color: #417BAC; font-size: 28px; margin-top: 20px; display: inline-block; } #telzap-page .main-banner .banner-menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 490px; } #telzap-page .main-banner .banner-menu .banner-menu-item.select-border > a { border: 1px solid #00b6e9; } #telzap-page .main-banner .banner-menu .banner-menu-item.shadow-elem * { opacity: 0 !important; } #telzap-page .main-banner .banner-menu .banner-menu-item > a { width: 92px; height: 90px; background-color: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-right: 7px; margin-bottom: 8px; -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 87, 126, 0.25); -moz-box-shadow: 0px 3px 6px 0px rgba(4, 87, 126, 0.25); box-shadow: 0px 3px 6px 0px rgba(4, 87, 126, 0.25); cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } #telzap-page .main-banner .banner-menu .banner-menu-item > a .img-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 42px; height: 42px; margin: 10px auto 7px auto; position: relative; opacity: 1; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } #telzap-page .main-banner .banner-menu .banner-menu-item > a .img-wrapper .white-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } #telzap-page .main-banner .banner-menu .banner-menu-item > a > p { width: 100%; text-align: center; font-size: 11px; color: #417BAC; line-height: 12px; } #telzap-page .main-banner .banner-menu .banner-menu-item > a:hover { background-color: #ebf6ff; } #telzap-page .main-banner .banner-menu .banner-menu-item > a.is-on { background-color: #69B0EB; } #telzap-page .main-banner .banner-menu .banner-menu-item > a.is-on .img-wrapper > img { opacity: 0; } #telzap-page .main-banner .banner-menu .banner-menu-item > a.is-on .img-wrapper .white-img { opacity: 1; } #telzap-page .main-banner .banner-menu .banner-menu-item > a.is-on > p { color: white; } @media screen and (max-width: 1700px) { #telzap-page .main-banner { background-position-x: 82%; } } @media screen and (max-width: 1400px) { #telzap-page .main-banner { -moz-background-size: contain; background-size: contain; background-position-x: 94%; } } @media screen and (max-width: 1200px) { #telzap-page .main-banner { background-position-x: 115%; } } @media screen and (max-width: 1100px) { #telzap-page .main-banner { background-position-x: 160%; } } @media screen and (max-width: 1023px) { #telzap-page .main-banner { background-position-x: 110%; } } @media screen and (max-width: 900px) { #telzap-page .main-banner { background-position-x: 127%; } } @media screen and (max-width: 840px) { #telzap-page .main-banner { background-position-x: 156%; } } @media screen and (max-width: 768px) { #telzap-page .main-banner { background-position-x: 156%; } #telzap-page .main-banner h1 { font-size: 26px; } } @media screen and (max-width: 700px) { #telzap-page .main-banner { background-position-x: 232%; } } @media screen and (max-width: 640px) { #telzap-page .main-banner { background-position-x: 322%; } } @media screen and (max-width: 600px) { #telzap-page .main-banner { background-position-x: center; background-image: url("/direction/static_content/assets/cardiology/telzap/images/banner/banner320x316.gif"); margin-bottom: 110px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #telzap-page .main-banner h1 { font-size: 20px; text-align: center; width: 100%; margin: 0 auto; } #telzap-page .main-banner .banner-menu { margin-right: -4px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 182px; width: 100%; } #telzap-page .main-banner .banner-menu .banner-menu-item > a { margin-right: 4px; } #telzap-page .main-banner .banner-menu .banner-menu-item.shadow-elem { display: none; } } @media screen and (max-width: 530px) { #telzap-page .main-banner { margin-bottom: 130px; -moz-background-size: contain; background-size: contain; background-position-y: -14px; } } @media screen and (max-width: 412px) { #telzap-page .main-banner { margin-bottom: 200px; } } @media screen and (max-width: 390px) { #telzap-page .main-banner h1 br { display: none; } } #telzap-page .swiper-container { padding-bottom: 32px; } #telzap-page .swiper-container .swiper-pagination-lock { display: none !important; } #telzap-page .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; min-width: 12px; background-color: #C3D3DC; border: 2px solid #C3D3DC; opacity: 1; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } #telzap-page .swiper-container .swiper-pagination-bullet:hover { background-color: #8AA7B8; border-color: #8AA7B8; } #telzap-page .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: white; border-color: #FF9D00; } #telzap-page .swiper-container .swiper-pagination-bullets { bottom: 0; } #telzap-page .swiper-container .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #telzap-page .swiper-container .swiper-slide.large-slide { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content { max-width: 712px; width: 100%; min-height: 398px; height: auto; margin-right: 22px; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content:after { display: none; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content .img-wrapper { width: 100%; height: auto; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content .img-wrapper img { width: 100%; height: auto; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content .card-body { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 16px 0 12px; margin-top: 8px; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content .card-body .content { padding: 0; margin-top: 0; max-width: 620px; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content .card-body .content .text { font-family: "LatoWebBold", san-serif; font-weight: 400; font-size: 12px; color: #333333; line-height: 1.2; margin-bottom: 2px; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content .card-body .content .text-muted { line-height: 1.2; margin-bottom: 0; color: #A4BBC8; font-size: 10px; } #telzap-page .swiper-container .swiper-slide.large-slide > .slide-content .card-body .card-date { font-size: 12px; white-space: nowrap; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: auto; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides .slide-content { max-width: 345px; min-width: 345px; width: 100%; height: 118px; min-height: auto; padding-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 22px; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides .slide-content:last-child { margin-bottom: 0; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides .slide-content:after { display: none; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides .slide-content .img-wrapper { margin-right: 10px; min-width: 175px; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides .slide-content .card-body { margin-top: 10px; padding-right: 15px; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides .slide-content .card-body .text { font-family: "LatoWebBold", san-serif; font-size: 12px; line-height: 14px; font-weight: 400; } #telzap-page .swiper-container .swiper-slide.large-slide .small-slides .slide-content .card-body .card-date { font-family: "LatoWeb", san-serif; font-weight: 400; line-height: 1; text-align: right; font-size: 12px; } #telzap-page .swiper-container .swiper-slide.slide-group { width: 100%; } #telzap-page .swiper-container .swiper-slide.slide-group .slide-content { margin-right: 20px; } #telzap-page .swiper-container .swiper-slide.slide-group .slide-content:last-child { margin-right: 0; } @media screen and (max-width: 1250px) { #telzap-page .swiper-container .swiper-slide.slide-group .slide-content { margin-right: 10px; } } #telzap-page .swiper-container .swiper-slide.research-style .slide-content { overflow: hidden; height: auto; padding-bottom: 70px; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .title-text-wrapper { color: white; background: -webkit-linear-gradient(315deg, #93acbf 0%, #a3c9e9 100%); background: -moz- oldlinear-gradient(315deg, #93acbf 0%, #a3c9e9 100%); background: -o-linear-gradient(315deg, #93acbf 0%, #a3c9e9 100%); background: linear-gradient(135deg, #93acbf 0%, #a3c9e9 100%); font-family: "LatoWebBold", san-serif; min-height: 99px; height: 99px; padding: 0 14px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .title-text-wrapper .title { display: inline-block; font-size: 18px; width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .title-text-wrapper .text { display: inline-block; width: 100%; font-size: 16px; line-height: 1.5; margin-bottom: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .content { margin-right: 10px; padding: 0 14px; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .content p { font-family: "LatoWeb", san-serif; font-size: 14px; line-height: 1.45; color: #333333; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .content .button-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; margin: 0 auto; width: 262px; height: 40px; color: #417BAC; font-size: 14px; font-family: "LatoWeb", san-serif; text-align: center; line-height: 40px; border: 1px solid #C3D3DC; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: absolute; bottom: 18px; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .content .button-link:hover { background-color: #F2F9FF; } #telzap-page .swiper-container .swiper-slide.research-style .slide-content .content .button-link:after { content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 28px; height: 28px; position: absolute; top: 50%; right: 6px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/direction/static_content/assets/cardiology/telzap/images/icon-button-arrow.svg"); background-position: center; background-repeat: no-repeat; -moz-background-size: 100%; background-size: 100%; } #telzap-page .swiper-container .swiper-slide.telzap-slide { cursor: pointer; } #telzap-page .swiper-container .swiper-slide.telzap-slide.lecture-slide .slide-content .card.card_lecture { min-height: 425px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } #telzap-page .swiper-container .swiper-slide.telzap-slide.lecture-slide .slide-content .card.card_lecture .card__color-line { top: 0; right: 0; width: 100%; height: 6px; } #telzap-page .swiper-container .swiper-slide.telzap-slide.lecture-slide .slide-content .card.card_lecture .card-text { height: 223px; } #telzap-page .swiper-container .swiper-slide.telzap-slide.lecture-slide .slide-content .card .card-image .card-video { background: transparent; } #telzap-page .swiper-container .swiper-slide.telzap-slide.lecture-slide .slide-content .card .card-image .card-img { max-height: unset; max-width: unset; } @media screen and (max-width: 1023px) { #telzap-page .swiper-container .swiper-slide.telzap-slide.lecture-slide .slide-content .card .card-image img { height: auto; } } #telzap-page .swiper-container .swiper-slide.telzap-slide.novetly-slide .card_lecture .card-image { display: none; } #telzap-page .swiper-container .swiper-slide.telzap-slide .slide-content { max-width: 348px; width: 100%; } #telzap-page .swiper-container .swiper-slide.telzap-slide .slide-content .card { min-height: 198px; } @media screen and (max-width: 1023px) { #telzap-page .swiper-container .swiper-slide.telzap-slide .slide-content .card { min-height: 168px; } } #telzap-page .swiper-container .swiper-slide.telzap-slide .slide-content .card .icon_favorite { background-position: left -156px; } #telzap-page .swiper-container .swiper-slide .card .card-clinical-img { background-repeat: no-repeat; background-position: center center; -moz-background-size: contain; background-size: contain; } #telzap-page .swiper-container .swiper-slide .card .card-clinical-img.card-clinical-img_man { background-image: url("/direction/static_content/assets/cardiology/telzap/images/clinical-case/clinical-man.png"); } #telzap-page .swiper-container .swiper-slide .card .card-clinical-img.card-clinical-img_woman { background-image: url("/direction/static_content/assets/cardiology/telzap/images/clinical-case/clinical-woman.png"); } #telzap-page .swiper-container .swiper-slide .card .card-clinical-img.card-clinical-img_girl { background-image: url("/direction/static_content/assets/cardiology/telzap/images/clinical-case/clinical-girl.png"); } #telzap-page .swiper-container .swiper-slide .card .card-clinical-img.card-clinical-img_boy { background-image: url("/direction/static_content/assets/cardiology/telzap/images/clinical-case/clinical-boy.png"); } #telzap-page .swiper-container .slide-content-old { max-width: 346px; min-width: 290px; width: 100%; min-height: 386px; height: auto; background-color: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.01); -moz-box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.01); box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.01); padding-bottom: 14px; position: relative; overflow: hidden; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } #telzap-page .swiper-container .slide-content-old:hover { -webkit-box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.15); } #telzap-page .swiper-container .slide-content-old:after { content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 53.47%; height: 4px; background-color: #C3D3DC; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); opacity: .43; } #telzap-page .swiper-container .slide-content-old .img-wrapper { width: 100%; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #telzap-page .swiper-container .slide-content-old .img-wrapper > img { width: 100%; height: auto; } #telzap-page .swiper-container .slide-content-old .line-title { margin-top: 17px; padding: 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #telzap-page .swiper-container .slide-content-old .line-title .card-label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #C3D3DC; font-family: "LatoWebBold", san-serif; font-weight: 400; font-size: 10px; line-height: 22px; color: #FF9D00; text-transform: uppercase; min-width: 98px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #telzap-page .swiper-container .slide-content-old .line-title .card-date { font-family: "LatoWeb", san-serif; font-weight: 400; font-size: 12px; line-height: 26px; letter-spacing: initial; } #telzap-page .swiper-container .slide-content-old .content { margin-top: 11px; padding: 0 15px; } #telzap-page .swiper-container .slide-content-old .content > * { margin-bottom: 6px; } #telzap-page .swiper-container .slide-content-old .content .text { font-family: "LatoWeb", san-serif; font-weight: 400; font-size: 14px; line-height: 20px; } #telzap-page .swiper-container .slide-content-old .content .text b { font-family: "LatoWebBold", san-serif; } #telzap-page .swiper-container .slide-content-old .content .text-muted { font-family: "LatoWeb", san-serif; font-weight: 400; font-size: 12px; line-height: 14px; color: #A8BCC7; } #telzap-page .title-panel { background-color: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #DBE4E9; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 94px; padding: 0 25px; margin-bottom: 22px; position: relative; } #telzap-page .title-panel .panel-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } #telzap-page .title-panel .panel-icon .icon-heart { width: 51px; height: 47px; } #telzap-page .title-panel .panel-icon .menu-icon-1 { width: 46px; height: 54px; } #telzap-page .title-panel .panel-icon .menu-icon-2 { width: 44px; height: 35px; } #telzap-page .title-panel .panel-icon .menu-icon-3 { width: 45px; height: 42px; } #telzap-page .title-panel .panel-icon .menu-icon-4 { width: 44px; height: 43px; } #telzap-page .title-panel .panel-icon .menu-icon-5 { width: 34px; height: 42px; } #telzap-page .title-panel .panel-icon .menu-icon-6 { width: 33px; height: 44px; } #telzap-page .title-panel .panel-icon .menu-icon-7 { width: 34px; height: 47px; } #telzap-page .title-panel .panel-icon .menu-icon-8 { width: 41px; height: 46px; } #telzap-page .title-panel .panel-icon .menu-icon-10 { width: 41px; height: 46px; } #telzap-page .title-panel .panel-icon .menu-icon-11 { width: 41px; height: 46px; } #telzap-page .title-panel .panel-icon .panel-title { font-family: "LatoWebLight", san-serif; font-size: 26px; color: #417BAC; margin-left: 25px; } #telzap-page .title-panel .panel-button { border: 1px solid #C3D3DC; background-color: white; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: auto; min-width: 152px; padding-right: 40px; height: 38px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-family: "LatoWeb", san-serif; font-size: 16px; color: #417BAC; padding-left: 15px; position: relative; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } #telzap-page .title-panel .panel-button:hover { background-color: #ebf6ff; } #telzap-page .title-panel .panel-button:after { content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 28px; height: 28px; position: absolute; top: 50%; right: 6px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/direction/static_content/assets/cardiology/telzap/images/icon-button-arrow.svg"); background-position: center; background-repeat: no-repeat; -moz-background-size: 100%; background-size: 100%; } #telzap-page .title-panel .panel-button.cover:after { -webkit-transform: scale(-1, 1) translateY(-50%); -moz-transform: scale(-1, 1) translateY(-50%); -ms-transform: scale(-1, 1) translateY(-50%); -o-transform: scale(-1, 1) translateY(-50%); transform: scale(-1, 1) translateY(-50%); } @media screen and (max-width: 768px) { #telzap-page .title-panel { padding: 0 20px; } #telzap-page .title-panel .panel-icon .icon-heart { width: 47px; height: 43px; } } @media screen and (max-width: 600px) { #telzap-page .title-panel { padding: 20px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 94px; height: auto; } #telzap-page .title-panel .panel-icon > img { width: 40px; height: 40px; } #telzap-page .title-panel .panel-icon .panel-title { text-align: center; font-size: 20px; width: 100%; margin-left: 10px; } #telzap-page .title-panel .panel-button { margin-left: auto; margin-right: auto; margin-top: 20px; height: 38px; } } #telzap-page .approval-number-container .approval-number { width: 100%; font-family: "LatoWeb", san-serif; font-weight: 400; font-size: 12px; color: #333333; text-align: right; } #telzap-page .footnote-container { margin-top: 40px; } #telzap-page .footnote-container .footnote-item { font-family: "LatoWebBold", san-serif; font-size: 12px; line-height: 1.8; color: #C3D3DC; } .nimann-pik-page sup { font-size: 57%; } .nimann-pik-page .container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; max-width: none; padding: 0; overflow: hidden; } .nimann-pik-page .block { max-width: 1280px; width: 100%; padding: 0 28px; } @media screen and (max-width: 768px) { .nimann-pik-page .block { padding: 0 16px; } } .nimann-pik-page .mts { margin-top: 24px; } .nimann-pik-page .mtm { margin-top: 32px; } .nimann-pik-page .mtl { margin-top: 40px; } .nimann-pik-page .mbs { margin-bottom: 24px; } .nimann-pik-page .mbm { margin-bottom: 32px; } .nimann-pik-page .mbl { margin-bottom: 40px; } @media screen and (max-width: 768px) { .nimann-pik-page .mtl { margin-top: 32px; } .nimann-pik-page .mbl { margin-bottom: 32px; } } .nimann-pik-page p { font-weight: 400; font-size: 18px; line-height: 1.33333; color: black; width: 100%; text-align: left; margin-bottom: 16px; } .nimann-pik-page p.nmb { margin-bottom: 0; } .nimann-pik-page .gray-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; padding: 32px; background-color: #F0F0F5; } @media screen and (max-width: 768px) { .nimann-pik-page .gray-container { padding: 32px 18px; } } .nimann-pik-page .gray-container.gray-container__2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .gray-container.gray-container__2 p { margin-bottom: 0; } .nimann-pik-page .gray-container.gray-container__2 .page-title { margin-right: auto; } .nimann-pik-page .gray-container.gray-container__2 .symp-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 100%; max-width: 590px; margin-top: 40px; } .nimann-pik-page .gray-container.gray-container__2 .symp-panel .symp-panel__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .gray-container.gray-container__2 .symp-panel .symp-panel__item .img-wrapper { margin-right: 32px; } .nimann-pik-page .gray-container.gray-container__2 .symp-panel .symp-panel__item .symp-panel__item-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .gray-container.gray-container__2 .symp-panel .symp-panel__item .symp-panel__item-content .symp-panel__item-content-percent { font-weight: 900; color: #742861; font-size: 52px; line-height: 1; } @media screen and (max-width: 620px) { .nimann-pik-page .gray-container.gray-container__2 .symp-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .gray-container.gray-container__2 .symp-panel .symp-panel__item:first-child { margin-bottom: 32px; } } .nimann-pik-page .grey-panel-container .grey-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F0F0F5; padding: 20px 50px 0 50px; } .nimann-pik-page .grey-panel-container .grey-panel .img-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: auto; } .nimann-pik-page .grey-panel-container .grey-panel .img-wrapper img { width: 100%; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: 120px; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content .grey-panel__content-title { font-weight: 900; text-transform: uppercase; color: black; font-size: 26px; line-height: 1.38462; text-align: left; width: 100%; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content .grey-panel__content-desc { font-weight: 400; width: 100%; text-align: left; font-size: 23px; line-height: 1.3913; color: black; margin-bottom: 24px; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content .btn-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: black; color: white; padding: 8px 24px; font-weight: bold; font-size: 26px; line-height: 1.38462; text-align: center; } @media screen and (max-width: 768px) { .nimann-pik-page .grey-panel-container .grey-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 32px; } .nimann-pik-page .grey-panel-container .grey-panel .img-wrapper { margin-bottom: 24px; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content { margin-left: 0; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content .grey-panel__content-title { font-size: 20px; line-height: 1.6; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content .grey-panel__content-desc { font-size: 16px; line-height: 1.25; } .nimann-pik-page .grey-panel-container .grey-panel .grey-panel__content .btn-link { max-width: 320px; width: 100%; margin-left: auto; margin-right: auto; font-size: 26px; } } .nimann-pik-page .grey-panel-container .grey-panel.grey-panel-2 { padding-left: 0; } @media screen and (max-width: 768px) { .nimann-pik-page .grey-panel-container .grey-panel.grey-panel-2 { padding: 20px 32px; } } @media screen and (max-width: 768px) { .nimann-pik-page .grey-panel-container .block { padding: 0; } } .nimann-pik-page .chart-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .chart-container.chart-container__mobile-item img { width: 100%; } .nimann-pik-page .chart-container.chart-container__mobile-item img.desktop { display: block; } .nimann-pik-page .chart-container.chart-container__mobile-item img.mobile { display: none; } @media screen and (max-width: 768px) { .nimann-pik-page .chart-container.chart-container__mobile-item img.desktop { display: none; } .nimann-pik-page .chart-container.chart-container__mobile-item img.mobile { display: block; width: auto; max-width: 100%; } } .nimann-pik-page .chart-container.chart-container__scroll-item { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow-x: auto; } .nimann-pik-page .chart-container.chart-container__scroll-item img { max-width: none; width: auto; } @media screen and (max-width: 768px) { .nimann-pik-page .chart-container.chart-container__scroll-item { overflow-x: auto; padding-bottom: 20px; } .nimann-pik-page .chart-container.chart-container__scroll-item img { max-width: none; } } .nimann-pik-page .chart-container.chart-container__adaptive { display: table; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto; position: relative; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup { position: absolute; top: 5%; left: 5%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 28.4%; height: 12.4%; background-color: transparent; opacity: 0; cursor: pointer; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-1 { top: 13.3%; left: 0.8%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-2 { top: 46.8%; left: 0.8%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-3 { top: 78%; left: 0.8%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-4 { top: 13.3%; left: 66.3%; width: 34%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-5 { top: 46.7%; left: 66.3%; width: 34%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-6 { top: 78.1%; left: 66.3%; width: 34%; } @media screen and (max-width: 768px) { .nimann-pik-page .chart-container.chart-container__adaptive .open-popup { width: 89%; height: 6%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-1 { top: 0.1%; left: 6.9%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-2 { top: 8.4%; left: 7.8%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-3 { top: 16.7%; left: 8%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-4 { top: 77.3%; left: 0%; width: 98%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-5 { top: 85.6%; left: 0%; width: 98%; } .nimann-pik-page .chart-container.chart-container__adaptive .open-popup.btn-6 { top: 93.9%; left: 0%; width: 98%; } } .nimann-pik-page .page-title { font-weight: 900; font-size: 26px; line-height: 1.38462; text-align: left; width: 100%; color: black; text-transform: uppercase; margin-bottom: 24px; } .nimann-pik-page .page-title.page-title__subtitle { text-transform: none; font-weight: bold; } .nimann-pik-page .row-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; margin-bottom: 16px; } .nimann-pik-page .row-item .img-wrapper { margin-right: 40px; } .nimann-pik-page .row-item .img-wrapper img { width: auto; max-width: none; } .nimann-pik-page .row-item p { margin-bottom: 0; } @media screen and (max-width: 768px) { .nimann-pik-page .row-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .row-item .img-wrapper { margin-right: 0; margin-bottom: 16px; } .nimann-pik-page .row-item .img-wrapper img { max-width: 100%; } } .nimann-pik-page .row-item.row-item-style-1 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .row-item.row-item-style-1 .img-wrapper img { max-width: 37px; } @media screen and (max-width: 768px) { .nimann-pik-page .row-item.row-item-style-1 { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .row-item.row-item-style-1 .img-wrapper img { max-width: none; } } .nimann-pik-page .row-item.row-item-style-2 { max-width: 542px; margin-left: auto; margin-right: auto; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item:first-child { margin-bottom: 32px; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item .row-item__content-item-type { font-weight: bold; font-size: 20px; line-height: 1.2; color: black; text-align: right; margin-right: 25px; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item .row-item__content-item-value { font-weight: 900; color: #742861; font-size: 52px; line-height: 1; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item .row-item__content-item-desc { font-weight: 400; font-size: 18px; line-height: 1.33333; color: black; margin-left: 24px; } @media screen and (max-width: 768px) { .nimann-pik-page .row-item.row-item-style-2 .row-item__content { max-width: 300px; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item .row-item__content-item-type { width: 100%; text-align: left; margin-bottom: 18px; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item .row-item__content-item-desc { margin-left: 0; } .nimann-pik-page .row-item.row-item-style-2 .row-item__content .row-item__content-item .row-item__content-item-desc br { display: none; } } .nimann-pik-page .row-item.row-item-style-3-bullets ul { padding-left: 20px; list-style: disc; } .nimann-pik-page .row-item.row-item__description-panel { margin: 60px auto !important; max-width: 300px; width: 100%; } .nimann-pik-page .row-item.row-item__description-panel p { text-align: center; } .nimann-pik-page .popups-wrapper { display: none; } .nimann-pik-page .header-banner-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .nimann-pik-page .header-banner-container .block { max-width: 1280px; width: 100%; } .nimann-pik-page .header-banner-container .block:not(.block-img) { margin-top: -6%; z-index: 10; position: relative; } .nimann-pik-page .header-banner-container .block.block-img { max-width: 1280px; padding: 0; } .nimann-pik-page .header-banner-container .header-banner { background-color: #0158BB; min-height: 220px; height: auto; padding: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .header-banner-container .header-banner .header-banner__line { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .nimann-pik-page .header-banner-container .header-banner .header-banner__line .header-banner__date-label { font-weight: 400; font-size: 14px; line-height: 1; color: white; text-transform: uppercase; } .nimann-pik-page .header-banner-container .header-banner .header-banner__line .header-banner__favorite-block button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; width: auto; } .nimann-pik-page .header-banner-container .header-banner .header-banner__line .header-banner__favorite-block button span { display: inline-block; margin-left: 10px; padding-bottom: 7px; font-size: 14px; } .nimann-pik-page .header-banner-container .header-banner .detail-header__title { font-weight: bold; font-size: 32px; line-height: 40/32; color: white; max-width: 580px; } .nimann-pik-page .header-banner-container .header-banner .detail-header__stat { color: white; } .nimann-pik-page .header-banner-container .header-banner .tag-list a { pointer-events: none !important; } @media screen and (max-width: 768px) { .nimann-pik-page .header-banner-container .block { padding-left: 0; padding-right: 0; } .nimann-pik-page .header-banner-container .header-banner .header-banner__line .header-banner__favorite-block button span { display: none; } .nimann-pik-page .header-banner-container .header-banner .detail-header__title { font-size: 23px; line-height: 1.21739; } .nimann-pik-page .header-banner-container .header-banner .tag-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .nimann-pik-page .footnote-block { width: 100%; } .nimann-pik-page .footnote-block .footnote-block__title { font-weight: bold; font-size: 23px; line-height: 1.21739; width: 100%; text-align: left; color: black; margin-bottom: 16px; } .nimann-pik-page .footnote-block .footnote-items { font-weight: 300; font-size: 16px; line-height: 1.5; color: black; text-align: left; } .nimann-pik-page .side-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 1280px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 28px; } .nimann-pik-page .side-container > *:first-child { margin-right: auto; width: 100%; } .nimann-pik-page .side-container > *:last-child { margin-left: 24px; width: 100%; max-width: 392px; } .nimann-pik-page .side-container .block { padding: 0; } @media screen and (max-width: 1000px) { .nimann-pik-page .side-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .side-container > *:first-child { margin-right: auto; margin-left: auto; } .nimann-pik-page .side-container > *:last-child { display: none; margin-left: 0; width: 100%; max-width: none; } } .nimann-pik-page .calc-ckf-container { background-color: #DCDCE5; } .nimann-pik-page .calc-ckf-container .block { margin: 24px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .nimann-pik-page .calc-ckf-container .block > * { background-color: white; padding: 32px 24px 24px 24px; } .nimann-pik-page .calc-ckf-container .block .calc-container { width: 808px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .calc-ckf-container .block .calc-container .content-title { width: 100%; font-weight: bold; text-align: left; color: black; font-size: 20px; line-height: 1.4; margin-bottom: 12px; } .nimann-pik-page .calc-ckf-container .block .calc-container .content-title:first-child { margin-bottom: 32px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line > *:first-child { margin-right: 34px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line > *:last-child { margin-right: 0; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line.form-line__radio { margin-bottom: 30px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line.form-line__top { width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group_label { font-weight: 400; font-size: 16px; line-height: 1.25; color: black; margin-bottom: 4px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group-counter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group-counter .text-label { font-weight: 400; font-size: 18px; line-height: 1; color: black; margin-left: 12px; margin-top: 20px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group-counter .counter-label { display: none; font-weight: bold; color: #0158BB; font-size: 20px; line-height: 1.4; margin-left: 30px; margin-top: 21px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 140px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio .custom-radio { content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-width: 20px; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid black; margin-right: 10px; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio .custom-radio:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 10px; height: 10px; background-color: black; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; opacity: 0; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio input:checked + .custom-radio { position: relative; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio input:checked + .custom-radio:after { opacity: 1; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio input:checked ~ .radio-text { font-weight: 400; color: black; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio input { opacity: 0; position: absolute; top: 4px; left: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 20px; height: 20px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio .radio-text { font-weight: 300; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio.group-is-invalid .custom-radio { border-color: red; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio.group-is-invalid label { color: red; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select { border: none; border: 2px solid black; height: 52px; padding: 14px 28px 14px 16px; font-size: 18px; line-height: 1.33333; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; outline: none; color: black; font-weight: 400; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input:focus, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select:focus { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input::-webkit-input-placeholder, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select::-webkit-input-placeholder { color: #707075; font-weight: 300; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input::-moz-placeholder, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select::-moz-placeholder { color: #707075; font-weight: 300; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input::-ms-input-placeholder, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select::-ms-input-placeholder { color: #707075; font-weight: 300; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input::placeholder, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select::placeholder { color: #707075; font-weight: 300; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input.control-is-invalid, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select.control-is-invalid { border-color: red; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select { padding-top: 0; padding-bottom: 0; color: black; font-weight: 400; } .nimann-pik-page .calc-ckf-container .block .calc-container .footnote-text { margin-top: 32px; text-align: left; width: 100%; font-size: 16px; line-height: 1.5; font-weight: 300; color: #707075; margin-bottom: 32px; } .nimann-pik-page .calc-ckf-container .block .calc-container .buttons-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: auto; width: 100%; } .nimann-pik-page .calc-ckf-container .block .calc-container .buttons-block button { border: 2px solid black; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; padding: 8px 16px; height: 52px; text-align: center; color: black; background-color: white; font-weight: bold; font-size: 26px; line-height: 1.38462; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 48%; } .nimann-pik-page .calc-ckf-container .block .calc-container .buttons-block button.btn-calc { color: white; background-color: black; } @media screen and (max-width: 1080px) { .nimann-pik-page .calc-ckf-container .block .calc-container { max-width: 808px; width: 100%; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group.form-group-radio { width: 100px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group input, .nimann-pik-page .calc-ckf-container .block .calc-container .form-group select { width: 100%; min-width: 150px; } } .nimann-pik-page .calc-ckf-container .block .calc-result-container { margin-left: 24px; width: 392px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: auto; width: 100%; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-group:first-child { min-height: 280px; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-title { width: 100%; text-align: left; font-weight: bold; font-size: 20px; line-height: 1.4; color: black; margin-bottom: 12px; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-ckf-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; text-align: center; margin-bottom: 32px; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); pointer-events: auto; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-ckf-block .result-ckf__text { font-weight: 400; font-size: 16px; line-height: 1.25; color: black; text-transform: uppercase; margin-bottom: 5px; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-ckf-block .result-ckf__value { font-weight: 800; font-size: 48px; line-height: 1; color: black; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-ckf-block .result-ckf__units { font-weight: 400; font-size: 18px; line-height: 1.33333; color: black; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-ckf-block.is-on { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); pointer-events: auto; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-desc { font-weight: 300; font-size: 20px; line-height: 1.4; width: 100%; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); pointer-events: none; } .nimann-pik-page .calc-ckf-container .block .calc-result-container .result-desc.is-on { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); pointer-events: auto; } @media screen and (max-width: 940px) { .nimann-pik-page .calc-ckf-container .block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .calc-ckf-container .block .calc-container { width: 100%; max-width: none; margin-bottom: 30px; } .nimann-pik-page .calc-ckf-container .block .calc-result-container { width: 100%; max-width: none; margin-left: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media screen and (max-width: 640px) { .nimann-pik-page .calc-ckf-container .block > * { background-color: white; padding: 28px 16px 16px 16px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line.form-line__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-line.form-line__radio { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group-counter { margin-bottom: 20px; } .nimann-pik-page .calc-ckf-container .block .calc-container .form-group-counter:last-child { margin-top: 20px; } .nimann-pik-page .calc-ckf-container .block .calc-container .footnote-text { margin: 20px 0; } .nimann-pik-page .calc-ckf-container .block .calc-container .buttons-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .calc-ckf-container .block .calc-container .buttons-block > button { width: 100%; } .nimann-pik-page .calc-ckf-container .block .calc-container .buttons-block > button:first-child { margin-bottom: 10px; } .nimann-pik-page .calc-ckf-container .block .calc-result-container { width: 100%; max-width: none; margin-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } .nimann-pik-page .footnote-container { padding-top: 40px; } .nimann-pik-page .footnote-container .popup-buttons { max-width: 752px; width: 100%; margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nimann-pik-page .footnote-container .popup-buttons button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 48%; padding: 0; font-weight: bold; font-size: 20px; line-height: 1.4; color: black; text-align: left; margin-bottom: 20px; } .nimann-pik-page .footnote-container .popup-buttons button .btn-text { margin-bottom: 9px; } .nimann-pik-page .footnote-container .popup-buttons button .btn-text-detail { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: auto; } .nimann-pik-page .footnote-container .popup-buttons button .btn-text-detail:after { content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 24px; height: 24px; margin-left: 12px; background-image: url("/direction/static_content/assets/cardiology/telzap/images/diagnosis-formulation/arrow-forward-icon_black.svg"); background-position: center; -moz-background-size: 100%; background-size: 100%; background-repeat: no-repeat; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } @media screen and (max-width: 768px) { .nimann-pik-page .footnote-container .popup-buttons { max-width: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .nimann-pik-page .footnote-container .popup-buttons button { width: 100%; margin-bottom: 20px; } } .nimann-pik-page .footnote-container .footnote-desc { color: black; font-weight: 300; font-size: 18px; line-height: 1.33333; max-width: 752px; width: 100%; margin-bottom: 40px; } .nimann-pik-page .footnote-container .footer-line { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .footnote-container .footer-line .exp-list { width: 100%; } .nimann-pik-page .footnote-container .footer-line .share-block { min-width: 392px; margin-left: 40px; } @media screen and (max-width: 768px) { .nimann-pik-page .footnote-container .footer-line { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .nimann-pik-page .footnote-container .identifier { height: auto; background-position-y: 0; } .nimann-pik-page .footnote-container .identifier .identifier__title { font-size: 13px; line-height: 1.23077; font-weight: 400; color: black; text-align: left; } .nimann-pik-page .footnote-container .identifier .identifier__number { font-weight: 400; color: #707075; font-size: 14px; line-height: 1.42857; } .nimann-pik-page .footnote-container .cross-links__title { font-weight: 800; text-transform: uppercase; color: black; margin: 40px 6px 15px 0; font-size: 26px; } .nimann-pik-page .footnote-container .cross-links-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: auto; } .nimann-pik-page .footnote-container .cross-links-wrapper .cross-link__block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 288px; width: 100%; height: auto; padding: 24px 0; margin-right: 24px; border-bottom: 1px solid #e0e0e5; } .nimann-pik-page .footnote-container .cross-links-wrapper .cross-link__block .cross-link__block_img-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-width: 48px; width: 48px; height: 48px; margin-right: 12px; } .nimann-pik-page .footnote-container .cross-links-wrapper .cross-link__block .cross-link__block_img-wrapper img { width: 100%; height: 100%; } .nimann-pik-page .footnote-container .cross-links-wrapper .cross-link__block .cross-link__block-name { font-size: 15px; font-weight: 400; line-height: 1.4; color: black; height: 63px; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; } .nimann-pik-page .footnote-container .cross-links-wrapper .cross-link__block:hover .cross-link__block-name { color: #0158bb; } .nimann-pik-page .manifestations-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50%; height: 650px; } .nimann-pik-page .manifestations-wrapper .manifestations-block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 32px; } .nimann-pik-page .manifestations-wrapper .manifestations-block .img-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 24px; } .nimann-pik-page .manifestations-wrapper .manifestations-block .img-wrapper img { max-width: none; } .nimann-pik-page .manifestations-wrapper .manifestations-block .manifestations-block-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .nimann-pik-page .manifestations-wrapper .manifestations-block .manifestations-block-content .manifestations-block-content__title { width: 100%; font-weight: bold; font-size: 18px; line-height: 1.33333; text-align: left; margin-bottom: 10px; } .nimann-pik-page .manifestations-wrapper .manifestations-block .manifestations-block-content ul { padding-left: 25px; list-style: disc; } .nimann-pik-page .manifestations-wrapper .manifestations-block .manifestations-block-content ul li { font-weight: 400; font-size: 18px; line-height: 1.33333; } @media screen and (max-width: 1260px) { .nimann-pik-page .manifestations-wrapper { height: 800px; } } @media screen and (max-width: 1120px) { .nimann-pik-page .manifestations-wrapper { width: 100%; height: auto; } } @media screen and (max-width: 400px) { .nimann-pik-page .manifestations-wrapper .manifestations-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 250px; margin-left: auto; margin-right: auto; } .nimann-pik-page .manifestations-wrapper .manifestations-block .img-wrapper { margin-right: 0; margin-bottom: 24px; } } .nimann-pik-page .patogenez-items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .nimann-pik-page .patogenez-items .patogenez-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 60px; width: 100%; } .nimann-pik-page .patogenez-items .patogenez-item:last-child { margin-bottom: 0; } .nimann-pik-page .patogenez-items .patogenez-item .img-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 32px; position: relative; } .nimann-pik-page .patogenez-items .patogenez-item .img-wrapper .item-line { position: absolute; bottom: 99%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 2px; background-color: #742861; } .nimann-pik-page .patogenez-items .patogenez-item .img-wrapper img { max-width: none; } .nimann-pik-page .patogenez-items .patogenez-item p { margin-bottom: 0; } @media screen and (max-width: 640px) { .nimann-pik-page .patogenez-items .patogenez-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 76px; margin-bottom: 0; } .nimann-pik-page .patogenez-items .patogenez-item:first-child { margin-top: 0; } .nimann-pik-page .patogenez-items .patogenez-item:first-child .img-wrapper:after { opacity: 0; pointer-events: none; } .nimann-pik-page .patogenez-items .patogenez-item .img-wrapper { margin-right: 0; margin-bottom: 24px; position: relative; } .nimann-pik-page .patogenez-items .patogenez-item .img-wrapper .item-line { display: none; } .nimann-pik-page .patogenez-items .patogenez-item .img-wrapper:after { content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 2px; height: 40px; background-color: #742861; position: absolute; bottom: 120%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .nimann-pik-page .patogenez-items .patogenez-item .img-wrapper img { max-width: none; } } .nimann-pik-page .patogenez-items.patogenez-items-2 { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 640px) { .nimann-pik-page .patogenez-items.patogenez-items-2 { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } body .popup { max-width: 1016px; width: 100%; padding: 80px 108px 80px 103px; display: none; } body .popup h3, body .popup h4, body .popup p { max-width: 804px; margin-left: auto; margin-right: auto; } body .popup p { color: black; font-size: 18px; line-height: 1.33333; font-weight: 400; } body .popup .close-btn { position: absolute; top: 24px; right: 24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 24px; height: 24px; cursor: pointer; } body .popup .close-btn:after { content: ''; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("/direction/static_content/assets/cardiology/telzap/images/diagnosis-formulation/popup-close-icon.svg"); background-position: center; -moz-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } body .popup .popup-title { font-weight: 900; font-size: 30px; line-height: 1.33333; text-transform: uppercase; text-align: center; color: black; width: 100%; margin-bottom: 42px; } body .popup .row-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 32px; } body .popup .row-item:last-child { margin-bottom: 0; } body .popup .row-item .img-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 32px; } body .popup .row-item .img-wrapper img { max-width: none; } body .popup .row-item .row-item__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } body .popup .row-item .row-item__content ul { list-style: disc; padding-left: 20px; } @media screen and (max-width: 768px) { body .popup .row-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body .popup .row-item .img-wrapper { margin-right: 0; margin-bottom: 20px; } } @media screen and (max-width: 768px) { body .popup { padding: 80px 40px 80px 40px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { p { width: 100%; height: auto; } h1 { width: 100%; } } /*# sourceMappingURL=nimann-pik-page.css.map */ /* End */ /* /direction/static_content/assets/vivanti-libs/fancybox/3.5.7/jquery.fancybox.min.css?176044867712795 */ /* /direction/static_content/assets/redkie-bolezni/nimanna-pika/pages/css/nimann-pik-page.css?1760448658115035 */