/* Start:/assets/css/main_index.css?1705031895141974*/ @charset "UTF-8"; @font-face { font-family: "Noah"; src: url("https://ef389a.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah/Noah.eot"); src: url("https://4a2bcd.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah/Noah.eot#iefix") format("embedded-opentype"), url("https://d75400.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah/Noah.woff") format("woff"), url("https://58e950.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah/Noah.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PlayfairDisplaySC"; src: url("https://bb06e0.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC/PlayfairDisplaySC.eot"); src: url("https://1d79c8.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC/PlayfairDisplaySC.eot#iefix") format("embedded-opentype"), url("https://7426d8.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC/PlayfairDisplaySC.woff") format("woff"), url("https://b59e77.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC/PlayfairDisplaySC.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "PlayfairDisplaySC-Bold"; src: url("https://4bd0dc.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold/PlayfairDisplaySC-Bold.eot"); src: url("https://4d97ae.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold/PlayfairDisplaySC-Bold.eot#iefix") format("embedded-opentype"), url("https://a8f2ae.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold/PlayfairDisplaySC-Bold.woff") format("woff"), url("https://523bed.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold/PlayfairDisplaySC-Bold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "Noah-Bold"; src: url("https://0bb9c3.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah-Bold/Noah-Bold.eot"); src: url("https://8488a9.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah-Bold/Noah-Bold.eot#iefix") format("embedded-opentype"), url("https://707734.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah-Bold/Noah-Bold.woff") format("woff"), url("https://4b70f8.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/Noah-Bold/Noah-Bold.ttf") format("truetype"); font-style: normal; font-weight: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { -webkit-transform: translatez(0); } .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(https://bfdba6.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #000; } .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display: inline-block; vertical-align: bottom; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } .bx-wrapper .bx-prev { left: 10px; background: url(https://44cfb7.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/images/controls.png) 0 -32px no-repeat; } .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url(https://44cfb7.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/images/controls.png) -43px -32px no-repeat; } .bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(https://44cfb7.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(https://44cfb7.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .gb2 { display: none; } .hj { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 42px; text-transform: uppercase; letter-spacing: 4.2px; margin-bottom: 52px; } .jk p { color: #26272f; max-width: 334px; width: 100%; line-height: 1.5; } .tvt { margin-bottom: 150px; margin-top: 80px; padding-left: 36%; } .jk a { color: #b8a97c; font-family: "Noah-Bold"; font-size: 13px; letter-spacing: 0.33px; text-transform: uppercase; display: inline-block; margin-top: 50px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(https://1ca40a.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* * jquery.selectBoxIt.css 3.8.1 * Author: @gregfranko */ /* Common CSS Properties --------------------- These properties will be applied to any themes that you use */ /* SelectBoxIt container */ .selectboxit-container { position: relative; display: inline-block; vertical-align: top; } /* Styles that apply to all SelectBoxIt elements */ .selectboxit-container * { font: 14px Helvetica, Arial; /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap; } /* Button */ .selectboxit-container .selectboxit { width: 220px; /* Width of the dropdown button */ cursor: pointer; margin: 0; padding: 0; border-radius: 6px; overflow: hidden; display: block; position: relative; } /* Height and Vertical Alignment of Text */ .selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 30px; /* Height of the drop down */ line-height: 30px; /* Vertically positions the drop down text */ display: block; } /* Focus pseudo selector */ .selectboxit-container .selectboxit:focus { outline: 0; } /* Disabled Mouse Interaction */ .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default; } /* Button Text */ .selectboxit-text { text-indent: 5px; overflow: hidden; text-overflow: ellipsis; float: left; } .selectboxit .selectboxit-option-icon-container { margin-left: 5px; } /* Options List */ .selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Individual options */ .selectboxit-option .selectboxit-option-anchor { padding: 0 2px; } /* Individual Option Hover Action */ .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; } /* Individual Option Optgroup Header */ .selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */ margin: 0; list-style-type: none; } /* The first Drop Down option */ .selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px; } /* The first Drop Down option optgroup */ .selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; } /* The last Drop Down option */ .selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Drop Down optgroup headers */ .selectboxit-optgroup-header { font-weight: bold; } /* Drop Down optgroup header hover psuedo class */ .selectboxit-optgroup-header:hover { cursor: default; } /* Drop Down down arrow container */ .selectboxit-arrow-container { /* Positions the down arrow */ width: 30px; position: absolute; right: 0; } /* Drop Down down arrow */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow { /* Horizontally centers the down arrow */ margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0; } /* Drop Down down arrow for jQueryUI and jQuery Mobile */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-container { float: left; } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; } .selectboxit-rendering { display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } /* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon { background-color: inherit; } /* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; } /* Default Theme ------------- Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme */ .selectboxit-btn { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { color: #333333; background-color: #e6e6e6; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus { color: #333333; text-decoration: none; background-position: 0 -15px; } .selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; } .selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .selectboxit-list .selectboxit-option-anchor { color: #333333; } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; } .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; height: 100%; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s,visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; transition: opacity .25s,visibility 0s; } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } .fancybox-toolbar { top: 0; right: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0); } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity,-webkit-transform; transition-property: transform,opacity; transition-property: transform,opacity,-webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image:before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > div { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; padding: 0; border: 0; height: 100%; } .fancybox-error, .fancybox-iframe { margin: 0; width: 100%; background: #fff; } .fancybox-error { padding: 40px; max-width: 380px; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px Helvetica Neue,Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,Helvetica Neue,Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px; } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8)); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none; } .fancybox-button[disabled] { cursor: default; pointer-events: none; } .fancybox-button, .fancybox-infobar__body { background: rgba(30, 30, 30, 0.6); } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8); } .fancybox-button:after, .fancybox-button:before { content: ""; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: .9; box-sizing: border-box; display: inline-block; } .fancybox-button[disabled]:after, .fancybox-button[disabled]:before { opacity: .3; } .fancybox-button--left:after, .fancybox-button--right:after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .fancybox-button--left:after { left: 20px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right:after { right: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 5px; } .fancybox-button--right { border-bottom-right-radius: 5px; } .fancybox-button--close:after, .fancybox-button--close:before { content: ""; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s; } .fancybox-arrow:after { content: ""; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: 50%; background-size: 24px 24px; } .fancybox-arrow--right { right: 0; } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fancybox-arrow--left:after, .fancybox-arrow--right:after { left: 0; } .fancybox-show-nav .fancybox-arrow { opacity: .6; } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: .3; } .fancybox-slide > .fancybox-loading { border: 6px solid rgba(99, 99, 99, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } @media (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0; } .fancybox-button--left, .fancybox-button--right { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } .fancybox-button--fullscreen:before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none; } .fancybox-button--pause:before, .fancybox-button--play:before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent; } .fancybox-button--play:before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; } .fancybox-button--pause:before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px; } .fancybox-button--thumbs, .fancybox-thumbs { display: none; } @media (min-width: 800px) { .fancybox-button--thumbs { display: inline-block; } .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs:before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 220px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(https://9c3968.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /*Добавить к существуещему*/ .inner-h { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 80px; } .inner-h .tel { margin-right: 0; } /*.header {*/ /* padding: 0 80px;*/ /* box-shadow: 0 17px 32px rgba(158, 158, 158, 0.15);*/ /*}*/ .main-mm { height: 100%; } .main-mm .men { color: #26272f; font-family: "Noah-Bold"; font-size: 17px; line-height: 24px; height: 100%; display: block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 18px; } .main-mm .men:hover { background-color: #b2a270; color: #fff; } .main-mm ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; height: 100%; align-items: center; justify-content: flex-start; } .main-mm li { margin-right: 17px; height: 100%; } .main-mm li:last-child { margin-right: 0; } .wr-bb { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .btnsd { color: #b2a270; font-size: 15px; letter-spacing: 0.38px; border-radius: 15px; border: 1px solid #b2a270; display: inline-block; padding: 7px 24px; } .btnsd:hover { background: #b2a270; color: #fff; } .bnrf { padding-bottom: 160px; position: relative; } .bnrf:after { content: ""; display: block; width: 100%; height: 100%; background: url(https://7c319d.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/p1.png) no-repeat center bottom/auto; z-index: 10; position: absolute; bottom: -57px; left: -200px; } .inner-bnf { background-repeat: no-repeat; background-position: center; background-size: 100%; padding-top: 46%; } .inner-bnf span { color: #fff; font-family: "PlayfairDisplaySC"; font-size: 48px; text-transform: uppercase; letter-spacing: 4.8px; display: block; margin-top: 18px; } .mbbn { display: none; } .ul { color: #fff; font-family: "PlayfairDisplaySC"; font-size: 72px; letter-spacing: 7.2px; text-transform: uppercase; } .fm img { width: 100%; height: auto; object-fit: cover; -o-object-fit: cover; } .txtii { position: absolute; top: 19%; left: 14%; max-width: 667px; width: 100%; } .txtcc { color: #fff; font-size: 17px; line-height: 28px; letter-spacing: 0.85px; margin-top: 41px; max-width: 476px; width: 100%; } .im { max-width: 50%; width: 100%; } .im img { width: 100%; height: auto; object-fit: cover; -o-object-fit: cover; } .ln { height: 2px; background-color: #b2a270; max-width: 100px; width: 100%; margin-bottom: 39px; margin-top: 26px; } .form { border: 12px solid #b8a97c; margin-top: 193px; padding: 121px 50px; } .form input[type=text], .form input[type=email] { width: 100%; display: block; color: #8f919d; font-size: 17px; line-height: 28px; letter-spacing: 0.85px; padding: 14px 10px; text-align: center; margin-bottom: 19px; outline: none; border: 1px solid rgba(38, 39, 47, 0.25); } .rwf { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .rwf .rr { max-width: 223px; width: 100%; border: 1px solid rgba(38, 39, 47, 0.25); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; justify-content: flex-start; align-items: center; padding-left: 25px; padding-top: 14px; padding-bottom: 14px; } .rwf .rr input[type=text], .rwf .rr input[type=email] { background: none; border: none; padding: 0; margin: 0; display: inline-block; width: 80%; margin-left: 19px; text-align: left; padding-left: 5px; padding-right: 5px; } .tx { text-align: center; margin-top: 16px; color: #8f919d; font-size: 13px; letter-spacing: 0.65px; } .tx a { margin-top: 16px; color: #8f919d; font-size: 13px; letter-spacing: 0.65px; text-decoration: underline; } .wr-bu { text-align: center; margin-top: 37px; } .wr-bu input[type=submit] { border-radius: 15px; border: 1px solid #b2a270; color: #b2a270; font-size: 15px; line-height: 24px; letter-spacing: 0.38px; padding: 2px 22px; cursor: pointer; display: inline-block; transition: all 0.3s ease; } .wr-bu input[type=submit]:hover { background: #b2a270; color: #fff; } .h3f { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 42px; text-transform: uppercase; letter-spacing: 4.2px; text-align: center; margin-bottom: 40px; } .inner-form { max-width: 468px; width: 100%; margin: 0 auto; } .bn5 { position: relative; } .bn5:before { content: ""; display: block; width: 50%; height: 100%; background: url(https://c59165.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/r44.png) no-repeat top/auto; position: absolute; top: -19%; left: 73%; z-index: 10; } .ffgee { padding-left: 30%; } .rdd { text-align: right; } .rdd2 { padding-left: 21%; } .rdd3 { text-align: right; } .rev { flex-direction: row-reverse; } .sc2 { margin-top: 295px; } .st { margin-top: 208px; } .footer { margin-top: 80px; padding-bottom: 34px; } .inner-footer { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .item-brd a { color: #26272f; font-family: "PlayfairDisplaySC-Bold"; font-size: 21px; text-decoration: underline; text-transform: uppercase; letter-spacing: 2.1px; display: inline-block; max-width: 360px; width: 100%; line-height: 23px; } .inner-brd { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; justify-content: space-between; flex-wrap: wrap; } .h3er { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 42px; text-transform: uppercase; letter-spacing: 4.2px; margin-bottom: 54px; max-width: 603px; width: 100%; } .bb { text-transform: uppercase; margin-top: 40px; display: block; } .txtghnn { color: #26272f; letter-spacing: 0.85px; line-height: 28px; max-width: 357px; width: 100%; } .no-js .owl-carousel, .owl-carousel.owl-loaded { margin: 0 0; } .owl-carousel { margin-top: 78px !important; margin-bottom: 160px !important; } .lnh { height: 1px; background-color: #d0d0d0; width: 100%; margin: 30px 0 14px; transition: all 0.3s ease; } .it span { color: #d0d0d0; font-family: "PlayfairDisplaySC"; font-size: 48px; display: block; text-transform: uppercase; letter-spacing: 4.8px; transition: all 0.3s ease; } .it:hover span { color: #b2a270; } .it:hover strong { color: #b2a270; } .it:hover .lnh { background: #b2a270; } .inner-tabs { margin-top: 24px; border: 12px solid #b8a97c; color: #26272f; font-size: 19px; line-height: 24px; padding: 60px; min-height: 450px; } .inner-fg { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; justify-content: space-between; } .rwe img { width: 100%; height: auto; object-fit: cover; -o-object-fit: cover; } .rwe { max-width: 49%; width: 100%; } .wr-tabs { max-width: 1061px; width: 100%; position: relative; } .list { display:none; /* border: 12px solid #b8a97c; color: #26272f; font-size: 19px; line-height: 24px; padding-top: 80px; padding-left: 80px; padding-bottom: 40px; padding-right: 40px; min-height: 590px;*/ } .tb { position: relative; z-index: 30; } .list p { margin-bottom: 40px; max-width: 716px; width: 100%; } .list strong { font-family: "Noah-Bold"; letter-spacing: 0.47px; display: inline-block; margin-bottom: 37px; } .pp strong { text-transform: uppercase; margin-bottom: 0; } .pp a,.pp .a { text-transform: uppercase; color: #b8a97c; letter-spacing: 0.33px; font-family: "Noah-Bold"; } .gh77 { position: relative; min-height: 1040px; } .gh77:after { content: ""; position: absolute; width: 40%; height: 100%; top: 0; right: -50px; background: url('https://8d0df3.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/bb_v1.png') no-repeat top right/100% auto; z-index: 20; } .it strong { color: #d0d0d0; font-size: 13px; text-transform: uppercase; letter-spacing: 0.65px; display: block; max-width: 142px; transition: all 0.3s ease; width: 100%; } .act span { color: #b2a270; } .act strong { color: #b2a270; } .act .lnh { background: #b2a270; } .tb { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -ms-align-items: center; align-items: center; justify-content: space-between; } .owl-carousel .owl-stage-outer { overflow: inherit; } .item-brd { flex-basis: 30%; margin-top: 75px; position: relative; } .sh { position: absolute; top: -37px; left: -66px; z-index: 10; } .txtbrd { color: #26272f; line-height: 28px; letter-spacing: 0.85px; margin-top: 15px; max-width: 304px; width: 100%; } .str { color: #b2a270; font-family: "Noah-Bold"; font-size: 17px; text-transform: uppercase; letter-spacing: 1.27px; border-bottom: 12px solid #f5f5f5; padding-bottom: 5px; } .fe2 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .gb2 { display: none; } .socc { margin: 0 -5px; } .socc a { display: inline-block; margin: 0 5px; } .copy { color: #9e9e9e; font-size: 14px; line-height: 24px; letter-spacing: 0.35px; } .mt { color: #9e9e9e; font-size: 14px; line-height: 24px; letter-spacing: 0.35px; } .rr img { position: relative; top: 1px; } .btn-if { border-radius: 15px; border: 1px solid #b2a270; display: inline-block; color: #b2a270; font-size: 15px; line-height: 24px; letter-spacing: 0.38px; padding: 2px 22px; margin-top: 36px; z-index: 20; position: relative; } .btn-if:hover { background: #b2a270; color: #fff; } .sc { margin-top: 173px; } /*.in {*/ /* width: 100%;*/ /* padding: 0 40px;*/ /* margin: 0 auto;*/ /* max-width: 1445px;*/ /*}*/ .rwd { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .txtv { max-width: 46%; width: 100%; } .txtv strong { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 48px; text-transform: uppercase; letter-spacing: 4.8px; margin-bottom: 40px; display: block; max-width: 641px; width: 100%; } .txtv p { color: #26272f; font-size: 17px; line-height: 28px; letter-spacing: 0.85px; max-width: 388px; width: 100%; } .tops { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 117px; } .h1i { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 72px; text-transform: uppercase; letter-spacing: 7.2px; max-width: 910px; width: 100%; } .indf { margin-top: 100px; } .gh55:after { display: none; } .gh55 { padding-bottom: 0; } .gh55 .inner-bnf { padding-top: 33%; } .gh55 .txtii { max-width: 757px; width: 100%; } .oik { color: #b2a270; font-family: "Geometria-Medium"; font-size: 12px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.3px; border: 12px solid #b2a270; padding: 110px 110px 153px 80px; max-width: 34%; width: 100%; position: relative; top: -43px; margin-right: 9%; } .prg { color: #26272f; font-size: 17px; letter-spacing: 0.85px; line-height: 28px; } .prg p { margin-bottom: 30px; } .prg strong { display: block; font-family: "Noah-Bold"; font-size: 19px; letter-spacing: 0.95px; line-height: 28px; margin-bottom: 30px; } .wrtt { max-width: 49%; width: 100%; } .txt-sc { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .indf img { width: 100%; height: auto; object-fit: cover; -o-object-fit: cover; } .h3i { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 48px; letter-spacing: 2.4px; margin-bottom: 70px; margin-top: 80px; } .dpr { margin-top: 76px; } .back { color: #b2a270; font-size: 17px; line-height: 24px; letter-spacing: 0.42px; } .back:hover { color: #9b8a54; } .back span { display: inline-block; margin-left: 9px; } .back strong { display: inline-block; margin-left: 9px; } .bin { margin-bottom: 59px; display: block; } .fm { max-width: 44%; width: 100%; position: relative; top: -80px; background: #fff; } .fm .form { margin-top: 0; padding-top: 70px; padding-bottom: 70px; } .prg li { margin-bottom: 20px; position: relative; padding-left: 16px; } .prg li:before { content: ""; position: absolute; top: 10px; left: 0; width: 9px; height: 9px; background-color: #ede9de; border-radius: 50%; display: block; } .txt-gg { max-width: 45%; width: 100%; margin-top: 110px; } .inner-scf { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .fm img { margin-bottom: 40px; } .txt-aa { width: 100%; display: block; color: #8f919d; font-size: 17px; line-height: 28px; letter-spacing: 0.85px; padding: 14px 10px; text-align: center; margin-bottom: 19px; outline: none; border: 1px solid rgba(38, 39, 47, 0.25); resize: none; height: 180px; } .bnm .fm { position: static; margin-top: 40px; } /*конец*/ /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 7.5px; padding-left: 7.5px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 7.5px; padding-left: 7.5px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -7.5px; margin-left: -7.5px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 7.5px; padding-left: 7.5px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } .inner-fg { margin-bottom: 160px; margin-top: 160px; } @media (max-width: 1439px) { .tvt { padding-left: 18%; } .wr-tabs { max-width: 100%; width:78%; } .gh77{ min-height:930px; } } @media (max-width: 1365px) { .item-brd { flex-basis: 34%; } .hj { font-size: 32px; } .inner-brd { padding: 0 6%; } } @media (max-width: 1280px) { .gh77 { min-height: 870px; } } @media (max-width: 1150px) { .gh77:after { display: none; } .gh77{ min-height:auto; } .wr-tabs{ width:100%; } .list p{ max-width: 100%; } } @media (max-width: 991px) { .inner-fg { margin-bottom: 60px; margin-top: 60px; flex-direction: column; } .tb { flex-wrap: wrap; } .inner-brd { flex-direction: column; } .sh { display: none; } .txtbrd { margin: 15px auto 0; } .it { margin-right: 5px; } .item-brd { flex-basis: 50%; text-align: center; } .rwe { max-width: 100%; } .tvt { padding-left: 0; } .wr-tabs { min-height: auto; } } @media (max-width: 767px) { .form { padding: 51px 20px; } .inner-tabs{ padding: 20px; } } @media (max-width: 589px) { .rwf .rr { padding-left: 0; max-width: 100%; margin-bottom: 19px; } .rwf .rr input[type=text], .rwf .rr input[type=email] { margin-left: 0; text-align: center; padding-left: 0; padding-right: 0; width: 100%; } .form .h3f { font-size: 32px; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } /*main css*/ .clearfix:after{ content:''; display:block; clear:both; } body { font-family: "Noah"; font-weight: 400; font-size: 18px; } .wrapper-all { width: 100%; overflow: hidden; max-width: 1920px; margin: 0 auto; } .wrapper { width: 1500px; margin: 0 auto; padding: 0 80px; max-width:100%; } main { min-height: 500px; } a { transition: all 0.3s ease; text-decoration: none; } a:hover { transition: all 0.3s ease; text-decoration: none; } .clear { clear: both; } .header-top { padding: 40px 80px; } .header-top__inner { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .header-top__inner .tel { border-left: 1px solid #d9d1b9; padding-left: 20px; margin-right: 80px; } .header-top__inner .tel a { color: #9e9e9e; display: block; font-size: 16px; letter-spacing: 0.35px; margin-bottom: 7px; } .fe { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } /*header .bx-wrapper{*/ /* position: relative;*/ /* margin-bottom: 0;*/ /* padding: 0;*/ /* -moz-box-shadow: none;*/ /* -webkit-box-shadow: none;*/ /* box-shadow: none;*/ /* border: 0;*/ /* background: transparent; */ /*}*/ /*header .bx-wrapper .bx-pager.bx-default-pager a{*/ /* background: url('https://6beec0.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/pagin.jpg') no-repeat scroll 0 0 transparent;*/ /* text-indent: -9999px;*/ /* display: block;*/ /* width: 80px;*/ /* height: 4px;*/ /* margin: 0 5px;*/ /* outline: 0;*/ /* -moz-border-radius: 0;*/ /* -webkit-border-radius: 0;*/ /* border-radius: 0; */ /*}*/ /*header .bx-wrapper .bx-pager.bx-default-pager a:focus, header .bx-wrapper .bx-pager.bx-default-pager a:hover{*/ /* background: url('https://6beec0.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/pagin.jpg') no-repeat scroll 0 0 transparent;*/ /*}*/ /*header .bx-wrapper .bx-pager.bx-default-pager a.active{*/ /* background: url('https://560f82.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/pagin_act.jpg') no-repeat scroll 0 0 transparent; */ /*}*/ /*header .bx-wrapper .bx-pager{*/ /* display: inline-block;*/ /* width: auto;*/ /* padding: 0;*/ /* bottom: 20%;*/ /* left: calc(50% - 655px);*/ /* z-index:6; */ /*}*/ /*.header-top__inner .addr {*/ /* margin-right: 19px;*/ /*}*/ /*.header-top__inner .addr a, .header-top__inner .addr span {*/ /* color: #9e9e9e;*/ /* font-size: 16px;*/ /* letter-spacing: 0.35px;*/ /* display: block;*/ /* margin-bottom: 7px;*/ /*}*/ /*.header-mid__inner {*/ /* position: relative;*/ /* padding-top: 56%;*/ /*}*/ /*.header-mid{*/ /* position: relative;*/ /* float: left;*/ /*}*/ /*.header-mid:before {*/ /* content: "";*/ /* position: absolute;*/ /* top: 0;*/ /* right: 0;*/ /* width: 56%;*/ /* height: 100%;*/ /* background-repeat: no-repeat;*/ /* background-position: 0 0;*/ /* background-size: auto 100%;*/ /* z-index: 1;*/ /*}*/ /*.header-mid.slide1:before{*/ /* background-image: url('https://d6026d.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/head_slide1.png');*/ /*}*/ /*.header-mid.slide2:before{*/ /* background-image: url('https://389c4d.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/head_slide2.png');*/ /*}*/ /*.header-mid.slide3:before{*/ /* background-image: url('https://54e1d3.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/head_slide3.png');*/ /*}*/ h1,.h1 { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 72px; text-transform: uppercase; letter-spacing: 7.2px; width: 100%; } .h1 span { display: inline-block; } .forbxslider h1,.forbxslider .h1{ padding-left:20px; } .hd strong { color: #b2a270; font-family: Noah-Bold; font-size: 17px; text-transform: uppercase; letter-spacing: 1.27px; display: block; margin-bottom: 32px; } .rg { position: absolute; top: 16%; left: 62%; width: 460px; z-index:5; line-height: 1.2; } .rg:before { content: ""; position: absolute; top: 0; right: 0; width: 99px; height: 99px; background-image: url('https://9b7aa3.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/cubik.png'); background-repeat: no-repeat; background-position: 0 0; background-size: contain; z-index: 0; } .rg strong { color: #b2a270; font-family: "Noah-Bold"; font-size: 17px; text-transform: uppercase; letter-spacing: 1.27px; display: block; margin-bottom: 30px; } .txt { color: #26272f; line-height: 28px; letter-spacing: 0.85px; width: 90%; } .h2 { color: #26272f; font-family: "PlayfairDisplaySC"; font-size: 48px; text-transform: uppercase; letter-spacing: 4.8px; margin-bottom: 55px; width: 100%; } .pered-inner { background: url('https://21b165.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/img/im1_new.png') no-repeat center/100%; padding-top: 71%; position: relative; margin-bottom:60px; } .dd { text-align: center; margin: 70px 0 125px; position: relative; } .dd>img{ display:block; margin:0 auto; width:auto; height:auto; max-width:55%; } .dd .ci { position: absolute; top: 10%; left: 50%; z-index: 0; margin-left: -55px; } .apple { position: absolute; top: 45%; left: 14px; z-index: 1; } .hd { position: absolute; top: 11%; left: 80px; width: 60%; line-height: 1.2; z-index:5; } /*main media*/ @media (max-width: 1500px) { header .bx-wrapper .bx-pager{ left:100px; } } @media (max-width: 1300px) { h1,.h1{ font-size: 58px; } } @media (max-width: 1200px) { .wrapper { width: 992px; padding-left:20px; padding-right:20px; } .rg{ width:300px; top: 9%; } .rg:before{ top: 20px; width: 65px; height: 65px; } .h2{ font-size: 30px; margin-bottom: 30px; } .apple{display:none;} .hd{ left:20px; top: 20%; } h1, .h1 { font-size: 44px; } .header-top { padding: 25px 20px; } } @media (max-width: 992px) { header .bx-wrapper .bx-pager { left: 20px; bottom: 5%; } .main-mm li { margin-right: 10px; } .main-mm .men { padding: 0 10px; } .wrapper { width: 768px; } h1, .h1 { font-size: 32px; } h2, .h2 { font-size: 28px; } .header-top__inner .tel { margin-right: 30px; } } @media (max-width: 900px) { .rg:before{ display:none; } .rg { width: 55%; left: auto; right: 20px; } .pered-inner{ background-position: calc(50% - 183px) 0; } } @media (max-width: 769px) { .in{ padding:0 20px; } .rg { width: 80%; } .pered-inner{ background-position: calc(50% - 350px) 0; } .wrapper { width: 450px; } .header-mid:before{ width: 45%; } .header-mid__inner { padding-top: 276px; } h1, .h1 { font-size: 24px; } h2, .h2 { font-size: 24px; } .h3er{ font-size: 24px; } .hd{ width:100%; } .header-top__inner{ flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .header-top__inner .fe{ margin-top: 20px; } .dd{ margin:70px 0; } } @media (min-width: 551px) { #formobm { display: block !important; } } @media (max-width: 550px) { .pered-inner { background: none; padding: 0; } .rg { width: 100%; position: static; right: auto; top: auto; padding: 0 20px; } } @media (max-width: 450px) { .header-top__inner{ position:relative; align-items: flex-start; } .header-top__inner .tel { margin-right: 0; border-left:0; padding-left:0; } .header-top__inner .addr{ margin-right: 0; } .header-top__inner .logo{ max-width: 220px; } .header-top__inner .logo img{ width:100%; height:auto; } .header-top__inner .fe { width: 100%; } .header-top__inner .gb { display: block; width: 40px; height: 20px; position: absolute; right: 0; top: 13px; } .wrapper { width: 320px; } .header-mid:before { width: 100%; background-size: 100% auto; } .header-mid:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.3); z-index: 2; } h1, .h1 { font-size: 20px; color: #fff; } .forbxslider h1,.forbxslider .h1{ padding-left:0; } .hd strong { color: #fff; } .hd{ top: 55px; } } @media (max-width: 350px) { .header-top__inner .fe{ flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; text-align: center; } .header-top__inner .tel{ margin-top: 10px; } } /* End */ /* Start:/assets/css/fix_menu_index.css?15588849382322*/ .header-mb { /*display: none;*/ transition: all 0.3s ease; position: fixed; top: 0; left: 0; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; justify-content: space-between; flex-wrap: wrap; height: 65px; -ms-align-items: center; align-items: center; padding-left: 80px; padding-right: 80px; background: #fff; z-index: 1000; } .header-mb .tel { margin-right: 0 !important; } .header-mb { display: none; } @media (max-width: 1300px) { .header-mb .addr{ display:none; } .header-mb .tel{ border-left: none; padding-left: 0; } } @media (max-width: 1240px) { .header-mb .fe { display: none; } .header-mb { padding-left: 20px; padding-right: 20px; } } @media (max-width: 769px) { .header-mb .wr-bb { display: none; } .header-mb { height: auto; padding: 20px; } .header-mb .main-mm { margin-top: 20px; } } @media (min-width: 551px) { #formobm { display: block !important; } } @media (max-width: 550px) { .header-mb .addr { display: none; } .header-mb nav { display: none; } #formobm { display:none; max-width: 250px; width: 95%; height: auto !important; } #formobm ul { display: block; text-align: center; } #formobm ul li { margin: 10px 0; height: auto; text-align:center; display: block; } #formobm ul a { display: inline-block; } .header-mb .tel { display: none; } .header-mb .main-mm ul { flex-direction: column; justify-content: center; width: 100%; max-width: 90%; margin: 0 auto; padding: 0 40px; background: #fff; height: auto; padding-top: 20px; } .header-mb .main-mm li { height: auto; margin-bottom: 20px; } .header-mb { height: 65px; position: fixed !important; top: 0 !important; left: 0 !important; width: 100%; } .header-mb .gb2 { text-align: right; padding-right: 0; } .header-mb .fe { display: block; margin-top: 0; } .header-mb .gb2 { display: block; } } /* End */ /* Start:/assets/css/style.min.css?171092104982298*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */@font-face{font-family:PlayfairDisplaySC-Black;src:local("PlayfairDisplaySC-Black"),url(https://87aca2.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/css/..assets/fonts/PlayfairDisplaySC-Black.woff2) format("woff2"),url(https://0c91f2.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Black.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PlayfairDisplaySC-Bold;src:local("PlayfairDisplaySC-Bold"),url(https://e10181.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold.woff2) format("woff2"),url(https://08b14c.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PlayfairDisplaySC-Regular;src:local("PlayfairDisplaySC-Regular"),url(https://1c3162.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Regular.woff2) format("woff2"),url(https://f1aa42.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-Black;src:local("TTFirsNeue-Black"),url(https://b7ac8f.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Black.woff2) format("woff2"),url(https://28410a.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Black.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-Bold;src:local("TTFirsNeue-Bold"),url(https://27b490.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Bold.woff2) format("woff2"),url(https://88cf17.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Bold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-DemiBold;src:local("TTFirsNeue-DemiBold"),url(https://6f73f9.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-DemiBold.woff2) format("woff2"),url(https://7ffd7f.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-DemiBold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-ExtraBold;src:local("TTFirsNeue-ExtraBold"),url(https://7d11e8.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraBold.woff2) format("woff2"),url(https://79956b.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraBold.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-ExtraLight;src:local("TTFirsNeue-ExtraLight"),url(https://a04ba1.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraLight.woff2) format("woff2"),url(https://474d54.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraLight.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-Light;src:local("TTFirsNeue-Light"),url(https://863ccc.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Light.woff2) format("woff2"),url(https://98b602.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Light.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-Medium;src:local("TTFirsNeue-Medium"),url(https://518ccc.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Medium.woff2) format("woff2"),url(https://0bf534.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Medium.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-Regular;src:local("TTFirsNeue-Regular"),url(https://493dea.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Regular.woff2) format("woff2"),url(https://16b50b.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue-Thin;src:local("TTFirsNeue-Thin"),url(https://b4c889.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Thin.woff2) format("woff2"),url(https://1c601b.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Thin.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}main{display:block;overflow:hidden}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%;display:block}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Playfair;src:local("PlayfairDisplaySC-Regular"),url(https://1c3162.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Regular.woff2) format("woff2"),url(https://f1aa42.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Playfair;src:local("PlayfairDisplaySC-Bold"),url(https://e10181.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold.woff2) format("woff2"),url(https://08b14c.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Playfair;src:local("PlayfairDisplaySC-Black"),url(https://16ae31.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Black.woff2) format("woff2"),url(https://0c91f2.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/PlayfairDisplaySC-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue !important;src:local("TTFirsNeue-Thin"),url(https://b4c889.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Thin.woff2) format("woff2"),url(https://1c601b.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-ExtraLight"),url(https://a04ba1.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraLight.woff2) format("woff2"),url(https://474d54.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraLight.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-Light"),url(https://863ccc.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Light.woff2) format("woff2"),url(https://98b602.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-Regular"),url(https://493dea.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Regular.woff2) format("woff2"),url(https://16b50b.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-Medium"),url(https://518ccc.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Medium.woff2) format("woff2"),url(https://0bf534.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-DemiBold"),url(https://6f73f9.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-DemiBold.woff2) format("woff2"),url(https://7ffd7f.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-DemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-Bold"),url(https://27b490.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Bold.woff2) format("woff2"),url(https://88cf17.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-ExtraBold"),url(https://7d11e8.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraBold.woff2) format("woff2"),url(https://79956b.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-ExtraBold.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:TTFirsNeue;src:local("TTFirsNeue-Black"),url(https://b7ac8f.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Black.woff2) format("woff2"),url(https://28410a.claudeassets.com/20260607073448im_/https://cksclinic.com/assets/fonts/TTFirsNeue-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}body{min-width:320px;margin:0;padding:0;font-family:TTFirsNeue;line-height:160%;font-style:normal;font-size:17px;color:#4d5555}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;text-decoration:none;margin:0;padding:0}.header ol,.header ul{list-style:none}header li{padding:0}header li::after{display:none}iframe{width:100%}.max{width:100%;max-width:1380px;padding:0 20px;margin:0 auto}@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-navigation-size:44px}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);-o-transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform,-webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;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{-webkit-transform-style:preserve-3d;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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-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{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);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{-webkit-margin-before:var(--swiper-centered-offset-before);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-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;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,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:1s linear infinite swiper-preloader-spin;animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);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)}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,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:-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;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:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,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;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translate3d(0,0,0);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:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width: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;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet: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:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-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%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-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;-webkit-transition:transform .2s,top .2s;-o-transition:transform .2s,top .2s;transition:transform .2s,top .2s}.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%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-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{-webkit-transition:transform .2s,left .2s;-o-transition:transform .2s,left .2s;transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:transform .2s,right .2s;-o-transition:transform .2s,right .2s;transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,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%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;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:var(--swiper-pagination-progressbar-size,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:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,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:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-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;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;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;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;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:0;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;-webkit-filter:blur(50px);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;-webkit-transition-property:opacity,height,-webkit-transform;-o-transition-property:transform,opacity,height;transition-property:transform,opacity,height,-webkit-transform}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}/*! * Viewer.js v1.11.3 * https://fengyuanchen.github.io/viewerjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2023-03-05T07:01:15.525Z */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:rgba(0,0,0,0)}.viewer-container ::selection,.viewer-container::selection{background-color:rgba(0,0,0,0)}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;-o-transition:background-color .15s;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;-o-transition:background-color .15s;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes viewer-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.viewer-loading:after{-webkit-animation:1s linear infinite viewer-spinner;animation:1s linear infinite viewer-spinner;border:4px solid rgba(255,255,255,.1);border-left-color:rgba(255,255,255,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media(max-width:767px){.viewer-hide-xs-down{display:none}}@media(max-width:991px){.viewer-hide-sm-down{display:none}}@media(max-width:1199px){.viewer-hide-md-down{display:none}} .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;padding-top:40px;padding-bottom:20px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative}.mobile-btn{display:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.header .logo{width:100%;max-width:231px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.logo svg{max-width:100%}.header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;gap:60px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.menu-item.sub-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sub-item .arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:24px;height:24px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sub-item .arrow svg{width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sub-menu{position:absolute;left:0;right:0;width:100%;padding:40px 50px;border-radius:16px;border:1px solid var(--color-02,#efefef);background:var(--unnamed,#fff);z-index:9;top:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px 40px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.05),0 30px 30px -15px rgba(0,0,0,.05);box-shadow:0 0 20px 0 rgba(0,0,0,.05),0 30px 30px -15px rgba(0,0,0,.05)}.sub-menu .sub-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:15px;width:calc(25% - 30px)}.sub-link{color:var(--unnamed,#000);font-size:16px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:.8px}.sub-link2{color:var(--unnamed,#4d5555);font-size:15px;font-style:normal;font-weight:400;line-height:36px}.sub-link2:hover,.sub-link:hover{color:#234e8e}.menu-link{color:var(--unnamed,#000);font-size:17px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:.85px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.menu-item:hover .menu-link{color:var(--unnamed,#234e8e)}.menu-item:hover .arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.menu-item .arrow svg{fill:#969696}.menu-item:hover .arrow svg{fill:#c2a374}.header .zapis{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px 24px 12px 20px;border-radius:12px;background:var(--04,#f6f6f6);cursor:pointer;position:relative;width:243px;height:68px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.header .zapis svg{width:24px;height:24px;min-width:24px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;stroke:#c2a374}.header .zapis .cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.header .zapis .cont span:nth-child(1){color:var(--unnamed,#000);font-size:18px;font-style:normal;font-weight:500;line-height:140%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.header .zapis .cont span:nth-child(2){color:var(--unnamed,#3a70c1);font-size:12px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:.6px;text-transform:uppercase;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.header .zapis:hover .cont span:nth-child(1){opacity:0;visibility:0;display:none}.header .zapis:hover{background:var(--unnamed,#234e8e);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header .zapis:hover .cont span:nth-child(2){color:var(--unnamed,#fff);font-size:14px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:.7px;text-transform:uppercase}.header .zapis:hover svg{stroke:#fff}.banner{padding-top:50px}.banner .block{display:-webkit-box;display:-ms-flexbox;display:flex;gap:35px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.banner .block::after{content:"";width:407px;height:472px;position:absolute;z-index:2;left:-160px;right:0;margin:auto;background-image:url(/assets/cksclinic.com/img/decor.png);background-size:auto;background-repeat:no-repeat}.banner .block .bl{width:calc(50% - 18px);position:relative}.banner .block .bl:nth-child(1){z-index:3}.banner .block .bl:nth-child(2){z-index:1}.banner p{color:var(--unnamed,#c2a374);font-size:24px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:20px}h1{font-family:Playfair}.banner h1{color:#26272f;font-size:44px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:4.4px;text-transform:uppercase}.swiper .swiper-pagination{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;bottom:20%}.swiper .swiper-pagination .swiper-pagination-bullet{margin:0;border-radius:100px;background:var(--03,#ecedef);width:64px;height:6px;opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3a70c1}section{margin-bottom:120px}.preim{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-ms-flex-wrap:wrap;flex-wrap:wrap}.preim .block{padding:30px;border-radius:16px;border:1px solid #ecedef;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;width:calc(50% - 20px);position:relative;overflow:hidden}.preim img{min-width:64px}.preim p{color:var(--unnamed,#000);font-size:17px;font-style:normal;font-weight:500;line-height:150%;margin:0}.preim .block::after{content:"";background-image:url(https://c33884.claudeassets.com/20260607073448im_/https://cksclinic.com/img/dec-prem.svg);position:absolute;left:0;bottom:0;width:76px;height:84px}h2{font-family:Playfair;color:#26272f;font-size:44px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:4.4px;margin-bottom:50px}p{margin-bottom:15px}p:last-child{margin-bottom:0}.uslugi{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-ms-flex-wrap:wrap;flex-wrap:wrap}.uslugi .block{width:calc(33.3333333333% - 27px);border-radius:16px;padding:10px;background:#f9f8f7}.uslugi .cont{border-radius:12px;border:1px solid var(--03,#ecedef);background:#fff;padding:40px;height:100%;width:100%}.uslugi .img{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.uslugi .img img{min-width:64px}.uslugi .img p{color:var(--unnamed,#000);font-size:17px;font-style:normal;font-weight:500;line-height:150%}.uslugi .list-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:15px}a{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.uslugi .list-link a{color:var(--unnamed,#3a70c1);font-size:15px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.75px}.uslugi .list-link a:hover{color:#234e8e}.slider{position:relative}.navigate{position:absolute;top:0;left:0;width:100%;height:100%}.navigate .swiper-button-next::after,.navigate .swiper-button-prev::after{display:none}.navigate svg{fill:#969696;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;width:24px;height:24px}.navigate .swiper-button-next,.navigate .swiper-button-prev{width:62px;height:62px;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;border-radius:12px;border:1.5px solid #e4e4e4;background:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;z-index:3}.navigate .swiper-button-next svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.navigate .swiper-button-prev{left:-152px}.navigate .swiper-button-next{right:-152px}.navigate .swiper-button-next:hover,.navigate .swiper-button-prev:hover{border:1.5px solid var(--unnamed,#234e8e)}.navigate .swiper-button-next:hover svg,.navigate .swiper-button-prev:hover svg{fill:#b4864f}.d-kart .foto{width:100%;height:440px;border-radius:16px;overflow:hidden;position:relative;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.d-kart .foto::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:16px;border:10px solid rgba(255,255,255,0);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.d-kart:hover .foto{-webkit-box-shadow:0 30px 30px -15px rgba(109,90,63,.15);box-shadow:0 30px 30px -15px rgba(109,90,63,.15)}.d-kart .foto img{border-radius:16px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.d-kart .name{color:var(--unnamed,#000);font-size:18px;font-style:normal;font-weight:500;line-height:140%;margin-top:30px;margin-bottom:6px}.d-kart .txt{color:var(--unnamed,#4d5555);font-size:14px;font-style:normal;font-weight:400;line-height:160%}.d-kart{position:relative}.d-kart .link{position:absolute;left:0;top:0;width:100%;height:100%}.d-kart:hover .name{color:#234e8e}.btn-center{display:none}.txt-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:80px}.txt-btn p{color:var(--unnamed,#4d5555);font-size:17px;font-style:normal;font-weight:400;line-height:160%;margin-bottom:0;width:100%;max-width:650px}.btn{display:inline-block;color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:140%;padding:18px 24px;border-radius:12px;border:1.5px solid #e4e4e4;background:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.btn:hover{border-radius:12px;background:#234e8e;border:1.5px solid #234e8e;color:#fff}.lizenzii{position:relative}.lizenzii .block{position:relative;border-radius:16px;background:#f9f8f7;padding:10px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;overflow:hidden;height:420px}.lizenzii .block .img{border-radius:12px;border:1px solid var(--03,#ecedef);background:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;padding:20px;height:100%}.lizenzii img{border-radius:12px;position:relative;z-index:3;cursor:pointer;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lizenzii .block:hover{background:#e7ded0;-webkit-box-shadow:0 30px 30px -15px rgba(109,90,63,.2);box-shadow:0 30px 30px -15px rgba(109,90,63,.2)}.lizenzii::after{content:"";background-image:url(https://f21731.claudeassets.com/20260607073448im_/https://cksclinic.com/img/l-decor.svg);width:249px;height:186px;position:absolute;bottom:100%;left:40px;z-index:-1}.otz-block{border-radius:16px;background:#f9f8f7;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;padding:10px;overflow:hidden}.otz-block .block{padding:40px;border-radius:12px;border:1px solid var(--03,#ecedef);background:var(--unnamed,#fff)}.otz-block .info{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.otz-block .img{width:50px;height:50px;border-radius:16px;position:relative}.otz-block img.ava{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}.otz-block img.platform{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:-12px}.otz-block .name-rat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:5px}.otz-block .name{margin:0;color:var(--unnamed,#000);font-size:15px;font-style:normal;font-weight:600;line-height:140%}.otz-block .rating{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.otz-block .star{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0}.otz-block .star span{width:18px;height:17px;background-image:url(https://05b32b.claudeassets.com/20260607073448im_/https://cksclinic.com/img/star.svg);display:inline-block}.otz-block .data{color:var(--01,#969696);font-size:14px;font-style:normal;font-weight:400;line-height:140%}.otz-block .txt p{color:var(--unnamed,#4d5555);font-size:17px;font-style:normal;font-weight:400;line-height:160%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.otz-btn{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:12px;border:1.5px solid var(--03,#ecedef);background:#fff;gap:10px;padding:18px 24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.otz-btn img{width:20px;height:20px;min-width:20px}.otz-btn span{color:var(--unnamed,#000);font-size:15px;font-style:normal;font-weight:400;line-height:145%}.otz-btn .rat-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.otz-btn .rat-btn span{width:18px;height:17px;background-image:url(https://05b32b.claudeassets.com/20260607073448im_/https://cksclinic.com/img/star.svg);display:inline-block;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.otz-btn .rat-btn p{margin-bottom:0;color:var(--unnamed,#4d5555);font-size:14px;font-style:normal;font-weight:400;line-height:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.otz-btn:hover{border:1.5px solid var(--unnamed,#234e8e)}.otz-btn:hover p,.otz-btn:hover span{color:var(--unnamed,#234e8e)}.zag-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:30px}.otzyvy .swiper{padding-bottom:35px}.otz-block:hover{background:#e7ded0;-webkit-box-shadow:0 30px 30px -15px rgba(109,90,63,.2);box-shadow:0 30px 30px -15px rgba(109,90,63,.2)}.otzyvy .slider::after{width:249px;height:186px;background-image:url(https://8bf089.claudeassets.com/20260607073448im_/https://cksclinic.com/img/otz-decor.svg);content:"";position:absolute;right:80px;bottom:100%;z-index:-1}.page-form{border-radius:16px;border:10px solid #c2a374;padding:40px 60px 60px;position:relative;background:#fff}.page-form form{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}h3{color:#26272f;font-family:Playfair;font-size:30px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:3px;text-transform:uppercase}.page-form h3{text-align:center;width:100%}input{padding:24px 30px;border-radius:12px;border:1px solid var(--03,#ecedef);background:var(--unnamed,#fff);color:#000;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:15px;font-style:normal;font-weight:400;line-height:145%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}input::-webkit-input-placeholder{color:var(--unnamed,#4d5555)}input::-moz-placeholder{color:var(--unnamed,#4d5555)}input:-ms-input-placeholder{color:var(--unnamed,#4d5555)}input::-ms-input-placeholder{color:var(--unnamed,#4d5555)}input::placeholder{color:var(--unnamed,#4d5555)}.page-form .name,.page-form .tel{width:calc(50% - 20px)}.page-form .copyrate,.page-form .data,.page-form .time,.page-form button{width:calc(25% - 30px)}.page-form .copyrate{color:var(--unnamed,#4d5555);font-size:14px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:0}.page-form .copyrate a{color:var(--unnamed,#3a70c1)}.page-form button{display:inline-block;padding:26px 40px;border-radius:12px;background:var(--unnamed,#3a70c1);border:none;color:var(--unnamed,#fff);font-size:14px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:.7px;text-transform:uppercase;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:pointer}.page-form button:hover{background:var(--unnamed,#234e8e)}.page-form .data,.page-form .name,.page-form .tel,.page-form .time{padding-left:66px;position:relative;background-repeat:no-repeat;background-size:24px 24px;background-position:30px center}.page-form .name{background-image:url(https://b70c77.claudeassets.com/20260607073448im_/https://cksclinic.com/img/profile.svg)}.page-form .tel{background-image:url(https://ef5246.claudeassets.com/20260607073448im_/https://cksclinic.com/img/mobile.svg)}.page-form .data{background-image:url(https://b009af.claudeassets.com/20260607073448im_/https://cksclinic.com/img/calender.svg)}.page-form .time{background-image:url(https://d2bd02.claudeassets.com/20260607073448im_/https://cksclinic.com/img/time.svg)}input:focus{border:1px solid var(--01,#969696);background:var(--unnamed,#fff);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.07) inset;box-shadow:0 0 10px 0 rgba(0,0,0,.07) inset}.page-form::after{width:249px;height:186px;position:absolute;content:"";left:0;top:100%;background-image:url(https://b11cb7.claudeassets.com/20260607073448im_/https://cksclinic.com/img/form-decor.svg);z-index:-1}footer{padding-top:80px;background:var(--04,#f6f6f6)}.warning{padding:25px 20px;background:var(--unnamed,#c2a374);text-align:center;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:150%;margin-top:80px}.footer{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer .block{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.footer .logo{width:100%;max-width:231px;margin-bottom:30px}.footer .txt,.footer p{color:var(--unnamed,#4d5555);font-size:14px;font-style:normal;font-weight:400;line-height:150%;margin:0}.footer .txt{margin-bottom:15px}.footer .block:last-child{width:calc(30% + 18px)}.f-menu a{color:var(--unnamed,#000);font-size:15px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:.75px;display:inline-block;margin-bottom:15px}.f-menu a:last-child{margin-bottom:0}.f-menu a:hover{color:#234e8e}.footer .adres,.footer .mail,.footer .phone{padding-left:39px;position:relative;height:24px;background-repeat:no-repeat;background-position:left center}.footer .adres,.footer .phone a{color:var(--unnamed,#4d5555);font-size:15px;font-style:normal;font-weight:400;line-height:150%;margin-bottom:30px}.footer .mail a{color:var(--unnamed,#4d5555);font-size:14px;font-style:normal;font-weight:400;line-height:140%}.footer .adres{background-image:url(https://a3e272.claudeassets.com/20260607073448im_/https://cksclinic.com/img/location.svg)}.footer .phone{margin-bottom:30px;background-image:url(https://8360a2.claudeassets.com/20260607073448im_/https://cksclinic.com/img/Phone.svg)}.footer .mail{background-image:url(https://34f8d7.claudeassets.com/20260607073448im_/https://cksclinic.com/img/sms-tracking.svg)}.footer .mail a:hover,.footer .phone a:hover,.footer .txt:hover,.page-form .copyrate a:hover{color:#234e8e}.overlay{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:20;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.modal{opacity:0;visibility:hidden;width:100%;max-width:500px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:30;-webkit-box-shadow:0 3px 10px -.5px rgba(0,0,0,.2);box-shadow:0 3px 10px -.5px rgba(0,0,0,.2);text-align:center;background-color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.modal.active,.overlay.active{opacity:1;visibility:visible}.modal__cross{width:24px;height:24px;position:absolute;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal__cross::after,.modal__cross::before{content:"";width:100%;height:2px;background:#c2a374;position:absolute;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.modal__cross::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modal__cross::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal__cross:hover:after,.modal__cross:hover:before{background:#3056de}.soc-scrol{position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:30px;padding:30px;border-radius:16px;border:1px solid var(--03,#ecedef);background:#fff;z-index:5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:30px}.soc-menu{gap:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.soc-menu a,.soc-scrol a{border-radius:100%;width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.soc-menu .wp,.soc-scrol .wp{background:#43d854;-webkit-box-shadow:0 20px 20px -10px rgba(106,212,118,.5);box-shadow:0 20px 20px -10px rgba(106,212,118,.5)}.soc-menu .vk,.soc-scrol .vk{background:#039be5;-webkit-box-shadow:0 20px 20px -10px rgba(64,173,226,.5);box-shadow:0 20px 20px -10px rgba(64,173,226,.5)}.soc-menu .wp:hover,.soc-scrol .wp:hover{background:#42bc50;-webkit-box-shadow:0 20px 20px -15px rgba(52,136,61,.8);box-shadow:0 20px 20px -15px rgba(52,136,61,.8)}.soc-menu .vk:hover,.soc-scrol .vk:hover{background:#0488c8;-webkit-box-shadow:0 20px 20px -15px rgba(13,124,178,.8);box-shadow:0 20px 20px -15px rgba(13,124,178,.8)}.mobile-btn--close,.slider .swiper-pagination,.soc-menu{display:none}.d-kart .txt{margin-bottom:0}@media(min-width:1230px){.sub-menu{opacity:0;visibility:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.sub-menu::after{content:"";width:100%;left:0;right:0;height:41px;bottom:100%;position:absolute}.menu-item.sub-item:hover .sub-menu{opacity:1;visibility:unset}}@media(max-width:1230px){.mobile-btn{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:12px;background:var(--03,#ecedef);width:68px;height:68px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-btn span{width:24px;height:2px;background:#c2a374}.menu-block{position:fixed;left:0;top:0;background:#fff;width:100%;height:100%;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:30px 20px;gap:20px;opacity:0;visibility:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.menu-block.active{opacity:1;visibility:visible}.soc-scrol{display:none}.mobile-btn--close{display:-webkit-box;display:-ms-flexbox;display:flex;width:68px;height:68px;border-radius:12px;background:var(--04,#f6f6f6);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-btn--close span{width:24px;height:2px;background:#c2a374;position:absolute}.mobile-btn--close span:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mobile-btn--close span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.soc-menu{display:-webkit-box;display:-ms-flexbox;display:flex}.header .menu{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px;height:100%;margin-top:40px}.menu-link{color:var(--unnamed,#000);font-size:26px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:1.3px}.menu-item.sub-item{-ms-flex-wrap:wrap;flex-wrap:wrap}.sub-menu{position:relative;width:100%;top:unset;left:unset;padding:0;border:none;background:0 0;-webkit-box-shadow:none;box-shadow:none;margin:40px 0;gap:30px;height:360px;overflow:auto;border-radius:0;display:none}.sub-menu .sub-item{width:100%;border-bottom:1.5px solid var(--03,#ecedef);padding-bottom:20px}.header{padding-top:30px}.menu-item:hover .menu-link{color:var(--unnamed,#000)}.menu-item:hover .arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.menu-item:hover .arrow svg{fill:#969696}.menu-item.sub-item.active .arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.menu-item.sub-item.active .arrow svg{fill:#c2a374}.sub-menu.active{display:-webkit-box;display:-ms-flexbox;display:flex}.no_scroll{overflow:hidden}.header .logo{position:absolute;left:0;right:0;margin:auto}.banner p{font-size:20px}.banner h1{font-size:32px}.banner .block::after{width:232px;height:269px;background-size:cover;left:-80px}.swiper .swiper-pagination{bottom:15%}.preim{gap:30px}.preim .block{width:calc(50% - 15px)}section{margin-bottom:70px}h2{font-size:32px;margin-bottom:40px}body{font-size:16px}.uslugi{gap:30px}.uslugi .block{width:calc(50% - 15px)}.slider{padding-bottom:50px}.slider .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:0}.slider .swiper-pagination-bullet{margin:0;width:64px;height:6px;border-radius:100px;background:var(--03,#ecedef);opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#3a70c1}.d-kart .name{font-size:16px}.lizenzii::after{width:204px;height:153px;background-size:cover;bottom:90%}.otzyvy .slider::after{width:204px;height:153px;background-size:cover;right:90px}.page-form form{gap:30px}.page-form .copyrate,.page-form .data,.page-form .name,.page-form .tel,.page-form .time,.page-form button{width:calc(50% - 15px)}.page-form h3{margin-bottom:10px}.page-form::after{width:204px;height:153px;background-size:cover;top:85%}.footer .block:last-child{width:100%;margin-top:15px}}.banner .block .bl:nth-child(2) img:nth-child(2){display:none}@media(max-width:991px){.header .zapis .cont span:nth-child(1),.header .zapis .cont span:nth-child(2){display:none}.header .zapis{width:68px;height:68px;gap:0}.mobile-btn span{width:22px}.banner .block .bl:nth-child(2){width:calc(40% - 18px);position:relative}.banner .block .bl:nth-child(1){width:calc(60% - 18px)}.banner .block .bl:nth-child(2) img:nth-child(1){display:none}.banner .block .bl:nth-child(2) img:nth-child(2){display:block}.banner .block::after{left:45px}.preim .block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.preim .block::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);bottom:unset;top:0}.preim p{font-size:16px}.txt-btn .btn{display:none}.txt-btn p{font-size:16px;max-width:100%}.slider .swiper-pagination{display:none}.btn-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:40px}.slider{padding-bottom:0}.doctors-block .swiper-slide{width:210px}.d-kart .foto{height:316px}.otzyvy .slider::after{display:none}.otz-block .block{padding:30px}.otzyvy .swiper-slide{width:390px}.otzyvy .btn-center{display:none}section{margin-bottom:60px}.f-menu a{font-size:14px}.footer .block:nth-child(3){max-width:196px}.lizenzii .block{height:262px;width:43%}}@media(max-width:767px){.banner .block{gap:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.lizenzii .block{width:55%}.banner .block .bl:nth-child(1),.banner .block .bl:nth-child(2){width:100%}.banner .block .bl:nth-child(1){text-align:center}.banner .block .bl:nth-child(2) img:nth-child(2),.banner .block::after{display:none}.banner .block .bl:nth-child(2) img:nth-child(1){display:block}.swiper .swiper-pagination{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:0}.banner .swiper{padding-bottom:40px}section{margin-bottom:50px}.preim .block{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preim{gap:20px}.preim .block::after{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);bottom:0;top:unset}h2{font-size:24px;margin-bottom:30px}.banner h1{font-size:24px}.banner p{font-size:16px}.uslugi .block{width:100%}.uslugi .cont{padding:30px}.uslugi{gap:20px}.txt-btn p{font-size:15px}.lizenzii::after{display:none}.lizenzii-block h2,.otzyvy h2{text-align:center;font-size:30px;width:100%}.otzyvy .zag-btn .btn{display:none}.page-form{padding:20px 30px 30px}.page-form h3{font-size:24px}.page-form .copyrate,.page-form .data,.page-form .name,.page-form .tel,.page-form .time,.page-form button{width:100%}.footer .block:nth-child(3){max-width:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:10px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.footer .block:nth-child(3) p{width:calc(50% - 15px);margin:0}}@media(max-width:575px){.lizenzii .block{width:200px}.header .logo span{display:none}.header .logo{width:58px;max-width:none}.preim .block{gap:20px;-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}.preim .block::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);bottom:unset;top:0}h2{font-size:20px;margin-bottom:20px}.banner h1{font-size:20px}.uslugi .img p{font-size:16px}.otzyvy .swiper-slide{width:310px}.otz-block .block{padding:20px}.otz-btn span{display:none}.otz-block .txt p{font-size:15px}.page-form{padding:20px}.page-form form{gap:20px}.footer .block:nth-child(1){display:none}.footer .block:nth-child(3){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;width:auto;max-width:196px}.footer .block:nth-child(2){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.footer .block:last-child{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.footer .block:nth-child(3) p{width:100%;margin:0}}.lizenzii-block .swiper{padding-bottom:35px}.zapis-kon.page .page-form::after{display:none}.page-price{border-radius:16px;background:#f9f8f7;padding:10px;margin-bottom:30px}.page-price .block{display:-webkit-box;display:-ms-flexbox;display:flex;padding:30px;gap:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:12px;border:1px solid var(--03,#ecedef);background:#fff}.page-price p{color:var(--unnamed,#000);font-size:18px;font-style:normal;font-weight:400;line-height:160%;margin:0}.page-price span{color:var(--unnamed,#3a70c1);font-size:26px;font-style:normal;font-weight:700;line-height:140%;text-wrap:nowrap}.pod-price{color:var(--01,#969696);font-size:15px;font-style:normal;font-weight:400;line-height:160%;padding-left:30px}.banner-page-block{margin-top:50px}.banner-page img{border-radius:16px}.banner-page-block .block{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-top:40px}.banner-page-block .block h1{border-radius:16px;background:var(--unnamed,#3a70c1);padding:54px 30px;color:#fff;font-size:24px;font-style:normal;font-weight:500;line-height:130%;font-family:TTFirsNeue;letter-spacing:2.4px;text-transform:uppercase;text-align:center;width:calc(100% - 510px)}.banner-page-block .block .syl{padding:20px 40px;border-radius:16px;background:var(--unnamed,#3a70c1);width:150px;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;position:relative}.banner-page-block .block .syl span{margin-top:15px;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:130%;letter-spacing:1.6px;text-transform:uppercase}.banner-page-block .block .syl a{position:absolute;left:0;top:0;width:100%;height:100%}.decor-txt{border-radius:12px;background:#fff;padding:40px 60px 60px;border:10px solid #c2a374;margin-top:80px;margin-bottom:80px}.decor-txt h2{color:#26272f;font-size:30px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:3px;text-transform:uppercase;margin-bottom:40px}.decor-txt p{color:var(--unnamed,#4d5555);font-size:17px;font-style:normal;font-weight:400;line-height:160%;margin-bottom:40px;padding-left:15px;border-left:4px solid var(--unnamed,#3a70c1)}.decor-txt p:last-child{margin-bottom:0}.banner-uslugi-block{margin-top:50px}.banner-uslugi{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:70px}.banner-uslugi h1{color:var(--unnamed,#fff);font-size:36px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:3.6px;text-transform:uppercase;position:absolute;margin-left:80px}.banner-uslugi .fon{border-radius:16px;overflow:hidden}.banner-uslugi::after{content:"";width:407px;height:236px;position:absolute;background-image:url(https://7f7479.claudeassets.com/20260607073448im_/https://cksclinic.com/img/us-decor.svg);top:100%;right:0;z-index:-1;opacity:.5}.txt-uslug{color:var(--01,#969696);font-size:15px;font-style:normal;font-weight:400;line-height:160%;margin-bottom:20px;text-align:right}.banner-uslugi-block .uslugi-block{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:120px}.banner-uslugi-block .uslugi-block .block{width:calc(50% - 20px)}.banner-uslugi-block .uslugi-block .bl{border-radius:16px;background:#f9f8f7;padding:10px}.banner-uslugi-block .uslugi-block .block:nth-child(1){display:-webkit-box;display:-ms-flexbox;display:flex}.banner-uslugi-block .uslugi-block .cont{border-radius:12px;border:1px solid var(--03,#ecedef);background:#fff;padding:40px;height:100%}.banner-uslugi-block .uslugi-block .img{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.banner-uslugi-block .uslugi-block .img p{color:var(--unnamed,#000);font-size:17px;font-style:normal;font-weight:500;line-height:150%}.blue-btn{display:inline-block;color:var(--unnamed,#fff);font-size:14px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:.7px;text-transform:uppercase;padding:26px 40px;border-radius:12px;background:var(--unnamed,#3a70c1)}.banner-uslugi-block .uslugi-block .blue-btn{margin-top:40px}.blue-btn:hover{background:var(--unnamed,#234e8e)}.banner-uslugi-block .uslugi-block .us-price{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #ecedef;margin-bottom:30px}.banner-uslugi-block .uslugi-block .us-price p{color:var(--unnamed,#000);font-size:16px;font-style:normal;font-weight:500;line-height:160%;margin:0;width:calc(100% - 160px)}.banner-uslugi-block .uslugi-block .us-price span{color:var(--unnamed,#3a70c1);font-size:22px;font-style:normal;font-weight:700;line-height:140%}.banner-uslugi-block .uslugi-block .us-price:last-child{padding-bottom:0;border-bottom:none;margin-bottom:0}.banner-uslugi-block .uslugi-block .uslugi-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:30px}.banner-uslugi-block .uslugi-block .uslugi-link a{color:var(--unnamed,#3a70c1);font-size:15px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.75px;display:inline-block}.banner-uslugi-block .uslugi-block .uslugi-link a:hover{color:var(--unnamed,#234e8e)}button{cursor:pointer}.tgl_btn{margin-top:40px}.d-kart-block{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.d-kart-block .d-kart{width:calc(25% - 30px)}@media(max-width:1230px){.banner-uslugi h1{font-size:32px;margin-left:50px}.banner-uslugi{margin-bottom:40px}.txt-uslug{margin-bottom:40px;text-align:left}.banner-uslugi-block .uslugi-block{gap:30px;margin-bottom:70px}.banner-uslugi-block .uslugi-block .block{width:100%}}@media(max-width:991px){.d-kart-block{gap:30px}.d-kart-block .d-kart{width:calc(33.3333333333% - 20px)}.banner-uslugi{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative}.banner-uslugi::after{display:none}.banner-uslugi::before{height:190px;width:100%;content:"";position:absolute;left:0;bottom:0;border-radius:0 0 16px 16px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(77,85,85,0)),color-stop(72.35%,rgba(77,85,85,.85)));background:-o-linear-gradient(top,rgba(77,85,85,0) 0,rgba(77,85,85,.85) 72.35%);background:linear-gradient(180deg,rgba(77,85,85,0) 0,rgba(77,85,85,.85) 72.35%)}.banner-uslugi h1{font-size:24px;margin-left:30px;margin-bottom:30px;max-width:480px}.banner-uslugi h1 br{display:none}.banner-uslugi-block .uslugi-block{gap:20px;margin-bottom:60px}}@media(max-width:767px){.d-kart-block{gap:20px}.d-kart-block .d-kart{width:calc(50% - 10px)}.banner-uslugi-block .uslugi-block .cont{padding:30px}}@media(max-width:420px){.d-kart-block{gap:20px}.d-kart-block .d-kart{width:100%}}@media(max-width:575px){.banner-uslugi h1{font-size:20px;margin-left:20px;margin-bottom:20px}.banner-uslugi .fon{height:300px}.banner-uslugi .fon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right}.txt-uslug{margin-bottom:30px;text-align:left;font-size:14px}.banner-uslugi{margin-bottom:30px}.banner-uslugi-block .uslugi-block .img{-ms-flex-wrap:wrap;flex-wrap:wrap}.banner-uslugi-block .uslugi-block .img p{font-size:16px}.banner-uslugi-block .uslugi-block .us-price{gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.banner-uslugi-block .uslugi-block .us-price p{width:100%}.banner-uslugi-block .uslugi-block .blue-btn{margin-top:30px;width:100%;text-align:center}.banner-uslugi-block .uslugi-block{margin-bottom:50px}}.d-kart-block .d-kart .blue-btn{font-size:12px;padding:16px 20px;width:100%;text-align:center;margin-top:10px}.modal{padding:20px 30px 30px;border:10px solid #c2a374;border-radius:16px}.modal__cross{top:10px;right:10px;padding:2px}.modal__title{color:#26272f;text-align:center;font-family:Playfair;font-size:24px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:20px}.modal .data,.modal .name,.modal .tel,.modal .time{padding-left:66px;position:relative;background-repeat:no-repeat;background-size:24px 24px;background-position:30px center;width:100%;margin-bottom:20px}.modal .name{background-image:url(https://b70c77.claudeassets.com/20260607073448im_/https://cksclinic.com/img/profile.svg)}.modal .tel{background-image:url(https://ef5246.claudeassets.com/20260607073448im_/https://cksclinic.com/img/mobile.svg)}.modal .data{background-image:url(https://b009af.claudeassets.com/20260607073448im_/https://cksclinic.com/img/calender.svg)}.modal .time{background-image:url(https://d2bd02.claudeassets.com/20260607073448im_/https://cksclinic.com/img/time.svg)}.modal .copyrate{color:var(--unnamed,#4d5555);font-size:14px;font-style:normal;font-weight:400;line-height:150%;text-align:left;margin-bottom:20px}.modal button{display:inline-block;padding:26px 40px;border-radius:12px;background:var(--unnamed,#3a70c1);border:none;color:var(--unnamed,#fff);font-size:14px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:.7px;text-transform:uppercase;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:pointer;width:100%;text-align:center}@media(max-width:1230px){.banner-page-block .block{gap:10px;margin-top:20px}.banner-page-block .block .syl{width:auto;padding:20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.banner-page-block .block .syl img{width:34px;height:34px}.banner-page-block .block .syl span{font-size:14px;margin-top:0}.banner-page-block .block h1{padding:28px 20px;font-size:14px;width:calc(100% - 492px)}.decor-txt{padding:30px 40px 40px}.decor-txt h2{font-size:24px}.decor-txt p{font-size:16px;margin-bottom:40px}}@media(max-width:991px){.banner-page-block .block h1{width:100%}.banner-page-block .block .syl{width:calc(33.3333333333% - 7px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.decor-txt p{font-size:16px;margin-bottom:40px}}@media(max-width:767px){.banner-page-block .block h1{width:100%}.banner-page-block .block .syl{width:calc(33.3333333333% - 7px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.decor-txt{padding:20px 30px 30px;margin:50px 0}.decor-txt h2{margin-bottom:30px}.decor-txt p{font-size:15px;margin-bottom:30px}}header{position:sticky;left:0;right:0;top:0;z-index:20;background:#fff}:target{scroll-margin-top:128px}@media(max-width:1230px){:target{scroll-margin-top:118px}}.logo svg.mob-s{display:none}@media(max-width:575px){.decor-txt h2{font-size:20px;margin-bottom:20px}.banner-page-block .block h1{width:100%;padding:24px 20px;font-size:14px}.banner-page-block .block .syl img{display:none}.banner-page-block .block .syl{padding:16px;font-size:14px}.decor-txt{padding:20px}.page-price .block{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;padding:20px}.page-price p{width:100%;font-size:16px}.page-price span{font-size:22px}.decor-txt p{font-size:15px;margin-bottom:20px}.logo svg.mob-s{display:block}.logo svg.pc-s{display:none}} .lizenzii-block * { box-sizing: border-box !important; } .banner-uslugi-block .uslugi-block .uslugi-link a { color: #3a70c1; font-size: 15px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: .75px; display: inline-block; } .uslugi-block .us-price a { color: #3a70c1; font-size: 15px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: .75px; display: inline-block; } /* End */ /* Start:/local/templates/main/styles.css?1705665908123*/ .soc-scrol { background: #ffffff5a!important; } @media screen and (max-width: 480px) { .warning { font-size: 8px; } } /* End */ /* /assets/css/main_index.css?1705031895141974 */ /* /assets/css/fix_menu_index.css?15588849382322 */ /* /assets/css/style.min.css?171092104982298 */ /* /local/templates/main/styles.css?1705665908123 */ /* FILE ARCHIVED ON 01:18:53 Mar 24, 2026 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 06:41:05 Oct 22, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.263 exclusion.robots: 0.19 exclusion.robots.policy: 0.177 esindex: 0.009 cdx.remote: 12.945 LoadShardBlock: 97.172 (3) PetaboxLoader3.datanode: 48.163 (4) PetaboxLoader3.resolve: 88.198 (2) load_resource: 67.453 */