@charset "UTF-8"; @charset "UTF-8"; @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }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)}} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @font-face { font-family: "Museo Sans Cyrl"; src: url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.woff2) format("woff2"), url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-300.woff) format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Museo Sans Cyrl"; src: url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.woff2) format("woff2"), url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-500.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Museo Sans Cyrl"; src: url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.woff2) format("woff2"), url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-700.woff) format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Museo Sans Cyrl"; src: url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.woff2) format("woff2"), url(//med-skills.ru/wp-content/themes/med-skills/assets/fonts/MuseoSansCyrl-900.woff) format("woff"); font-weight: 900; font-style: normal; font-display: swap; } * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #252525; } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus, :active { outline: none; } a:focus, a:active { outline: none; } nav, footer, header, aside { display: block; } html, body { width: 100%; height: 100%; font-size: 16px; font-family: "Museo Sans Cyrl", sans-serif; font-weight: 500; line-height: 18px; color: #252525; } input, button, textarea { font-family: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; border: 0; outline: none; } button::-moz-focus-inner { padding: 0; border: 0; } a { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul, li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; } sup { color: inherit; } .container { max-width: 1300px; padding: 0 20px; width: 100%; margin: 0 auto; } .hide { display: none; } .noclick { pointer-events: none; } .fancybox-button svg * { color: #fff; } .fancybox-infobar { color: #fff; } .fancybox-infobar span { color: #fff; } .blueColor { color: #005DFF; } .title { font-weight: 700; font-size: 35px; line-height: 42px; margin-bottom: 40px; } .title-big { line-height: 45px; font-size: 40px; } .title-small { font-size: 28px; line-height: normal; margin-bottom: 20px; } .title-gradient { padding: 20px; text-align: center; color: #fff; border-radius: 15px; background: rgb(0, 93, 255); background: -webkit-gradient(linear, left top, right top, from(rgb(0, 93, 255)), color-stop(35%, rgb(126, 0, 255)), to(rgb(253, 60, 118))); background: -o-linear-gradient(left, rgb(0, 93, 255) 0%, rgb(126, 0, 255) 35%, rgb(253, 60, 118) 100%); background: linear-gradient(90deg, rgb(0, 93, 255) 0%, rgb(126, 0, 255) 35%, rgb(253, 60, 118) 100%); } .whiteColor { color: #fff; } .pinkColor { color: #fd3c76; } .blueColor { color: #005DFF; } .admission-detail__wrapper .blueColor{ color: #005DFF; text-decoration: underline; } .button-widget { position: fixed; display: block; left: 15px; bottom: 2%; border: none; border-radius: 10px; background-image: url(); background-position: center; background-repeat: no-repeat; background-size: cover; width: 160px; height: 115px; background-image: url(//med-skills.ru/wp-content/themes/med-skills/assets/images/apply/ord.png); z-index: 99; cursor: pointer; } .btn { cursor: pointer; display: inline-block; position: relative; padding: 14px 22px; font-size: 16px; line-height: 19px; font-weight: 700; color: #fff; outline: 0; background-color: #005DFF; border-radius: 5px; border: 0; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; border: 1px solid #005DFF; } .btn:hover { color: #005DFF; background-color: #fff; border: 1px solid #005DFF; } .btn:hover span { color: #fff; } .btn--border { color: #005DFF; background-color: inherit; border-radius: 15px; border: 1px solid #005DFF; } .btn--border:hover { border: 1px solid #fff; color: #fff; background-color: #005DFF; } .btn--border:hover span { color: #fff; } .btn--border:hover .icon-eye { fill: #fff; } .btn--requirements { cursor: pointer; text-decoration: underline; } .btn--blue { background-color: #005DFF; border-radius: 32px; border: 1px solid #005DFF; font-size: 18px; } .btn--pink { background-color: #FD3C76; border-radius: 32px; border: 1px solid #FD3C76; font-size: 18px; } .nav__link { padding: 5px 10px; border-radius: 15px; border: 1px solid rgba(38, 38, 38, 0); -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .nav__link:hover { border: 1px solid rgb(38, 38, 38); } .icon-check { width: 17px; height: 12px; } .icon-deg-arrow { width: 10px; height: 10px; } .icon-useful { width: 60px; height: 60px; } .icon-important { width: 60px; height: 60px; } .icon-deg-arrow-card { width: 19px; height: 19px; } .icon-search { width: 19px; height: 19px; } .icon-star { height: 14px; width: 14px; } .icon-logo-gray { width: 53px; height: 40px; } .icon-deg-arrow-catalog { width: 53px; height: 20px; } .icon-sveden { width: 52px; height: 60px; margin-right: 10px; } .icon-link { width: 40px; height: 40px; margin-right: 20px; } .icon-oneCoin { width: 22px; height: 16px; } .icon-twoCoin { width: 46px; height: 20px; } .icon-threeCoin { width: 70px; height: 24px; } .icon-poss { width: 24px; height: 21px; } .icon-play { width: 40px; height: 40px; } .icon-briefcase { width: 30px; height: 25px; } .icon-medal { width: 30px; height: 35px; } .icon-triangle { width: 12px; height: 13px; } .arrow-right-icon { width: 16px; height: 16px; margin-right: 8px; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .blackColor { color: #252525; font-weight: 700; } .input { border: 1px solid #666666; border-radius: 5px; padding: 13px 48px 13px 16px; -webkit-transition: padding, color 0.3s ease; -o-transition: padding, color 0.3s ease; transition: padding, color 0.3s ease; width: 100%; font-size: 16px; } .white__bg { display: inline-block; margin-top: 10px; border-radius: 15px; padding: 0 14px; background-color: #fff; } #pagination { color: #fff; } .pagination { color: #fff; } .swiper-button-next { top: auto; right: 30px; left: auto; bottom: 20px; width: 40px; height: 40px; cursor: pointer; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15); box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15); } .swiper-button-prev { top: auto; left: auto; right: 85px; bottom: 20px; width: 40px; height: 40px; cursor: pointer; background-color: #fff; border-radius: 50%; -webkit-box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15); box-shadow: 0 2px 66px rgba(125, 143, 179, 0.15); } .swiper-button-next:after { position: absolute; top: 14px; left: 12px; width: 10px; height: 10px; content: ""; border-top: 2px solid black; border-right: 2px solid black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .swiper-button-prev:after { position: absolute; top: 14px; left: 16px; width: 10px; height: 10px; content: ""; border-top: 2px solid black; border-right: 2px solid black; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .hidden-date::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.95; content: "Сначала выберите врача"; font-size: 18px; font-weight: 700; color: #005DFF; background-color: #fff; overflow: hidden; z-index: 5; border-radius: 15px; } .hidden-time::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.95; content: "Сначала выберите дату посещения"; font-size: 18px; font-weight: 700; color: #005DFF; background-color: #fff; overflow: hidden; z-index: 5; border-radius: 15px; } .hidden-form::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0.95; content: "Выберите дату и время посещения"; font-size: 18px; font-weight: 700; color: #005DFF; background-color: #fff; overflow: hidden; z-index: 5; border-radius: 15px; } .select2-dropdown { border: 0px; margin-top: 5px; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 18px; padding: 7px; -webkit-box-shadow: 0px 6px 8px 0px rgba(32, 32, 32, 0.2); box-shadow: 0px 6px 8px 0px rgba(32, 32, 32, 0.2); } .select2-dropdown .select2-search--dropdown .select2-search__field { border-radius: 5px; font-size: 16px !important; margin-bottom: 10px; } .select2-dropdown .select2-results__option--highlighted { background-color: #005DFF !important; border-radius: 2px; } .icon-logo { height: 51px; } .icon-eye { width: 25px; height: 18px; } .header { position: sticky; z-index: 10; top: 0; left: 0; width: 100%; z-index: 500; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .header.active { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: color .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); -o-transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); } .header .dropdown { position: relative; } .header_login { font-weight: 500; font-size: 11px; line-height: 12px; text-transform: uppercase; color: #fff; } .header .dropdown-menu { display: none; position: absolute; top: 30px; z-index: 10; background-color: #fff; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); padding: 20px; border-radius: 0 0 15px 15px; } .header__top { background-color: #1f2533; } .header__top-wrapper { padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__top-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__top-list li { margin-right: 27px; position: relative; } .header__top-list li a { font-weight: 500; font-size: 11px; line-height: 12px; text-transform: uppercase; color: #fff; } .header__top-list li a:hover { text-decoration: underline; } .header__top-nav { padding: 10px; } .header__top-nav li { margin-right: 0; margin-bottom: 14px; } .header__top-nav li a { color: #1f2533; } .header__top-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__top-action { cursor: pointer; } .header__top-line { content: ""; background: #fff; opacity: 0.6; height: 16px; width: 1px; display: block; margin: 0 13px; } .header__middle { padding: 14px 0; background-color: #fff; border-bottom: 1px solid rgba(31, 37, 51, 0.1); } .header__middle-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__middle-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__middle-contacts_item { font-weight: 500; text-align: right; margin-right: 30px; } .header__middle-contacts_item span { font-size: 14px; } .header__middle-contacts_item a { font-size: 14px; } .header__middle-contacts_item a:hover { text-decoration: underline; } .header__middle-contacts_item p { padding-top: 4px; } .header__middle-contacts_item b:hover { color: #005dff; } .header__middle-contacts_item--btn { font-size: 16px; font-weight: 600; color: #005DFF; padding: 12px 24px; border-radius: 30px; border: 1px solid #005DFF; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header__middle-contacts_item--btn:hover { border: 1px solid #005DFF; background-color: #005DFF; color: #fff; } .pedsys_btn{ color: white; padding: 12px 24px; margin-left: 30px; border-radius: 100px; transition: all 0.3s; background-color: black; cursor: pointer; font-weight: 600; font-size: 16px; } .pedsys_btn:hover{ background-color: #005DFF; } .header__bottom { padding: 15px 0; background-color: #fff; border-bottom: 1px solid rgba(31, 37, 51, 0.1); } .header__bottom .header__logo { display: none; } .header__bottom-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__bottom-nav li { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .header__bottom-nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 18px; } .header__bottom-nav li a:hover { text-decoration: underline; } .header__bottom .nav__list { font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .header__bottom-action_btn { display: none; } .header__bottom-action_phone{ display: none; } .header__bottom .nav__list .nav__link { font-size: 18px; margin-right: 30px; cursor: pointer; } .header__bottom .nav__list .nav__link a:hover { text-decoration: underline; } .header__bottom-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__bottom-action { cursor: pointer; margin-right: 30px; text-align: right; } .header__bottom-action:hover b { color: #005dff; } .header__bottom-action span { font-size: 14px; font-weight: 500; } .header__bottom-action p { padding-top: 4px; } .header .header__menu-opener { background-color: #fff; } .header .navigation__section { position: fixed; top: -200%; left: 0; width: 100%; max-width: 1920px; background-color: #fff; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; z-index: -1; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: color .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); -o-transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); } .header .navigation__section.open { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 1; top: 185px; z-index: 1000; background-color: #fff; -webkit-box-shadow: 0 20px 15px rgba(0, 93, 255, 0.15); box-shadow: 0 20px 15px rgba(0, 93, 255, 0.15); } .header .main-menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .header .main-menu__column { padding: 50px 20px; width: 25%; } .header .main-menu__list p { font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 32px; } .header .main-menu__list li { font-weight: 400; font-size: 16px; line-height: 20px; margin-bottom: 16px; } .header .main-menu__list li:hover a { text-decoration: underline; } .catalog-nav__mobile-wrapper { display: none; padding-top: 15px; } .catalog-nav__mobile-wrapper.open { display: block; } .catalog-nav__mobile-wrapper .catalog-nav__mobile-item a { display: inline-block; margin-bottom: 10px; padding: 7px 11px; border-radius: 15px; border: 1px solid #252525; font-weight: 400; font-size: 14px; line-height: 16px; color: #000; text-decoration: none; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .catalog-nav__mobile-wrapper_sveden { display: none; padding-top: 15px; } .catalog-nav__mobile-wrapper_sveden.open { display: block; } .catalog-nav__mobile-wrapper_sveden .catalog-nav__mobile-item a { display: inline-block; margin-bottom: 10px; padding: 7px 11px; border-radius: 15px; border: 1px solid #252525; font-weight: 400; font-size: 14px; line-height: 16px; color: #000; text-decoration: none; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .nav-catalog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; background-color: inherit; } .nav-icon { margin-right: 5px; width: 33px; height: 22px; position: relative; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .nav-icon span { display: block; position: absolute; height: 3px; width: 20px; background-color: #1f2533; opacity: 1; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .nav-icon span:nth-child(even) { left: 13px; border-radius: 0 9px 9px 0; } .nav-icon span:nth-child(odd) { left: 0; border-radius: 9px 0 0 9px; } .nav-icon span:nth-child(1), .nav-icon span:nth-child(2) { top: -2px; } .nav-icon span:nth-child(3), .nav-icon span:nth-child(4) { top: 9px; left: 1px; width: 30px; } .nav-icon span:nth-child(5), .nav-icon span:nth-child(6) { top: 20px; } .nav-icon.open span:nth-child(1) { left: -50%; opacity: 0; } .nav-icon.open span:nth-child(2) { left: 100%; opacity: 0; } .nav-icon.open span:nth-child(3) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-icon.open span:nth-child(4) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-icon.open span:nth-child(5) { left: -50%; opacity: 0; } .nav-icon.open span:nth-child(6) { left: 100%; opacity: 0; } .nav-catalog-mobile { display: none; background-color: inherit; border: none; margin-left: 10px; padding: 7px 11px; } .nav-catalog-mobile:hover { background-color: inherit; border: none; } .nav-icon-mobile { margin-left: 0; } .nav-icon-mobile span { background-color: #1f2533; } .fancybox-close-small { color: #000; } .fancybox-close-small svg path { fill: #000; } .intro { padding: 60px 0; background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; background-image: url(//med-skills.ru/wp-content/themes/med-skills/assets/images/index-bg.png); } .intro__suptitle { font-size: 14px; line-height: 20px; color: #005dff; text-transform: uppercase; margin-bottom: 30px; } .intro__title { font-weight: 700; font-size: 45px; line-height: 54px; margin-bottom: 36px; } .intro__container { border-radius: 15px; padding: 40px; margin-bottom: 50px; background-color: #fff; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); } .intro__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 35px; } .intro__wrapper-content { max-width: 750px; } .intro__wrapper-content .btn-right { color: #1f2533 !important; background-color: #fff !important; } .intro__wrapper img { border-radius: 15px; max-width: 100%; } .intro__wrapper-video { max-width: 600px; } .intro__wrapper-video video { border-radius: 15px; width: 100%; height: auto; max-height: 100%; } .intro__list { margin-bottom: 35px; border-radius: 15px; } .intro__list .intro__item { font-size: 17px; font-weight: 500; line-height: normal; padding-left: 5px; margin-bottom: 16px; position: relative; } .intro__list .intro__item .icon-check { position: absolute; top: 7px; left: 0; z-index: 1; content: ""; height: 6px; width: 6px; background-color: #005dff; border-radius: 50%; } .intro__list .intro__item-text { margin-left: 10px; } .intro__list .intro__item-text span { font-weight: 600; } .intro__include { border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 45px; background-color: #fff; border: 1px solid rgba(31, 37, 51, 0.1); } .intro__include-icon { width: 24px; height: 24px; margin-right: 8px; } .intro__include-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .intro__include-title { color: #666; margin-bottom: 10px; } .intro__include-list+.intro__include-list { margin-left: 10px; } .intro__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .intro__wrapper-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .intro__container-nav { width: 600px; padding: 40px 50px; border-radius: 15px; background-color: #fff; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); } .intro__container-nav__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .intro__container-nav+.intro__container-nav { margin-left: 50px; } .intro__nav-list { max-width: 400px; } .intro__nav-title { font-weight: 700; font-size: 26px; line-height: 31px; } .intro__nav-item { margin-bottom: 10px; } .intro__nav-item p { color: #666; } .intro__nav-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; border-bottom: 1px solid #fff; position: relative; padding-left: 20px; } .intro__nav-item a:hover p { color: #005dff; } .intro__nav-item a .icon-deg-arrow { position: absolute; top: 4px; left: 0; z-index: 1; } .card { padding: 64px 0; } .card__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card__inner-bottom .card__item { width: 100%; max-width: 100%; margin-right: 20px; height: 400px; width: 405px; margin-bottom: 20px; } .card__item { margin: 0; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; max-width: 100%; height: 300px; box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); border-radius: 15px; padding: 20px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2; box-sizing: border-box; height: 400px; } .card__item-list { max-width: 390px; } .card__item-title { color: #fff; font-size: 28px; font-weight: 700; line-height: 34px; position: relative; z-index: 2; margin-bottom: 80px; } .card__item::after { border-radius: 15px; content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 93, 255, 0.7); opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .card__item:hover::after { opacity: 0.7; } .card__item-bottom { position: relative; z-index: 2; } .card__item-bottom .icon-deg-arrow-card { position: absolute; bottom: 0; right: 0; z-index: 2; } .card__item-list_info { max-width: 300px; font-size: 14px; line-height: 16px; display: inline-block; margin-top: 8px; padding: 8px; background-color: #fff; border-radius: 15px; } .card__item-list_info:last-child { margin-right: 30px; } .promising { position: relative; padding: 50px 0; background-color: #252525; } .promising__img { top: 12%; right: 16%; z-index: 1; } .promising__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 80px; gap: 20px; } .promising__container blockquote { color: #fff; margin-bottom: 25px; font-style: italic; font-size: 36px; line-height: 42px; } .promising__container .quote { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(37, 37, 37, 0.8); position: relative; z-index: 5; padding: 25px; border: 1px solid #fff; border-radius: 15px; max-width: 700px; } .promising__container .quote cite { color: #fff; margin-bottom: 20px; } .promising__container .quote span { color: rgba(255, 255, 255, 0.8); } .promising__container .quote__link { color: white; margin-top: 10px; font-size: 12px; } .promising__container .quote .icon-quote { width: 45px; height: 32px; position: absolute; bottom: 25px; right: 25px; z-index: 1; } .promising__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .promising__item+.promising__item { margin-left: 30px; } .promising__item { max-width: 33.33333%; } .promising__item-title { font-size: 28px; font-weight: 700; color: #fff; margin-bottom: 30px; } .promising__item-text { font-size: 20px; line-height: 26px; color: #fff; margin-bottom: 14px; } .promising__item-link { color: white; font-size: 12px; } .apply { position: fixed; z-index: 120; bottom: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 15px 0; color: #fff; background: #1f2533; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: color .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); -o-transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86); transition: color .3s cubic-bezier(.785, .135, .15, .86), transform .3s cubic-bezier(.785, .135, .15, .86), -webkit-transform .3s cubic-bezier(.785, .135, .15, .86); } .apply.active { -webkit-transform: none; -ms-transform: none; transform: none; } .apply__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .apply__name { display: inline-block; vertical-align: top; font-size: 24px; font-weight: 700; line-height: normal; color: #fff; } .gallery { padding: 60px 0; } .gallery .swiper-slide { width: auto; } .gallery .swiper-slide img { border-radius: 5px; width: 100%; } .search { padding: 160px 0; } .search .chosen-drop { display: none; width: 100%; position: absolute; top: 53px; } .search .chosen-drop.show { display: block; } .search .chosen-drop .chosen-results { padding: 5px; margin-top: 2px; height: 180px; background: #fff; border: 1px solid #252525; border-radius: 5px; overflow: auto; } .search .chosen-drop em { color: #005DFF; } .search .chosen-drop li { background-color: #fff; cursor: pointer; padding: 5px 0 5px 0; border-radius: 5px; } .search .chosen-drop li:hover { background-color: #F3F6FF; } .search .chosen-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #000; border-radius: 5px; width: 100%; height: 100%; } .search .chosen-container .chosen-search-input { font-size: 16px; padding: 0 20px; border: 1px solid #000; width: 100%; height: 42px; border-radius: 5px; } .search__container { position: relative; text-align: center; padding: 60px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background: #005DFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search__container .title { color: #fff; } .search__block { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); padding: 24px 37px; width: 100%; max-width: 780px; margin: 0 auto; } .search__block-content { position: relative; width: 100%; max-width: 500px; } .search__block-content .icon-search { position: absolute; top: 50%; left: 30px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .search .btn { margin-left: 17px; width: 200px; } .search__input { padding-left: 50px; } .search__img { position: absolute; bottom: 0; right: 0; z-index: 1; } .gallery-equipment { padding: 60px 0; } .gallery-equipment h2 { margin-bottom: 30px } .gallery-equipment .subtitle { font-size: 20px; line-height: 28px; margin-bottom: 40px; max-width: 860px } .gallery-equipment__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; border-radius: 15px } .gallery-equipment__pic_big { border-radius: 5px; width: 62%; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .gallery-equipment__pic_big img { border-radius: 5px; max-height: 400px; max-width: 100%; -o-object-fit: cover; object-fit: cover; background-color: #fff; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15); box-shadow: 0 5px 25px rgba(0, 93, 255, .15) } .gallery-equipment__prev { cursor: pointer; height: 100%; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); border: none; background: 0 0 } .gallery-equipment__next { cursor: pointer; height: 100%; width: 50%; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: none; background: 0 0 } .gallery-equipment__prev:hover svg path { fill: #005dff } .gallery-equipment__next:hover svg path { fill: #005dff } .gallery-equipment__pic { background: #fff; border-radius: 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .gallery-equipment__pic img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; min-width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; cursor: pointer } .gallery-equipment__flex { width: 37%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: -8px; overflow: scroll; overflow-x: hidden; height: 400px } .gallery-equipment__flex .gallery-equipment__pic { width: 134px; height: 134px; margin: 0 8px 8px 0 } .gallery-equipment__pic { background: #fff; border-radius: 5px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .gallery-equipment__pic img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; min-width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 1; cursor: pointer } .description { background-color: #252525; padding: 60px 0; } .description__links { position: relative; display: inline-block; } .description__block { display: none; width: 100%; position: absolute; z-index: 10; padding: 10px; background-color: #fff; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .description__block-link { display: block; } .description__block.open { display: block; } .description__block-list li { margin-bottom: 10px; } .description__block-list li a:hover { color: #005DFF; } .description__block-list li:last-child { margin-bottom: 0; } .description .btn { text-align: left; position: relative; } .description .btn--description { padding-right: 30px; } .description .btn--description.active { background-color: #252525; } .description .btn--description.active span { color: #fff; } .description .btn--description.active .description__icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); top: 43%; right: 10px; } .description .btn--description.active .description__icon path { fill: #fff; } .description .btn--description:hover .description__icon path { fill: #fff; } .description__icon { position: absolute; top: 50%; right: 5px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .description__title { font-size: 21px; line-height: 24px; margin-bottom: 20px; } .description__wrapper { padding: 30px; border-radius: 15px; background-color: #F3F6FF; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .description__inner { padding: 20px; border-radius: 15px; background-color: #fff; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); margin-bottom: 40px; } .description .btn { margin: 0 5px; margin-bottom: 10px; } .advantages { padding: 60px 0; background-color: #252525; } .advantages__img { margin-bottom: 20px; } .advantages__img img { max-width: 100%; } .advantages__icon { width: 55px; height: 55px; } .advantages__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .advantages__item { max-width: 50%; } .advantages__item .title { margin-bottom: 50px; } .advantages__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .advantages__list-item { width: 38%; margin-bottom: 40px; margin-left: 40px; } .advantages__list-item p { margin-top: 16px; font-size: 20px; line-height: 24px; color: #fff; } .test { padding: 160px 0; } .test__item { position: relative; z-index: 10; } .test__item .white__bg { margin-top: 30px; } .test__item .title { margin-bottom: 60px; } .test__container { position: relative; padding: 60px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background: #005DFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .test__monoblock { position: relative; width: 371px; height: 408px; margin-right: 50px; } .test__monoblock-img { position: absolute; top: -100px; left: 0; } .test .btn { width: 300px; } .test__img { position: absolute; bottom: 4px; right: 4px; z-index: 1; } .logistics { padding: 60px 0; background-color: #252525; } .logistics .title { text-align: center; } .logistics__slider-wrapper { border-radius: 15px; background-color: #F3F6FF; } .logistics__slider-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .logistics__slider-item_content { width: 40%; padding: 40px 20px 20px 20px; } .logistics__slider-item_content .link { text-decoration: underline; } .logistics__slider-item_content .btn { width: 100%; max-width: 350px; margin-bottom: 12px; } .logistics__slider-item_title { font-weight: 700; font-size: 25px; line-height: 32px; margin-bottom: 40px; text-align: center; } .logistics__slider-item_title sup { font-size: 16px; } .logistics__slider-item_img { height: 560px; width: 60%; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 15px 0 0 15px; } .logistics__input { max-width: 350px; } .logistics__input-block { margin: 30px 0; } .logistics__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; } .logistics__item { font-size: 24px; line-height: 26px; position: relative; margin-bottom: 10px; } .logistics__slider { cursor: pointer; } .logistics__slider-left { position: absolute; bottom: -16%; left: 44%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .logistics__slider-right { position: absolute; bottom: -16%; right: 41%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .logistics .pagination { padding-top: 40px; text-align: center; font-size: 20px; } .choosing { padding: 160px 0; } .choosing__container { overflow: hidden; position: relative; padding: 120px 60px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background: #005DFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .choosing__container .title { color: #fff; } .choosing__squares-img--three { position: absolute; bottom: 0; right: 0; z-index: 1; } .choosing__item { position: relative; max-width: 50%; } .choosing__item-text { color: #fff; font-size: 20px; line-height: 28px; max-width: 370px; } .choosing__squares-img { position: absolute; bottom: -110px; left: -150px; z-index: 1; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .choosing__form { position: relative; z-index: 2; padding: 40px; background-color: #fff; border-radius: 15px; } .choosing .link { text-decoration: underline; } .choosing__btns { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .choosing__btns .politican { font-size: 12px; line-height: 14px; } .choosing__btns .btn { width: 100%; text-align: center; } .choosing .input-name { margin-bottom: 20px; } .choosing .input-tel { width: 46%; } .choosing .input-email { margin-left: 20px; width: 47%; } .diplom { padding: 60px 0; background-color: #252525; } .diplom .title { text-align: center; } .diplom__slider { position: relative; } .diplom__slider-left { cursor: pointer; position: absolute; top: 50%; left: 15%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .diplom__slider-right { cursor: pointer; position: absolute; top: 50%; right: 16%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .diplom__slide img { border-radius: 15px; } .news { padding: 60px 0; } .news h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .news .title .link { font-size: 15px; font-weight: normal; text-decoration: underline; margin-left: 20px; } .news .slick-list { padding: 20px 0; } .news__slider { position: relative; padding: 40px 20px 0 20px; } .news__slider-content .link { text-decoration: underline; } .news__slider-wrapper { padding: 20px; margin: 0 20px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background-color: #fff; border-radius: 15px; } .news__slider-img { position: relative; margin-bottom: 20px; } .news__slider-img img { max-width: 100%; border-radius: 15px; } .news__slider-title { font-size: 22px; line-height: 24px; } .news__slider-text { padding: 15px 0; } .news__slider-date { border-radius: 5px; padding: 7px 10px; background-color: #fff; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); position: absolute; top: 24px; left: 24px; z-index: 1; } .news__slider-left { cursor: pointer; position: absolute; top: 0; right: 7%; z-index: 1; } .news__slider-right { cursor: pointer; position: absolute; top: 0; right: 3%; z-index: 1; } .reviews { padding: 60px 0; background-color: #252525; } .reviews .title { text-align: center; } .reviews__slider-wrapper { margin: 0 20px; padding: 32px; background-color: #fff; border-radius: 15px; } .reviews__slider-name { margin-bottom: 10px; } .reviews__slider-course { margin-bottom: 10px; color: #666666; } .reviews__slider-course span { color: #252525; } .reviews__slider-left { cursor: pointer; position: absolute; bottom: -34%; left: 44%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .reviews__slider-right { cursor: pointer; position: absolute; bottom: -34%; right: 42%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .reviews .pagination { padding-top: 40px; font-size: 20px; text-align: center; } .reviews #pagination-reviews { color: #fff; } .consultation { padding-bottom: 160px; } .consultation__container { overflow: hidden; position: relative; padding: 60px 60px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background: #005DFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .consultation__container .title { color: #fff; } .consultation__container .title-big { line-height: 40px; margin-bottom: 35px; } .consultation__container .politican { margin-right: 0; width: 287px; } .consultation__container .btn { width: 300px; } .consultation__squares-img--three { position: absolute; bottom: 0; right: 0; z-index: 1; } .consultation__item { position: relative; max-width: 50%; display: flex; justify-content: center; align-items: center; } .consultation__item-text { color: #fff; font-size: 20px; line-height: 28px; max-width: 370px; } .consultation__squares-img { position: absolute; bottom: -110px; left: -150px; z-index: 1; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .consultation__form { position: relative; z-index: 2; padding: 40px; background-color: #fff; border-radius: 15px; } .consultation .link { text-decoration: underline; } .consultation__btns { margin-top: 20px; text-align: center; } .consultation__btns .politican { text-align: left; margin-top: 20px; width: 100%; font-size: 12px; line-height: 14px; } .consultation__btns .btn { width: 100%; } .consultation .input-name { margin-bottom: 20px; } .consultation .metodist__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; padding: 5px; max-width: 435px; border-radius: 15px; z-index: 2; } .consultation .metodist__wrapper .slick-arrow { display: none; } .consultation .metodist__wrapper .metodist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 20%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .consultation .metodist__wrapper .metodist .metodist__name { font-size: 14px; line-height: 17px; } .consultation .metodist__wrapper .metodist .metodist__img { margin-bottom: 5px; } .consultation .metodist__wrapper .metodist .metodist__img img { border-radius: 15px; } .consultation .metodist__wrapper .metodist-slider { max-width: 435px; } .speciality { padding: 60px 0; background-color: #252525; } .speciality .title { text-align: center; } .speciality__slider { width: 100%; } .speciality__slider-wrapper { margin: 0 20px; border-radius: 15px; background-color: #fff; } .speciality__slider-left { cursor: pointer; position: absolute; bottom: -40%; left: 44%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .speciality__slider-right { cursor: pointer; position: absolute; bottom: -40%; right: 42%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .speciality__slide { padding: 20px; } .speciality__slide-top { height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .speciality__slide-residency { font-size: 14px; line-height: 16px; margin-bottom: 20px; color: #000; } .speciality__slide-name { font-size: 20px; line-height: 22px; font-weight: 900; color: #000; } .speciality__slide-bottom { padding-top: 40px; } .speciality .pagination { padding-top: 40px; font-size: 20px; text-align: center; } .speciality .pagination span { color: #fff; } .qrcode { padding: 160px 0; } .qrcode .title { line-height: 60px; } .qrcode__container { overflow: hidden; position: relative; padding: 80px 120px 80px 60px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background: #005DFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .qrcode__item { position: relative; } .qrcode__item-text { color: #fff; font-size: 20px; line-height: 28px; max-width: 370px; margin-bottom: 40px; } .qrcode__item-img { position: relative; z-index: 10; } .qrcode__item-img img { border-radius: 15px; } .qrcode__link { position: relative; z-index: 10; } .qrcode__link .link { display: inline-block; margin-right: 10px; } .qrcode__squares-img { position: absolute; bottom: -110px; left: -150px; z-index: 1; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .qrcode__squares-img--three { position: absolute; bottom: 0; right: 0; z-index: 1; } .resources { padding: 60px 0; background-color: #252525; } .resources .title { text-align: center; } .resources .pagination { padding-top: 40px; font-size: 20px; text-align: center; } .resources .pagination span { color: #fff; } .resources__slider { max-width: 1560px; width: 100%; margin: 0 auto; } .resources__slider-left { cursor: pointer; position: absolute; top: 50%; left: -3%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .resources__slider-right { cursor: pointer; position: absolute; top: 50%; right: -7%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .resources__slide-wrapper { margin: 0 20px; } .resources__slide img { max-width: 360px; border-radius: 15px; } #wrapMap { position: relative; cursor: pointer; overflow: hidden; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); -o-border-image: initial; border-image: initial; } .mapTitle { position: absolute; z-index: 1000; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); display: none; padding: 5px 20px; border-radius: 10px; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); -o-border-image: initial; border-image: initial; } .location .container { position: relative; } .location__wrapper { position: absolute; top: 40px; left: 0; z-index: 1; padding: 40px; background-color: #fff; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .location__name { margin-bottom: 5px; text-transform: uppercase; } .location__item { margin-bottom: 20px; } .location__icon { width: 12px; height: 16px; } .location__info { position: relative; } .location__info_vk{ position: relative; } .location__icon { position: absolute; top: 1px; left: 0; z-index: 1; } .location__mail { padding-left: 20px; } .location__addres { padding-left: 20px; } .location__phone { padding-left: 20px; } .footer { position: relative; overflow: hidden; padding: 30px 0 0; background-color: #252525; } .footer__bottom-impaired { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__bottom-impaired .icon-eye { margin-right: 10px; } .footer__bottom-wrapper { padding: 30px 0; border-top: 1px solid #3e3e3e; } .footer__bottom-wrapper span { color: #A9A9A9; } .footer__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__wrapper-other { padding: 35px 0 35px 35px; color: #A9A9A9; width: 50%; border-left: 1px solid #3e3e3e; } .footer__wrapper-other .btn { border: 1px solid #A9A9A9; } .footer__wrapper-other .btn span { color: #A9A9A9; } .footer__wrapper-other .btn:hover { border: 1px solid #fff; } .footer__wrapper-other .btn:hover span { color: #fff; } .footer__wrapper-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 35px 35px 35px 0; } .footer__wrapper-contacts_name { text-transform: uppercase; font-size: 14px; margin-bottom: 10px; color: #A9A9A9; } .footer__wrapper-contacts_link { font-size: 14px; color: #A9A9A9; } .footer__wrapper-contacts_addres { margin-top: 35px; } .footer .nav-catalog:hover { color: #fff; background-color: inherit; border: 1px solid #fff; } .footer .btn-footer { border: 1px solid #A9A9A9; color: #A9A9A9; } .footer .btn-footer .nav-icon span { background-color: #A9A9A9; } .footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 35px; } .footer__top-sveden { max-width: 300px; text-align: center; } .footer__top .nav { margin-top: 20px; } .footer__top-wrapper { border-bottom: 1px solid #3e3e3e; } .footer__top .nav__link { cursor: pointer; color: #A9A9A9; } .footer__top .nav__link:hover { border: 1px solid #A9A9A9; } .footer__logo { padding-left: 20px; display: inline-block; font-size: 14px; line-height: 17px; width: 230px; color: #A9A9A9; } .footer__contacts-item { margin-bottom: 30px; } .footer__contacts-info { position: relative; } .footer__contacts-name { color: #A9A9A9; margin-bottom: 15px; } .footer__contacts-link { padding-left: 20px; color: #A9A9A9; } .footer__contacts-icon { position: absolute; top: 3px; left: 0; z-index: 1; } .footer__social-title { color: #A9A9A9; text-transform: uppercase; } .footer__wrapper-social { margin-top: 35px; } .footer__social { margin-top: 40px; } .footer__social-link .link { border-radius: 5px; padding: 12px 6px 6px 6px; border: 1px solid #A9A9A9; margin-right: 10px; } .footer__social-link .link:hover { border: 1px solid #fff; } .footer__social-title { margin-bottom: 15px; } .footer .partners__name { margin-top: 30px; color: #A9A9A9; margin-bottom: 10px; } .footer__img { position: absolute; bottom: 0; right: 0; z-index: 1; } .footer .fav-icon-container{ display: flex; flex-direction: row; gap: 6px; } .footer .fav-icon{ background-color: #A9A9A9; border-radius: 100%; } .footer .fav-icon img{ width: 35px; height: 35px; } .footer .footer-container{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } .footer .social-container{ display: flex; flex-direction: column; gap: 10px; } .selectize-dropdown { position: absolute; z-index: 10; background-color: #fff; } .thea { font-size: 10px; text-align: center; line-height: 5px; color: #ccc; } .thea td { color: #aaa !important; } .sveden { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 300; font-size: 14px; background-color: #F3F6FF; padding: 40px 10px; } .sveden p { font-size: 16px; text-indent: 20px; margin: 10px 0; } .sveden ol li { margin-bottom: 10px; } .sveden ul li { margin-bottom: 10px; } .sveden summary { cursor: pointer; margin-bottom: 10px; } .sveden a { text-decoration: underline; } .sveden table { width: 100%; border-collapse: collapse; } .sveden tbody { max-width: 100%; } .sveden td { color: #252525; vertical-align: top; font-weight: 500; padding: 12px; border: 1px solid #dee2e6; } .sveden th { color: #252525; font-weight: 700; text-align: center; padding: 12px; border: 1px solid #dee2e6; } .sveden__title { font-size: 20px; line-height: 24px; margin-bottom: 20px; font-weight: 700; } .sveden__table { width: 100%; padding: 40px 20px; background-color: #fff; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); border-radius: 10px; overflow-x: scroll; } .sveden__table-container { margin-bottom: 60px; } .sveden__left-title th { text-align: left; } .sidebar { width: 180px; } .thumbnail_mask { max-width: 125px; height: 80px; overflow: hidden; } .sidebar__nav { padding: 16px 0; margin-right: 5px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .sidebar__nav-link:hover a { text-decoration: underline; } .sidebar__nav-link a { color: #000; width: 100%; font-size: 16px; line-height: 16px; padding: 14px 20px; font-weight: 500; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; white-space: normal; text-decoration: none; overflow: hidden; z-index: 48; } .sidebar__nav-link--active { background-color: #F3F6FF; } .sidebar__nav-link--active a { font-weight: 700; } .sveden-dropdown__content { font-size: 20px; line-height: 24px; margin-bottom: 30px; } .sveden-dropdown__item { color: #000; cursor: pointer; } .sveden-dropdown__item span::after { content: ""; display: block; width: 100%; height: 1px; background-color: #dee2e6; } .sveden-dropdown__item.active span::after { display: none; } .sveden-dropdown__item .arrow-right-icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sveden-dropdown__content-data { display: none; padding: 20px; } .sveden-dropdown__content-data.open { display: block; } .sveden__local { padding-top: 20px; } .sveden__local-list { padding-left: 20px; } .education__p { font-size: 20px; margin-bottom: 30px; } .modal { border-radius: 15px; max-width: 600px; } .modal__requirements { max-width: 500px; } .modal__title { font-weight: 700; font-size: 28px; line-height: 34px; margin-bottom: 20px; } .modal__text { font-size: 18px; line-height: 22px; margin-bottom: 10px; } .modal__list { font-size: 18px; line-height: 26px; margin-bottom: 10px; } .modal__list li { font-weight: 700; color: #000; } .salary { padding: 50px 0; background-color: #F3F6FF; } .salary .title { margin-bottom: 60px; text-align: center; } .salary__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .salary__item+.salary__item { margin-left: 30px; } .salary__item { position: relative; width: 33.33333%; background-color: #fff; padding: 30px 30px 115px 30px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .salary__item.blueColorBg { background-color: #005DFF; } .salary__item.blueColorBg .salary__item-sum { color: #fff; } .salary__item.blueColorBg .salary__item-specialist { color: #fff; } .salary__item.blueColorBg svg symbol path { fill: red; } .salary__item-sum { font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 20px; } .salary__item-specialist { color: #666666; } .salary__item .salary-icon { position: absolute; bottom: 30px; right: 30px; z-index: 1; } .poss { padding: 60px 0; } .poss .title { margin-bottom: 60px; } .poss__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .poss__inner-item { width: 33.33333%; position: relative; border-radius: 15px; padding: 74px 20px 20px 20px; } .poss__inner-item_list li { color: #fff; margin-bottom: 10px; } .poss__inner-item__title { font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 20px; } .poss__inner-item-grayLightColor { background-color: #F3F6FF; } .poss__inner-item-blueColor { background-color: #005DFF; } .poss__inner-item-blueColor .poss__inner-item__text { color: #fff; } .poss__inner-item-blueColor .poss__inner-item__title { color: #fff; } .poss__inner-item-pinkColor { background-color: #fe9dbb; } .poss__inner-item+.poss__inner-item { margin-left: 30px; } .poss__icon { position: absolute; top: 20px; left: 20px; z-index: 1; } .help { padding: 60px 0; } .help__wrapper { border-radius: 10px 10px 0 0; padding: 60px 60px 30px 60px; background-color: #F3F6FF; } .help__step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 85px; } .help__step::after { position: absolute; top: 22px; left: 0; z-index: 1; content: ""; display: block; height: 1px; width: 100%; background-image: url(/wp-content/themes/med-skills/assets/images/line.svg); background-repeat: no-repeat; } .help__step-item { position: relative; padding-top: 70px; max-width: 33.33333%; } .help__step-item__num { position: absolute; top: 0; left: 0; z-index: 2; font-size: 18px; line-height: 23px; color: #005DFF; padding: 10px 16px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #005DFF; border-radius: 50%; background-color: #F3F6FF; } .help__step-item__num-blue { color: #fff; background-color: #005DFF; } .help__step-item__title { font-weight: 700; font-size: 20px; line-height: 26px; margin-bottom: 25px; } .help__step-item+.help__step-item { margin-left: 70px; } .platform { padding: 60px 0; } .platform__img img { -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); border-radius: 10px; } .platform__subtitle { font-size: 16px; line-height: 24px; color: #666666; } .platform__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; } .platform__content { max-width: 50%; } .platform__subtitle { font-size: 16px; line-height: 24px; color: #666666; } .accordion { width: 100%; } .accordion__list { margin-top: 10px; padding-left: 60px; } .accordion__list li { color: #fff; margin-bottom: 5px; } .accordion-item { border-radius: 5px; overflow: hidden; margin-bottom: 10px; } .accordion-item .platform__accordion-icon path { fill: #005DFF; } .accordion-item.show .accordion-titel { background-color: #005DFF; border-radius: 0; padding-bottom: 0; } .accordion-item.show .accordion-titel span { color: #fff; } .accordion-item.show .platform__accordion-icon path { fill: #fff; } .accordion-titel { font-size: 20px; line-height: 26px; font-weight: 700; border-radius: 15px; background-color: #F3F6FF; padding: 30px; cursor: pointer; } .accordion-titel span { margin-left: 22px; } .accordion-contant { padding: 15px; background-color: #005DFF; display: none; } .accordion-contant p { padding-left: 60px; color: #fff; } .skills { background-color: #252525; padding: 60px 0 120px; } .skills .title { margin-bottom: 60px; } .marquee__one { overflow: hidden; } .marquee__two { overflow: hidden; margin-bottom: 20px; } .marquee__three { overflow: hidden; } .services { padding: 60px 0; } .services__top { text-align: center; } .services__top .title { margin-bottom: 60px; } .services__suptitle { font-size: 18px; color: #666666; margin-bottom: 20px; } .services__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .services__inner-item+.services__inner-item { margin-left: 30px; } .services__inner-item { max-width: 33.33333%; padding: 30px; border-radius: 15px; background-color: #F3F6FF; } .services__inner-item__title { font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 25px; } .services__inner-item__blue { background-color: #005DFF; } .services__inner-item__blue .services__inner-item__title { color: #fff; } .services__inner-item__blue .services__list p { color: #fff; } .services__list { padding-left: 24px; position: relative; margin-bottom: 16px; } .services__list .icon-check { position: absolute; top: 5px; left: 0; z-index: 1; } .services__list p { font-size: 16px; line-height: 24px; color: #666666; } .equipment { padding: 120px 0 120px; } .equipment title { margin-bottom: 60px; } .equipment__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .equipment__inner-item { max-width: 25%; } .equipment__inner-item__img { padding: 0 10px; margin-bottom: 25px; width: 100%; max-width: 295px; height: 100%; max-height: 225px; } .equipment__inner-item__img video { border: 1px solid #666666; max-width: 100%; border-radius: 15px; } .equipment__inner-item__img img { border: 1px solid #666666; width: 100%; max-width: 295px; height: 100%; max-height: 225px; border-radius: 15px; background-position: center; background-size: 295px 225px; } .equipment__inner-item__title { font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 25px; } .equipment__inner-item__text { padding: 0 20px 0 0; color: #666666; } .equipment__inner-item__text li { color: #666666; } .comfortable { padding: 120px 0; background-color: #F3F6FF; } .comfortable__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comfortable__wrapper-item { max-width: 50%; } .comfortable .accordion-titel { background-color: #fff; } .comfortable .title { margin-right: 20px; } .frdo { padding: 60px 0; } .frdo__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .frdo__wrapper-item+.frdo__wrapper-item { margin-left: 30px; } .frdo__wrapper-item { max-width: 50%; } .frdo__wrapper-item__img { -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .frdo__wrapper-item__img img { max-width: 100%; border-radius: 15px; } .frdo__subtitle { font-size: 16px; line-height: 24px; color: #666666; margin-bottom: 40px; } .frdo__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .frdo__buttons .btn--border { margin-left: 20px; } .frdo .icon-record { margin-right: 10px; } .ultrasound { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 160px 0; } .ultrasound__wrapper { padding: 60px 0; } .ultrasound__item { width: 50%; padding: 0 15px; } .ultrasound__img { display: block; max-width: 100%; height: auto; border-radius: 15px; } .ultrasound__list-item { margin-bottom: 10px; } .accordion__item { border-radius: 15px; margin-bottom: 10px; border: 1px solid #e5e5e5; } .accordion__item.active .accordion__content { display: block; height: 100%; } .accordion__item.active .accordion__header { border-bottom-color: #e5e5e5; } .accordion__item.active .accordion__header { border-radius: 15px; } .accordion__item.active .accordion__header:after { -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); margin-top: 5px; } .accordion__header { padding: 15px 20px 15px 20px; position: relative; border-bottom: 1px solid transparent; cursor: pointer; } .accordion__header:after { content: ""; display: block; width: 16px; height: 16px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; position: absolute; top: 50%; right: 20px; z-index: 1; -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); } .accordion__icon { position: absolute; top: 50%; left: 20px; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .accordion__content { padding: 15px 20px; display: none; height: 0%; font-size: 15px; } .accordion__title { font-size: 18px; line-height: 22px; font-weight: 700; text-transform: uppercase; } .director { padding: 60px 0; background-color: #252525; } .director__wrapper { border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; padding: 40px; } .director__wrapper-item+.director__wrapper-item { margin-left: 30px; } .director__wrapper-item__img { position: relative; margin-bottom: 20px; } .director__wrapper-item__img img { border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .director__wrapper-item__img .director__icon-play { width: 37px; height: 37px; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .director__wrapper-item__num { font-size: 22px; line-height: 33px; font-weight: 700; margin-bottom: 25px; } .director__wrapper-item__text { margin-bottom: 40px; } .check-list { padding: 120px 0 60px 0; } .check-list__text { font-size: 20px; line-height: 26px; font-weight: 700; } .check-list__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .check-list__wrapper-item__img img { border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .check-list__wrapper-item+.check-list__wrapper-item { margin-left: 30px; } .check-list__wrapper-item__title { padding: 20px 30px; background-color: #FD3C76; border-radius: 15px; margin-bottom: 10px; } .check-list__wrapper-item__title h2 { color: #fff; margin: 0; } .check-list__wrapper-item__list-img { position: absolute; top: 25px; left: 20px; border-radius: 3px; } .check-list__wrapper-item__list-img img { display: block; } .check-list__wrapper-item__list { padding: 20px 20px 20px 54px; position: relative; background-color: #F3F6FF; border-radius: 15px; margin-bottom: 10px; } .check-list__wrapper-item__list-text { font-size: 20px; line-height: 26px; font-weight: 700; } .check-list__wrapper-item__list-active .check-list__wrapper-item__list-img { border: 2px solid #005DFF; padding: 3px 2px; } .check-list__wrapper-item__list-blue { cursor: pointer; background-color: #005DFF; } .check-list__wrapper-item__list-blue .check-list__wrapper-item__list-text { color: #fff; } .check-list__wrapper-item__list-blue .check-list__wrapper-item__list-text span { color: #fff; text-decoration: underline; } .check-list__wrapper-item__list-blue .check-list__wrapper-item__list-img { padding: 0; } .pay { background-color: #F3F6FF; padding: 120px 0; } .podgotovka_pay { background-position: 100% 100%; background-repeat: no-repeat; background-size: cover; background-image: url(//med-skills.ru/wp-content/themes/med-skills/assets/images/index-bg.png); padding: 120px 0; } .podgotovka_pay .pay__date{ z-index:10; position: relative; } .pay__date { font-weight: 700; font-size: 28px; line-height: 32px; margin-bottom: 40px; } .pay__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .pay__wrapper-prices { position: relative; } .pay__wrapper-prices .pay__fit { position: absolute; top: -35px; right: 0; z-index: 1; } .pay__wrapper-inner { width: 50%; position: relative; padding: 40px; margin-right: 30px; background-color: #fff; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .pay__wrapper-inner .pay__suptitle { color: #005DFF; text-transform: uppercase; margin-bottom: 20px; } .pay__wrapper-inner .title { font-size: 30px; line-height: 36px; font-weight: 700; } .pay__wrapper-inner .btn { width: 100%; } .pay__wrapper-line { height: 1px; width: 100%; opacity: 0.7; background-color: #878787; margin-bottom: 40px; } .pay__wrapper-prices { display: -webkit-box; display: -ms-flexbox; display: flex; } .pay__wrapper-prices .pay__wrapper-inner__prices+.pay__wrapper-inner__prices { margin-left: 40px; } .pay__wrapper-prices .pay__price-old__title { opacity: 0.7; margin-bottom: 5px; } .pay__wrapper-prices .pay__price-new { font-size: 35px; font-weight: 700; line-height: 52px; margin-bottom: 20px; } .pay__wrapper-prices .pay__price-new span { font-size: 16px; line-height: 24px; font-weight: 400; } .pay__wrapper-deduction { margin-bottom: 40px; } .pay__wrapper-deduction__text { padding-left: 10px; } .pay .politican { color: #fff; font-weight: 300; font-size: 14px; margin-left: 30px; max-width: 300px; } .pay .link { color: #fff; text-decoration: underline; } .pay .pay__wrapper-form { padding: 40px; border-radius: 15px; background-color: #005DFF; } .pay .pay__wrapper-form .title { color: #fff; margin-bottom: 20px; } .pay .pay__wrapper-form .pay__subtitle { font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 40px; } .pay .pay__wrapper-form .pay__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pay .pay__wrapper-form .pay__form .input { margin-bottom: 10px; } .pay .pay__wrapper-form .pay__form .input-name { width: 100%; } .pay .pay__wrapper-form .pay__form .input-tel { width: 100%; } .pay .pay__wrapper-form .pay__form .input-mail { width: 100%; margin-left: 0; } .pay .pay__wrapper-form .pay__form .textarea { border-radius: 5px; padding: 16px 20px; width: 100%; font-size: 16px; margin-bottom: 30px; } .pay .pay__wrapper-form .pay__form .pay__wrapper-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .checkbox__text { color: #fff; margin-left: 10px; cursor: pointer; } .pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .checkbox__container { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } .pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .custom-checkbox { cursor: pointer; border-radius: 5px; width: 26px; height: 26px; background-size: 60% 60%; margin-left: 30px; } .pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .btn { color: #fff; background-color: #252525; border: 0; } .pay .pay__wrapper-form .pay__form .pay__wrapper-bottom .btn:hover { color: #fff; background-color: #FD3C76; } .news-details .responsive-iframe { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; } .news-details .responsive-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news-detail__widget-share { min-height: 100px; } .news-detail__widget-share .getLink-block { min-height: 50px; } .news-details .author-card { background: white; border-radius: 15px; padding: 30px; max-width: 800px; margin: 0 auto; box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); display: flex; gap: 30px; align-items: center; } .news-details .author-avatar { flex-shrink: 0; width: 160px; height: 160px; } .news-details .author-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid #f3f6ff; } .news-details .author { color: #666; font-size: 16px; line-height: 1.5; margin-bottom: 10px; } .news-details .author-info { flex: 1; } .news-details .author-name { font-size: 24px; font-weight: bold; color: black; margin-bottom: 5px; } .news-details .author-position { font-size: 18px; color: #005dff; font-weight: 600; margin-bottom: 15px; } .news-details .author-description { color: #666; font-size: 16px; line-height: 1.5; } .news-details .course-card { background: white; border-radius: 15px; padding: 30px; max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 15px; background-color: rgba(0, 93, 255, 0.1); border: 0.0625rem solid #D3D8E3; margin-bottom: 10px; } .news-details .course-title a{ text-decoration: underline; color: black !important; font-size: 24px; font-weight: 500; margin-bottom: 5px; transition: 0.2s ease; } .news-details .course-title a:hover{ text-decoration: none; color: #005dff !important; } .news-details .bottom-section{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .news-details .bottom-section-info{ display: flex; flex-direction: column; gap: 7px; } .news-details .bottom-section-info-list{ display: flex; flex-direction: row; align-items: center; gap: 5px; } .news-details .bottom-section-info .fav-svg{ background-color: #fe9dbb; border-radius: 100%; width:35px; height: 35px; display: flex; align-items: center; justify-content: center; } .news-details .bottom-section-info svg { width: 18px; height: 18px; } .news-details .course-actions .btn{ display: flex; justify-content: center; align-items: center; transition: 0.2s ease; } .news-details .course-actions .btn:hover{ background-color:black; color: white; } .news-details .course-actions{ display: flex; flex-direction: column; gap: 10px; align-items:center; } .news-details .course-actions a:hover{ text-decoration: none; } .contacts { font-size: 18px; line-height: 20px; padding: 60px 0; } .contacts__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts__item { width: 100%; padding-right: 20px; margin-bottom: 32px; } .contacts__title { margin-bottom: 5px; font-weight: 700; } .contacts__icon { margin-right: 5px; width: 12px; height: 16px; } .tidings { padding: 60px 0; } .tidings__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tidings__item { padding: 20px; margin: 0 20px; width: 30%; margin-bottom: 30px; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); background-color: #fff; border-radius: 15px; } .tidings__item:hover { -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3); } .tidings__item-img { position: relative; margin-bottom: 20px; } .tidings__item-img img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; display: block; border-radius: 15px; } .tidings__item-date { border-radius: 5px; padding: 7px 10px; background-color: #fff; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); position: absolute; top: 24px; left: 24px; z-index: 1; } .tidings__item-title { text-align: center; font-size: 22px; line-height: 26px; margin: 40px 0; } .tidings__item .link { text-decoration: underline; } .application__form { padding: 0; } .modal .title { margin-bottom: 20px; } .modal__subtitle { font-size: 18px; line-height: 24px; margin-bottom: 20px; } .modal .input { margin-bottom: 10px; } .modal .politican { font-size: 16px; } .modal .politican .link { text-decoration: underline; } .news-detail-date-icon { width: 12px; height: 12px; } .news-detail-link-icon { width: 11px; height: 12px; margin-left: 5px; } .news-detail-share-icon { width: 19px; height: 16px; margin-left: 5px; } .news-detail__widget--btn:hover svg path { stroke: #252525; } .news-detail__pinkColor { font-weight: 700; color: #FD3C76; } .news-detail__content { padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-detail__leftcolumn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; padding-right: 25px; } .news-detail__leftcolumn a { text-decoration: underline; color: #215fff; } .news-detail__post { margin-bottom: 80px; border-bottom: 1px solid #E9ECEF; font-size: 18px; line-height: 26px; } .wsp-category-title, .wsp-posts-list { margin-top: 10px; margin-bottom: 10px; font-size: 20px; } li.page_item, li.wsp-post { margin-left: 20px; font-size: 17px; line-height: 28px; } .wsp-posts-title, .wsp-pages-title, .news-detail__post h2 { font-weight: 700; font-size: 24px; line-height: normal; color: #262626; padding: 0; margin: 0; margin-top: 25px; margin-bottom: 15px; } .news-detail__leftcolumn p span a, .news-detail__leftcolumn a { color: #005DFF !important; } .news-detail__post h3 { font-weight: 700; font-size: 24px; line-height: normal; color: #262626; padding: 0; margin: 0; margin-bottom: 10px; margin-top: 10px; } .news-detail__post li { font-size: 18px; line-height: 26px; margin-bottom: 10px; padding-left: 35px; position: relative; list-style-type: none; } .news-detail__post li::before { content: ""; position: absolute; left: 0; top: 3px; width: 22px; height: 25px; background-repeat: no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%2020C4.477%2020%200%2015.523%200%2010C0%204.477%204.477%200%2010%200C15.523%200%2020%204.477%2020%2010C20%2015.523%2015.523%2020%2010%2020ZM10%2018C12.1217%2018%2014.1566%2017.1571%2015.6569%2015.6569C17.1571%2014.1566%2018%2012.1217%2018%2010C18%207.87827%2017.1571%205.84344%2015.6569%204.34315C14.1566%202.84285%2012.1217%202%2010%202C7.87827%202%205.84344%202.84285%204.34315%204.34315C2.84285%205.84344%202%207.87827%202%2010C2%2012.1217%202.84285%2014.1566%204.34315%2015.6569C5.84344%2017.1571%207.87827%2018%2010%2018ZM9.003%2014L4.76%209.757L6.174%208.343L9.003%2011.172L14.659%205.515L16.074%206.929L9.003%2014Z%22%20fill%3D%22%238CA9FF%22%2F%3E%0A%3C%2Fsvg%3E%0A); } .news-detail__rightcolumn { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; padding-left: 30px; } .news-detail__widget { position: sticky !important; top: 20px; -webkit-transition: top 0.2s ease; -o-transition: top 0.2s ease; transition: top 0.2s ease; will-change: top; } .news-detail__title { font-weight: 900; font-size: 34px; line-height: normal; color: #262626; padding: 0; margin: 0; margin-bottom: 10px; } .news-detail__subtitle { font-weight: 300; font-size: 22px; font-style: italic; line-height: normal; color: #666666; padding: 0; margin: 0; margin-bottom: 20px; } .news-detail__date { margin-bottom: 15px; } .news-detail__date span { font-style: normal; font-weight: 300; line-height: normal; color: #252525; } .news-detail__img { border-radius: 15px; display: block; margin-bottom: 40px; width: 100%; } .news-detail__link { max-width: 100%; padding: 30px; border-radius: 15px; margin-bottom: 40px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .news-detail__link:hover { -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3); } .news-detail__link p { font-size: 22px; line-height: 28px; font-weight: 700; margin: 0; margin-bottom: 20px; color: #0D1E50; } .news-detail__link-title { font-size: 22px; line-height: 28px; font-weight: 700; margin: 0; padding: 0; margin-bottom: 15px; } .news-detail__link a span { margin-right: 5px; font-size: 18px; line-height: normal; } .news-detail__heading { font-weight: 700; font-size: 24px; line-height: normal; color: #262626; padding: 0; margin: 0; margin-bottom: 10px; } .news-detail__text { font-size: 16px; line-height: normal; margin: 0; margin-bottom: 20px; } .news-detail__text-wide { font-size: 18px; line-height: 28px; margin: 0; margin-bottom: 32px; } .news-detail__list-wide { margin-bottom: 32px; padding: 0; } .news-detail__list-wide li { font-size: 18px; line-height: 32px; margin-bottom: 10px; padding-left: 35px; position: relative; list-style-type: none; } .news-detail__list-wide li::before { content: ""; position: absolute; left: 0; top: 3px; width: 22px; height: 25px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%2020C4.477%2020%200%2015.523%200%2010C0%204.477%204.477%200%2010%200C15.523%200%2020%204.477%2020%2010C20%2015.523%2015.523%2020%2010%2020ZM10%2018C12.1217%2018%2014.1566%2017.1571%2015.6569%2015.6569C17.1571%2014.1566%2018%2012.1217%2018%2010C18%207.87827%2017.1571%205.84344%2015.6569%204.34315C14.1566%202.84285%2012.1217%202%2010%202C7.87827%202%205.84344%202.84285%204.34315%204.34315C2.84285%205.84344%202%207.87827%202%2010C2%2012.1217%202.84285%2014.1566%204.34315%2015.6569C5.84344%2017.1571%207.87827%2018%2010%2018ZM9.003%2014L4.76%209.757L6.174%208.343L9.003%2011.172L14.659%205.515L16.074%206.929L9.003%2014Z%22%20fill%3D%22%238CA9FF%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .news-detail__quote { } blockquote { } .news-detail__quote{ margin-bottom: 40px; font-size: 18px; line-height: 26px; padding: 20px; border-left: 4px solid #005dff; background-color: rgba(0, 93, 255, 0.1); } .news-detail__nav-btn { text-decoration: none; width: 70%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; border-radius: 15px; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); margin-bottom: 40px; } .news-detail__nav-btn:hover { -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.3); } .news-detail__nav-btn:hover .news-detail__nav-title { -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; color: #005DFF; } .news-detail__nav-btn:hover svg path { fill: #005DFF; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; } .news-detail__nav-next { margin: 0 0 0 auto; } .news-detail__nav-img { display: block; max-width: 170px; height: 120px; border-radius: 5px; } .news-detail__nav-label { color: #000; font-size: 16px; font-style: normal; font-weight: 300; line-height: normal; text-transform: uppercase; margin-bottom: 12px; } .news-detail__nav-content { padding-left: 20px; } .news-detail__nav-title { color: #000; font-size: 18px; font-weight: 900; margin-bottom: 20px; } .news-detail__widget { padding: 20px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); } .news-detail__widget-title { font-size: 22px; line-height: 28px; font-weight: 700; margin: 0; padding: 0; padding-bottom: 15px; margin-bottom: 26px; border-bottom: 1px solid #E9ECEF; } .news-detail__widget-item_title { font-weight: 900; font-size: 15px; line-height: normal; padding: 0; margin: 0; margin-bottom: 10px; } .news-detail__widget-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #E9ECEF; } .news-detail__widget-item:hover span { -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; color: #005DFF; } .news-detail__widget-img { display: block; max-width: 115px; height: 80px; border-radius: 5px; } .news-detail__widget-content { padding-left: 20px; } .news-detail__widget-date span { font-style: normal; font-size: 14px; font-weight: 300; line-height: normal; color: #252525; } .news-detail__widget-share a span { margin-right: 5px; font-size: 18px; line-height: normal; } .news-detail__blockquote-blue { position: relative; padding-left: 16px; margin-bottom: 32px; font-size: 18px; font-weight: 500; line-height: 22px; } .news-detail__blockquote-blue::before { content: ""; position: absolute; bottom: 0; left: 0; width: 4px; height: 100%; background-color: #8CA9FF; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .news-detail__list-blue { margin-bottom: 32px; padding: 0; } .news-detail__list-blue li { font-size: 16px; line-height: 18px; margin-bottom: 10px; padding-left: 20px; position: relative; list-style-type: none; } .news-detail__list-blue li::before { content: ""; position: absolute; left: 0; top: 3px; width: 10px; height: 10px; border-radius: 50%; background-color: #8CA9FF; } .news-detail__post-img img { border-radius: 15px; display: block; width: 100%; margin-bottom: 32px; } .news-detail__tricolor { margin-bottom: 32px; } .news-detail__tricolor-gray { position: relative; z-index: 10; margin-bottom: -10px; color: #0D1E50; padding: 20px; font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: 0.2px; border-radius: 15px; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25); background-color: #F3F6FF; } .news-detail__tricolor-gray:hover { -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5); } .news-detail__tricolor-blue { position: relative; z-index: 7; margin-bottom: -10px; display: block; padding: 20px; font-size: 20px; line-height: 28px; letter-spacing: 0.2px; border-radius: 15px; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25); background-color: #005DFF; } .news-detail__tricolor-blue span { color: #fff; text-decoration: underline; } .news-detail__tricolor-blue:hover { -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5); } .news-detail__tricolor-blue .news-detail-link-icon { position: absolute; bottom: 20px; right: 20px; z-index: 20; } .news-detail__tricolor-pink { position: relative; display: block; color: #fff; padding: 20px; font-size: 20px; line-height: 28px; letter-spacing: 0.2px; border-radius: 15px; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.25); background-color: #FD3C76; } .news-detail__tricolor-pink span { color: #fff; text-decoration: underline; } .news-detail__tricolor-pink:hover { -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.5); } .news-detail__tricolor-pink .news-detail-link-icon { position: absolute; bottom: 20px; right: 20px; z-index: 20; } .education_links { font-size: 20px; line-height: 28px; color: #215fff; } .getLink-block { display: none; margin: 10px 0; padding: 10px; background-color: #F3F6FF; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); border-radius: 5px; -webkit-box-shadow: 0 0 5px 0 #ccc; box-shadow: 0 0 5px 0 #ccc; } .getLink-block p { font-size: 19px; line-height: 1.5; color: #666666; } .getLink-block #getLink--title { margin-bottom: 10px; font-weight: 700; } .advantages-clinic { padding: 120px 0 60px 0; } .advantages-clinic__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .advantages-clinic__inner { width: 100%; margin-right: 32px; } .advantages-clinic__item { margin-top: 24px; background-color: #F3F6FF; border-radius: 15px; padding: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .advantages-clinic__item-title { font-size: 24px; font-weight: 700; line-height: 26px; margin-bottom: 16px; } .advantages-clinic__item-text { font-size: 18px; line-height: normal; margin-right: 20px; } .advantages-clinic__sidebar { position: relative; padding: 24px; border-radius: 15px; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); } .advantages-clinic__sidebar-header { font-size: 24px; font-weight: 500; margin-bottom: 16px; } .advantages-clinic__sidebar-container { padding-top: 15px; position: sticky; top: 0; } .advantages-clinic__sidebar-title { font-size: 32px; font-weight: 700; margin-bottom: 32px; width: 400px; } .advantages-clinic__sidebar-subtitle { font-size: 20px; font-weight: 700; margin-bottom: 12px; } .advantages-clinic__sidebar-tabs { border-radius: 15px; background-color: #F3F6FF; padding: 12px 12px 1px 12px; margin-bottom: 24px; } .advantages-clinic__sidebar-tabs__item { cursor: pointer; text-align: center; border-radius: 15px; width: 100%; background-color: #fff; font-size: 20px; font-weight: 700; padding: 16px 24px; margin-bottom: 14px; } .advantages-clinic__sidebar-tabs__item.active { -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); } .advantages-clinic__sidebar-video { padding-top: 24px; border-top: 2px solid #F2F2F2; margin-bottom: 24px; } .advantages-clinic__sidebar-video__wrapper { cursor: pointer; position: relative; } .advantages-clinic__sidebar-video img { width: 100%; border-radius: 15px; } .advantages-clinic__sidebar-video .icon-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .advantages-clinic__sidebar-form { padding-top: 24px; border-top: 2px solid #F2F2F2; } .advantages-clinic__sidebar-form .input { margin-bottom: 10px; } .advantages-clinic__sidebar-form .consultation__btns { margin-top: 0; } .advantages-clinic__slider { max-width: 280px; margin: 0 auto; } .advantages-clinic__slider .swiper-slide { border-radius: 15px; } .advantages-clinic__slider img { border-radius: 15px; width: 100%; height: 100%; } .specialist { padding: 60px 0; } .specialist .title { text-align: center; } .specialist__wrapper { margin-bottom: 30px; padding: 40px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background-color: #fff; position: relative; } .specialist__medal { position: absolute; top: 20px; right: 20px; z-index: 2; } .specialist__info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } .specialist__info-visual { margin-right: 20px; } .specialist__info-name { font-size: 28px; line-height: normal; margin-bottom: 24px; font-weight: 700; } .specialist__info-photo img { border: 1px solid #F3F6FF; border-radius: 15px 15px 0 0; } .specialist__info-prof { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 400px; border-radius: 0 0 15px 15px; padding: 15px 20px 15px; background-color: #F3F6FF; } .specialist__info-prof li+li { margin-left: 20px; } .specialist__info-prof li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .specialist__info-prof li p { margin-left: 10px; } .specialist__info-main { padding-top: 55px; padding-right: 60px; } .specialist__info-header { margin-left: 10px; font-size: 24px; line-height: normal; font-weight: 700; } .specialist__info-list { padding: 5px 0 30px 65px; } .specialist__info-list .colorGray { color: #535353; } .specialist__info-list li { font-size: 17px; list-style: disc; margin-bottom: 5px; } .specialist__info-inner { position: relative; } .specialist__info-item::before { position: absolute; top: 0; left: 16px; z-index: 1; content: ""; display: block; width: 3px; height: 84%; background-color: #005DFF; } .specialist__info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .specialist__info-item .whiteCircle { position: relative; z-index: 5; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; padding: 10px; background-color: #fff; } .specialist__info-item .blueCircle { display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #005DFF; } .specialist__billet { padding-top: 24px; margin-bottom: 32px; border-top: 2px solid #F3F6FF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; } .specialist__billet-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; -ms-flex-pack: distribute; justify-content: space-around; } .specialist__billet-item+.specialist__billet-item { margin-left: 20px; } .specialist__billet-sun { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 5px; } .specialist__billet-sun p { margin-left: 10px; } .specialist__billet-day { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .specialist__billet-day__item { border-radius: 5px; padding: 10px; color: #fff; background-color: #005DFF; margin-right: 5px; } .specialist__billet-day__item--weekend { color: #252525; background-color: #F3F6FF; } .specialist__achievements { border-radius: 15px; background-color: #F3F6FF; padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .specialist__achievements-item { width: 47%; padding: 30px 20px; background-color: #fff; border-radius: 15px; margin: 10px; } .specialist__achievements-header { font-size: 28px; font-weight: 700; text-align: center; } .specialist__achievements .slick-slider .specialist__dipmlom-img { border-radius: 15px; width: 100%; height: auto; max-height: 100%; cursor: pointer; } .specialist__achievements .slick-slider .specialist__achievements-slider__right { cursor: pointer; position: absolute; bottom: -65px; right: 27%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .specialist__achievements .slick-slider .specialist__achievements-slider__left { cursor: pointer; position: absolute; bottom: -65px; left: 35%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .specialist__achievements .pagination { margin-top: 20px; margin-bottom: 20px; font-size: 20px; text-align: center; color: #252525; } .specialist__services { padding: 40px 20px; border-radius: 15px; border: 1px solid #c2c2c2; } .specialist__services-title { font-size: 28px; font-weight: 700; line-height: normal; text-align: center; margin-bottom: 26px; } .specialist__services-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; text-align: center; border-radius: 15px; background-color: #005DFF; background-image: url(/wp-content/themes/med-skills/assets/images/icon-hand.png); background-repeat: no-repeat; background-position: bottom 10px right; margin-bottom: 0; } .specialist__services-nav__item { font-size: 22px; padding: 16px 24px; margin: 5px; cursor: pointer; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; font-weight: 700; border-radius: 15px; color: #fff; border: 1px solid #fff; background-color: #005DFF; } .specialist__services-nav__item:hover { color: #252525; background-color: #fff; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); } .specialist__services-nav__item.active { color: #252525; background-color: #fff; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); } .specialist__services-tab { background-color: #fff; padding: 20px; border-radius: 15px; } .specialist__services-tab__title { font-size: 23px; font-weight: 700; text-align: center; margin-bottom: 20px; } .specialist__services-tab .specialist__billet { margin-bottom: 0; } .specialist__services-tab__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .specialist__services-tab__img { margin-top: 10px; } .specialist__services-tab__item ul li { font-size: 18px; line-height: normal; color: #535353; cursor: pointer; list-style: none; margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .specialist__services-tab__item ul li .price { width: 180px; color: #878787; text-align: right; } .specialist__services-tab__item ul li:hover { text-decoration: underline; } .specialist__services-tab__item+.specialist__services-tab__item { margin-left: 40px; } .info__accordion-header { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; border-radius: 15px; text-align: left; width: 100%; padding: 16px 40px 16px 20px; color: #252525; cursor: pointer; position: relative; font-size: 18px; border: 1px solid #fff; } .info__accordion-header:hover { font-weight: 700; } .info__accordion-header .icon-triangle { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; position: absolute; top: 50%; right: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .info__accordion-header.active { border-bottom: 1px solid #c2c2c2; font-weight: 700; } .info__accordion-header.active .icon-triangle { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; right: 15px; top: 40%; } .info__accordion-item { border-radius: 15px; border: 1px solid #c2c2c2; margin-top: 20px; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .info__accordion-content { overflow: scroll; overflow-x: hidden; overflow-y: hidden; height: 0; padding: 0; padding: 0 20px; } .info__accordion-content.active { height: -webkit-max-content; height: -moz-max-content; height: max-content; padding: 15px 20px 0 20px; } .info__accordion-content__list.active { height: 400px; } .info__accordion-list { padding-left: 15px; } .info__accordion-list li { list-style: auto; font-size: 14px; margin-bottom: 10px; } .step__img-squares--one { position: absolute; left: 50%; bottom: 10px; z-index: 1; } .step__img-squares--two { position: absolute; bottom: 0; right: 0; z-index: 1; } .step .title { text-align: center; } .step__item { position: relative; } .step__item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .step__item-main { position: relative; padding-left: 40px; padding-bottom: 40px; margin: 20px 0; } .step__item-main__wrapper { border-radius: 15px; padding: 20px; background-color: #F3F6FF; } .step__item-main__wrapper ul { padding-left: 40px; } .step__item-main__wrapper ul li { list-style: disc; } .step__item-main__title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 20px; line-height: normal; font-weight: 700; padding: 15px 20px; border-radius: 15px; background-color: #fff; margin-bottom: 12px; } .step__item-main::before { content: ""; display: block; background-color: #005dff; width: 3px; height: 100%; position: absolute; left: 4px; top: 0; z-index: 1; } .step__item-main--bottom::before { display: none; } .step__item-num { position: absolute; top: -10px; left: -20px; z-index: 5; font-size: 24px; font-weight: 700; line-height: normal; color: #fff; padding: 11px 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #005DFF; } .step__item-title { position: relative; padding-left: 40px; font-size: 28px; line-height: normal; } .step .slots { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 5; } .step .slots__item-wrapper { width: 100%; } .step .slots__wrapper { position: relative; padding: 30px 20px; border-radius: 15px; background-color: #005DFF; } .step .slots__stages { color: #fff; font-size: 18px; } .step .slots__stages span { color: #fff; } .step .slots__doctor { height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 15px 8px; border-radius: 15px; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); width: 360px; background-color: #fff; } .step .slots__doctor-info { padding-left: 20px; } .step .slots__doctor-info li { font-size: 17px; list-style: disc; margin-bottom: 5px; } .step .slots__doctor-item { padding: 25px; } .step .slots__doctor-img { margin-top: 10px; padding: 0 20px 0 20px; margin-bottom: 16px; border-radius: 15px; background: url(/wp-content/themes/med-skills/assets/images/slots-doctor-bg.png); background-repeat: no-repeat; } .step .slots__doctor-img img { margin-top: -20px; width: 200px; border-radius: 15px; } .step .slots__doctor .js-select2 { width: 100%; } .step .slots__doctor .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid red; } .step .slots__doctor .select2-container--default .select2-selection--single { -webkit-box-shadow: 0px 2px 6px rgba(0, 71, 187, 0.15); box-shadow: 0px 2px 6px rgba(0, 71, 187, 0.15); border: 0; height: auto; padding: 16px 20px; border-radius: 15px; } .step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #252525; } .step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 700; font-size: 20px; } .step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; right: 10px; z-index: 3; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .step .slots__doctor .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #252525 transparent transparent transparent; border-width: 12px 8px 0 8px; border-radius: 5px; } .step .slots__days { height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 15px 8px; } .step .slots__days .ui-widget.ui-widget-content { border: none; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); border-radius: 15px; padding: 24px; } .step .slots__days .ui-datepicker { position: relative; width: 360px; } .step .slots__days .ui-datepicker .ui-widget-header { border: 1px solid #fff; background: #fff; } .step .slots__days .ui-datepicker .ui-datepicker-prev { cursor: pointer; } .step .slots__days .ui-datepicker .ui-datepicker-prev span { background-image: url(/wp-content/themes/med-skills/assets/images/arrow-prev-days.svg); background-position: center !important; } .step .slots__days .ui-datepicker .ui-datepicker-next { cursor: pointer; } .step .slots__days .ui-datepicker .ui-datepicker-next span { background-image: url(/wp-content/themes/med-skills/assets/images/arrow-next-days.svg); background-position: center !important; } .step .slots__days .ui-datepicker .ui-datepicker-title { font-size: 20px; font-weight: 600; line-height: 28px; } .step .slots__days .ui-datepicker th { font-weight: 600; font-size: 14px; line-height: 20px; } .step .slots__days .ui-datepicker th.ui-datepicker-week-end span { color: #FFBEBB; } .step .slots__days .ui-datepicker th span { color: #CCDAF1; } .step .slots__days .ui-datepicker td { padding-top: 5px; padding-bottom: 5px; } .step .slots__days .ui-datepicker td a { text-align: center; margin-left: auto; margin-right: auto; border: none; background: none; padding-top: 2px; font-size: 20px; line-height: 28px; font-weight: 300; color: #2B3031; } .step .slots__days .ui-datepicker td span { text-align: center; margin-left: auto; margin-right: auto; border: none; background: none; padding-top: 2px; font-size: 20px; line-height: 28px; font-weight: 300; color: #2B3031; } .step .slots__days .ui-datepicker .ui-state-default { border-radius: 50%; width: 32px; height: 32px; background-color: #F2FAFF; } .step .slots__days .ui-datepicker .ui-state-active { background: #005DFF; color: #fff; } .step .slots__time { position: relative; background-color: #fff; height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 15px 8px; border-radius: 15px; padding: 30px 10px; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; } .step .slots__time-value { -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; -webkit-box-shadow: 0px 2px 6px rgba(0, 71, 187, 0.15); box-shadow: 0px 2px 6px rgba(0, 71, 187, 0.15); font-weight: 600; font-size: 16px; line-height: 24px; margin: 8px; padding: 6px 14px; padding-top: 8px; cursor: pointer; text-align: center; border-radius: 8px; color: #000; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .step .slots__time-value__selected { color: #fff; background: #005DFF; } .step .slots__time-value:hover { color: #fff; background-color: #005DFF; } .step .slots__form { position: relative; z-index: 5; margin: 8px 8px 15px 8px; padding: 30px 40px; border-radius: 15px; background-color: #fff; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); } .step .slots__form-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .step .slots__form-wrapper .input { border-radius: 15px; width: 33%; } .step .slots__form-wrapper .btn { width: 30%; } .step .slots__form .politican { margin-top: 10px; width: 100%; font-size: 12px; line-height: 14px; } .services .title { text-align: center; } .services .title-small { text-align: left; color: #fff; border-radius: 15px; padding: 20px; margin-right: 24px; background-color: #252525; } .services__list { margin-bottom: 30px; } .services__list-btn { width: 100%; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; height: 50px; font-weight: 700; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #252525; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .services__list-img img { border-radius: 15px; } .services__list-info { padding: 7px 5px 7px 12px; } .services__list-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 23%; margin: 7px; padding: 0px; border-radius: 15px; border: 2px solid #F2F2F2; cursor: pointer; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } .services__list-item:hover { border: 2px solid #fff; -webkit-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, 0.2); } .services__list-item:hover .services__list-name { color: #005DFF; } .services__list-item:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; width: 23%; margin: 7px; padding: 0px; border-radius: 15px; border: none; cursor: default; -webkit-transition: none; -o-transition: none; transition: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .services__list-item:last-child:hover { -webkit-box-shadow: none; box-shadow: none; } .services__list-item:last-child:hover .services__list-btn { cursor: pointer; } .services__list-item:last-child .services__list-btn:hover { cursor: pointer; color: #fff; background-color: #005DFF; border: 1px solid #fff; } .services__list-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .services__list-name { font-size: 16px; font-weight: 700; margin-bottom: 10px; } .services__list-price { color: #878787; } .faq { padding: 60px 0; background-size: cover } .faq a { text-decoration: underline } .faq table { border-collapse: collapse; } .faq td { color: #252525; vertical-align: top; font-weight: 500; padding: 12px; border: 1px solid #dee2e6; } .faq th { color: #252525; vertical-align: top; font-weight: 500; padding: 12px; border: 1px solid #dee2e6; } .faq__container { border-radius: 15px; width: 60%; padding: 20px; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15); box-shadow: 0 5px 25px rgba(0, 93, 255, .15) } .faq__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .faq .title { text-align: center; margin-bottom: 20px } .faq .subtitle { font-size: 24px; line-height: 1.2; color: #666; text-align: center } .faq__left { width: 40%; padding-right: 32px } .faq__top { position: sticky; top: 0; margin-bottom: 20px; border-radius: 15px; background-color: #fff } .faq__top img { border-radius: 15px 15px 0 0; max-width: 100% } .faq__text { padding: 200px 60px 60px 60px } .faq__text__middle { padding: 85px 60px 60px 60px } .faq__img { margin-bottom: 20px } .faq__img img { max-width: 100%; border-radius: 15px } .faq__title { font-size: 20px; line-height: 1.2; padding-right: 60px } .faq__header { position: relative; cursor: pointer; padding-bottom: 14px } .faq .icon-plus { position: absolute; top: -10px; right: -10px; z-index: 1 } .faq .icon-plus img { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s } .faq .icon-plus.active img { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .faq__subtitle { font-size: 18px; line-height: 1.3; font-weight: 300 } .faq__subtitle.hide { display: none } .faq__list { padding-left: 20px } .faq__list li { font-weight: 300; margin-bottom: 10px; font-size: 18px; line-height: 1.4; position: relative; padding-left: 30px; background-image: url(/wp-content/themes/med-skills/assets/images/icon-check-blue.svg); background-position: 0 5px; background-repeat: no-repeat } .faq__list li.faq__titelList { font-weight: 500; padding-left: 0; background-image: none } .faq__list li.hide { display: none } .faq__content { padding-top: 10px } .faq__content-table { overflow-x: scroll; } .faq__item { border-radius: 0; padding: 20px 20px 20px 0; background-color: #fff; -webkit-transition: all ease .1s; -o-transition: all ease .1s; transition: all ease .1s; border-bottom: 1px solid #e5e5e5 } .important { padding: 30px 0 } .important__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px } .important-item { cursor: pointer; padding: 20px 30px; border-radius: 15px; background-color: #fff; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15); box-shadow: 0 5px 25px rgba(0, 93, 255, .15) } .important-item:hover { text-decoration: underline } .admission { padding: 25px 0; } .admission .intro__title { margin-bottom: 0 } .admission__banner { padding: 40px 0; background-position: 50%; background-repeat: no-repeat; background-size: cover; } .admission-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 60px 0; } .admission-detail__nav-mob { display: none; } .admission-detail__leftcolumn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; padding-right: 25px; } .admission-detail__rightcolumn { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding-left: 30px; } .admission-detail__widget { padding-left: 20px; border-left: 1px solid #ededed; position: sticky !important; top: 110px; -webkit-transition: top 0.2s ease; -o-transition: top 0.2s ease; transition: top 0.2s ease; will-change: top; } .admission-detail__widget h3 { font-size: 20px; font-weight: 700; line-height: 24px; margin-bottom: 14px; } .admission-detail__widget .btn { width: 100%; background-color: inherit; color: #1f2533; border: 1px solid #1f2533; } .admission-detail__widget .btn:hover { color: #005dff; } .admission-detail__widget .getLink-block p { font-size: 16px; font-weight: 500; line-height: 1.5; color: #666; margin-bottom: 10px; } .admission-detail__widget .admission-nav { margin-bottom: 14px; } .admission-detail__widget .admission-nav li { margin-bottom: 10px; } .admission-detail__widget .admission-nav li a { font-weight: 500; } .admission-detail__widget .admission-nav li a.active { color: #005dff; } .admission-detail__widget .admission-nav li a:hover { color: #005dff; } .admission-detail__widget a { display: -webkit-box; display: -ms-flexbox; display: flex; } .admission-detail__widget a p { margin-left: 10px; margin-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .admission-detail__widget a p span { color: #999; } .admission-detail__widget a p span:first-child { margin-bottom: 2px; color: #1f2533; font-size: 14px; text-decoration: underline; } .admission-detail h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 28px; font-weight: 700; line-height: normal; margin-bottom: 26px; } .admission-detail h2 p { font-size: 28px; } .admission-detail h2 span { font-size: 20px; font-weight: 400; line-height: normal; } .admission-detail h2 a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .admission-detail h2 a span { display: inline-block; text-transform: uppercase; width: 160px; font-size: 12px; line-height: normal; font-weight: 400; margin-left: 10px; } .admission-detail h2 p { width: 470px; line-height: normal; } .admission-detail__wrapper { max-width: 860px; padding: 30px 0; border-bottom: 1px solid #ededed; } .admission-detail__wrapper .table__wrapper { overflow: auto; margin-bottom: 20px; } .admission-detail__wrapper td ul li { font-size: 18px; line-height: 26px; margin-bottom: 0; } .admission-detail__wrapper ul { padding-left: 20px; margin-bottom: 26px; } .admission-detail__wrapper ul li { list-style: disc !important; font-size: 18px; line-height: 26px; margin-bottom: 10px; } .admission-detail__wrapper ol { padding-left: 20px; margin-bottom: 26px; } .admission-detail__wrapper ol li { list-style: auto; font-size: 18px; line-height: 26px; margin-bottom: 10px; } .admission-detail__wrapper .table { width: 100%; border: 1px solid #ddd; border-collapse: collapse; } .admission-detail__wrapper .table th { font-weight: 700; border: 1px solid #ddd; } .admission-detail__wrapper .table td { border: 1px solid #ddd; padding: 10px; } .admission-detail__wrapper .card__item { margin: 0; max-width: 100%; margin-bottom: 16px; } .admission-detail__wrapper .card__item-list_info { padding: 10px 8px; } .admission-detail__wrapper .card__item-title { margin-bottom: 40px; } .admission-detail__wrapper .card__item ul li { font-size: 14px; line-height: 26px; margin-bottom: auto; } .admission-detail__wrapper .card__item-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .admission-detail__wrapper .card__item-bottom .card__item-blur { background-color: #fff; border-radius: 15px; padding: 20px; margin-left: 20px; max-width: 350px; max-height: 220px; } .admission-detail__wrapper .card__item-bottom .card__item-blur p { font-size: 14px; margin-bottom: 8px; } .admission-detail__wrapper .card__item-blur-spo { font-size: 14px; background-color: #fff; border-radius: 15px; padding: 20px; margin-left: 20px; max-width: 350px; max-height: 220px; } .admission-detail__wrapper .card__item-blur-spo-bottom { background-color: #fff; border-radius: 15px; padding: 20px; margin-left: 20px; max-height: 220px; margin-top: 10px; } .admission-detail__wrapper .card__item-blur-spo-bottom p{ font-size: 14px; } .admission-detail__wrapper .card__item-bottom .card__item-blur-spo p{ font-size: 14px; } .admission-detail__wrapper .card__item-bottom .card__item-blur-spo .column-info { display: flex; flex-direction: row; gap: 15px; } .admission-detail__wrapper .card__item-list_info { max-width: 100%; } .admission-detail .license { margin-bottom: 26px; } .admission-detail .license a { color: #005dff; text-decoration: underline; } .admission-detail p { font-size: 18px; line-height: 26px; margin-bottom: 16px; } .admission-detail p.num { font-size: 20px; font-weight: 700; } .admission-detail__allocation { margin-bottom: 40px; font-size: 18px; line-height: 26px; padding: 20px; } .admission-detail__allocation--blue { border-left: 4px solid #005dff; background-color: rgba(0, 93, 255, 0.1); } .admission-detail__allocation--pink { border-left: 4px solid #fd3c76; background-color: rgba(253, 60, 118, 0.1); } .admission-detail__allocation a { text-decoration: underline; color: #005dff; } .admission-detail__allocation ul { margin-bottom: 0; } .callback-bt { background: #38a3fd; border-radius: 50%; -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3); cursor: pointer; border: 2px solid transparent; display: block; width: 65px; height: 65px; text-align: center; position: fixed; right: 13px; bottom: 110px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-animation: hoverWave linear 1s infinite; animation: hoverWave linear 1s infinite; } .callback-bt:hover { background: #fff; border: 2px solid #38a3fd; } .callback-bt .text-call { height: 75px; width: 75px; border-radius: 50%; position: relative; } .callback-bt .text-call:after { content: ""; display: block; background-repeat: no-repeat; background-position: right 60% bottom 60%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25 18.6389V23.55C25.0002 23.9016 24.8669 24.2402 24.6272 24.4975C24.3875 24.7547 24.0591 24.9115 23.7083 24.9361C23.1014 24.9778 22.6056 25 22.2222 25C9.94861 25 0 15.0514 0 2.77778C0 2.39444 0.0208333 1.89861 0.0638889 1.29167C0.0885033 0.940894 0.245252 0.612515 0.502505 0.37279C0.759758 0.133065 1.09837 -0.000158935 1.45 3.5636e-07H6.36111C6.53339 -0.000174076 6.69958 0.0636931 6.8274 0.179195C6.95522 0.294697 7.03555 0.453587 7.05278 0.625C7.08472 0.944445 7.11389 1.19861 7.14167 1.39167C7.41769 3.31795 7.98334 5.19143 8.81945 6.94861C8.95139 7.22639 8.86528 7.55833 8.61528 7.73611L5.61806 9.87778C7.45063 14.1479 10.8535 17.5508 15.1236 19.3833L17.2625 16.3917C17.3499 16.2694 17.4775 16.1818 17.6229 16.144C17.7683 16.1061 17.9224 16.1206 18.0583 16.1847C19.8153 17.0193 21.6883 17.5835 23.6139 17.8583C23.8069 17.8861 24.0611 17.9167 24.3778 17.9472C24.5489 17.9648 24.7075 18.0452 24.8227 18.173C24.9379 18.3008 25.0016 18.4668 25.0014 18.6389H25Z' fill='white'/%3e%3c/svg%3e "); color: #fff; font-size: 38px; line-height: 75px; height: 75px; width: 75px; opacity: 1; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-animation: 1200ms ease 0s normal none 1 running shake; animation: 1200ms ease 0s normal none 1 running shake; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .callback-bt .text-call:hover:after { opacity: 0; } .callback-bt .text-call span { color: #38a3fd; display: block; left: 40%; top: 40%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; font-size: 11px; line-height: 12px; font-weight: 600; text-transform: uppercase; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; font-family: 'montserrat', Arial, Helvetica, sans-serif; } .callback-bt .text-call:hover span { opacity: 1; } .unique-blockquote{ margin-top:15px; } .news-detail__post table{ width: 100%; max-width: 100%; margin-top:15px; margin-bottom:15px; border-spacing: 0; border-collapse: collapse; } .news-detail__post table tr:nth-child(odd) td { background-color: #f7f9fd; } .news-detail__post table tr:nth-child(even) td { background-color: #ffffff; } .news-detail__post table td{ padding: 1rem 1rem; font-size: 15px; line-height: 16px; border: 0.0625rem solid #D3D8E3; } .news-detail__post table tr:first-child td{ font-size: 16px; } .s-article__expert { overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; margin: 1.5rem 0; padding: 1.5rem 1rem; border: 0.0625rem solid #D3D8E3; border-radius: 12px; flex-direction: row; align-items: flex-start; padding: 1.5rem 1.875rem; margin-bottom:50px; } .s-article__expert-name { margin: 0 0 0.5rem; } .s-article__address { overflow: hidden; margin: 1.5rem 0; border: 0.0625rem solid #D3D8E3; border-radius: 10px; } .s-article__expert-position { margin: 0 0 0.5rem; color: #9EA0B3; } .s-article__expert-info { display: flex; flex-direction: column; align-items: flex-start; } .s-article__expert-photo { margin: 0.5rem 2rem 0 0; min-width: 120px; } .s-article__expert-photo img { width: 100%; height: 100%; object-fit: cover; } .s-article__expert-text { margin: 0.5rem 0 0; color: var(--a-color_text--grey); } .a-font_h4 { font-size: 1.875rem; letter-spacing: -0.01em; } .a-font_m-m { font-size: 1.0625rem; color:#9EA0B3; } .a-font_xl-m { font-size: 15px; font-weight: 400; color:#252525; line-height: 20px; } .a-font_m { font-size: 14px; font-weight: 300; color:#252525; } .consultation__wrapper_second, .consultation__wrapper{ border-radius: 12px; flex-direction: row; align-items: flex-start; padding: 1.5rem 1.875rem; margin-top:25px; margin-bottom:35px; } .consultation__wrapper_second{ border: 0.0625rem solid #D3D8E3; background:#f7f9fd; } .consultation__wrapper{ border: 0.0625rem solid black; background: linear-gradient(to bottom right, black 0%, black 54.8%, #fd3c76 55%, #fd3c76 100%); } .consultation__wrapper-third{ border: 0.0625rem solid #D3D8E3; background: linear-gradient(to bottom left, black 0%, black 49.8%, #005dff 50%, #005dff 100%); } .consultation__wrapper-third .mark{ background-color: #005dff !important; color: white !important; } .consultation__wrapper-third .btn{ background-color: #005dff !important; color: white !important; } .consultation__wrapper .consultation__inner .titler, .consultation__wrapper .consultation__inner .subtitle{ color: white !important; } .consultation__wrapper_second{ background:#005dff; color:#fff; } .consultation__wrapper_second input::-webkit-input-placeholder, .consultation__wrapper_second textarea::-webkit-input-placeholder { color: #fff; } .consultation__wrapper_second .titler, .consultation__wrapper .titler{ font-size: 32px; line-height:34px; } .consultation__wrapper_second .titler{ color:#fff; } .consultation__wrapper_second .subtitle, .consultation__wrapper .subtitle{ font-size: 24px; line-height:26px; margin-top:20px; } .consultation__wrapper_second .subtitle{ color:#fff; } .leadformerror { float: left; width: 100%; padding-top: 10px; margin-bottom: 20px; height: 30px; color: #fe92b2; } .consultation__wrapper_second .input, .consultation__wrapper .input { display: inline-flex; align-items: center; width: 100%; height: 2.75rem; font-size: 14px; padding: 0rem 1.5rem 0rem 1rem; border: 0.0625rem solid #cfd3d8; border-radius: 0.5rem; box-sizing: border-box; outline: none; color: #0D1140; transition: 0.2s; } .consultation__wrapper_second .input { color: #ffffff; background: transparent; } .form__labels { margin: 0 0.75rem 0 0; } .m-form__inner { flex: none; display: flex; width: 100%; flex-direction: row; } .course-card .btn, .consultation__wrapper_second .btn, .consultation__wrapper .btn { cursor: pointer; position: relative; padding: 0; padding-left: 25px; padding-right: 25px; font-size: 14px; line-height: 14px; color: #fff; outline: 0; background: #005dff; border-radius: 0.5em; border: 0; height: 2.75rem; -webkit-transition: background 0.2s ease, color 0.35s; -o-transition: background 0.2s ease, color 0.35s; transition: background 0.2s ease, color 0.35s; } .consultation__wrapper .btn{ background: black; color: white; } .consultation__wrapper .btn:hover{ background: white !important; color: black !important; } .consultation__wrapper_second .btn { background: #fd3c76; } .course-card__content .btn { padding: 13px 40px; margin-top:10px; } .consultation__wrapper_second .consultation__btns, .consultation__wrapper .consultation__btns { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .consultation__wrapper_second label.checkbox__text, .consultation__wrapper label.checkbox__text { font-weight:300; font-size:13px; } .consultation__wrapper_second label.checkbox__text, .consultation__wrapper-third label.checkbox__text, .consultation__wrapper label.checkbox__text{ color:#fff; } .consultation__wrapper_second .consultation__policy, .consultation__wrapper .consultation__policy{ margin-top:10px; } .consultation__wrapper_second .consultation__policy-link, .consultation__wrapper .consultation__policy-link{ text-decoration:underline; } .consultation__wrapper .consultation__policy-link{ color:#666 !important; } .consultation__wrapper_second .consultation__policy-link, .consultation__wrapper-third .consultation__policy-link, .consultation__wrapper .consultation__policy-link { color:#fff !important; } .consultation__wrapper .custom-checkbox+label::before { content: ''; display: inline-block; width: 1.25em; height: 1.25em; flex-shrink: 0; flex-grow: 0; border: 1px solid #005dff; background-color:#005dff; border-radius: 0.25em; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .consultation__wrapper_second .custom-checkbox+label::before { content: ''; display: inline-block; width: 1.25em; height: 1.25em; flex-shrink: 0; flex-grow: 0; border: 1px solid #fff; background-color:#005dff; border-radius: 0.25em; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .consultation__wrapper_second .mark{ padding: 0 4px; background-color: #005dff; color:#fff; } .consultation__wrapper .mark{ background-color: #fd3c76; } .consultation__wrapper_second .mark{ background-color: #fd3c76; } .course-card { display: flex; align-items: flex-start; justify-content: space-between; border: 1px solid #D3D8E3; border-radius: 12px; background-color: #fff; margin-top: 20px; margin-bottom: 40px; overflow: hidden; } .course-card__content { max-width: 60%; padding: 20px; } .course-button { margin-top:30px; } .course-card__badge { display: inline-block; font-size: 12px; font-weight: 300; color: #555; text-transform: uppercase; } .course-card__title { font-size: 22px; line-height: 28px; font-weight: 700; color: #000; } .course-card__description { font-size: 14px; color: #555; margin: 0 0 20px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; font-weight: 300; margin-top: 10px; } .course-card__image { flex-shrink: 0; max-width: 40%; text-align: center; overflow: hidden; position: relative; } .course-card__image img { max-width: 100%; height: auto; display: block; } .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); mix-blend-mode: lighten; pointer-events: none; } .gallery-subject{ padding: 60px 0; } .gallery-courses { width: 100%; height: auto !important; overflow: hidden; } .gallery-courses .swiper-wrapper { align-items: stretch; } .gallery-courses .swiper-slide { height: auto !important; position: relative; aspect-ratio: 4/3 !important; } .gallery-courses .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } .section-banner { position: relative; width: 100%; } .section-banner .container{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; padding: 3rem 20px; width: 86.7rem; } .section-banner .breadcrumps{ position: relative; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; width: 100%; } .section-banner .breadcrumps__link-item { font-size: 14px; font-weight: 500; color: #878787; margin-right: 10px; position: relative; z-index: 10; } .section-banner .breadcrumps__link-item a { position: relative; cursor: pointer; display: inline-block; font-size: 1.1rem; line-height: 1.38rem; max-width: 10rem; padding-right: 1.2rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; white-space: nowrap; } .section-banner .section-banner__image { background-color: #202032; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .section-banner .breadcrumps.colorWhite .breadcrumps__link-item a { color: #fff; } .section-banner .breadcrumps__link-item a:after { content: "/"; cursor: default; position: absolute; right: 0.3rem; top: 0px; } .section-banner .section-banner__title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2.77rem; z-index: 5; margin-bottom: 4.166rem; } .section-banner .title{ text-align: center; position: relative; color: #fff; } .section-banner .section-banner__image img { -webkit-filter: grayscale(100%); filter: grayscale(100%); height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: .4; width: 100%; vertical-align: top; } .card_item-block{ } .discription__item{ display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; max-width: 100%; width: auto; height: 300px; box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); border-radius: 15px; padding: 20px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2; box-sizing: border-box; height: 400px; padding: 20px; } .discription__item-title{ color: #fff; font-size: 28px; font-weight: 700; line-height: 34px; position: relative; z-index: 2; margin-top: 15px; } .discription__item-subtitle{ background-color: #fff; padding: 5px; border-radius: 10px; font-size: 18px; font-weight: 700; line-height: 32px; text-align: center; max-height: 75px; height: 100%; display: flex; justify-content: center; align-items: center; } .teacher-admission .swiper-slide{ display: flex; align-items: stretch; } .teacher-swiper{ width: 100% !important; max-width: 860px !important; } .teacher__accordion-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .teacher__accordion-container { display: flex; flex-direction: column; flex-grow: 1; padding: 20px; box-sizing: border-box; } .info__visual, .info__content { width: 100%; } .teacher__accordion-wrapper .info__visual { flex-shrink: 0; margin-bottom: 20px; } .info__img{ display: flex; flex-direction: row; gap: 15px; } .info__img img { width: auto; max-width: 400px; height: 100%; max-height: 300px; object-fit: cover; border-radius: 15px; } .teacher__accordion-wrapper .info__name { font-size: 28px; font-weight: 700; margin-bottom: 15px; } .teacher__accordion-wrapper .info__basic { font-size: 16px; } .teacher__accordion-wrapper .info__content { flex-grow: 1; padding: 20px; border: 1px solid #c2c2c2; border-radius: 15px; box-sizing: border-box; margin-bottom: 50px; } .swiper-gallery-container .swiper-slide { display: flex; justify-content: center; align-items: center; } .swiper-gallery-container-clinic .swiper-slide { display: flex; justify-content: center; align-items: center; } .gallery-swiper{ width: 224px; } .gallery-swiper img { max-width: 224px; max-height: 168px; width: auto; height: auto; object-fit: cover; } .social-media-container .how__training-row { align-items: flex-start; display: flex; flex-direction: row; -webkit-box-pack: justify; margin-bottom: 2rem; position: relative; width: 100%; } .social-media-container .how__training-row img{ width: 100%; border-radius: 15px; } .social__row { margin-bottom: 2rem; display: flex; grid-gap: 1rem; } .social__row-top { align-items: flex-start; display: flex; flex-direction: column; position: relative; width: 100%; } .social__row img { margin-right: 2rem; } .social__row .btn { margin-bottom: 1rem; font-size: 1rem; } .social_btn{ color:#fff; cursor: pointer; display: inline-block; position: relative; padding: 14px 22px; font-size: 16px; line-height: 19px; font-weight: 700; outline: 0; background-color: #005DFF; border-radius: 5px; border: 0; transition: all 0.1s linear; } .social_btn:hover{ background: #0242b2; } .social_btn a{ color: #fff; } .btn--pink { background: linear-gradient(150deg, #FD3C76, #E92862); } .btn--pink:hover{ background: #dc3567; } .clinic-swiper{ width: 400px; max-height: 300px; } .clinic-swiper img { width: 100%; height: 100%; object-fit: cover; } .admission-choosing-form{ overflow: hidden; position: relative; padding: 30px 30px; border-radius: 15px; -webkit-box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0px 5px 25px rgba(0, 93, 255, 0.15); background: #005DFF; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .admission-choosing-form .title-big { line-height: 40px; font-size: 36px; color: #fff; } .admission-choosing-form .choosing__form-label{ display: flex; flex-direction: column; gap: 5px; } .form_job{ padding: 60px 0; background-color:#252525; } .question{ padding: 60px 0; background-color:#252525; } .separation_vector{ width: 0px; height: 90px; border: 3px solid #252525; margin: 0 55px 0 55px; } .form_admission{ padding: 60px 0; background-color:#252525; } .postupit-v-med-text-wrapper{ padding: 60px 0; font-size: 18px; line-height: 26px; } .postupit-v-med-text-wrapper h1 { font-weight: 900; font-size: 34px; line-height: normal; color: #262626; padding: 0; margin: 0; margin-bottom: 40px; } .postupit-v-med-text-wrapper .img{ border-radius: 15px; display: block; margin-bottom: 40px; width: 100%; } .postupit-v-med-text-wrapper h2 { font-weight: 700; font-size: 24px; line-height: normal; color: #262626; padding: 0; margin: 0; margin-top: 25px; margin-bottom: 15px; } .postupit-v-med-text-wrapper ul{ margin-top: 10px; } .postupit-v-med-text-wrapper li { font-size: 18px; line-height: 26px; margin-bottom: 10px; padding-left: 35px; position: relative; list-style-type: none; } .postupit-v-med-text-wrapper li::before { content: ""; position: absolute; left: 0; top: 3px; width: 22px; height: 25px; background-repeat: no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%2020C4.477%2020%200%2015.523%200%2010C0%204.477%204.477%200%2010%200C15.523%200%2020%204.477%2020%2010C20%2015.523%2015.523%2020%2010%2020ZM10%2018C12.1217%2018%2014.1566%2017.1571%2015.6569%2015.6569C17.1571%2014.1566%2018%2012.1217%2018%2010C18%207.87827%2017.1571%205.84344%2015.6569%204.34315C14.1566%202.84285%2012.1217%202%2010%202C7.87827%202%205.84344%202.84285%204.34315%204.34315C2.84285%205.84344%202%207.87827%202%2010C2%2012.1217%202.84285%2014.1566%204.34315%2015.6569C5.84344%2017.1571%207.87827%2018%2010%2018ZM9.003%2014L4.76%209.757L6.174%208.343L9.003%2011.172L14.659%205.515L16.074%206.929L9.003%2014Z%22%20fill%3D%22%238CA9FF%22%2F%3E%0A%3C%2Fsvg%3E%0A); } .postupit-v-med-text-wrapper a { color: #005DFF !important; text-decoration: underline; } .postupit-v-med .faq .title{ font-weight: 900; font-size: 34px; line-height: normal; color: #262626; padding: 0; margin: 0; text-align: left !important; margin-bottom: 40px !important; } .postupit-v-med .faq .faq__subtitle a{ color: #005DFF !important; text-decoration: underline !important; } .postupit-v-med .faq .consultation__wrapper{ margin: 0; } .postupit-v-med .faq .consultation__wrapper .m-form__inner { flex: none; display: flex; width: 100%; flex-direction: column; gap: 10px; } .postupit-v-med .faq .consultation__wrapper .form__labels { margin: 0; } .postupit-v-med .faq .consultation__wrapper .subtitle{ text-align: left; } .postupit-v-med .faq .consultation__wrapper .btn{ background-color: black !important; } .postupit-v-med .faq .consultation__wrapper .btn:hover{ background-color: white !important; } .postupit-v-med .slider-container { height: 450px; width: 100%; } .postupit-v-med .swiper { width: 100%; height: 100%; } .postupit-v-med .img-container{ max-width: 400px; max-height: 450px; } .postupit-v-med .img-container img { width: 100%; height: 100%; object-fit: cover; } .postupit-v-med .programs-wrapper { background-color: white; border-radius: 25px; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, .15); box-shadow: 0 5px 25px rgba(0, 93, 255, .15); padding: 30px 40px; display: flex; align-items: flex-start; flex-direction: row; gap: 20px; min-height: 250px; height: 100%; } .postupit-v-med .programs-wrapper:not(:last-child){ margin-bottom: 20px; } .postupit-v-med .v_cards .img-container { max-width: 400px; max-height: 350px; align-self: center; overflow: hidden; display: flex; flex-direction: column; gap: 10px; } .postupit-v-med .v_cards .img-filter-container { background-color: #202032; border-radius: 10px; } .postupit-v-med .v_cards .img-container img{ border-radius: 10px; max-height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: .4; width: 100%; vertical-align: top; } .v_cards_wrapper .img-container span{ font-size: 12px; line-height: 16px; } .postupit-v-med .info{ display: flex; flex-direction: column; gap: 15px; font-size: 18px; line-height: 22px; max-width: 60%; } .postupit-v-med .info .title{ margin: 0 !important; font-size: 22px; line-height: 26px; } .postupit-v-med .title-container a{ text-decoration: underline !important; text-underline-offset: 0.25em; } .postupit-v-med .title-container a:hover{ text-decoration: none !important; } .postupit-v-med .info table{ max-width: 345px; } .postupit-v-med .info table th{ text-align: left; } .postupit-v-med .info table tr{ text-align: right; } .postupit-v-med .btn-wrapper{ display: flex; flex-direction: row; gap: 10px; } .postupit-v-med .info .btn{ width: 150px; display: flex; align-items: center; justify-content: center; } .postupit-v-med .info .btn-sec{ width: 180px; background-color: #fd3c76 !important; border-color: #fd3c76 !important; } .postupit-v-med .info .btn-sec:hover{ color: white !important; background-color: black !important; border-color: black !important; } .postupit-v-medicinskij-tamplate .breadcrumps span, .postupit-v-medicinskij-tamplate .breadcrumps a{ color: #fff; } .postupit-v-medicinskij-tamplate .section-banner__title{ margin: 0; gap: 40px; } .postupit-v-medicinskij-tamplate .section-banner .title{ margin: 0; } .postupit-v-medicinskij-tamplate .btn-wrapper{ display: flex; flex-direction: row; align-items: center; gap: 10px; position: relative; z-index: 2; font-weight: 700; font-size: 24px; width: 100%; justify-content: space-evenly; } .postupit-v-medicinskij-tamplate .btn-wrapper .btn-info{ display: flex; flex-direction: column; align-items: center; gap: 10px; color: #fff; } .postupit-v-medicinskij-tamplate .btn-wrapper .btn-info span{ color: #ccc; font-weight: 500; font-size: 18px; } .postupit-v-medicinskij-tamplate .text{ padding: 65px 0; } .postupit-v-medicinskij-tamplate .text h2, .postupit-v-medicinskij-tamplate .text h3, .postupit-v-medicinskij-tamplate .text .title { font-weight: 700; font-size: 24px; line-height: normal; padding: 0; margin: 0; margin-top: 25px; margin-bottom: 15px; } .postupit-v-medicinskij-tamplate .text p, .postupit-v-medicinskij-tamplate .text .status-indicators { font-size: 18px; line-height: 26px; } .postupit-v-medicinskij-tamplate .text a{ color: #005DFF; text-decoration: underline; } .postupit-v-medicinskij-tamplate .text ul { margin-top: 10px; } .postupit-v-medicinskij-tamplate .text li { font-size: 18px; line-height: 26px; margin-bottom: 10px; padding-left: 35px; position: relative; list-style-type: none; } .postupit-v-medicinskij-tamplate .text li::before { content: ""; position: absolute; left: 0; top: 3px; width: 22px; height: 25px; background-repeat: no-repeat; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10%2020C4.477%2020%200%2015.523%200%2010C0%204.477%204.477%200%2010%200C15.523%200%2020%204.477%2020%2010C20%2015.523%2015.523%2020%2010%2020ZM10%2018C12.1217%2018%2014.1566%2017.1571%2015.6569%2015.6569C17.1571%2014.1566%2018%2012.1217%2018%2010C18%207.87827%2017.1571%205.84344%2015.6569%204.34315C14.1566%202.84285%2012.1217%202%2010%202C7.87827%202%205.84344%202.84285%204.34315%204.34315C2.84285%205.84344%202%207.87827%202%2010C2%2012.1217%202.84285%2014.1566%204.34315%2015.6569C5.84344%2017.1571%207.87827%2018%2010%2018ZM9.003%2014L4.76%209.757L6.174%208.343L9.003%2011.172L14.659%205.515L16.074%206.929L9.003%2014Z%22%20fill%3D%22%238CA9FF%22%2F%3E%0A%3C%2Fsvg%3E%0A); } .postupit-v-medicinskij-tamplate .contacts-container-wrapper{ display: flex; flex-direction: column; gap: 10px; } .postupit-v-medicinskij-tamplate .contacts-container-el{ display: flex; flex-direction: row; align-items: center; gap: 5px; } .postupit-v-medicinskij-tamplate .contacts-container-el span{ font-size: 18px; line-height: 26px; } .postupit-v-medicinskij-tamplate .contacts-container-el-small span{ font-size: 12px; line-height: 16px; } .postupit-v-medicinskij-tamplate .second-level-pages-wrapper{ display: flex; flex-direction: row; justify-content: space-between; } .postupit-v-medicinskij-tamplate .second-level-pages-wrapper-el{ background-color: #005dff; padding: 15px; border-radius: 10px; transition: background 0.2s ease; cursor: pointer; font-size: 18px; line-height: 26px; color: white !important; font-weight: 700; text-decoration: none !important; } .postupit-v-medicinskij-tamplate .second-level-pages-wrapper-el a{ } .postupit-v-medicinskij-tamplate .second-level-pages-wrapper-el:hover{ background-color: black; } .postupit-v-medicinskij-tamplate .consultation__wrapper .btn{ background-color: black !important; } .postupit-v-medicinskij-tamplate .consultation__wrapper .btn:hover { background-color: white !important; } .postupit-v-medicinskij-tamplate-second .text{ padding: 0 0 65px 0; } @media (max-width:1280px) { .course-card .btn, .consultation__wrapper_second .btn, .consultation__wrapper .btn{ padding:0; padding-left:15px; padding-right:15px; } .news-detail__post table{ display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .header__bottom .nav__list .nav__link { margin-right: 10px; } } @media (max-width: 768px) { .news-details .author-card { padding: 15px; gap: 15px; } .news-details .author-avatar { width: 80px; height: 80px; } .news-details .author-name { font-size: 18px; } .news-details .author-position, .news-details .author, .news-details .author-description{ font-size: 14px; line-height: 20px; } .course-card { flex-direction: column; } .course-card__content { max-width: 100%; padding: 20px; } .course-card__image { order: 2; max-width: 100%; } .course-button { margin-bottom:10px; } .image-overlay { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); } .consultation__wrapper_second .subtitle, .consultation__wrapper .subtitle{ display:none; } .consultation__wrapper_second .titler, .consultation__wrapper .titler { font-size: 24px; line-height: 29px; } .leadformerror { margin-bottom: 10px; font-size: 14px; } .m-form__inner { flex-direction: column; } .form__labels { margin: 0; margin-bottom: 10px; } .consultation__wrapper_second label.checkbox__text, .consultation__wrapper label.checkbox__text{ display:inline-block; margin-bottom:0; font-size:12px; line-height:14px; } .consultation__wrapper_second .custom-checkbox+label::before, .consultation__wrapper .custom-checkbox+label::before{ width: 1.1em; height: 1.1em; } .s-article__expert { flex-wrap: wrap; } .s-article__expert-photo{ max-width: 130px; margin-bottom:10px; } .news-detail__widget-title{ font-size:19px; padding-bottom:5px; line-height: 22px; } .section-banner .container{ padding: 2.7rem 0 !important; width: 90% !important;; } .section-banner .title{ width: 100%; } } @-webkit-keyframes hoverWave { 0% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 40% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 80% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067) } 100% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0) } } @keyframes hoverWave { 0% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 0 rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 40% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 15px rgba(56, 163, 253, 0.2), 0 0 0 0 rgba(56, 163, 253, 0.2) } 80% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 26.7px rgba(56, 163, 253, 0.067) } 100% { -webkit-box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0); box-shadow: 0 8px 10px rgba(56, 163, 253, 0.3), 0 0 0 30px rgba(56, 163, 253, 0), 0 0 0 40px rgba(56, 163, 253, 0.0) } } @-webkit-keyframes shake { 0% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } 10% { transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg); } 20% { transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); } 30% { transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); } 40% { transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg); } 50% { transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg); } 60% { transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); } 70% { transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg); } 80% { transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg); } 90% { transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg); } 100% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } } @keyframes shake { 0% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } 10% { transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg); } 20% { transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); } 30% { transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); } 40% { transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg); } 50% { transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg); } 60% { transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); } 70% { transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg); } 80% { transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg); } 90% { transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg); } 100% { transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); } } .cookie-consent { position: fixed; bottom: 120px; right: 20px; background-color: #2c2c2c; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); max-width: 320px; width: calc(100% - 40px); text-align: left; z-index: 9999; display: none; } .cookie-consent p { margin: 0 0 10px; font-size: 14px; line-height: 1.4; color: white; } .cookie-consent a { text-decoration: underline; color: white; } .cookie-consent button { background: linear-gradient(150deg, #005DFF, #0038FF); color: white; border: none; padding: 10px 20px; font-size: 14px; border-radius: 5px; cursor: pointer; transition: background-color 0.2s ease; } .cookie-consent button:hover { background: linear-gradient(150deg, #0048cc, #002699); } .cookie-more-text { display: none; margin-top: 10px; color: white; } .cookie-more-text.show { display: block; } .cookie-toggle-text { color: #005DFF; cursor: pointer; font-weight: 500; margin-left: 5px; transition: opacity 0.3s ease; text-decoration: underline; } .cookie-toggle-text:hover { color: #b59cff; } .hide-text { opacity: 0; pointer-events: none; margin-left: 5px; } .cookie-more-text.show .hide-text { opacity: 1; pointer-events: all; } @media (max-width: 480px) { .cookie-consent { left: 10px; right: 10px; bottom: 10px; padding: 15px; font-size: 13px; width: calc(100% - 20px); max-width: none; } .cookie-consent button { width: 100%; padding: 10px; font-size: 14px; margin-top: 10px; } } .form-lead { border-radius: 15px; } .lead { margin: 20px 0; max-width: 860px; padding: 45px 0 45px 45px; border-radius: 15px; border: 1px solid #FD3C76; } .lead__editor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .lead__title { font-weight: 700; font-size: 30px; line-height: 38px; margin-bottom: 20px; } .lead p { font-size: 18px; line-height: 24px; margin-bottom: 20px; color: #333333; } .lead .lead__link { cursor: pointer; text-decoration: underline; color: #005DFF; } .lead__who { text-align: center; } .lead__img { margin-bottom: 20px; } .lead__name { color: #005DFF; font-weight: 700; font-size: 22px; line-height: 22px; margin: 0 auto; } .lead__list { color: #005DFF; } .lead__career { margin-top: 12px; color: rgba(51, 51, 51, 0.7); font-weight: 400; font-size: 14px; line-height: 14px; } .lead__pdf-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 18px; margin-bottom: 28px; margin-left: 0; cursor: pointer; max-width: 530px; } .lead__pdf-name { font-weight: 600; margin-bottom: 10px; text-decoration: underline; color: #005DFF; } .lead__pdf-description { font-size: 16px; color: #999999; } .lead__pdf-list__item img { margin-right: 16px; } .lead__block-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lead__btn { margin-bottom: 30px; position: relative; text-transform: uppercase; font-weight: 700; font-size: 20px; padding: 22px 20px; background-color: #fd3c76; border: 1px solid #fd3c76; } .lead__btn:hover { color: #fff; background-color: #fd3c76; border: 1px solid #fd3c76; } .lead__btn .lead__file { color: #1f2533; } .lead__btn:hover .lead__file { color: #1f2533; } .lead__file { position: absolute; left: 50%; bottom: -10px; padding: 5px 15px; font-weight: 300; border-radius: 5px; font-size: 12px; line-height: 14px; text-transform: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #FFF; } .lead__info-already { font-size: 14px; line-height: 16px; font-weight: 300; color: #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lead__info-already svg { margin-left: 4px; } @media (max-width: 1100px) { .header__middle-contacts_item { display: none; } .header__bottom-action { display: none; } .intro__container { padding: 20px; } .intro__title { font-size: 36px; line-height: 42px; } .intro__wrapper-content { max-width: 400px; } .intro__include { padding: 20px; } .card__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card__item { max-width: 47%; } .promising__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .promising__item { max-width: 47%; margin-bottom: 30px; } .promising__item+.promising__item { margin-left: 0; } .search__container { padding: 20px; } .search__block { padding: 20px; } .test__container { padding: 20px; } .test__monoblock { width: 188px; height: auto; } .test__monoblock-img img { max-width: 100%; } .logistics__slider-item_title { font-size: 26px; line-height: 34px; } .logistics__slider-item_text { font-size: 18px; line-height: 24px; } .logistics__slider-item_content { padding: 20px; width: 50%; } .logistics__slider-item_img { height: 350px; } .logistics__slider-right { bottom: -23%; right: 36%; } .logistics__slider-left { bottom: -23%; left: 40%; } .choosing__form { padding: 20px; } .choosing__container { padding: 20px; } .choosing .input-tel { width: 100%; } .choosing .input-email { margin-left: 0; margin-top: 20px; width: 100%; } .choosing__btns .btn { padding: 14px 10px; } .diplom__slider img { margin: 0 auto; } .reviews__slider-left { bottom: -17%; left: 37%; } .reviews__slider-right { bottom: -17%; right: 32%; } .consultation__container { padding: 20px; } .speciality__slider-left { bottom: -34%; left: 32%; } .speciality__slider-right { bottom: -34%; right: 21%; } .consultation__container { padding: 20px; } .qrcode__container { padding: 20px; } .resources__slider img { margin: 0 auto; } .location__wrapper { margin: 40px 0; position: static; } .description__title { padding: 0 10px; } .description__wrapper { padding: 20px; } .description__inner { margin-bottom: 20px; padding: 10px 5px; } .help__wrapper { padding: 10px; } .equipment__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .equipment__inner-item { margin-bottom: 40px; max-width: 50%; } .comfortable__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .comfortable__wrapper-item { max-width: 100%; } .director__wrapper { padding: 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .director__wrapper-item__img { text-align: center; } .director__wrapper-item+.director__wrapper-item { margin-left: 0; } .check-list__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .check-list__wrapper-item__img { text-align: center; margin-bottom: 20px; } .check-list__wrapper-item__img img { max-width: 100%; } .check-list__wrapper-item+.check-list__wrapper-item { margin-left: 0; } .pay__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pay__wrapper-inner { width: 100%; margin-bottom: 20px; } .tidings__item { width: 44%; } .tidings__item.swiper-slide { margin: 0 0 40px 0; padding: 0 0 20px 0; } .contacts__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__item { padding-right: 0; } .news-detail__leftcolumn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-right: 0; } .news-detail__rightcolumn { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0px; margin-top: 80px; } .advantages-clinic { padding: 60px 0; } .advantages-clinic__sidebar { display: none; } .advantages-clinic__inner { margin-right: 0; } .specialist__wrapper { padding: 20px; } .specialist__info-photo img { width: 100%; } .specialist__services-tab { padding: 0; } .specialist__achievements-header { font-size: 22px; line-height: normal; } .specialist__achievements .slick-slider .specialist__achievements-slider__left { left: 22%; } .specialist__achievements .slick-slider .specialist__achievements-slider__right { right: 14%; } .info__accordion-content__list.active { height: 300px; } .step .slots { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .step .slots__days .ui-datepicker { width: 100%; max-width: 700px; } .services__list-item { width: 30%; } .faq__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .faq__left { width: 100%; padding-right: 0 } .faq__container { width: 100% } .faq__text { padding: 0 } .faq__content { padding-top: 0 } .admission-detail { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .admission-detail__leftcolumn { max-width: 100%; padding-right: 0; } .admission-detail__rightcolumn { max-width: 100%; padding-left: 0; } .admission-detail__rightcolumn.fixed { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 2%; position: fixed; top: 8%; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); z-index: 999; } .admission-detail__rightcolumn.fixed.active-nav { padding: 50px 20px 20px 20px; } .admission-detail__rightcolumn.fixed .admission-detail__nav-mob { background-color: #005dff; padding: 5px; -webkit-box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); box-shadow: 0 5px 25px rgba(0, 93, 255, 0.15); left: 2%; top: 8%; position: fixed; display: block; } .admission-detail__rightcolumn.fixed .admission-detail__widget { display: none; } .admission-detail__rightcolumn.fixed.active-nav .admission-detail__widget { display: block; } } @media (max-width: 870px) { .specialist__services-tabs { overflow: scroll; overflow-x: hidden; height: 350px; border-radius: 0; padding: 0 10px; } .specialist__services-tab__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .specialist__services-tab__item+.specialist__services-tab__item { margin-left: 0; } .step__img-squares--one { left: 0; } } @media (max-width: 767px) { .button-widget { width: 100px; height: 75px; } .title-big { font-size: 26px; line-height: 34px; } .container { padding: 0 15px; } .header .navigation__section.open { top: 104px; } .header .main-menu__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header .main-menu__column { width: 50%; } .header__top-wrapper { padding: 6px 0; } .header__top li.dropdown { display: none; } .header__top li.postupit-v-med-link { display: none; } .header__middle { display: none; } .header__bottom { padding: 15px 0; } .header__bottom .nav { display: none; } .header__bottom-action { display: block; margin-right: 15px; } .header__bottom .header__logo { display: block; } .header__bottom-action p { padding-top: 2px; } .header__bottom-action b { font-size: 16px; } .header__bottom-action span { font-size: 14px; } .header__bottom-actions_mob{ display: flex; flex-direction: row; gap: 15px; margin-right: 20px; justify-content: center; align-items: center; } .header__bottom-action_btn { cursor: pointer; display: inline-block; padding: 14px 22px; font-size: 16px; line-height: 19px; font-weight: 700; color: #020202; background-color: #ffffff; border-radius: 5px; border: 0; border: 1px solid #252525; text-align: center; } .header__bottom-action_phone{ cursor: pointer; display: inline-block; } .intro__container { margin-bottom: 20px; } .intro__container-nav { padding: 20px; width: 100%; margin-left: 0; } .intro__container-nav+.intro__container-nav { margin-left: 0; margin-top: 20px; } .intro__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .intro__wrapper-content { margin-bottom: 35px; max-width: 100%; width: 100%; } .intro__wrapper-video { max-width: 100%; } .intro__wrapper-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .intro__include { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .intro__include-list { margin-bottom: 25px; } .intro__include-list+.intro__include-list { margin-left: 0; } .intro__include-title { margin-bottom: 5px; } .card__item { width: 100%; max-width: 100%; padding: 30px 20px; } .promising__container { margin-bottom: 40px; } .promising__img { position: absolute; right: 0; display: none; } .search__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search__block-content { max-width: 100%; margin-bottom: 10px; } .search .btn { margin: 0 auto; } .advantages__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .advantages__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .advantages__list-item { margin: 0 10px 20px 10px; } .advantages__item { max-width: 100%; } .test__item-mobile { display: none; } .logistics__item { line-height: 20px; font-size: 16px; margin-bottom: 10px; } .logistics__list { width: auto; } .logistics__slider-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .logistics__slider-item_content { width: 100%; height: 400px; } .logistics__slider-item_img { width: 100%; } .logistics__slider-item_text { width: 100%; } .logistics__slider-item_title { font-size: 18px; line-height: 24px; margin-bottom: 20px; } .logistics__slider-left { bottom: -13%; left: 28%; } .logistics__slider-right { bottom: -13%; right: 17%; } .choosing__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .choosing__item { max-width: 100%; } .choosing__item-text { max-width: 100%; margin-bottom: 30px; } .diplom__slider-right { right: 0; } .news__slider-wrapper { margin: 0 10px; } .news__slider-left { top: auto; bottom: 0; left: 20%; } .news__slider-right { top: auto; bottom: 0; right: 20%; } .consultation__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .consultation__container .title-big { line-height: 30px; } .consultation__item { max-width: 100%; } .consultation__item-text { max-width: 100%; margin-bottom: 20px; } .consultation__form { padding: 20px; } .qrcode__link { margin-bottom: 20px; } .qrcode .title { line-height: 30px; } .qrcode__item-text { max-width: 100%; } .qrcode__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__top-logo { margin-bottom: 40px; } .footer__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__wrapper-other { width: 100%; } .footer .nav__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer .nav__list li { margin-bottom: 10px; } .sveden { flex-direction: column; } .sidebar { width: 100%; } .salary__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .salary__inner .salary__item { width: 100%; margin: 0 0 20px 0; padding: 70px 20px 20px 20px; } .salary__inner .salary__item .salary-icon { top: 20px; left: 20px; right: auto; bottom: auto; } .poss__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .poss__inner-item { width: 100%; margin-bottom: 20px; } .poss__inner-item+.poss__inner-item { margin-left: 0; } .help__step { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .help__step-item { max-width: 100%; margin-bottom: 40px; } .help__step-item+.help__step-item { margin-left: 0; } .platform__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .platform__content { max-width: 100%; margin-bottom: 40px; } .services__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services__inner-item { padding: 20px; max-width: 100%; margin-bottom: 20px; } .services__inner-item+.services__inner-item { margin-left: 0; } .frdo__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .frdo__wrapper-item { max-width: 100%; } .frdo__wrapper-item__img { margin-top: 20px; } .frdo__wrapper-item+.frdo__wrapper-item { margin-left: 0; } .ultrasound { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 40px; } .ultrasound__item { padding: 0; width: 100%; } .ultrasound__img { margin-bottom: 20px; } .pay__wrapper-inner { margin-right: 0; padding: 20px; } .pay .pay__wrapper-form { padding: 20px; } .tidings__item { padding: 10px 10px 20px 10px; width: 100%; } .tidings__item-date { top: 14px; left: 14px; } .tidings__item-title { margin: 20px 0; } .tidings__item .link { text-align: center; } .news-details__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news-details__img { width: 100%; margin-bottom: 20px; } .news-details__item { padding-left: 0; width: 100%; max-width: 100%; } .news-detail__nav-btn { width: 100%; } .news-detail__nav-next { margin: 0; } .advantages-clinic__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .advantages-clinic__item-text { margin-bottom: 20px; } .specialist__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .specialist__info-main { padding-top: 20px; padding-right: 0; } .specialist__info-photo img { max-width: 300px; } .specialist__info-prof { max-width: 300px; } .specialist__info-prof li+li { margin-left: 5px; } .specialist__billet { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .specialist__billet-item { width: 100%; } .specialist__achievements { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .specialist__achievements-item { padding: 20px 0; width: 100%; margin: 0; margin-bottom: 10px; } .specialist__services-nav { padding: 10px; } .info__accordion-content__list.active { height: 300px; } .info__accordion-content.active { padding: 15px 5px 5px; } .specialist__billet-item+.specialist__billet-item { margin-left: 0; margin-top: 20px; } .step .slots__form { padding: 10px; } .step .slots__wrapper { padding: 10px; } .step__item-main { padding-left: 20px; } .step__item-main__wrapper { padding: 10px; } .step__item-main__wrapper ul { padding-left: 20px; } .step .slots__form-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .step .slots__form-wrapper .input { width: 100%; margin-bottom: 10px; } .step .slots__form-wrapper .btn { margin: 0 auto; width: 100%; } .services__list-item { width: 46%; } .gallery-equipment__gallery { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .gallery-equipment__pic_big { width: 100%; min-height: 300px; margin-bottom: 20px } .gallery-equipment__flex { height: 195px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .gallery-equipment__flex .gallery-equipment__pic { width: 20%; height: 90px; } .gallery-equipment__flex { width: 100% } .important { display: none } .admission-detail { margin: 0; } .admission-detail__widget { padding-left: 0; border-left: 0; } .admission-detail h2 { font-size: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .admission-detail h2 p { font-size: 24px; width: 100%; } .admission-detail p { font-size: 16px; line-height: normal; margin-bottom: 20px; } .admission-detail__allocation { font-size: 16px; padding: 20px; margin-bottom: 20px; } .admission-detail__wrapper { padding: 13px 0; } .admission-detail__wrapper ul { padding-left: 10px; } .admission-detail__wrapper ul li { font-size: 16px; line-height: normal; } .admission-detail__wrapper ol { padding-left: 10px; } .admission-detail__wrapper ol li { font-size: 16px; line-height: normal; } .admission-detail__wrapper .card__item-title { font-size: 24px; line-height: 30px; } .admission-detail__wrapper .card__item-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 10px; } .admission-detail__wrapper .card__item-bottom .card__item-list { padding-left: 0; } .admission-detail__wrapper .card__item-bottom .card__item-blur { margin-left: 0; margin-top: 10px; } .lead { padding: 20px; } .lead__title { font-size: 24px; line-height: 26px; } .lead__editor { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .lead__pdf-list__item { font-size: 16px; } .lead__who { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; gap: 20px; } .lead__img { width: 100px; } .lead__name { font-size: 16px; line-height: 16px; } .lead__career { margin-top: 6px; } .lead__pdf-list__item img { width: 25px; } .lead__btn { margin-bottom: 20px; font-size: 14px; max-width: 315px; } .postupit-v-med .programs-wrapper { flex-direction: column; } .postupit-v-med .info{ max-width: 100%; } .postupit-v-medicinskij-tamplate .section-banner .section-banner__title{ padding: 20px } .postupit-v-medicinskij-tamplate .section-banner__title .title{ font-size: 28px; line-height: 32px; } .postupit-v-medicinskij-tamplate .btn-wrapper{ font-size: 16px; align-items: baseline; gap: 0 } .postupit-v-medicinskij-tamplate .btn-wrapper .btn-info span{ font-size: 12px; } .postupit-v-medicinskij-tamplate .btn-wrapper .btn-info { gap: 5px; } } @media (max-width: 615px) { .swiper-slide { width: 100%; margin: 0 0 40px 0; margin-right: 0px; padding: 0 0 20px 0; } .card__item { height: auto; margin: 0 0 20px 0; } .card__item-title { font-size: 24px; margin-left: 25px; margin-top: 40px; } .card__item-list_info { font-size: 14px; margin-left: 10px; margin-top: 10px; } .header__bottom-actions_mob{ gap: 10px; margin-right: 10px; } .header__bottom-action_phone p{ display: none; } .header__bottom-action_phone img{ display: inline-block !important; width: 35px; height: 35px; } .footer .footer-container{ flex-direction: column; align-items: flex-start; gap: 20px; } .news-details .bottom-section { flex-direction: column; gap: 20px; } .news-details .course-actions { align-items: flex-start; } .postupit-v-med .v_cards .img-container { max-width: 380px; width: auto; } .postupit-v-med .info .title{ font-size: 24px; line-height: 30px; } .postupit-v-medicinskij-tamplate .second-level-pages-wrapper { flex-direction: column; gap: 10px; } .postupit-v-medicinskij-tamplate .second-level-pages-wrapper-el{ text-align: center; } } @media (max-width: 480px) { .postupit-v-medicinskij-tamplate .btn-wrapper { flex-direction: column; align-items: center; gap: 10px; font-size: 24px; } .news-details .author-card { padding: 20px; gap: 15px; } .news-details .author-name { font-size: 20px; } .news-details .author-position { font-size: 15px; margin-bottom: 10px; } .news-details .author-description { font-size: 14px; } .news-details .author-avatar{ order:2; } .news-details .author-info{ order:1; } .apply__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .apply__name { font-size: 20px; margin-bottom: 16px; } .apply .btn { padding: 12px 12px; } .header .navigation__section.open { position: fixed; min-height: 100vh; } .header .navigation__section.open .main-menu__wrapper { overflow-y: auto; position: fixed; right: 0; bottom: 0; left: 0; top: 104px; width: 100vw; z-index: 900; background-color: #fff; } .header .main-menu__column { padding: 20px 15px; width: 100%; border-bottom: 1px solid rgba(31, 37, 51, 0.1); } .header .main-menu__wrapper { position: static; z-index: -1; min-height: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header .main-menu__list li { margin-left: 30px; font-weight: 500; } .header .main-menu__list li a { font-size: 17px; } .header .main-menu__list p { margin-bottom: 15px; } .fancybox-content { padding: 20px; } .services__list-item:last-child { width: 100%; } .metodist__wrapper { margin-bottom: 20px; } .metodist__wrapper .metodist { margin: 0px 5px; } .metodist__wrapper .metodist .metodist__img img { max-width: 90px; } .title { font-size: 28px; line-height: 35px; margin-bottom: 20px; } .title-gradient { padding: 10px; font-size: 24px; line-height: normal; } .icon-logo { height: 40px; width: 220px; } .header__bottom-action{ margin-right: 40px; } .header__bottom-action_btn { cursor: pointer; display: flex; font-size: 11px; color: #020202; background-color: #ffffff; border-radius: 5px; border: 0; border: 1px solid #252525; padding: 5px 5px; line-height: 13px; font-weight: 500; margin-right: 5px; width: 74px; height: 39px; justify-content: center; align-items: center; } .intro { background-position: top; padding: 10px 0 25px 0; } .intro__container { padding: 10px; -webkit-box-shadow: none; box-shadow: none; } .intro__title { font-size: 28px; line-height: normal; margin-bottom: 26px; } .intro__list .intro__item { font-size: 16px; } .promising__item { max-width: 100%; } .promising__item-title { font-size: 24px; line-height: 28px; margin-bottom: 10px; } .search { padding: 80px 0; } .search__block-content .icon-search { left: 18px; } .search__block-content .search__input { font-size: 14px; padding: 20px 20px 20px 30px; } .search__container { padding: 20px 5px 5px 5px; } .search .btn { width: 100%; } .search .title { padding: 0 20px; } .test { padding: 40px 0; } .test .btn { width: 100%; max-width: 100%; } .logistics__slider-item_text { font-size: 16px; line-height: 18px; } .logistics__slider-item_img { height: 225px; } .logistics__item { font-size: 16px; line-height: 18px; } .choosing { padding: 40px 0; } .choosing__btns { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .choosing__btns .politican { margin-top: 20px; } .news { padding: 30px 0; } .news__slider { padding: 0; } .reviews__slider-wrapper { padding: 20px; } .reviews__slider-left { bottom: -27%; left: 19%; } .reviews__slider-right { bottom: -27%; right: 10%; } .consultation { padding: 40px 0; } .qrcode { padding: 40px 0; } .qrcode__link { display: -webkit-box; display: -ms-flexbox; display: flex; } .qrcode__link img { max-width: 100%; } .qrcode__item-img img { max-width: 100%; } .resources__slider img { max-width: 100%; } .footer__wrapper-contacts { padding: 20px 0 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__wrapper-contacts_addres { margin-top: 20px; } .footer__wrapper-contacts_block { margin-top: 10px; } .footer__wrapper-contacts_name { font-size: 12px; } .footer__wrapper-contacts_link { font-size: 12px; } .footer__wrapper-contacts_left { margin-right: 10px; } .footer__wrapper-other { padding: 0 0 20px 0; border-left: 0; } .footer__contacts-name { font-size: 12px; margin-bottom: 10px; } .footer__contacts-link { font-size: 12px; } .description__title { font-size: 16px; line-height: 18px; } .description .btn { padding: 7px 22px 7px 11px; } .accordion-titel { padding: 20px; } .accordion-contant p { padding-left: 0; } .equipment__inner-item { max-width: 100%; } .frdo__subtitle { margin-bottom: 20px; } .pay__wrapper-prices .pay__fit { top: 0; } .pay__wrapper-prices .pay__fit img { width: 150px; } .pay__wrapper-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pay__wrapper-bottom .btn { width: 100%; margin-bottom: 20px; } .pay .politican { margin-left: 0; } .poss__inner-item__title { font-size: 16px; margin-bottom: 10px; } .poss__inner-item_list li { margin-bottom: 5px; } .accordion__list { padding-left: 0; } .application__form { padding: 0; } .services { padding: 60px 0 30px 0; } .platform__wrappen { margin-bottom: 0; } .equipment { padding: 30px 0; } .comfortable { padding: 30px 0; } .frdo { padding: 30px 0; } .ultrasound__wrapper { padding: 30px 0; } .check-list { padding: 60px 0 30px 0; } .pay { padding: 30px 0; } .footer__top { padding-bottom: 15px; } .footer__wrapper-contacts { padding: 0; } .news-detail__rightcolumn { margin-top: 40px; } .news-detail__nav-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px; } .news-detail__nav-img { margin-bottom: 20px; max-width: 100%; height: auto; } .news-detail__link { padding: 15px; } .news-detail__quote { padding: 15px; } .news-detail__post { margin-bottom: 40px; } .advantages-clinic { padding: 30px 0; } .advantages-clinic__slider { max-width: 100%; } .advantages-clinic__item-text { font-size: 16px; margin-right: 0; margin-bottom: 10px; } .specialist { padding: 30px 0; } .specialist__wrapper { padding: 10px; } .specialist__info-header { font-size: 20px; } .specialist__services { padding: 20px 0 0 0; } .specialist__services-nav { margin-bottom: 18px; } .specialist__services-nav__item { font-size: 18px; padding: 12px 16px; } .specialist__services-tab { padding: 0 10px; padding-bottom: 10px; } .specialist__services-tab__item ul li { font-size: 16px; } .specialist__billet-day__item { padding: 5px; font-size: 14px; } .specialist__billet .btn--blue { font-size: 16px; padding: 8px 12px; } .step .slots__doctor { width: 100%; margin: 15px 0; } .step .slots__doctor-item { padding: 15px; } .step .slots__days { width: 100%; margin: 15px 0; } .step .slots__days .ui-widget.ui-widget-content { padding: 15px; } .step .slots__time { width: 100%; margin: 15px 0; padding: 15px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .step .slots__form { margin: 15px 0; } .step__item-title { font-size: 24px; } .services { padding: 0 0 30px 0; } .services .title-small { font-size: 23px; line-height: normal; padding: 10px 20px; margin-right: 0; margin-bottom: 20px; } .services__list { padding: 10px; margin-bottom: 10px; } .services__list-name { font-weight: 400; } .services__list-item { width: 100%; } .faq { padding: 30px 0 } .faq .icon-plus { top: -5px; right: -10px } .faq .subtitle { font-size: 20px } .faq__title { font-size: 18px; padding-right: 30px } .faq__subtitle { font-size: 16px } .faq__item { padding: 10px 0 10px 0 } .faq__list li { font-size: 16px; } .gallery-equipment__item { height: 250px } .gallery-equipment { padding: 30px 0 } .gallery-equipment .subtitle { margin-bottom: 0 } .gallery-equipment .gallery-equipment__pic { width: 30% } .gallery-equipment__pic_big { min-height: auto } .section-banner .section-banner__title { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 2rem 1.5rem; margin-bottom: 0; } .social__row { flex-direction: column; } .discription__item-subtitle { margin: 20px; font-size: 16px; font-weight: 600; line-height: 24px; } .discription__item-title { margin: 20px; } .discription__item-title { font-size: 24px; } .teacher__accordion-wrapper .info__name { line-height: 26px; } .teacher__accordion-wrapper .info__content { margin-bottom: 0px; width: 330px; } .teacher__accordion-wrapper .info__img img{ width: 330px; } .swiper-teacher-container .swiper-wrapper, .swiper-gallery-container .swiper-wrapper{ height: 100% !important; } .gallery-swiper img { max-width: 445px; } .programs-discription .swiper-button-prev, .programs-discription .swiper-button-next, .swiper-teacher-container .swiper-button-prev, .swiper-teacher-container .swiper-button-next, .swiper-gallery-container .swiper-button-prev, .swiper-gallery-container .swiper-button-next{ bottom: 9px !important; } .admission-choosing-form { flex-direction: column; } .info__img img { max-width: 400px; } .info__img picture:last-child { display:none; } .card__item-title { margin-left: 0px; } .consultation__wrapper .btn{ color: white !important; background-color: black !important; } .postupit-v-med .swiper-slide{ padding: 0 0 50px 0; } .postupit-v-med .swiper .swiper-button-next, .postupit-v-med .swiper .swiper-button-prev { bottom: 0px !important; } .postupit-v-medicinskij-tamplate .section-banner .section-banner__title{ padding: 20px 0 20px 0; } .postupit-v-medicinskij-tamplate .btn-wrapper .btn-info{ gap: 0; } .postupit-v-medicinskij-tamplate .text{ padding: 30px 0; } .postupit-v-med .programs-wrapper { padding: 20px; } .postupit-v-med .info table tr{ text-align: justify; font-size: 16px; } .postupit-v-med .info .btn-sec { width: 150px; padding: 12px; } .postupit-v-med-text-wrapper{ padding: 30px 0; } .v_cards{ padding: 30px 0; } } @media (max-width:460px) { .swiper .wow { height: 370px; } .swiper .swiper-wrapper { height: 450px; } .swiper .swiper-button-next { right: 31%; bottom: 27px; } .swiper .swiper-button-prev { right: 59%; bottom: 27px; } .swiper .swiper-pagination { bottom: 15px; } .card__item-bottom .icon-deg-arrow-card { right: 4%; } .card__inner .icon-deg-arrow-card { right: 0%; } .gallery .swiper-button-next { right: 31%; bottom: 0px; } .gallery .swiper-button-prev { right: 59%; bottom: 0px; } .gallery .swiper-pagination { bottom: -2px; } .news .swiper-button-next { right: 31%; bottom: 88px; } .news .swiper-button-prev { right: 59%; bottom: 88px; } .news .swiper-pagination { bottom: 74px; } .location__addres { padding-right: 21px; } .header__bottom-action { margin-right: 21px; } .header__bottom-action b { font-size: 13px; } .admission-detail__wrapper .swiper .swiper-wrapper { height: unset; } .postupit-v-medicinskij-tamplate .btn-wrapper .btn-info span { font-size: 18px; } .postupit-v-medicinskij-tamplate .btn-wrapper .btn-info{ gap: 5px; } .gallery-subject .swiper-button-prev { top: auto; left: auto; right: 85px; bottom: 20px; } .gallery-subject .swiper-button-next { top: auto; right: 30px; left: auto; bottom: 20px; } .partners-logo .swiper .swiper-wrapper { height: unset; } .partners-logo .swiper-button-prev { top: auto; left: auto; right: 85px; bottom: 20px; } .partners-logo .swiper-button-next { top: auto; right: 30px; left: auto; bottom: 20px; } } @media (max-width:380px){ .teacher__accordion-container { padding: 0px; } .info__img img { max-width: 340px; } .gallery-swiper img { max-width: 330px; } } .wthsbutton:hover { cursor: pointer; } .whatsapp-button { position: fixed; right: 13px; bottom: 5px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #25D366; border-radius: 50%; width: 65px; height: 65px; color: #fff; text-align: center; line-height: 53px; font-size: 35px; z-index: 9999999999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .whatsapp-button a { color: #fff; } .whatsapp-button img { width: 39px; margin-top: 13px; } .whatsapp-button::before, .whatsapp-button::after { content: " "; display: block; position: absolute; border: 50%; border: 1px solid #25D366; left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; -webkit-animation: animate 1.5s linear infinite; animation: animate 1.5s linear infinite; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .whatsapp-button::after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .maxbutton:hover { cursor: pointer; } .max-button { position: fixed; right: 13px; bottom: 100px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #8343E4; border-radius: 50%; width: 65px; height: 65px; color: #fff; text-align: center; line-height: 53px; font-size: 35px; z-index: 9999999999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .max-button a { color: #fff; } .max-button img { width: 39px; margin-top: 13px; } .max-button::before, .max-button::after { content: " "; display: block; position: absolute; border: 50%; border: 1px solid #8343E4; left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; -webkit-animation: animate 1.5s linear infinite; animation: animate 1.5s linear infinite; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .max-button::after { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes animate { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes animate { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .webp .specialist__services-nav { background-image: url(/wp-content/themes/med-skills/assets/images/icon-hand.webp) } .webp .step .slots__doctor-img { background: url(/wp-content/themes/med-skills/assets/images/slots-doctor-bg.webp) }.college_main .intro { padding: 65px 0; background-image: none; background-color: #F7F7F7; } .intro_title{ border-radius: 24px; padding: 50px; margin-bottom: 40px; background-color: #fff; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); text-align: center; } .intro_title h2, h1{ font-size: 48px; font-weight: 500; } .intro_banner{ margin-bottom: 40px; } .intro_banner img{ max-width:1260px; width:100%; } .college_main .intro__container-nav{ box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); } .main_programms{ padding: 65px 0; } .college_main .title h2{ font-size: 35px; font-weight: 700; } .banner_pedsys{ margin-top: 40px; padding: 35px 25px; position: relative; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); border-radius: 25px; } .banner_pedsys .full{ position: absolute; top: 0px; right: 0px; height: 100%; width: 100%; z-index: 0; object-fit: cover; border-radius: 25px; } .banner_pedsys .info{ position: relative; z-index: 1; } .banner_pedsys .title{ text-align: right; font-size: 50px; line-height: 54px; font-weight: 900; } .banner_pedsys .info ul li{ color: white !important; text-align: left; font-size: 33px; line-height: 39px; font-weight: 500; } .banner_pedsys .top{ display: flex; justify-content: space-between; align-items: center; } .banner_pedsys .top-full{ margin-bottom: 20px; } .banner_pedsys .bubble{ border-radius: 100%; height: 130px; width: 130px; background-color: #D0FF03; padding: 10px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 23px; line-height: 27px; font-weight: 900; } .banner_pedsys .bottom{ margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } .banner_pedsys .bottom .mark{ background-color: #D0FF03; font-size: 33px; line-height: 39px; font-weight: 500; } .banner_pedsys .bottom .btn{ border-radius: 50px; background-color: white; color: black; font-size: 23px; font-weight: 500; text-align: center; padding: 15px 20px; } .banner_pedsys .bottom .btn:hover{ background-color: black; color: white; } .programm_cards{ display: flex; flex-direction: row; gap: 40px; } .programm_cards .card{ max-width: 600px; width: 100%; max-height: 600px; height: 100%; border-radius: 15px; padding: 55px 30px 55px 30px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); } .programm_cards .title h2{ color:#fff; margin-bottom: 305px; } .bottom_discription li{ font-size: 26px; font-weight: 700; display: inline-block; padding: 17px; background-color: #DBFF00; border-radius: 30px; } .bottom_discription li:not(:first-child){ margin-top: 20px; } .ordinatura .bottom_discription li:not(:first-child){ margin-top: 10px; } .college_main .question{ padding: 65px 0; background-color:#00246B; } .question_form{ display:flex; flex-direction: row; background-color: #fff; border-radius: 24px; padding: 33px 60px; justify-content: center; align-items: center; } .question_form .title{ font-size: 27px; font-weight: 700; max-width: 505px; line-height: 32px; margin-bottom: 0px; } .college_main .separation_vector{ width: 0px; height: 90px; border: 3px solid #00246B; margin: 0 55px 0 55px; } .question_form .subtitle{ font-weight: 400; font-size: 18px; line-height: 22px; margin-bottom: 0; max-width: 345px; align-content: center; } .question_btn{ border-radius: 50px; background-color: #FD3C76; color:#000; font-size: 18px; font-weight: 500; height: 60px; width: 140px; text-align: center; margin-left: 20px; padding: 10px; } .programms{ padding: 65px 0; } .programms .programm_cards .card{ max-width: 30%; width: 100%; height: 100%; border-radius: 15px; padding: 20px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 2; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); } .programms .programm_cards .title { display: flex; align-items: center; justify-content: center; padding: 0; background-color: #DBFF00; border-radius: 30px; height: 81px; margin-bottom: 18px; } .programms .programm_cards .title h2 { color: #000; font-size: 30px; line-height: 36px; margin: 0; padding: 20px; } .programms .programm_cards .subtitle p{ font-weight: 600; font-size: 20px; line-height: 25px; color: #FFFFFF; } .programms .programm_cards .subtitle{ max-width: 370px; width: 100%; height: 80px; margin-bottom: 30px; } .programms .bottom_discription li{ background-color: #fff; font-weight: 600; font-size: 16px; line-height: 25px; } .ordinatura .programm_cards { flex-wrap: wrap; } .ordinatura .programm_cards .card{ max-width: 30%; padding: 30px; } .ordinatura .programm_cards .title h2 { margin-bottom: 105px; font-size: 29px; line-height: 32px; } .ordinatura .programm_cards .title { height: 160px; } .ordinatura .bottom_discription li { font-size: 18px; font-weight: 500; display: inline-block; padding: 13px; background-color: #DBFF00; border-radius: 30px; line-height: 19px; } .college_main .form_admission{ padding: 65px 0; background-color:#00246B; } .form_admission_container{ background-color:#F3F6FF; padding: 25px 60px; border-radius: 24px; } .form_admission_container .title{ font-weight: 600; font-size: 48px; line-height: 58px; margin-bottom: 20px; } .form_admission_container .subtitle{ font-weight: 400; font-size: 32px; line-height: 38px; margin-bottom: 30px; } .form_admission_container .form{ display: flex; flex-direction: row; gap: 20px; margin-bottom: 17px; } .form_admission_container .form .input{ border: 1px solid #CCCCCC; } .info_text{ padding: 65px 0; } .info_text title{ margin-bottom: 40px; } .info_text h2 { font-size: 22px; line-height: 28px; margin-bottom: 10px; } .info_text p{ font-size: 18px; line-height: 26px; margin-bottom: 16px; } .info_text .quote{ margin-bottom: 40px; font-size: 18px; line-height: 26px; padding: 20px; } .info_text .pink{ border-left: 4px solid #fd3c76; background-color: rgba(253, 60, 118, 0.1); } .info_text .blue{ border-left: 4px solid #005dff; background-color: rgba(0, 93, 255, 0.1); } .info_text ul{ padding-left: 20px; margin-bottom: 26px; } .info_text ul li{ list-style: disc !important; font-size: 18px; line-height: 26px; margin-bottom: 10px; } .info_text h3{ font-size: 20px; line-height: 26px; font-weight: 700px; margin-bottom: 16px; } .info_text a{ text-decoration: underline !important; color: #005DFF; } .info_video img{ margin: 0 0 40px 0; } .college_main .video-container { display: flex; justify-content: center; margin-bottom: 40px; } .college_main video { border-radius: 15px; max-width: 974px; width: 100%; } .college_main .form_job{ padding: 65px 0; background-color:#00246B; } .form_job .subtitle{ font-weight: 400; font-size: 20px; line-height: 24px; display: flex; flex-direction: column; gap: 20px; } .form_job .btn{ color: #000; background-color: #FD3C76; border: 1px solid #FD3C76; } .form_job .btn:hover { background-color: #fff; color: #FD3C76; } .photo_gallery{ padding: 65px 0 65px 0; } .college-swiper img { width: 100%; height: 100%; object-fit: cover; } .close_banner{ padding: 65px 0; background-color: #F7F7F7; } .close_banner img{ max-width:1260px; width:100%; } .form_page{ background-color: #F3F6FF; margin: 0; padding:40px 20px; overflow: auto; } .form_page .container { max-width: 550px; margin: 0 auto; padding: 40px; background-color: #FFFFFF; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: center; gap: 10px; } .content__contacts-form .popup-form{ display: flex; flex-direction: column; gap: 15px; } .content__contacts-form .politican{ margin-top: 20px; } .form_page h1{ text-align: center; margin-bottom: 15px; font-size: 26px; line-height: 35px; } .form_page input { border: 1px solid #cacace; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.11rem; padding: 1rem 1.2rem; width: 100%; } .abit-middle .faq__content-table th{ font-weight: 700; } .abit-middle .title{ margin-bottom: 40px; } .abit-middle .wrapper{ margin-bottom: 40px; } .abit-middle .info-text p { font-size: 18px; line-height: 26px; margin-bottom: 16px; } .abit-middle .info-text ul { padding-left: 20px; margin-bottom: 26px; } .abit-middle .info-text ul li { list-style: disc !important; font-size: 18px; line-height: 26px; margin-bottom: 10px; } .abit-middle .discription-container{ border-top: 1px solid #666666; margin-top: 20px; } .abit-middle .discription-container li{ font-size: 13px; } .abit-middle .list ol{ padding-left: 20px; margin-bottom: 26px; } .abit-middle .list ol li{ list-style: auto; font-size: 18px; line-height: 26px; margin-bottom: 10px; } .abit-middle .list ul li{ list-style: disc !important; list-style-position: inside !important; } .partners-logo .college_gallery_partners * { box-sizing: border-box; } .partners-logo { padding: 65px 0; overflow: hidden; } .partners-logo-wrapper { width: 100%; position: relative; margin-top: 40px; } .college_gallery_partners { width: 100%; position: relative; } .college_gallery_partners .swiper-wrapper { display: flex; transition-timing-function: ease-out; } .college_gallery_partners .swiper-slide { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: auto; height: auto; } .partners_logo_card { display: flex; flex-direction: column; align-items: center; justify-content: center; } .partners_logo_card img { width: 100%; max-width: 200px; height: 150px; object-fit: contain; display: block; } .partner-name { text-align: center; font-size: 16px; font-weight: 700; margin-top: 15px; color: #333; line-height: 1.3; } .hero-banner { position: relative; width: 100%; height: 100%; min-height: 600px; border-radius: 30px; overflow: hidden; margin: 20px auto; max-width: 1400px; } .hero-banner .banner-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-banner .banner-bg-image { width: 100%; height: 100%; object-fit: cover; object-position: center; } .hero-banner .banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00246B; opacity: 0.65; } .hero-banner .banner-content { position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; margin-top: 90px; } .hero-banner .banner-title { color: #ffffff; font-size: 67px; font-weight: 700; line-height: 1.1; margin: 0 0 40px 0; text-align: center; } .hero-banner .banner-circles { display: flex; justify-content: center; align-items: center; gap: -20px; margin-bottom: 40px; } .hero-banner .banner-circle { width: 140px; height: 140px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease, box-shadow 0.3s ease; } .hero-banner .banner-circle:hover { transform: scale(1.05); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3); } .hero-banner .circle-white { background-color: #ffffff; z-index: 3; margin-right: -15px; } .hero-banner .circle-blue { background-color: #DBFF00; z-index: 4; } .hero-banner .circle-content { text-align: center; padding: 15px; } .hero-banner .circle-text { color: #000000; font-weight: 700; font-size: 16px; line-height: 1.3; display: block; } .hero-banner .consultation-btn { background-color: #005DFF; color: #ffffff; border: none; padding: 18px 45px; font-size: 18px; font-weight: 600; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgb(0 93 255 / 39%); margin-top: 20px; } .hero-banner .consultation-btn:hover { background-color: #005DFF; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(219, 255, 0, 0.4); } @media (max-width: 1200px) { .hero-banner .banner-title { font-size: 55px; } .hero-banner .banner-circle { width: 130px; height: 130px; } } @media (max-width: 768px) { .hero-banner { height: 70vh; min-height: 500px; border-radius: 20px; margin: 15px auto; } .hero-banner .banner-content { margin-top: 0px; } .hero-banner .banner-title { font-size: 42px; margin-bottom: 30px; } .hero-banner .consultation-btn { padding: 16px 35px; font-size: 16px; } .hero-banner .banner-circle { width: 110px; height: 110px; } .hero-banner .circle-text { font-size: 14px; } .hero-banner .banner-circles { gap: -15px; margin-bottom: 30px; } .hero-banner .circle-white { margin-right: -12px; } } @media (max-width: 480px) { .hero-banner { height: 60vh; min-height: 450px; border-radius: 15px; margin: 10px auto; } .hero-banner .banner-title { font-size: 32px; margin-bottom: 25px; } .hero-banner .consultation-btn { padding: 14px 30px; font-size: 15px; } .hero-banner .banner-circle { width: 90px; height: 90px; } .hero-banner .circle-text { font-size: 14px; line-height: 20px; } .hero-banner .banner-circles { gap: -10px; margin-bottom: 25px; } .hero-banner .circle-white { margin-right: -8px; } .hero-banner .circle-content { padding: 10px; } .hero-banner .banner-content { padding: 40px 20px; } } @media (max-width:1200px) { .form_page .container{ padding: 20px !important; } } @media (max-width: 480px){ .form_page h1{ margin-bottom: 5px; font-size: 20px; line-height: 20px; } .form_page .popupcheckbox { align-items: center; display: flex; flex-direction: column; margin: 10px 0px; } .form_page .custom-checkbox+label{ font-size: 13px; } .form_page .popupbtn{ margin-top: 10px; } .form_page .checkbox{ margin-top: 0px; } .form_page .custom-checkbox+label{ margin-bottom: 0px; } .program-vrach_stajor .info_text{ padding: 30px 0; } } @media (max-width:1280px){ .programms .programm_cards .subtitle p { font-size:18px; } .programms .programm_cards .title h2{ font-size:27px; } } @media (max-width: 1100px){ .intro_title h2, h1{ font-size: 39px; font-weight: 500; line-height: 36px; } .banner_pedsys .bottom{ flex-direction: column; gap: 10px; align-items: stretch; } .banner_pedsys .bubble-full{ display: none; } .banner_pedsys .bubble-mob{ display: flex !important; } .top-full{ justify-content: end !important; } } @media (max-width: 768px){ .main_programms .programm_cards .title{ height: 90px; width: 230px; } .main_programms .bottom_discription li{ font-size: 18px; } .question_form{ padding: 20px 20px; } .separation_vector { margin: 0 20px 0 20px; } .question_form .title { font-size: 23px; line-height: 28px; } .programms .programm_cards { flex-direction: column; align-items: center; } .programms .programm_cards .title { display: inline-block; height: unset; } .programms .programm_cards .title h2 { font-size: 26px; line-height: 22px; padding: 15px; } .programms .programm_cards .card { max-width: 60%; max-height: 60% } .ordinatura .programm_cards .card { max-width: 100%; } .programms .bottom_discription li{ font-size: 18px; } .form_admission_container .title { font-size: 42px; line-height: 48px; } .form_admission_container .subtitle { font-size: 22px; line-height: 27px; margin-bottom: 20px; } .form_admission_container .form { flex-direction: column; gap: 5px; } .ordinatura .programm_cards .title{ width: unset; } } @media (max-width: 700px){ .main_programms .programm_cards{ flex-direction: column; } .programms .programm_cards .card { max-width: 100%; } .form_admission_container .title { font-size: 35px; line-height: 40px; } .banner_pedsys .bubble-mob { display: none !important; } .banner_pedsys .title { margin-bottom: 0px; font-size: 35px; line-height: 39px; } .banner_pedsys .info ul li, .banner_pedsys .bottom .mark{ font-size: 26px; line-height: 31px; } .banner_pedsys .full{ display: none; } .banner_pedsys .mob{ display: block !important; position: absolute; top: 0px; right: 0px; height: 100%; width: 100%; z-index: 0; object-fit: cover; border-radius: 25px; } } @media (max-width: 680px){ .banner_pedsys .title { font-size: 28px; line-height: 32px; } .banner_pedsys .info ul li, .banner_pedsys .bottom .mark, .banner_pedsys .bottom .btn{ font-size: 20px; line-height: 24px; } .intro_title { padding: 20px; } .intro_title h2, h1 { font-size: 28px; line-height: 30px; } .question_form{ padding: 30px 30px; flex-direction: column; align-items: flex-start; gap: 20px; } .separation_vector{ display: none; } .question_form .subtitle{ max-width: unset; } .question_btn { margin-left: 0px; } .form_admission_container .subtitle { font-size: 18px; line-height: 22px; } .photo_gallery { padding: 65px 0 0 0; } .college_main .title h2{ font-size: 28px; line-height: 35px; } } @media (max-width: 615px){ .partners_logo .swiper-slide{ width: 100%; margin: 0 15px 0 0 !important; margin-right: 0px; padding: 0 0 0 0 !important; } .partners_logo .partners_logo_wrapper{ height: 200px; } } @media (max-width: 480px) { .college_main .intro, .college_main .main_programms, .college_main .question, .college_main .programms, .college_main .form_admission, .college_main .info_text, .college_main .partners_logo, .college_main .form_job, .college_main .photo_gallery, .college_main .close_banner { padding: 30px 0; } .form_admission_container .title { font-size: 28px; line-height: 35px; } } @media (max-width: 480px) { .form_admission_container { padding: 20px 20px; } .form_admission_container .title { font-size: 26px; } .photo_gallery .swiper .swiper-wrapper { height: unset; } .college-swiper{ margin-bottom: 50px; } .intro_banner .full{ display: none; } .intro_banner .mob{ display: block !important; } .close_banner .full{ display: none; } .close_banner .mob{ display: block !important; } .main_programms .programm_cards .title { height: unset; } .banner_pedsys .title { text-align: left; } }.special .header{ position: unset; } .special .header__top-list .dropdown ul{ display: none !important; } .special .header__top-wrapper a{ text-decoration: underline; border: 1px dashed transparent !important; } .special .header__top-wrapper a:hover { text-decoration: none; border: 1px dashed black !important; } .special .header__middle{ display:none; } .special .header__logo{ display:none; } .special .header__bottom-actions{ display:none; } .special .nav__link{ border: 0px; } .special .header__bottom{ border: 0px; } .special .header__bottom .header__bottom-wrapper{ border: 1px solid black; padding: 10px; } .special .nav__link{ padding: 10px 0px; } .special .nav__list{ flex-wrap: wrap; } .special .nav__list li{ margin: 5px; } .special .header__bottom .nav__link a{ border: 1px dashed transparent !important; padding: 10px; } .special .header__bottom .nav__link a:hover{ border: 1px dashed black !important; padding: 10px; background-color: #f5f5f5 !important; text-decoration: none !important; } .special .header__bottom .nav__list ul{ list-style: none; } .special .header .dropdown-menu{ box-shadow: none; border: 1px solid #b1b0b0 !important; border-radius: 0px; vertical-align: bottom !important; top: unset; } .special .intro{ background-image: none; padding: 0px; } .special .intro ul li{ list-style-type: disc; } .special .intro__container{ padding: 5px; margin-bottom: 0px; box-shadow:none; } .special .intro__wrapper-content { max-width: unset; } .special .intro__wrapper{ display: block; } .special .intro__wrapper .btn{ display: none; } .special .intro__list .intro__item-text span{ font-weight: 400; } .special .intro__wrapper img { border-radius: 0px; display: block; } .special .intro__include{ display:none; } .special .intro__wrapper-nav{ display:block; margin-bottom: 40px; } .special .intro__wrapper-nav li{ text-decoration: underline; border: 1px dashed transparent !important; } .special .intro__wrapper-nav li:hover { text-decoration: none; border: 1px dashed black !important; } .special .intro__container-nav{ padding: 0px; box-shadow:none; } .special .intro__container-nav+.intro__container-nav{ margin-left:0px } .special .intro__wrapper-nav .icon-important{ display: none; } .special .intro__wrapper-nav .icon-useful{ display: none; } .special .intro__wrapper-nav .icon-deg-arrow{ display: none; } .special .intro__wrapper-nav .intro__nav-item a { border: 0px; } .special .card{ padding: 0px; } .special .card .title{ text-align:left !important; } .special .card .swiper-wrapper{ display:block; transform: none !important; } .special .card .card__item{ justify-content: unset; box-shadow: none; border: 1px solid black; margin-bottom: 10px; display: flex; flex-direction: column; justify-content: flex-start; width: auto !important; max-width: 100% !important; padding: 10px; height:auto !important; max-height: 100% !important; } .special .card .card__item:hover{ border: 1px dashed black; } .special .card .card__item::after{ background: #ffffff; } .special .card .card__item-title{ margin-bottom: 0px; } .special .card .swiper-pagination{ display: none; } .special .card .swiper-button-next{ display: none; } .special .card .swiper-button-prev{ display: none; } .special .card__inner{ display: block; } .special .footer__img{ display: none; } .special .gallery-equipment__gallery{ display: block; } .special .gallery-equipment__pic_big{ display: none; } .special .gallery-equipment__flex { width: 100%; display: block; flex-wrap: none; justify-content: center; overflow: hidden; height: 100%; align-items: center; } .special .gallery-equipment__pic:nth-child(n+6) { display: none; } .special .gallery-equipment__pic{ width: 540px; height: 400px; margin-bottom: 10px; object-fit: cover; } .special .gallery .swiper{ display:block; max-width: 1300px; padding: 0 20px; width: 100%; margin: 0 auto; } .special .gallery .swiper-wrapper{ display: block; margin: auto; } .special .gallery .swiper-pagination{ display: none; } .special .gallery .swiper-button-next{ display: none; } .special .gallery .swiper-button-prev{ display: none; } .special .gallery .swiper-slide img{ width: 540px; height: 400px; object-fit: cover; margin-bottom: 10px; pointer-events: none; } .special .consultation{ padding-bottom: 0px; } .special .consultation .consultation__container{ -webkit-box-shadow: none; box-shadow: none; display: block; padding: 0px 0px 60px 0px; } .special .consultation .consultation__item{ justify-content: unset; } .special .consultation .choosing__form{ padding: 0px; } .special .consultation .leadbutton_consult:hover{ background-color: #f5f5f5 !important; } .special .location .container{ position: unset; } .special .location .location__wrapper{ position: unset; -webkit-box-shadow: none; box-shadow: none; border: 1px solid black; } .special .location .location__wrapper svg{ display: none; } .special .location .location__wrapper img{ display: none; } .special .location .location__addres, .special .location .location__phone, .special .location .location__mail { padding-left: 0px; border: 1px dashed transparent !important; list-style: disc; list-style-position: inside; display:list-item; } .special .location .location__addres:hover, .special .location .location__phone:hover, .special .location .location__mail:hover { border: 1px dashed black !important; } .special .location .leadbutton:hover{ background-color: #f5f5f5 !important; } .special .location #wrapMap{ display: none; } .special .wthsbutton{ display:none; } .special .promising{ display: none; } .special .choosing { display: none; } .special .advantages{ display: none; } .special .news{ display: none; } .special .resources{ display: none; } .special .intro__list .intro__item .icon-check{ display:none !important; } .special .description { padding: 0 0; } .special .description .description__wrapper { -webkit-box-shadow: none; box-shadow: none; padding: 20px 20px 20px 0px; } .special .description .description__inner { -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; border: 1px solid black; margin-bottom: 10px; } .special .description .description__inner .btn { border-radius: 0px; border: 1px solid black; background-color: transparent; margin-bottom: 0px; margin-top:5px; } .special .description .description__inner .btn:hover { border: 1px dashed black; background-color: #f5f5f5 !important; } .special .description .btn--description:hover { background-color: #f5f5f5 !important; background: #f5f5f5 !important; } .special .description .btn--description:hover span{ background: transparent !important; } .special .description .btn--description.active .description__icon path { fill: #000; } .special .description .btn--description:hover .description__icon path { fill: #000; } .special .description .btn--description .description__icon path:hover { background: transparent !important; } .special .description__block { -webkit-box-shadow: none; box-shadow: none; vertical-align: bottom !important; border: 1px solid #b1b0b0 !important; border-radius:0px; } .special .frdo { padding: 0px 0; } .special .frdo .container { margin-top: 60px; border-bottom: 1px solid black; } .special .frdo__wrapper { display: block; } .special .frdo__wrapper-item+.frdo__wrapper-item{ display: none; } .special .frdo__buttons .btn:hover{ background-color: #f5f5f5 !important; } .special .frdo__buttons{ margin-bottom: 60px; } .special .faq__wrapper{ display: block; } .special .faq__header{ pointer-events: none; } .special .faq__text { padding: 0px 0px 0px 0px; } .special .faq .title, .special .faq .subtitle { text-align: left; } .special .faq__container { -webkit-box-shadow: none; box-shadow: none; padding: 0px; } .special .faq__content{ display: block !important; } .special .faq__container .icon-plus{ display:none; } .special .faq__list { padding-left: 0px; } .special .faq__list li:not(.faq__titelList){ list-style-type: disc; list-style-position: inside; } .special .pay { padding: 0px 0; } .special .pay .pay__wrapper-form { display: none; } .special .pay__wrapper-inner { border: 1px solid black; border-radius: 15px; -webkit-box-shadow: none; box-shadow: none; } .special .pay__wrapper-line{ display: none; } .special .pay__fit{ display: none; } .special .pay__wrapper-deduction .icon-check{ display: none; } .special .pay__wrapper-prices .pay__price-old__title{ opacity: unset; } .special .pay__wrapper-deduction__text { padding-left: 0px; } .special .pay .btn--application:hover{ background-color: #f5f5f5 !important; } .special .apply { display:none; } .special .admission-detail__widget{ display:none; } .special .salary { display:none; } .special .poss { display:none; } .special .help { display:none; } .special .skills { display:none; } .special .platform{ padding:0px; } .special .platform__wrapper{ display: block; } .special .platform__wrapper .accordion-titel { padding: 30px 30px 30px 0px; pointer-events: none; } .special .platform__wrapper .accordion-titel svg{ display: none; } .special .platform__wrapper .accordion-contant p{ padding-left: 0px; } .special .platform__wrapper .accordion-contant{ display: block; padding: 0px; } .special .platform__wrapper .accordion-titel span { margin-left: 0px; } .special .platform .accordion__list li{ list-style: disc; } .special .services{ padding: 0px 0; } .special .services .container{ border-top: 1px solid black; border-bottom: 1px solid black; } .special .services .title { text-align: left; margin-top: 60px; } .special .services__inner{ display: block; } .special .services__inner-item { padding: 0px; } .special .services__inner-item:last-child { margin-bottom:60px; } .special .services__inner-item+.services__inner-item { margin-left: 0px; } .special .services .services__list .icon-check{ display: none; } .special .services .services__lists li{ list-style: disc; } .special .equipment{ padding: 0px; } .special .equipment .container{ margin-top: 60px; border-bottom: 1px solid black; } .special .equipment__inner{ display: block; } .special .equipment__inner-item{ margin-bottom: 10px; max-width: unset; } .special .equipment__inner-item:last-child{ margin-bottom: 60px; } .special .equipment__inner-item__img{ padding: 0px; } .special .comfortable{ padding: 0px; } .special .comfortable .container{ border-bottom: 1px solid black; } .special .comfortable__wrapper{ display: block; } .special .comfortable__wrapper-item{ max-width: unset; } .special .comfortable__wrapper-item:not(:last-child){ margin-top: 60px; } .special .comfortable__wrapper-item:last-child { margin-top: 30px; margin-bottom: 60px; } .special .comfortable .accordion-titel{ margin-right: 0px; margin-bottom: 0px; padding: 0px; } .special .comfortable .accordion-titel span{ margin-left: 0px; } .special .platform__accordion-icon{ display: none; } .special .comfortable .accordion-titel{ pointer-events: none; } .special .comfortable .accordion-contant{ display: block; padding: 15px 15px 15px 0px; } .special .comfortable .accordion-contant p{ padding: 0px; } .special .comfortable .accordion__list li{ list-style: disc; } .special .ultrasound__wrapper{ padding: 0px; } .special .ultrasound__wrapper .container{ margin-top: 60px; border-bottom: 1px solid black; } .special .ultrasound__wrapper .ultrasound{ display: block; } .special .ultrasound__wrapper .ultrasound__item { width: unset; padding: 0px; margin-top: 10px; } .special .ultrasound__wrapper .ultrasound__item img{ border-radius: 0px; } .special .ultrasound__item .accordion__title{ pointer-events: none; } .special .ultrasound__item .accordion__content{ display: block; } .special .ultrasound__item .accordion__header:after{ display: none; } .special .ultrasound__item .accordion__header{ border: none; } .special .ultrasound__item .accordion__item{ border-radius: 0px; } .special .ultrasound__item .ultrasound__list-item{ list-style: disc; list-style-position: inside; } .special .ultrasound{ margin: 0 0 60px 0; } .special .contacts .contacts__icon{ display: none; } .special .contacts .contacts__content_vk img{ display: none; } .special .contacts a{ text-decoration: underline; border: 1px dashed transparent !important; } .special .contacts a:hover { text-decoration: none; border: 1px dashed black !important; } .special .contacts .btn--application:hover{ background: #f5f5f5 !important; } .special .contacts .btn--application{ border-radius: 0px; } .special .admission-detail__wrapper .card__item { justify-content: unset; box-shadow: none; height: 300px; border: 1px solid black; margin-bottom: 10px; display: flex; flex-direction: column; justify-content: flex-start; width: auto !important; max-width: 100% !important; padding: 10px; height:auto !important; max-height: 100% !important; } .special .admission-detail__wrapper .card__item::after{ background: #ffffff; } .special .admission-detail__wrapper .card__item-bottom .card__item-blur { max-width: unset; max-height: unset; } @media (max-width: 768px){ .special .header__bottom-actions{ display: block !important; } .special .header__logo{ display: block !important; } .special .header__bottom-action{ display: none !important; } .special .header__bottom-action_btn{ display: none !important; } .special .header__menu-opener span{ background-color: #1f2533 !important; } } @media (max-width: 615px) { .special .gallery .swiper-slide { margin: 0 0 0 0 !important; } } @media (max-width: 460px) { .special .swiper .swiper-wrapper { height: unset !important; } .special .gallery-equipment__pic { width: 345px; height: 245px; } .special .gallery .swiper-slide img{ width: 345px; height: 245px; } .special .consultation { padding-top: 0px !important; } .special .header__top-wrapper{ display: none; } .special .faq .faq__subtitle a{ display: none; } .special .admission-detail__wrapper .card__item-bottom .card__item-blur div{ display: block !important; } }