/* Start:/local/templates/main/css/fancybox.min.css?166491797812989*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{position:absolute!important;top:-9999px;left:-9999px;visibility:hidden;margin:0}.fancybox-container{position:fixed;z-index:99992;top:0;left:0;width:100%;height:100%;transform:translateZ(0);outline:none;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}.fancybox-container *{box-sizing:border-box}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{transition-timing-function:cubic-bezier(.47,0,.74,.71);transition-duration:inherit;transition-property:opacity;opacity:0;background:#0f8381}.fancybox-is-open .fancybox-bg{transition-timing-function:cubic-bezier(.22,.61,.36,1);opacity:.95}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{position:absolute;z-index:99997;visibility:hidden;transition:opacity .25s ease,visibility 0s ease .25s;opacity:0;direction:ltr}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{visibility:visible;transition:opacity .25s ease 0s,visibility 0s ease 0s;opacity:1}.fancybox-infobar{color:#ccc;font-size:13px;line-height:44px;top:0;left:0;min-width:44px;height:44px;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:difference;-webkit-touch-callout:none}.fancybox-toolbar{top:0;right:0}.fancybox-stage{z-index:99994;overflow:visible;transform:translateZ(0);direction:ltr}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{position:absolute;z-index:99994;top:0;left:0;display:none;overflow:auto;width:100%;height:100%;padding:44px;transition-property:transform,opacity;text-align:center;white-space:normal;outline:none;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch}.fancybox-slide::before{font-size:0;display:inline-block;width:0;height:100%;content:'';vertical-align:middle}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{position:relative;display:inline-block;max-width:100%;margin:0;text-align:left;vertical-align:middle;-webkit-overflow-scrolling:touch}.fancybox-slide--image .fancybox-content{position:absolute;z-index:99995;top:0;left:0;overflow:visible;max-width:none;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:transform,opacity;-ms-transform-origin:top left;transform-origin:top left;animation-timing-function:cubic-bezier(.5,0,.14,1);background:transparent;background-repeat:no-repeat;background-size:100% 100%;-webkit-backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable='true']{cursor:text}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;background:transparent}.fancybox-spaceball{z-index:1}.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{overflow:visible;width:100%;height:100%;padding:0}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-video,.fancybox-iframe{display:block;overflow:hidden;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent}.fancybox-iframe{position:absolute;top:0;left:0}.fancybox-error{width:100%;max-width:400px;padding:40px;cursor:default;background:#fff}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{position:relative;display:inline-block;visibility:inherit;width:44px;height:44px;margin:0;padding:10px;cursor:pointer;transition:color .2s;vertical-align:top;border:0;border-radius:0;background:rgba(30,30,30,.6);box-shadow:none}.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{position:relative;display:block;overflow:visible;width:100%;height:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}.fancybox-progress{position:absolute;z-index:99998;top:0;right:0;left:0;height:2px;transition-timing-function:linear;transition-property:transform;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;background:#ff5268}.fancybox-close-small{color:#ccc;position:absolute;z-index:401;top:-44px;right:-12px;padding:8px;cursor:pointer;opacity:.8;border:0;border-radius:0;background:transparent}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:#000;top:0;right:0;width:23px;height:23px;padding:0;transition:.2s linear;background:url(/local/templates/main/css/../images/ic_close.svg) 0 0/contain no-repeat}.fancybox-slide--html .fancybox-close-small:hover{transform:rotate(180deg)}.fancybox-slide--html .fancybox-close-small svg{display:none}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{position:absolute;top:calc(50% - 50px);width:70px;height:100px;opacity:0;background-clip:content-box}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{right:0;right:env(safe-area-inset-right);padding:31px 6px 31px 26px}.fancybox-caption{color:#eee;font-size:14px;font-weight:400;line-height:1.5;z-index:99996;right:0;bottom:0;left:0;padding:75px 44px 25px;text-align:center;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%)}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{overflow:auto;max-height:50vh;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{position:absolute;z-index:99999;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;padding:0;animation:fancybox-rotate 1s linear infinite;opacity:.7;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;background:transparent}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{transform:translate3d(0,0,0);opacity:1}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{transition-timing-function:cubic-bezier(.19,1,.22,1);opacity:0}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{transform:scale3d(1,1,1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-ms-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height: 576px){.fancybox-slide{padding-right:6px;padding-left:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{color:#f2f4f6;top:0;right:0;width:36px;height:36px;padding:6px;opacity:1;background:#4e4e4e}.fancybox-caption{padding-right:12px;padding-left:12px}}.fancybox-share{max-width:90%;padding:30px;text-align:center;border-radius:3px;background:#f4f4f4}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{font-size:14px;font-weight:700;line-height:40px;display:inline-block;min-width:130px;margin:0 5px 10px;padding:0 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s;white-space:nowrap;text-decoration:none;border:0;border-radius:3px}.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{color:#5d5b5b;font-size:14px;width:100%;margin:10px 0 0;padding:10px 15px;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;outline:none;background:transparent}.fancybox-thumbs{position:absolute;z-index:99995;top:0;right:0;bottom:0;display:none;width:212px;margin:0;padding:2px 2px 4px;background:#ddd;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;position:absolute;position:relative;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;margin:0;padding:0;list-style:none;white-space:nowrap}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{border-radius:10px;background:#fff;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{border-radius:10px;background:#2a2a2a}.fancybox-thumbs__list a{position:relative;float:left;overflow:hidden;width:100px;max-width:calc(50% - 4px);height:75px;max-height:calc(100% - 8px);margin:2px;padding:0;cursor:pointer;outline:none;background-color:rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-thumbs__list a::before{position:absolute;z-index:99991;top:0;right:0;bottom:0;left:0;content:'';transition:all .2s cubic-bezier(.25,.46,.45,.94);opacity:0;border:6px solid #ff5268}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/css/skitter.css?166491797814894*/ .skitter { position: relative; background: black; } .skitter.with-dots { margin-bottom: 60px; }.skitter.with-thumbs { margin-bottom: 60px; }.skitter > a img, .skitter > img { max-width: none; }.skitter ul { display: none; }.skitter .container_skitter { position: relative; overflow: hidden;; }.skitter .container_skitter .image_main { width: 100%; }.skitter .image { overflow: hidden; }.skitter .image > a img, .skitter .image > img { display: none; width: 100%;; }.skitter .box_clone { position: absolute; z-index: 20; top: 0; left: 0; display: none; overflow: hidden; width: 100px;; }.skitter .box_clone img { position: absolute; z-index: 20; top: 0; left: 0; object-fit: cover; }.skitter .prev_button { position: absolute; z-index: 152; top: 50%; left: 35px; overflow: hidden; width: 42px; height: 42px; transition: all .2s; transform: translateY(-50%); text-indent: -9999em;; }.skitter .next_button { position: absolute; z-index: 152; top: 50%; right: 35px; overflow: hidden; width: 42px; height: 42px; transition: all .2s; transform: translateY(-50%); text-indent: -9999em;; }.skitter .prev_button:hover, .skitter .next_button:hover { opacity: .5; } .skitter .info_slide { color: #dbdbdb; font-size: 14px; font-weight: 300; line-height: 30px; position: absolute; z-index: 81; top: 50%; left: 50px !important; transform: translateY(-50%) !important; } .skitter .info_slide .image_number { position: relative; display: block; padding-left: 26px; cursor: pointer; transition: .2s linear; } .skitter .info_slide .image_number:before { display: inline; content: '0'; } .skitter .info_slide .image_number:after { position: absolute; top: 50%; left: 0; width: 10px; height: 1px; content: ''; transition: .2s linear; background: rgba(255,255,255,.2); } .skitter .info_slide .image_number:hover { color: #fff; } .skitter .info_slide .image_number:hover:after { background: #fff; } .skitter .info_slide .image_number.image_number_select { color: #fff; font-size: 20px; } .skitter .info_slide .image_number.image_number_select:after { width: 19px; background: #fff; } .skitter .container_thumbs { position: relative; overflow: hidden; height: 50px; }.skitter .info_slide_thumb { top: auto; top: 0; left: 0; overflow: hidden; height: 50px; padding: 0; opacity: 1.0; border-radius: 0;; }.skitter .info_slide_thumb .image_number { position: relative; overflow: hidden; width: 100px; height: 50px; margin: 0; padding: 0; border-radius: 0; background-position: center center; background-size: cover;; }.skitter .info_slide_thumb .image_number.image_number_select { opacity: .4; }.skitter .box_scroll_thumbs { padding: 0; }.skitter .box_scroll_thumbs .scroll_thumbs { position: absolute; z-index: 101; bottom: 60px; left: 50px; overflow: hidden; width: 200px; height: 10px; cursor: pointer; text-indent: -9999em; border: 0 solid #333; background-color: #ccc;; }.skitter .info_slide_dots { position: absolute; z-index: 151; bottom: -40px; padding: 5px 0 5px 5px; border-radius: 50px; }.skitter .info_slide_dots .image_number { float: left; overflow: hidden; width: 14px; height: 14px; margin: 0 5px 0 0; cursor: pointer; transition: all .2s; text-indent: -9999em; border-radius: 50px; background-color: #999;; }.skitter .info_slide_dots .image_number:hover { background-color: #777; }.skitter .info_slide_dots .image_number.image_number_select { background-color: #222; }.loading { color: #fff; position: absolute; z-index: 10000; top: 50%; right: 50%; overflow: hidden; width: 32px; height: 32px; margin: -16px -16px; text-indent: -9999em;; } .label_skitter { position: absolute; z-index: 80; bottom: 0; left: 0; display: none; width: 100%; } .progressbar { position: absolute; z-index: 99; top: 5px; left: 15px; width: 200px; height: 5px; border-radius: 20px; background-color: #000;; }.preview_slide { position: absolute; z-index: 152; bottom: 30px; left: -40px; display: none; overflow: hidden; width: 100px; height: 100px; border: 1px solid #222; background-color: #fff; box-shadow: rgba(0,0,0,.7) 2px 2px 5px;; }.preview_slide ul { position: absolute; top: 0; left: 0; display: block; overflow: hidden; height: 100px; margin: 0; padding: 0; list-style: none;; }.preview_slide ul li { position: relative; display: block; float: left; overflow: hidden; width: 100px; height: 100px; margin: 0; padding: 0;; }.preview_slide ul li img { position: absolute; top: 0; left: 0; width: auto; height: 150px;; }#overlay_skitter { position: absolute; z-index: 9998; top: 0; left: 0; width: 100%; opacity: 1; background-color: #000; }.skitter .focus_button { position: absolute; z-index: 100; overflow: hidden; width: 42px; height: 42px; transition: all .2s; text-indent: -9999em; opacity: 0;; }.skitter .play_pause_button { position: absolute; z-index: 151; top: 50%; left: 50%; overflow: hidden; width: 42px; height: 42px; transition: all .2s; transform: translateX(-50%) translateY(-50%); text-indent: -9999em; opacity: 0;; }.skitter .play_pause_button:hover { opacity: .5; }.skitter .focus_button:hover { opacity: .5; }.skitter .focus_button, .skitter .next_button, .skitter .prev_button, .skitter .play_pause_button { display: block; background: url('/local/templates/main/css/../images/sprite-default.png') no-repeat; background-size: 84px auto; }.skitter .next_button { width: 42px; height: 42px; background-position: -0 -42px;; }.skitter .prev_button { width: 42px; height: 42px; background-position: -42px -42px;; }.skitter .play_pause_button { width: 42px; height: 42px; background-position: -0 -0;; }.skitter .play_pause_button.play_button { width: 42px; height: 42px; background-position: -0 -84px;; }.skitter .focus_button { top: 35px; left: 35px; width: 42px; height: 42px; background-position: -42px -0;; }.skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button { display: block; background: url('/local/templates/main/css/../images/skitter/sprite-clean.png') no-repeat; background-size: 47px auto; }.skitter-clean .prev_button { width: 47px; height: 46px; background-position: 0 0;; }.skitter-clean .next_button { width: 47px; height: 46px; background-position: 0 -46px;; }.skitter-clean .play_pause_button { width: 41px; height: 41px; background-position: -0 -133px;; }.skitter-clean .play_pause_button.play_button { width: 41px; height: 41px; background-position: -0 -92px;; }.skitter-clean .focus_button { width: 41px; height: 41px; background-position: -0 -174px;; }.skitter-clean .info_slide { background-color: transparent; }.skitter-clean .info_slide .image_number { color: #333; font-size: 12px; font-weight: normal; background-color: #fff; box-shadow: rgba(0,0,0,.2) 1px 1px 0;; }.skitter-clean .info_slide .image_number:hover { background-color: #ccc; }.skitter-clean .info_slide .image_number.image_number_select { color: #fff; background-color: #111;; }.skitter-clean .info_slide_dots { background: rgba(0,0,0,.07); box-shadow: rgba(0,0,0,.3) 1px 1px 0; }.skitter-clean .info_slide_dots .image_number { width: 14px; height: 14px; background-color: #999; }.skitter-clean .info_slide_dots .image_number:hover { background-color: #333; }.skitter-clean .info_slide_dots .image_number.image_number_select { background-color: #111; }.skitter-clean .progressbar { top: 5px; left: 5px; background-color: #fff; box-shadow: rgba(0,0,0,.5) 1px 1px 0; }.skitter-minimalist .prev_button, .skitter-minimalist .next_button, .skitter-minimalist .play_pause_button, .skitter-minimalist .focus_button { display: block; background: url('/local/templates/main/css/../images/skitter/sprite-minimalist.png') no-repeat; background-size: 24px auto; }.skitter-minimalist .prev_button { width: 24px; height: 28px; background-position: -0 -0;; }.skitter-minimalist .next_button { width: 24px; height: 28px; background-position: -0 -28px;; }.skitter-minimalist .play_pause_button { top: 35px; left: 35px; width: 18px; height: 18px; transform: none; background-position: -0 -74px;; }.skitter-minimalist .play_pause_button.play_button { width: 18px; height: 18px; background-position: -0 -56px;; }.skitter-minimalist .focus_button { top: 35px; left: 95px; width: 18px; height: 18px; transform: none; background-position: -0 -92px;; }.skitter-minimalist .info_slide { background-color: transparent; }.skitter-minimalist .info_slide .image_number { font-size: 12px; font-weight: normal; background-color: #000; background-color: #999; box-shadow: rgba(255,255,255,.2) 1px 1px 0;; }.skitter-minimalist .info_slide .image_number:hover { background-color: #111; }.skitter-minimalist .info_slide .image_number.image_number_select { background-color: #ccc; }.skitter-minimalist .info_slide_dots .image_number { width: 14px; height: 14px; background-color: #999; box-shadow: rgba(255,255,255,.2) 1px 1px 0;; }.skitter-minimalist .info_slide_dots .image_number:hover { background-color: #111; }.skitter-minimalist .info_slide_dots .image_number.image_number_select { background-color: #ccc; }.skitter-round .prev_button, .skitter-round .next_button, .skitter-round .play_pause_button, .skitter-round .focus_button { display: block; background: url('/local/templates/main/css/../images/skitter/sprite-round.png') no-repeat; background-size: 47px auto; }.skitter-round .prev_button { left: -23px; width: 23px; height: 47px; background-position: -0 -0;; }.skitter-round .next_button { right: -23px; width: 23px; height: 47px; background-position: -23px -0;; }.skitter-round .next_button:hover { opacity: 1; }.skitter-round .prev_button:hover { opacity: 1; }.skitter-round .play_pause_button { top: 0; left: 24px; width: 47px; height: 23px; transform: none; background-position: -0 -70px;; }.skitter-round .play_pause_button.play_button { width: 47px; height: 23px; background-position: -0 -47px;; }.skitter-round .focus_button { top: 0; left: 82px; width: 47px; height: 23px; margin-top: 0; background-position: -0 -93px;; }.skitter-round .info_slide { background-color: transparent; }.skitter-round .info_slide .image_number { font-size: 12px; font-weight: normal; background-color: #777; box-shadow: rgba(255,255,255,.2) 1px 1px 0;; }.skitter-round .info_slide .image_number:hover { background-color: #333; }.skitter-round .info_slide .image_number.image_number_select { color: white; background-color: #111;; }.skitter-round .info_slide_dots .image_number { width: 14px; height: 14px; background-color: #777; box-shadow: rgba(255,255,255,.2) 1px 1px 0;; }.skitter-round .info_slide_dots .image_number:hover { background-color: #333; }.skitter-round .info_slide_dots .image_number.image_number_select { background-color: #111; }.skitter-round .progressbar { top: -10px; left: 0; background-color: #333; box-shadow: rgba(255,255,255,.3) 1px 1px 0; }.skitter-square .play_pause_button, .skitter-square .next_button, .skitter-square .focus_button, .skitter-square .prev_button { display: block; background: url('/local/templates/main/css/../images/skitter/sprite-square.png') no-repeat; background-size: 110px auto; }.skitter-square .play_pause_button { top: 10px; right: auto; bottom: auto; left: 10px; width: 55px; height: 55px; margin-top: 0; transform: none; background-position: -55px -0;; }.skitter-square .play_pause_button.play_button { width: 55px; height: 55px; background-position: -0 -0;; }.skitter-square .focus_button { top: 10px; right: auto; bottom: auto; left: 65px; width: 55px; height: 55px; margin-top: 0; transform: none; background-position: -55px -55px;; }.skitter-square .next_button { top: 10px; right: 10px; left: auto; width: 55px; height: 55px; margin: 0; transform: none; background-position: -0 -55px;; }.skitter-square .prev_button { top: 10px; right: 65px; left: auto; width: 55px; height: 55px; margin: 0; transform: none; background-position: -0 -110px;; }.skitter-square .info_slide { background-color: transparent; }.skitter-square .info_slide .image_number { color: #333; font-size: 12px; font-weight: normal; background-color: #fff; box-shadow: rgba(0,0,0,.2) 1px 1px 0;; }.skitter-square .info_slide .image_number:hover { background-color: #ccc; }.skitter-square .info_slide .image_number.image_number_select { color: #fff; background-color: #111;; }.skitter-square .info_slide_dots .image_number { width: 14px; height: 14px; background-color: #ccc; box-shadow: rgba(255,255,255,.2) 1px 1px 0;; }.skitter-square .info_slide_dots .image_number:hover { background-color: #999; }.skitter-square .info_slide_dots .image_number.image_number_select { background-color: #555; }.skitter-square .progressbar { top: 0; left: 0; width: 100%; height: 2px; border-radius: 0; background-color: #fff;; }@media (max-width: 1024px) { .skitter .info_slide_dots { display: none; } }.skitter-spinner { position: absolute; top: 50%; left: 50%; padding: 10px 12px; transform: translate(-50%, -50%); pointer-events: none; border-radius: 100%;; }.skitter-spinner .icon-sending { display: inline-block; width: 20px; height: 20px; animation: rotateMe 500ms linear infinite; vertical-align: top; border: 2px solid white; border-bottom-color: transparent; border-radius: 100%;; }@keyframes rotateMe { 0% { transform: rotate(0deg); }100% { transform: rotate(360deg); } } /* End */ /* Start:/local/templates/main/css/slick.css?16649179784885*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-right: auto; margin-left: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { position: absolute; z-index: 100; top: 50%; display: block; overflow: visible; width: 12px; height: 12px; margin-top: -6px; cursor: pointer; transition: .2s linear; text-indent: -9999px; border: none !important; background: none; } .articleBig .slick-arrow{ width: 57px; height: 57px; background: rgba(255,255,255,.8); top: auto; bottom: 0; margin-top: 0; transition: .2s linear; } .articleBig .slick-arrow:hover{ background: #fff; } .slick-arrow.slick-prev { left: 0; } .articleBig .slick-arrow.slick-prev{ left: auto; right: 57px; } .slick-arrow.slick-next { right: 0; } .slick-arrow.slick-prev:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; margin: -5px 0 0 -4px; content: ''; transition: .2s linear; transform: rotate(45deg); border-bottom: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; } .advanages .slick-arrow.slick-prev:before { border-bottom: 1px solid rgba(255,255,255,.3); border-left: 1px solid rgba(255,255,255,.3); } .articleBig .slick-arrow.slick-prev:before{ border-width: 3px; width: 12px; height: 12px; } .slick-arrow.slick-next:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 10px; margin: -5px 0 0 -4px; content: ''; transition: .2s linear; transform: rotate(45deg); border-top: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; } .advanages .slick-arrow.slick-next:before { border-top: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255,255,255,.3); } .articleBig .slick-arrow.slick-next:before{ border-width: 3px; width: 12px; height: 12px; margin-left: -6px; } .slick-arrow:hover:before { border-color: #0f8381; } .advanages .slick-arrow:hover:before { border-color: #fff; } .slick-arrow.slick-disabled { cursor: default; opacity: .7; } .brand_history .slick-arrow{ width: 20px; height: 49px; background: url(/local/templates/main/css/../images/arrow_slider.svg) 0 0 no-repeat; margin-top: -24.5px; } .brand_history .slick-arrow:before{ display: none; } .product_info .slick-arrow.slick-prev:before { display: none; } .brand_history .slick-arrow.slick-prev{ left: -50px; } .brand_history .slick-arrow.slick-next{ right: -50px; transform: rotate(180deg); } .product_info .slick-arrow.slick-next { right: -33px; transform: rotate(180deg); } .product_info .thumbs .slick-arrow.slick-next { right: -62px; } .product_info .slick-arrow.slick-prev { left: -33px; } .product_info .thumbs .slick-arrow.slick-prev { left: -62px; } .product_info .slick-arrow{ width: 37px; height: 37px; background: #fff url(/local/templates/main/css/../images/arrow_slider2.svg) calc(50% - 1px) 50% no-repeat; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); border-radius: 50%; margin-top: -18px; } .product_info .slick-arrow.slick-next:before { display: none; } /* End */ /* Start:/local/templates/main/css/animate.css?166491797891919*/ @charset 'UTF-8'; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-name: headShake; animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } } .jello { -webkit-transform-origin: center; transform-origin: center; -webkit-animation-name: jello; animation-name: jello; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); opacity: 1; } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); opacity: 0; } 60% { -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 1; } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } from { -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); opacity: 0; } 60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); opacity: 1; } to { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); opacity: 1; } to { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInDownBig { from { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInLeftBig { from { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInRightBig { from { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInUp { from { -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fadeInUpBig { from { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } @keyframes fadeOutDown { from { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } @keyframes fadeOutDownBig { from { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); opacity: 0; } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } } @keyframes fadeOutLeft { from { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); opacity: 0; } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } @keyframes fadeOutRight { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } @keyframes fadeOutRightBig { from { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); opacity: 0; } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } } @keyframes fadeOutUp { from { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } @keyframes fadeOutUpBig { from { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); opacity: 0; } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-animation-name: flip; animation-name: flip; -webkit-backface-visibility: visible; backface-visibility: visible; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: center; transform-origin: center; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: center; transform-origin: center; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); -webkit-transform-origin: center; transform-origin: center; opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes jackInTheBox { from { -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; opacity: 0; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes jackInTheBox { from { -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; opacity: 0; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rollIn { from { -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); opacity: 0; } } @keyframes rollOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); opacity: 0; } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } @keyframes zoomIn { from { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } @keyframes zoomInDown { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } @keyframes zoomInLeft { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } @keyframes zoomInRight { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } @keyframes zoomInUp { from { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; } 60% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; } to { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; } } @keyframes zoomOutDown { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; } to { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; } to { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; opacity: 0; } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; } to { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; opacity: 0; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; } to { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; opacity: 0; } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; } to { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; opacity: 0; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; } to { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; } } @keyframes zoomOutUp { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; } to { -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { visibility: visible; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { visibility: visible; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { visibility: visible; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { visibility: visible; -webkit-transform: translate3d(100%, 0, 0) scale(.8); transform: translate3d(100%, 0, 0) scale(.8); } to { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } } @keyframes slideInRight { from { visibility: visible; -webkit-transform: translate3d(100%, 0, 0) scale(.8); transform: translate3d(100%, 0, 0) scale(.8); } to { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { visibility: visible; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { visibility: visible; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0) scale(.8); transform: translate3d(-100%, 0, 0) scale(.8); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0) scale(.8); transform: translate3d(-100%, 0, 0) scale(.8); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } /* End */ /* Start:/local/templates/main/css/styles.css?1665040530170379*/ @font-face { font-family: 'Effra'; font-weight: 300; font-style: normal; font-display: swap; src: url('/local/templates/main/css/../fonts/Effra-Light.woff') format('woff'), url('/local/templates/main/css/../fonts/Effra-Light.ttf') format('truetype'); } @font-face { font-family: 'Effra'; font-weight: 400; font-style: normal; font-display: swap; src: url('/local/templates/main/css/../fonts/Effra-Regular.woff') format('woff'), url('/local/templates/main/css/../fonts/Effra-Regular.ttf') format('truetype'); } @font-face { font-family: 'Effra'; font-weight: 700; font-style: normal; font-display: swap; src: url('/local/templates/main/css/../fonts/Effra-Bold.woff') format('woff'), url('/local/templates/main/css/../fonts/Effra-Bold.ttf') format('truetype'); } @font-face { font-family: 'PTRoubleSans'; font-weight: normal; font-style: normal; font-display: swap; src: url('/local/templates/main/css/../fonts/PTRoubleSans.woff') format('woff'), url('/local/templates/main/css/../fonts/PTRoubleSans.ttf') format('truetype'); } * { box-sizing: border-box; margin: 0; padding: 0; } *:before, *:after { box-sizing: border-box; } img { border: none; } textarea { overflow: auto; } input, textarea, input:active, textarea:active { -webkit-border-radius: 0; border-radius: 0; outline: none transparent !important; box-shadow: none; -webkit-appearance: none; appearance: none; -moz-outline: none !important; } input[type=submit], button[type=submit], input[type=reset], button[type=reset] { -webkit-border-radius: 0; -webkit-appearance: none; } :focus { outline: none; } :hover, :active { -webkit-tap-highlight-color: #000000; -webkit-touch-callout: none; } ::-ms-clear { display: none; } /*--------------- Main styles ---------------*/ .clear { clear: both; } .left { float: left; } .right { float: right; } html { height: 100%; background: #fff; -webkit-font-Smoothhing: antialiased; -moz-osx-font-Smoothhing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { color: #3d3d3d; font: 16px/30px 'Effra'; height: 100%; transition: opacity .2s linear; letter-spacing: .025em; font-weight: 300; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-overflow-scrolling: touch; text-rendering: optimizeLegibility; text-decoration-skip: objects; } body.show { opacity: 1 !important; } .wrap { display: flex; overflow: hidden; flex-direction: column; min-height: 100%; } .main { position: relative; flex: 1 0 auto; } .cont { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; } .cont.small { max-width: 1030px; } ::-webkit-input-placeholder { color: rgba(66, 29, 11, .5); } :-moz-placeholder { color: rgba(66, 29, 11, .5); } :-ms-input-placeholder { color: rgba(66, 29, 11, .5); } .form ::-webkit-input-placeholder, .mob_search ::-webkit-input-placeholder { color: #fff; } .form :-moz-placeholder, .mob_search :-moz-placeholder { color: #fff; } .form :-ms-input-placeholder, .mob_search :-ms-input-placeholder { color: #fff; } .datepicker-here::-webkit-input-placeholder { color: #0f8381; } .datepicker-here:-moz-placeholder { color: #0f8381; } .datepicker-here:-ms-input-placeholder { color: #0f8381; } .flex { display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; } @media (min-width: 807px) { .finflex { flex-wrap: unset; } } .modal_cont { position: relative; } .mini_modal { position: absolute; z-index: 100; top: calc(100% + 70px); left: 0; visibility: hidden; transition: .2s linear; pointer-events: none; opacity: 0; border-radius: 4px; background: #fff; box-shadow: 0 1px 40px rgba(0, 0, 0, .07); } .mini_modal.active { top: calc(100% + 40px); visibility: visible; pointer-events: all; opacity: 1; } .mini_modal:before { position: absolute; top: -24px; left: 24px; width: 0; height: 0; content: ''; border: 12px solid transparent; border-bottom: 12px solid #fff; } .accordion { width: 100%; } .accordion .item { position: relative; width: 100%; } .accordion .item .title { color: #0d1016; font-family: 'Effra'; font-size: 24px; font-weight: 300; line-height: 36px; position: relative; padding: 33px 70px 33px 0; cursor: pointer; transition: .2s linear; letter-spacing: .025em; } .accordion .item .title:before { position: absolute; top: 40px; right: 25px; display: block; width: 12px; height: 12px; content: ''; transition: .2s linear; transform: rotate(45deg); border-right: 2px solid #000; border-bottom: 2px solid #000; } .accordion .item .title.active:before { top: 46px; transform: rotate(-135deg); border-color: #0f8381; } .accordion .item + .item { border-top: 1px solid #eee; } .accordion .item .data { font-weight: 300; display: none; width: 100%; padding-bottom: 28px; } .breadcrumbs { color: #d3d3d3; font-size: 14px; font-weight: 300; line-height: 30px; text-align: center; } .breadcrumbs_left{ text-align: left; } .section_head .breadcrumbs { color: #343635; } .breadcrumbs a { color: #d3d3d3; transition: .2s linear; text-decoration: none; } .section_head .breadcrumbs a { color: #343635; } .breadcrumbs a:hover { color: #0f8381; } .breadcrumbs .sep { color: #d3d3d3; font-size: 14px; font-weight: 300; line-height: 20px; display: inline-block; vertical-align: middle; } .form .title_form { color: #fff; font-size: 24px; font-weight: 300; line-height: normal; margin-bottom: 30px; } .form .line_flex { justify-content: space-between; } .form .line_form { margin-bottom: 15px; } .form .line_flex .line_form { width: calc(50% - 10px); } .form .sector_flex { margin: -37px 0 0 -30px; align-items: center; align-content: center; } .form .sector_flex & gt ; * { margin: 37px 0 0 30px; } .form .input { color: #fff; font: 300 16px 'Effra'; display: block; width: 100%; height: 55px; padding: 0 25px; transition: .2s linear; border: none; border-radius: 3px; background: rgba(255, 255, 255, .1); } .form .input.mail { padding-left: 55px; background-image: url(/local/templates/main/css/../images/ic_mail.svg); background-repeat: no-repeat; background-position: 25px 50%; background-size: 14px auto; } .form .input.phone { padding-left: 55px; background-image: url(/local/templates/main/css/../images/ic_tel.svg); background-repeat: no-repeat; background-position: 25px 50%; background-size: 14px auto; } .form textarea { color: #fff; font: 300 16px 'Effra'; display: block; width: 100%; height: 150px; padding: 15px 25px; resize: none; transition: .2s linear; border: none; border-radius: 3px; background: rgba(255, 255, 255, .1); } .form .input:focus, .form textarea:focus { background-color: rgba(255, 255, 255, .2); } .form .error { border-color: #ef0000; } .form .submit { margin-top: 32px; } .form .line_flex + .submit { margin-top: 4px; } .form .submit_btn { color: #fff; font: 300 14px 'Effra'; position: relative; display: inline-block; overflow: hidden; height: 55px; padding: 0 33px; cursor: pointer; transition: .2s linear; vertical-align: top; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, .8); border-radius: 3px; background: transparent; } .form .submit_btn:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .form .submit_btn:hover { color: #0f8381; border-color: #fff; } .form .submit_btn:hover:before { width: 100%; } .form .submit_btn span { position: relative; } .form .error_text { color: #f00; font-size: 14px; line-height: 20px; margin-bottom: -28px; padding-top: 8px; } .form .forgot { font-size: 14px; line-height: 24px; margin-top: 16px; } .form .forgot a { color: #000; transition: .2s linear; text-decoration: none; } .form .forgot a:hover { color: #282828; } .form .cols { justify-content: space-between; } .form .cols .col { width: calc(50% - 15px); } .form .column { margin: -22px 0 0 -30px; } .form .column .col { width: calc(25% - 30px); margin: 22px 0 0 30px; } .form .field.flex { justify-content: space-between; align-items: center; align-content: center; } .form .label { color: #63666a; font-size: 14px; font-weight: 300; line-height: normal; margin-bottom: 20px; text-transform: uppercase; } .form .field.flex .label { width: 70px; margin: 0; } .form .field.flex & gt ; * { width: calc(100% - 100px); } .form select { display: none; } .form .nice-select { position: relative; display: block; } .form .nice-select.open { z-index: 11; } .form .nice-select .current { color: #0f8381; font-size: 14px; font-weight: 300; line-height: 53px; position: relative; z-index: 10; display: block; overflow: hidden; height: 55px; padding: 0 44px 0 20px; cursor: pointer; transition: .2s linear; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #c1dede; background: #fff; } .small_filter .form .nice-select .current { text-transform: uppercase; } .form .nice-select .current:after { position: absolute; top: 50%; right: 18px; width: 12px; height: 12px; margin-top: -9px; content: ''; transform: rotate(45deg); border-right: 1px solid #2a918f; border-bottom: 1px solid #2a918f; } .form .nice-select .list { position: absolute; z-index: 9; top: calc(100% - 1px); left: 0; visibility: hidden; overflow: hidden; min-width: 100%; transition: .2s linear; opacity: 0; border: 1px solid #d1d1d1; background: #fff; } .form .nice-select.open .list { visibility: visible; opacity: 1; } .form .nice-select .list .scrollbar { overflow-y: auto; max-height: 250px; } .form .nice-select .list .list_item { color: #0f8381; font-size: 14px; font-weight: 300; line-height: normal; display: flex; min-height: 38px; padding: 5px 20px; cursor: pointer; transition: .2s linear; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .small_filter .form .nice-select .list .list_item { text-transform: uppercase; } .form .nice-select .list .list_item:empty { display: none; } .form .nice-select .list .list_item:hover, .form .nice-select .list .list_item.selected { background: #fafafa; } .date_input { position: relative; } .date_input:after { position: absolute; top: 50%; right: 18px; width: 12px; height: 12px; margin-top: -9px; content: ''; transform: rotate(45deg); border-right: 1px solid #2a918f; border-bottom: 1px solid #2a918f; } .datepicker-here { color: #0f8381; font: 300 14px/53px 'Effra'; display: block; overflow: hidden; width: 100%; height: 55px; padding: 0 44px 0 25px; cursor: pointer; transition: .2s linear; white-space: nowrap; text-overflow: ellipsis; border: 1px solid #c1dede; background: #fff; } .checkbox { margin-top: 32px; } .checkbox .label_check input[type=checkbox] { display: none; } .checkbox .label_check { display: table-cell; height: 21px; vertical-align: top; } .checkbox .label_check input[type=checkbox] + .check_text { color: rgba(255, 255, 255, .5); font-size: 16px; font-weight: 300; line-height: 21px; position: relative; display: block; padding-left: 35px; cursor: pointer; transition: .2s linear; text-align: left; } .checkbox.small .label_check input[type=checkbox] + .check_text { font-size: 14px; } .checkbox .label_check input[type=checkbox]:checked + .check_text { color: #fff; } .checkbox .label_check input[type=checkbox] + .check_text:before { position: absolute; top: 0; left: 0; width: 21px; height: 21px; content: ''; transition: .2s linear; background: rgba(255, 255, 255, .1); } .checkbox .label_check input[type=checkbox] + .check_text:after { position: absolute; top: 6px; left: 6px; display: block; width: 10px; height: 6px; content: ''; transition: .2s linear; transform: rotate(-45deg); opacity: 0; border-bottom: 2px solid #fff; border-left: 2px solid #fff; } .checkbox .label_check input[type=checkbox]:checked + .check_text:after { opacity: 1; } .checkbox .label_check a { color: rgba(255, 255, 255, .5); transition: .2s linear; text-decoration: none; } .checkbox .label_check a:hover { color: #fff; } .radio { margin-top: 20px; } .radio .label_check input[type=radio] { display: none; } .radio .label_check { display: table-cell; height: 21px; vertical-align: top; } .radio .label_check input[type=radio] + .check_text { color: rgba(255, 255, 255, .5); font-size: 16px; font-weight: 300; line-height: 21px; position: relative; display: block; padding-left: 35px; cursor: pointer; transition: .2s linear; text-align: left; } .radio .label_check input[type=radio]:checked + .check_text { color: #fff; } .radio .label_check input[type=radio] + .check_text:before { position: absolute; top: 0; left: 0; width: 21px; height: 21px; content: ''; transition: .2s linear; border: 1px solid transparent; border-radius: 50%; background: rgba(255, 255, 255, .1); } .radio .label_check input[type=radio]:checked + .check_text:before { background: rgba(255, 255, 255, .25); box-shadow: inset 0 0 0 4px #27908e; } .radio .label_check input[type=radio] + .check_text:after { position: absolute; top: 5px; left: 5px; width: 11px; height: 11px; content: ''; transition: .2s linear; opacity: 0; border-radius: 50%; background: #fff; } .radio .label_check input[type=radio]:checked + .check_text:after { opacity: 1; } .tooltip { position: relative; display: inline-block; vertical-align: middle; } .tooltip .text { color: #fff; font-size: 16px; font-weight: 300; line-height: 24px; position: absolute; z-index: 99; top: calc(100% + 19px); right: 0; visibility: hidden; width: 145px; padding: 3px 10px; transition: .2s linear; text-align: center; pointer-events: none; opacity: 0; border-radius: 15px; background: #0f8381; } .tooltip .text:before { position: absolute; z-index: 1; top: -5px; right: 18px; display: block; width: 10px; height: 10px; content: ''; transform: rotate(45deg); background: #0f8381; } .tooltip:hover .text { top: calc(100% + 9px); visibility: visible; opacity: 1; } .text_block & gt ; :last-child { margin-bottom: 0 !important; } .text_block h1, .text_block .title { color: #0d1016; font-size: 30px; font-weight: 300; line-height: normal; margin-bottom: 25px; } .text_block h2 { color: #343635; font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 27px; text-align: center; } .text-after h2 { color: #343635; font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 27px; } .text_block h3, .text-after h3 { color: #343635; font-size: 16px; font-weight: 400; line-height: 30px; text-align: left; } .text_block p, .text-after p { font-weight: 300; line-height: 30px; margin-bottom: 25px; } .about_info .text_block p, .text-after p { line-height: 36px; } .text_block ul, .text-after ul { margin-bottom: 25px; } .text_block ul li, .text-after li, .chapters li { font-weight: 300; line-height: 27px; position: relative; padding-left: 25px; list-style: none; } .text_block ul li { display: grid; grid-template-columns: 1fr; gap: 5px; align-items: flex-start; min-width: 320px; } .text_block ol li, .text-after ol li { font-weight: 300; line-height: 27px; position: relative; padding-left: 5px; list-style-type: decimal; } .text_block ol, .text-after ol { margin-left: 15px; margin-bottom: 25px; } .text_block ul li + li, .text-after ul li + li, ul.chapters li + li { margin-top: 7px; } .text_block ul li:before, .text-after ul li:before, ul.chapters li:before { position: absolute; top: 10px; left: 0; display: block; width: 13px; height: 9px; content: ''; background: url(/local/templates/main/css/../images/arrow4.png) 0 0 no-repeat; } .text_block img { display: block; max-width: 100%; /*margin-bottom: 40px;*/ } .text_block a { color: #0f8381; transition: .2s linear; text-decoration: none; border-bottom: 1px dashed #0f8381; } .text_block a:hover { color: #0d1016; transition: .2s linear; text-decoration: none; border-bottom: 1px dashed transparent; } .text_block .spoler_link { color: #0f8381; font: 300 16px 'Effra'; position: relative; display: inline-block; padding-right: 28px; cursor: pointer; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; border: none; background: transparent; } .text_block .spoler_link:hover { padding-right: 42px; } .text_block .spoler_link:before { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/contain no-repeat; } .text_block .hide { display: none; } .main_title { color: #3d3d3d; font-size: 30px; font-weight: 300; line-height: normal; } .main_title.center { text-align: center; } .main_title.white{ color: #fff; } .small_title { color: #3d3d3d; font-size: 30px; font-weight: 400; line-height: normal; } .small_title.center { text-align: center; } .small_title.white{ color: #fff; } .sub-title{ margin: 10px auto 0; max-width: 662px; } .sub-title.center { text-align: center; } .sub-title.white{ color: #fff; } .chapters { display: flex; flex-direction: column; margin-bottom: 25px; margin-left: -10px; float: left; padding: 0 100px 20px 0; } .chapters li { display: inline-block; margin: 0px 10px; } .chapters a { text-decoration: none; color: #3e9b99; font-size: 14px; border-bottom: 1px dashed #3e9b99; transition: .2s linear; } .chapters a:hover { color: #0d1016; transition: .2s linear; text-decoration: none; border-bottom: 1px dashed transparent; } @media (max-width: 780px) { .chapters li { display: block; margin: 0 0 0 0; } .chapters { margin-left: unset; } } .title_small { color: #0d1016; font-size: 24px; font-weight: 300; line-height: normal; } .section_head { padding: 30px 0 40px; border-top: 1px solid #f1f1f1; } .title_page { color: #343635; font-size: 36px; font-weight: 300; line-height: 48px; margin-bottom: 10px; text-align: center; } .main_brands .grid, .advanages .item, .have_questions .title, .have_questions .link, .doctors .doctor, .appendix .img_abs, .main_articles, .innfort_section .foto, .about_bottom .form_box, .about_bottom .box, .comparison .item { visibility: hidden; } .animated { visibility: visible !important; } /*--------------- Header ---------------*/ header { position: relative; } header .top { padding: 17px 0; background: #343635; } header .top .cont { align-items: center; align-content: center; } header .phone { color: #fff; font-size: 13px; font-weight: 300; line-height: normal; position: relative; padding-left: 26px; text-decoration: none; } header .phone:before { position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -7px; content: ''; background: url(/local/templates/main/css/../images/ic_tel.svg) 0 0 no-repeat; } header .mail { color: #fff; font-size: 13px; font-weight: 300; line-height: normal; position: relative; margin-left: 62px; padding-left: 26px; text-decoration: none; } header .mail:before { position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -7px; content: ''; background: url(/local/templates/main/css/../images/ic_mail.svg) 0 50%/contain no-repeat; } header .serts { color: #fff; font-size: 13px; font-weight: 300; line-height: normal; position: relative; margin-left: auto; padding-left: 28px; transition: .2s linear; text-decoration: none; } header .serts:hover { color: #0f8381; } header .serts svg { position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin-top: -7px; transition: .2s linear; fill: #fff; } header .serts:hover svg { fill: #0f8381; } header .callback_link { color: #fff; font-size: 13px; font-weight: 300; line-height: normal; position: relative; margin-left: 60px; padding-left: 27px; transition: .2s linear; text-decoration: none; } header .callback_link:hover { color: #0f8381; } header .callback_link svg { position: absolute; top: 50%; left: 0; width: 15px; height: 15px; transition: .2s linear; transform: translateY(-50%); fill: #fff; } header .callback_link:hover svg { fill: #0f8381; } header .socials { margin-left: 60px; align-items: center; align-content: center; } header .socials a + a { margin-left: 15px; } header .socials svg { display: block; width: 16px; height: auto; transition: .2s linear; fill: #fff; } header .socials a:hover svg { fill: #0f8381; } header .logo a, header .logo img { display: block; max-width: 100%; } header .logo img { width: 165px; } header .info { padding: 30px 0; } header .info .cont { justify-content: space-between; align-items: center; align-content: center; } header .menu { width: calc(100% - 305px); } header .menu li { position: relative; list-style: none; } header .menu li + li { margin-left: 30px; } header .menu li.marg { margin-left: auto; padding-left: 40px; } header .menu li a { color: #3e4043; font-size: 12px; font-weight: 300; line-height: 28px; position: relative; display: block; transition: .2s linear; white-space: nowrap; text-decoration: none; text-transform: uppercase; } header .menu li a:hover, header .menu li a.active { color: #0f8381; } header .menu li a:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; transition: .2s linear; transform: scale(0); background: #0f8381; } header .menu li a.active:before { transform: scale(1); } header .menu li .subMenu { position: absolute; z-index: 100; top: calc(100% + 70px); left: 0; visibility: hidden; width: 270px; padding: 24px; transition: .2s linear; pointer-events: none; opacity: 0; border-radius: 4px; background: #fff; box-shadow: 0 1px 40px rgba(0, 0, 0, .07); } header .menu li:last-child .subMenu { right: 0; left: auto; } header .menu li:hover .subMenu { top: calc(100% + 45px); padding-left: 0; padding-right: 0; visibility: visible; pointer-events: all; opacity: 1; } header .menu li:hover .subMenu li { padding: 0 24px; } header .menu li:hover .subMenu li:not(header .menu li:hover .subMenu li:last-child) { /* border-bottom: 1px dotted grey; */ } .subMenu li:hover .subMenu.subs { margin-left: -271px; top: calc(100% + 18px); } header .menu li .subMenu:before { position: absolute; top: -24px; left: 30px; width: 0; height: 0; content: ''; border: 12px solid transparent; border-bottom: 12px solid #fff; } header .menu li:last-child .subMenu:before { right: 30px; left: auto; } header .menu li .subMenu:after { position: absolute; top: -45px; left: 0; width: 100%; height: 45px; content: ''; } header .menu li .subMenu li + li { margin: 8px 0 0; } header .menu li .subMenu li a { color: #421d11; font-size: 13px; line-height: 28px; } header .menu li .subMenu li a:hover, header .menu li .subMenu li a.active { color: #0f8381; } header .menu li .subMenu li a:before { display: none; } header .box_search .open_search { display: block; width: 20px; height: 20px; } header .box_search .open_search svg { display: block; width: 100%; height: 100%; transition: .2s linear; fill: #63666a; } header .box_search .open_search.active svg, header .box_search .open_search:hover svg { fill: #0f8381; } header .search { right: -30px; left: auto; width: 364px; } header .search:before { right: 27px; left: auto; } header .search .input { color: #3d3d3d; font: 300 13px 'Effra'; width: 100%; height: 59px; padding: 0 24px; letter-spacing: .015em; text-transform: uppercase; border: none; border-radius: 4px; } header .socials_mob { display: none; align-items: center; align-content: center; } header .socials_mob a + a { margin-left: 15px; } header .socials_mob svg { display: block; width: 16px; height: auto; transition: .2s linear; fill: #0f8381; } header .mob_menu_link { display: none; width: 28px; height: 28px; padding: 7px 0; } header .mob_menu_link span { position: relative; display: block; width: 100%; height: 2px; transition: .2s linear; background: #63666a; } header .mob_menu_link span + span { margin-top: 4px; } header .mob_menu_link span:nth-child(3) { max-width: 20px; margin-left: auto; } header .box_mobMenu { position: fixed; z-index: 99; top: 0; left: 0; display: none; visibility: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 78px 0 20px; transition: .2s linear; pointer-events: none; opacity: 0; background: #0f8381; } header .box_mobMenu.show { visibility: visible; pointer-events: all; opacity: 1; z-index: 999999; } header .box_mobMenu .close_menu { position: fixed; top: 28px; right: 15px; width: 14px; height: 14px; background: url(/local/templates/main/css/../images/ic_close.svg) 0 0/contain no-repeat; } header .mob_menu .item { font-size: 13px; font-weight: 300; line-height: 20px; text-align: center; text-transform: uppercase; } header .mob_menu .item + .item { margin-top: 16px; } header .mob_menu a { color: #fff; display: block; text-decoration: none; } header .open_searchMob { font-size: 13px; font-weight: 300; line-height: 20px; margin-top: 16px; text-align: center; text-transform: uppercase; } header .open_searchMob a { color: #fff; display: block; text-decoration: none; } header .mob_search { position: fixed; z-index: 99; top: 0; left: 0; display: flex; visibility: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 78px 15px 20px; transition: .2s linear; pointer-events: none; opacity: 0; background: #0f8381; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } header .mob_search.show { visibility: visible; pointer-events: all; opacity: 1; } header .mob_search .close_search { position: fixed; top: 28px; right: 15px; width: 14px; height: 14px; background: url(/local/templates/main/css/../images/ic_close.svg) 0 0/contain no-repeat; } header .mob_search form { width: 100%; } header .mob_search .input { color: #fff; font: 300 16px 'Effra'; display: block; width: 100%; height: 55px; padding: 0 15px 0 55px; transition: .2s linear; border: none; border-radius: 3px; background: rgba(255, 255, 255, .1); background-image: url(/local/templates/main/css/../images/ic_search.svg); background-repeat: no-repeat; background-position: 20px 50%; background-size: 20px auto; } header .mob_search .submit_btn { color: #fff; font: 300 14px 'Effra'; display: block; width: 100%; height: 55px; margin-top: 20px; padding: 0 33px; cursor: pointer; transition: .2s linear; vertical-align: top; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, .8); border-radius: 3px; background: transparent; } /*--------------- Main section ---------------*/ .main_slider { height: 430px !important; } .main_slider ul & gt ; li & gt ; a & gt ; img { height: 430px !important; object-fit: cover; } .main_slider .container_skitter { height: 430px !important; } .main_slider .image_main { height: 430px !important; object-fit: cover; } .main_slider .label_skitter { height: 100%; padding: 0 80px; pointer-events: none; } .main_slider .label_skitter .box { display: flex; height: 100%; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .main_slider .cont { position: static; } .main_slider .block { position: relative; z-index: 1; max-width: 600px; } .main_slider .img_abs { position: absolute; z-index: 0; top: 0; left: 50%; display: block; margin-left: 200px; } .main_slider .subTitle { color: #fff; font-size: 26px; font-weight: 300; line-height: normal; margin-bottom: 10px; } .main_slider .title { color: #fff; font-size: 36px; font-weight: 300; line-height: normal; margin-bottom: 50px; } .main_slider .titleBig { color: #fff; font-size: 188px; font-weight: 300; line-height: 140px; margin-top: -7px; } .main_slider .titleBig span { font-size: 154px; } .main_slider .desc { color: #fff; font-size: 32px; font-weight: 300; line-height: normal; margin-top: 10px; } .main_slider .adres { color: #fff; font-size: 18px; line-height: normal; position: relative; margin-top: 20px; padding-left: 20px; } .main_slider .adres:before { position: absolute; top: 50%; left: 0; width: 13px; height: 18px; margin-top: -9px; content: ''; background: url(/local/templates/main/css/../images/ic_adres.svg) 50%/contain no-repeat; } .main_slider .link { color: #fff; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; margin-top: 22px; padding: 0 35px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #fff; border-radius: 4px; } .main_slider .link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .main_slider:hover .link:before { width: 100%; } .main_slider .link span { position: relative; } .main_slider:hover .link { color: #0f8381; } .more_all { margin-top: 64px; text-align: center; } .more_all a { color: #3f9c9a; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; padding: 0 25px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #3f9c9a; border-radius: 4px; } .more_all a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #3f9c9a; } .more_all a:hover:before { width: 100%; } .more_all a:hover { color: #fff; } .more_all a span { position: relative; } .main_brands { margin-top: 62px; } .main_brands .grid { margin-left: -30px; } .main_brands .brand { position: relative; top: 0; display: flex; width: calc(25% - 30px); height: 160px; margin: 30px 0 0 30px; padding: 10px; transition: .2s linear; text-decoration: none; border-radius: 4px; background: #fff; justify-content: center; align-items: center; } .main_brands .brand:hover { top: -20px; } .main_brands .brand:before { position: absolute; z-index: -1; top: -25px; left: 50%; width: 341px; height: 271px; content: ''; transition: .2s linear; transform: translateX(-50%); background: url(/local/templates/main/css/../images/shadow.png) 0 0/contain no-repeat; } .main_brands .brand:hover:before { top: -5px; } .main_brands .brand img { display: block; max-width: 100%; max-height: 100%; } .main_brands .brand .more { color: #0f8381; font-size: 14px; font-weight: 300; width: 100%; text-align: center; text-transform: uppercase; } .main_about { margin-top: 92px; padding: 104px 0 146px; background: url(/local/templates/main/css/../images/bg1-min.webp) 50%/cover no-repeat; background-attachment: fixed; } .main_about .subTitle { color: #fff; font-size: 26px; font-weight: 300; line-height: normal; margin-bottom: 10px; } .main_about .title { color: #fff; font-size: 36px; font-weight: 300; line-height: normal; margin-bottom: 50px; } .main_about img { display: block; max-width: 100%; margin-bottom: 30px; } .main_about img.right { width: 52.37%; margin-left: 70px; } img.right.tofront { margin-top: 9px; } .main_about p { color: #fff; font-weight: 300; margin-bottom: 30px; } .main_about .more { color: #fff; font-size: 14px; font-weight: 300; line-height: 52px; display: inline-block; margin-top: 22px; padding: 0 35px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #fff; border-radius: 4px; } .main_about .more:hover { color: #a8d2d2; border-color: #a8d2d2; } .advanages { padding-bottom: 77px; background: #0f8381; } .advanages .slider { display: none; width: calc(100% + 30px); margin-left: -15px; } .advanages .slick-initialized { display: block; } .advanages .slick-list { overflow: visible; } .advanages .slick-slide & gt ; div + div { margin-top: 88px; } .advanages .item { position: relative; top: 0; display: block; margin: -32px 0 0; padding: 0 15px; transition: .2s linear; text-align: center; text-decoration: none; } .advanages .item:hover { top: -20px; } .advanages .item .icon { display: flex; overflow: hidden; width: 77px; height: 77px; margin: 0 auto; border-radius: 50%; background: #16908e; justify-content: center; align-items: center; } .advanages .item .icon img { display: block; max-width: 100%; max-height: 100%; } .advanages .item .desc { color: #fff; font-weight: 300; line-height: 24px; overflow: hidden; height: 48px; margin-top: 32px; } .have_questions { padding: 82px 0; background: #fafafa; } .have_questions .cont { justify-content: space-between; align-items: center; align-content: center; } .have_questions .title { color: #0d1016; font-size: 28px; font-weight: 300; line-height: normal; width: calc(100% - 286px); } .have_questions .link, .download-btn { color: #3e9b99; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; width: 256px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #3e9b99; border-radius: 4px; } .have_questions .link:before, .download-btn:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #3f9c9a; } .have_questions .link:hover:before, .download-btn:hover:before { width: 100%; } .have_questions .link span, .download-btn span { position: relative; } .have_questions .link:hover, .download-btn:hover { color: #fff; } .download-instruction-btn { margin: 0 -30px; } .download-instruction-btn a.download-btn { display: inline-block; margin: 5px 30px; } .download-instruction p { color: #0d1016; font-size: 22px; font-weight: 300; line-height: normal; margin: 0 0 25px; } .appendix { position: relative; padding: 130px 0 120px; background: #1f1f1f; } .appendix .cont { position: static; } .appendix .box { width: calc(100% - 500px); max-width: 555px; margin-left: auto; } .appendix .title { color: #fff; font-size: 30px; font-weight: 300; line-height: normal; } .appendix .img_abs { position: absolute; bottom: 72px; left: 50%; width: 470px; margin-left: -570px; } /* .appendix .img_abs:before{ content: ''; position: absolute; left: 25px; bottom: -72px; width: 959px; height: 538px; background: url(/local/templates/main/css/../images/shadow_phone.png) 0 0 no-repeat; } */ .appendix .img_abs img { display: block; max-width: 100%; transition: .3s linear; } .appendix .desc { color: #fff; font-weight: 300; margin-top: 54px; } .appendix .links { margin-top: 66px; } .appendix .links a { max-width: calc(50% - 5px); } .appendix .links a + a { margin-left: 10px; } .appendix .links img { display: block; max-width: 100%; transition: .2s linear; border: 1px solid #fff; border-radius: 7px; } .appendix .links a:hover img { border-color: #0f8381; } .section_follow { padding: 76px 0 50px; background: #0f8381; } .form_subscribe .sector_flex .field { width: 263px; } .form_subscribe .sector_flex .submit { margin-left: auto; } .section_follow .bot { margin-top: 72px; padding-top: 54px; border-top: 2px solid #248e8c; } .section_follow .bot .cont { align-items: center; align-content: center; justify-content: center; } .section_follow .title { color: #fff; font-size: 24px; font-weight: 300; line-height: normal; } .section_follow .socials { margin-left: 44px; align-items: center; align-content: center; } .section_follow .socials a + a { margin-left: 23px; } .section_follow .socials svg { display: block; width: 27px; height: auto; transition: .2s linear; fill: #fff; } .section_follow .socials a:hover svg { transform: scale(1.1); } .main_articles { padding: 100px 0; } /*section.articles.main_articles.gray.animated.fadeInUp.slow { padding-top: 100px; padding-bottom: 95px; }*/ section.articles.main_articles.animated.fadeInUp.slow { padding-top: 95px; } .articles.gray { background: #fafafa; } .articles .main_title { width: calc(40% - 15px); max-width: 425px; } .articles .main_article { position: relative; display: block; width: calc(60% - 15px); max-width: 651px; text-decoration: none; } .articles .main_article .img { display: block; padding-bottom: 71.74%; background-repeat: no-repeat; background-position: 50%; background-size: cover; margin-top: 7.5px; } .articles .main_article .box { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 30px 30px 35px; align-items: center; align-content: center; justify-content: space-between; flex-wrap: nowrap; } .articles .main_article .box:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(15, 131, 129, .8); } .articles .main_article .name { color: #fff; font-size: 21px; font-weight: 300; line-height: 30px; position: relative; padding-right: 30px; } .articles .main_article .link { position: relative; } .articles .main_article .link span { color: #fff; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; padding: 0 27px; vertical-align: top; white-space: nowrap; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, .8); border-radius: 4px; } .articles .main_article .link span:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .articles .main_article:hover .link span:before { width: 100%; } .articles .main_article:hover .link span { color: #0f8381; border-color: #fff; } .articles .main_article .link i { font-style: normal; position: relative; } .articles .info { width: calc(40% - 15px); max-width: 425px; } .articles .slider { display: none; margin-top: 28px; } .articles .slick-initialized { display: block; } .articles .slick-slide & gt ; div + div { margin-top: 36px; } .articles .date { color: #828488; font-size: 12px; line-height: normal; } .articles .name { margin-top: 6px; } .articles .name a { color: #0d1016; font-weight: 300; transition: .2s linear; text-decoration: none; } .articles .name a:hover { color: #0f8381; } .articles .desc { color: #0d1016; font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 4px; } .articles .link { margin-top: 4px; } .articles .link a { color: #0d1016; font-size: 14px; position: relative; display: inline-block; padding-right: 20px; transition: .2s linear; transition: .2s linear; vertical-align: top; text-decoration: none; } .articles .link a:hover { color: #3f9c9a; } .articles .link a svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; margin-top: -7px; transition: .2s linear; fill: #0d1016; } .articles .link a:hover svg { fill: #3f9c9a; } .articles .more { margin-top: 26px; } .articles .more a, .more.content a, .product-type-item .more a { color: #0f8381; font-weight: 300; position: relative; display: inline-block; padding-right: 28px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; border-bottom: transparent; } .articles .more a:hover, .more.content a:hover, .product-type-item .more a:hover { padding-right: 42px; } .articles .more a:before, .more.content a:before, .product-type-item .more a:before { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/contain no-repeat; } .product-type-item .more { padding-left: 15px; margin: 10px 0 15px; } .doctors_carousel { position: relative; margin-top: 84px; } .doctors_carousel .doctors_wrap { position: relative; overflow: visible !important; width: calc(100% + 50px); margin-left: -25px; } .doctors_carousel .doctors_wrap:after { position: absolute; z-index: 1; top: 0; left: 100%; width: 5000px; height: 100%; margin-left: 25px; content: ''; background: #fff; } .doctors_carousel .doctors_wrap:before { position: absolute; z-index: 1; top: 0; right: 100%; width: 5000px; height: 100%; margin-right: 25px; content: ''; background: #fff; } .doctors_carousel .carousel { position: relative; display: block; width: 100%; } .doctors_carousel:not(.not) .carousel:after { display: block; clear: both; width: 100%; content: ''; } .doctors_carousel.not .carousel { display: flex; align-items: stretch; justify-content: flex-start; } .doctors_carousel .carousel & gt ; li { position: relative; display: block; float: left; width: 25%; list-style: none; } .doctors_carousel .scrollbar { display: none; width: calc(100% - 132px); height: 11px; margin: 82px auto 0; border-radius: 1px; background: #f4f4f4; } .doctors_carousel.active .scrollbar { display: block; } .doctors_carousel .scrollbar .handle { width: 100px; height: 11px; cursor: pointer; } .doctors_carousel .scrollbar .handle .mousearea { position: absolute; top: 0; left: 0; width: 100%; height: 11px; border-radius: 1px; background: #0f8381; } .doctors_carousel .controls { display: none; } .doctors_carousel.active .controls { display: block; } .doctors_carousel .prevPage { position: absolute; bottom: 0; left: 27px; display: flex; width: 12px; height: 12px; cursor: pointer; border: none; background: none; justify-content: center; align-items: center; } .doctors_carousel .prevPage svg { position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translate(-50%, -50%) rotate(180deg); pointer-events: none; fill: #ccc; } .doctors_carousel .prevPage:hover svg { fill: #4ea4a2; } .doctors_carousel .nextPage { position: absolute; right: 27px; bottom: 0; display: flex; width: 12px; height: 12px; cursor: pointer; border: none; background: none; justify-content: center; align-items: center; } .doctors_carousel .nextPage svg { position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translate(-50%, -50%); pointer-events: none; fill: #ccc; } .doctors_carousel .nextPage:hover svg { fill: #4ea4a2; } .section_doctors { padding: 100px 0 100px; } .doctors .doctor { position: relative; margin: 0 25px; padding: 36px 15px 32px; transition: .2s linear; text-align: center; border: 1px solid #ececec; border-radius: 3px; } .doctors .doctor:hover { z-index: 10; border-color: #fff; background: #fff; box-shadow: 0 10px 50px rgba(85, 85, 85, .09); } .doctors .doctor .photo { width: 130px; height: 130px; margin: 0 auto; background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 100%; } .doctors .doctor .name, .doctors .doctor .name a { color: #0f8381; font-size: 20px; font-weight: 300; line-height: normal; margin-top: 30px; text-decoration: none; } .doctors .doctor .desc { color: #3d3d3d; font-size: 16px; font-weight: 300; line-height: 26px; margin-top: 16px; margin-top: 14px; } .doctors .doctor .link { color: #0d1016; font-size: 16px; font-weight: 300; line-height: 24px; margin-top: 28px; } .doctors .doctor .link a { color: #0d1016; transition: .2s linear; text-decoration: none; border-bottom: 1px solid; } .doctors .doctor .link a:hover { color: #0f8381; } .doctors .doctor .letter { position: absolute; top: 52px; right: -24px; display: block; visibility: hidden; width: 48px; height: 48px; transition: .2s linear; pointer-events: none; opacity: 0; border-radius: 50%; background: #fff; box-shadow: 0 10px 24px rgba(85, 85, 85, .09); } .doctors .doctor:hover .letter { visibility: visible; pointer-events: all; opacity: 1; } .doctors .doctor .letter:hover { background: #0f8381; box-shadow: none; } .doctors .doctor .letter:before { position: absolute; top: 50%; left: 50%; width: 21px; height: 18px; content: ''; transform: translate(-50%, -50%); background: url(/local/templates/main/css/../images/ic_letter.png) 0 0 no-repeat; } .doctors .doctor .letter:hover:before { background-position: 100% 0; } .doctors .doctor .video { position: absolute; top: 112px; right: -24px; display: block; display: flex; visibility: hidden; width: 48px; height: 48px; transition: .2s linear; pointer-events: none; opacity: 0; border-radius: 50%; background: #fff; box-shadow: 0 10px 24px rgba(85, 85, 85, .09); justify-content: center; align-items: center; } .doctors .doctor:hover .video { visibility: visible; pointer-events: all; opacity: 1; } .doctors .doctor .video:hover { background: #0f8381; box-shadow: none; } .doctors .doctor .video svg { width: 26px; height: 26px; transition: .2s linear; fill: #646464; } .doctors .doctor .video:hover svg { fill: #fff; } .top_section { position: relative; overflow: hidden; padding: 63px 0 38px; text-align: center; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .top_section:before { position: absolute; z-index: 2; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background: rgba(52, 54, 53, .89); } .top_section .cont { z-index: 3; } .top_section .title { color: #fff; font-size: 36px; font-weight: 300; line-height: 48px; margin-bottom: 10px; } .top_section .img { position: absolute; z-index: 1; top: 50%; left: 50%; display: block; margin-top: -76px; margin-left: -640px; } .top_section .img2 { position: absolute; z-index: 1; top: 50%; right: 50%; display: block; margin-top: -87px; margin-right: -651px; } .top_section .img3 { position: absolute; z-index: 1; top: -38px; left: 50%; display: block; margin-left: -620px; } .top_section .img4 { position: absolute; z-index: 1; top: -7px; right: 50%; display: block; margin-right: -602px; } .top_section .img5 { position: absolute; z-index: 1; top: -5px; left: 50%; display: block; margin-left: -650px; } .top_section .img6 { position: absolute; z-index: 1; top: 0; right: 50%; display: block; margin-right: -690px; } .top_section .img7 { position: absolute; z-index: 1; top: -5px; left: 50%; display: block; margin-left: -650px; } .top_section .img8 { position: absolute; z-index: 1; top: 0; right: 50%; display: block; margin-right: -650px; } .top_section .img9 { position: absolute; z-index: 1; top: -10px; left: 50%; display: block; margin-left: -640px; } .top_section .img10 { position: absolute; z-index: 1; top: -11px; right: 50%; display: block; margin-right: -610px; } .top_section .img11 { position: absolute; z-index: 1; top: -10px; left: 50%; display: block; margin-left: -640px; } .top_section img { display: block; max-width: 100%; } .about_info { padding-top: 72px; } .about_info .img { padding-bottom: calc(39% - 3px); background-repeat: no-repeat; background-position: 50% 26%; } .about_info .colums { margin: 50px 0 25px; padding-bottom: 25px; justify-content: space-between; } .about_info .text_block .col { width: calc(50% - 19px); } .about_info .map { margin-bottom: 115px; } .about_info .map img { display: block; max-width: 100%; margin: 0 auto; } .advan_second { padding-bottom: 26px; background: #fff; } .advan_second .item .desc { color: #272727; } .about_video { padding: 20px 0 78px; } .about_video .box_video { width: 100%; max-width: 597px; margin: 50px auto 0; } .about_video .box_video .video_link { position: relative; display: block; overflow: hidden; width: 100%; padding-bottom: calc(57% + 4px); transition: .2s linear; text-decoration: none; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .about_video .box_video .video_link:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: .2s linear; background: rgba(52, 54, 53, .68); } .about_video .box_video .video_link:hover:before { opacity: .6; } .about_video .box_video .video_link:after { position: absolute; top: 50%; left: 50%; display: block; width: 47px; height: 53px; margin-top: -25px; margin-left: -22px; content: ''; background: url(/local/templates/main/css/../images/play_arrow.png) 0 0 no-repeat; } .innfort_section { padding: 52px 0 80px; background: #fafafa; } .innfort_section .main_title span { position: relative; padding-right: 31px; } .innfort_section .main_title span:before { position: absolute; top: 13px; right: 0; display: block; width: 18px; height: 13px; content: ''; background: url(/local/templates/main/css/../images/arrow5.png) 0 0 no-repeat; } .innfort_section .grid { margin: 13px 0 0 -30px; } .innfort_section .foto { position: relative; display: block; width: calc(16.666% - 30px); margin: 30px 0 0 30px; padding-bottom: calc(14% + 2px); background-repeat: no-repeat; background-position: 50%; background-size: cover; } .innfort_section .foto:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: .2s linear; opacity: 0; background: rgba(52, 54, 53, .68); } .innfort_section .foto:hover:before { opacity: 1; } .about_bottom .cont { justify-content: space-between; align-items: stretch; align-content: stretch; } .about_bottom .form_box { position: relative; width: 50%; padding: 75px 68px 75px 0; background: #0f8381; } .about_bottom .form_box:before { position: absolute; top: 0; right: 0; display: block; width: 5000px; height: 100%; content: ''; background: #0f8381; } .about_bottom .form_box:after { position: absolute; top: 0; left: 100%; display: none; width: 5000px; height: 100%; content: ''; background: #0f8381; } .about_bottom .form { position: relative; z-index: 1; } .about_bottom .form .title_form { margin-bottom: 0; } .about_bottom .form .sector_flex { margin: 0; justify-content: space-between; } .about_bottom .form .sector_flex & gt ; * { margin: 31px 0 0; } .about_bottom .form_subscribe .sector_flex .field { width: calc(50% - 14px); } .about_bottom .form_subscribe .sector_flex .radio { width: calc(50% - 14px); } .about_bottom .form_subscribe .sector_flex .agree { width: calc(50% - 14px); } .about_bottom .form_subscribe .sector_flex .submit { width: calc(50% - 14px); } .about_bottom .form .submit_btn { width: 100%; } .about_bottom .box { position: relative; width: 50%; padding: 54px 68px 56px; background: #1f1f1f; } .about_bottom .box .info { color: #fff; position: relative; z-index: 3; } .about_bottom .box:before { position: absolute; top: 0; left: 0; display: block; width: 5000px; height: 100%; content: ''; background: #1f1f1f; } .about_bottom .box:after { position: absolute; top: 0; right: 100%; display: none; width: 5000px; height: 100%; content: ''; background: #1f1f1f; } .about_bottom .box .img { position: absolute; z-index: 1; top: 50%; left: 50%; display: block; max-width: 100%; margin-top: -175px; margin-left: -170px; opacity: .1; } .about_bottom .box .title { font-size: 30px; font-weight: 300; line-height: 48px; margin-bottom: 14px; } .about_bottom .box .desc { font-size: 16px; font-weight: 300; line-height: 30px; margin-bottom: 30px; } .about_bottom .box .desc .sub_title { margin-bottom: 12px; } .about_bottom .box ul li { padding-left: 8px; list-style: none; } .about_bottom .box ul li + li { margin-top: 6px; } .about_bottom .box .links a { max-width: calc(50% - 5px); } .about_bottom .box .links img { display: block; max-width: 100%; transition: .2s linear; border: 1px solid #fff; border-radius: 7px; } .about_bottom .box .links a:hover img { border-color: #0f8381; } .about_bottom .box .links a + a { margin-left: 10px; } .about_bottom .box_left { position: relative; width: 50%; padding: 54px 68px 56px; background: #1f1f1f; } .about_bottom .box_left .info { color: #fff; position: relative; z-index: 3; } .about_bottom .box_left:before { position: absolute; top: 0; right: 0; display: block; width: 5000px; height: 100%; content: ''; background: #1f1f1f; } .about_bottom .box_left:after { position: absolute; top: 0; left: 100%; display: none; width: 5000px; height: 100%; content: ''; background: #1f1f1f; } .about_bottom .box_left .img { position: absolute; z-index: 1; top: 50%; left: 50%; display: block; max-width: 100%; margin-top: -175px; margin-left: -170px; opacity: .1; } .about_bottom .box_left .title { font-size: 30px; font-weight: 300; line-height: 48px; margin-bottom: 14px; } .about_bottom .box_left .desc { font-size: 16px; font-weight: 300; line-height: 30px; margin-bottom: 30px; } .about_bottom .box_left .desc .sub_title { margin-bottom: 12px; } .about_bottom .box_left ul li { padding-left: 8px; list-style: none; } .about_bottom .box_left ul li + li { margin-top: 6px; } .about_bottom .box_left .links a { max-width: calc(50% - 5px); } .about_bottom .box_left .links img { display: block; max-width: 100%; transition: .2s linear; border: 1px solid #fff; border-radius: 7px; } .about_bottom .box_left .links a:hover img { border-color: #0f8381; } .about_bottom .box_left .links a + a { margin-left: 10px; } .about_bottom .box_download { color: #0f8381; font-weight: 300; position: relative; width: 50%; padding: 30px 0 30px 54px; transition: .2s linear; text-decoration: none; text-transform: uppercase; background: #fafafa; align-items: center; align-content: center; } .about_bottom .box_download:before { position: absolute; top: 0; left: 0; display: block; width: 5000px; height: 100%; content: ''; transition: .2s linear; background: #fafafa; } .about_bottom .box_download:after { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .about_bottom .box_download:hover { color: #fff; } .about_bottom .box_download:hover:after { width: 100%; } .about_bottom .box_download:hover:before { background: #0f8381; } .about_bottom .box_download .name { position: relative; z-index: 1; } .about_bottom .box_download .name span { position: relative; display: inline-block; padding-right: 28px; text-align: left; vertical-align: top; } .about_bottom .box_download .name span svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translateY(-50%); fill: #0f8381; } .about_bottom .box_download:hover .name span svg { fill: #fff; } .about_bottom .box_download .img { position: absolute; z-index: 1; top: 50%; right: -58px; margin-top: -150px; } .about_bottom .box_download .img img { display: block; max-width: 100%; } .section_reviews { padding: 80px 0; } .section_reviews .links { justify-content: space-between; align-items: stretch; align-content: center; } .section_reviews .links .link { color: #108381; font-size: 16px; font-weight: 300; line-height: normal; position: relative; display: flex; width: calc(50% - 15px); min-height: 138px; transition: .2s linear; text-decoration: none; text-transform: uppercase; border: 1px solid #0f8381; justify-content: space-between; align-items: center; align-content: center; flex-wrap: wrap; } .section_reviews .links .link:hover, .section_reviews .links .link.active { color: #fff; } .section_reviews .links .link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .section_reviews .links .link:hover:before, .section_reviews .links .link.active:before { width: 100%; } .section_reviews .links .link .img { position: absolute; bottom: 0; left: 0; display: flex; width: calc(50% - 32px); height: calc(100% + 1px); pointer-events: none; justify-content: flex-end; align-items: flex-end; } .section_reviews .links .link .img img { display: block; max-width: 100%; } .section_reviews .links .link .name { position: relative; width: calc(50% + 12px); margin-left: auto; padding-right: 20px; } .reviews { padding-top: 14px; column-gap: 30px; column-count: 2; } .reviews & gt ; * { padding-top: 52px; --webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .reviews .review .name { color: #0f8381; font-size: 20px; font-weight: 300; line-height: normal; margin-bottom: 32px; display: inline-block; } .reviews .review .text_block { margin-top: 32px; } .reviews .review .text_block p { margin-bottom: 30px; } .reviews .review .video { position: relative; display: inline-block; overflow: hidden; width: 100%; margin-bottom: 42px; padding-bottom: 52%; transition: .2s linear; text-decoration: none; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .reviews .review .video:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: .2s linear; background: rgba(52, 54, 53, .68); } .reviews .review .video:hover:before { opacity: .6; } .reviews .review .video:after { position: absolute; top: 50%; left: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; content: ''; border-radius: 50%; background: #0f8381 url(/local/templates/main/css/../images/ic_play.svg) 50%/30px auto no-repeat; } .reviews .review .cols { padding: 0 18px 18px; background: #fafafa; justify-content: space-between; align-items: center; align-content: center; } .reviews .review .cols .col { color: #3d3d3d; width: calc(50% - 10px); margin-top: 20px; transition: .2s linear; text-decoration: none; justify-content: space-between; align-items: center; align-content: center; } .reviews .review .cols .col:hover { color: #3e9b99; } .reviews .review .photo { width: 51px; height: 51px; border-radius: 50%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .reviews .review .icon { display: flex; width: 51px; height: 51px; justify-content: center; align-items: center; } .reviews .review .icon img { display: block; max-width: 100%; max-height: 100%; } .reviews .review .box { width: calc(100% - 70px); } .reviews .review .title { font-size: 13px; font-weight: 300; line-height: normal; margin-bottom: 8px; } .reviews .review .info { font-weight: 300; line-height: normal; } .reviews .review .more { margin-top: 26px; } .reviews .review .more a { color: #0f8381; font-weight: 300; position: relative; display: inline-block; padding-right: 28px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; } .reviews .review .more a:hover { padding-right: 42px; } .reviews .review .more a:before { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/contain no-repeat; } .section_seo { padding: 30px 0; } .comparison { position: relative; padding: 80px 0; } .comparison:before { position: absolute; z-index: 0; top: 0; right: 0; width: 630px; height: 100%; content: ''; background: url(/local/templates/main/css/../images/bg2.png) 0 0 no-repeat; } .comparison:after { position: absolute; z-index: 0; top: 0; right: 50%; width: 5000px; height: 100%; content: ''; background: #fafafa; } .comparison .items { position: relative; z-index: 1; } .comparison .item { background: #fff; box-shadow: 0 0 36px rgba(151, 151, 151, .24); } .comparison .item + .item { margin-top: 40px; } .comparison .item .cols_top { border-bottom: 1px solid #ececec; align-items: stretch; align-content: stretch; } .comparison .item .cols_top .col { position: relative; width: 50%; padding: 50px 48px 59px; } .comparison .item .cols_top .col:first-child { background: #fafafa; } .comparison .item .before { color: #5d6064; font-size: 16px; line-height: 54px; position: absolute; top: 50px; left: 30px; width: 105px; text-align: center; background: rgba(255, 255, 255, .9); } .comparison .item .before.center { left: 50%; transform: translateX(-50%); } .comparison .item .after { color: #fff; font-size: 16px; line-height: 54px; position: absolute; top: 50px; left: 30px; width: 105px; text-align: center; background: rgba(99, 102, 106, .9); } .comparison .item .after.center { left: 50%; transform: translateX(-50%); } .comparison .item .img { width: 50%; padding-bottom: 56.436%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .comparison .item .img.big { width: 100%; } .comparison .item .cols_bot { align-items: stretch; align-content: stretch; } .comparison .item .cols_bot .col { display: flex; width: 50%; padding: 37px 48px 48px; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .comparison .item .cols_bot .col:first-child { background: #fafafa; } .comparison .item .block { width: 100%; } .comparison .item .el { color: #3d3d3d; transition: .2s linear; text-decoration: none; justify-content: space-between; align-items: center; align-content: center; } .comparison .item .el:hover { color: #3e9b99; } .comparison .item .el + .el { margin-top: 25px; } .comparison .item .photo { width: 51px; height: 51px; border-radius: 50%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .comparison .item .icon { display: flex; width: 51px; height: 51px; justify-content: center; align-items: center; } .comparison .item .icon img { display: block; max-width: 100%; max-height: 100%; } .comparison .item .box { width: calc(100% - 70px); } .comparison .item .title { font-size: 13px; font-weight: 300; line-height: normal; margin-bottom: 8px; } .comparison .item .info { font-weight: 300; line-height: normal; } .comparison .item .info span { font-size: 13px; display: inline-block; } .comparison .item .link { text-align: center; } .comparison .item .link a { color: #3e9b99; font-size: 16px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; padding: 0 31px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #3e9b99; border-radius: 4px; } .comparison .item .link a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #3f9c9a; } .comparison .item .link a:hover:before { width: 100%; } .comparison .item .link a span { position: relative; } .comparison .item .link a:hover { color: #fff; } .small_filter { position: relative; z-index: 2; margin-bottom: 44px; padding: 45px 30px 30px; background: #fff; box-shadow: 0 0 36px rgba(151, 151, 151, .24); } .specialists { padding: 80px 0; } .specialists .links { margin-top: 55px; align-items: stretch; align-content: stretch; justify-content: space-between; } .specialists .links .link { color: #108381; font-size: 16px; font-weight: 300; line-height: 30px; position: relative; width: calc(50% - 15px); min-height: 186px; margin-top: 70px; padding: 20px 20px 20px 0; transition: .2s linear; text-transform: uppercase; background: #fafafa; justify-content: space-between; align-items: center; align-content: center; } .specialists .links .link:hover { color: #fff; } .specialists .links .link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .specialists .links .link:hover:before { width: 100%; } .specialists .links .link .img { position: absolute; bottom: 0; left: 0; display: flex; width: 44%; height: 100%; pointer-events: none; justify-content: flex-end; align-items: flex-end; } .specialists .links .link.big .img { width: 55%; } .specialists .links .link .img img { display: block; max-width: 100%; } .specialists .links .link .name { position: relative; width: 56%; margin-left: auto; text-align: center; } .specialists .links .link.big .name { width: 45%; } .specialists .links .link .name span { position: relative; display: inline-block; padding-right: 28px; text-align: left; vertical-align: top; } .specialists .links .link .name span svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translateY(-50%); fill: #0f8381; } .specialists .links .link:hover .name span svg { fill: #fff; } .links_info { margin-bottom: 30px; justify-content: space-between; align-items: stretch; align-content: stretch; } .links_info .link { color: #108381; font-size: 16px; font-weight: 300; line-height: 30px; position: relative; width: calc(50% - 15px); min-height: 136px; margin-bottom: 50px; padding: 20px; transition: .2s linear; text-transform: uppercase; background: #fff; box-shadow: 0 15px 20px rgba(151, 151, 151, .24); justify-content: space-between; align-items: center; align-content: center; } .links_info .link:hover { color: #fff; } .links_info .link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .links_info .link:hover:before { width: 100%; } .links_info .link .icon { position: relative; display: flex; width: 30%; height: 100%; justify-content: flex-end; align-items: center; } .links_info .link .icon svg { display: block; max-width: 100%; max-height: 100%; transition: .2s linear; fill: #0f8381; } .links_info .link:hover .icon svg { fill: #fff; } .links_info .link .name { position: relative; width: calc(70% - 30px); } .links_info .link .name span { position: relative; display: inline-block; padding-right: 28px; text-align: left; vertical-align: top; } .links_info .link .name span svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translateY(-50%); fill: #0f8381; } .links_info .link:hover .name span svg { fill: #fff; } .catalog_link { min-height: 345px; text-decoration: none; border: 2px solid #ddeded; background: url(/local/templates/main/css/../images/bg3.jpg) 50%/cover no-repeat; align-items: stretch; align-content: stretch; justify-content: space-between; } .catalog_link .col_l { display: flex; width: 44%; max-width: 473px; justify-content: flex-end; align-items: center; } .catalog_link .col_l .box { max-width: 313px; padding: 20px; } .catalog_link .title { color: #fff; font-size: 30px; font-weight: 300; line-height: 30px; } .catalog_link .link { line-height: 24px; margin-top: 24px; } .catalog_link .link span { color: #fff; font-weight: 300; position: relative; padding-right: 28px; transition: .2s linear; text-decoration: none; text-transform: uppercase; border-bottom: none; } .catalog_link .link span:hover { padding-right: 42px; } .catalog_link .link span:before { position: absolute; right: 0; bottom: 3px; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow4.svg) 50%/contain no-repeat; } .catalog_link .col_r { position: relative; display: flex; width: calc(43% - 30px); max-width: 383px; height: 341px; padding: 23px; background: url(/local/templates/main/css/../images/tmp/bg_product_img.png) 0 0 no-repeat; justify-content: center; align-items: flex-end; } .catalog_link .col_r .img { position: relative; display: block; max-width: 100%; max-height: 100%; } .catalog_link .col_r .silhouette { position: absolute; top: 0; left: -154px; display: block; } .related_articles { padding: 64px 0 78px; } .articles_inner { padding-bottom: 90px; } .related_carousel { position: relative; margin-top: 40px; padding: 0; } .related_carousel .related_wrap { position: relative; overflow: hidden !important; width: calc(100% + 30px); margin-left: -15px; } .related_carousel .carousel { position: relative; display: block; width: 100%; } .related_carousel:not(.not) .carousel:after { display: block; clear: both; width: 100%; content: ''; } .related_carousel.not .carousel { display: flex; align-items: stretch; justify-content: flex-start; } .related_carousel .carousel > li { position: relative; display: block; float: left; width: 33.333%; list-style: none; } .related_carousel .item { margin: 0 15px; } .related_carousel .item { margin: 0 15px; max-width: 400px; } .articles_inner .grid { margin: 25px 0 0 -30px; } .articles_inner .grid .item { width: calc(33.333% - 30px); margin: 55px 0 0 30px; } .articles_inner .item .date { color: #828488; font-size: 12px; font-weight: 300; line-height: normal; } .articles_inner .item .name { color: #0d1016; font-size: 18px; font-weight: 300; line-height: normal; margin-top: 12px; margin-bottom: 12px; height: 66px; } .articles_inner .item .name a { color: #0d1016; transition: .2s linear; text-decoration: none; } .articles_inner .item .name a:hover { color: #3f9c9a; } .articles_inner .item .img { display: block; margin-top: 18px; padding-bottom: 58%; background-repeat: no-repeat; background-position: 50%; background-size: cover; height: 260px; /*width: 260px;*/ margin: 0 auto; } .related_articles .related_carousel.articles_inner .item .img { /*width: 260px;*/ } .articles_inner .item .desc { color: #0d1016; font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 24px; } .articles_inner .item .more { color: #0d1016; font-size: 14px; line-height: normal; margin-top: 12px; } .articles_inner .item .more a { color: #3f9c9a; position: relative; display: inline-block; padding-right: 22px; transition: .2s linear; vertical-align: top; text-decoration: none; } .articles_inner .item .more a:hover { color: #0d1016; } .articles_inner .item .more a svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; margin-top: -7px; transition: .2s linear; fill: #3f9c9a; } .articles_inner .item .more a:hover svg { fill: #0d1016; } .related_carousel .scrollbar { display: none; width: calc(100% - 132px); height: 11px; margin: 82px auto 0; border-radius: 1px; background: #f4f4f4; } .related_carousel.active .scrollbar { display: block; } .related_carousel .scrollbar .handle { width: 100px; height: 11px; cursor: pointer; } .related_carousel .scrollbar .handle .mousearea { position: absolute; top: 0; left: 0; width: 100%; height: 11px; border-radius: 1px; background: #0f8381; } .related_carousel .controls { display: none; } .related_carousel.active .controls { display: block; } .related_carousel .prevPage { position: absolute; bottom: 0; left: 27px; display: flex; width: 12px; height: 12px; cursor: pointer; border: none; background: none; justify-content: center; align-items: center; } .related_carousel .prevPage svg { position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translate(-50%, -50%) rotate(180deg); pointer-events: none; fill: #ccc; } .related_carousel .prevPage:hover svg { fill: #4ea4a2; } .related_carousel .nextPage { position: absolute; right: 27px; bottom: 0; display: flex; width: 12px; height: 12px; cursor: pointer; border: none; background: none; justify-content: center; align-items: center; } .related_carousel .nextPage svg { position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translate(-50%, -50%); pointer-events: none; fill: #ccc; } .related_carousel .nextPage:hover svg { fill: #4ea4a2; } .article_info { margin-bottom: 70px; } .article_info .text_block { color: #343635; } .article_info .text_block h2 { color: #0d1016; font-size: 24px; font-weight: 300; line-height: normal; margin-bottom: 22px; text-align: left; } .share { margin-top: 30px; align-items: center; align-content: center; } .share .title { color: #0d1016; font-size: 14px; line-height: normal; } .share .socials { margin-left: 20px; align-items: center; align-content: center; } .share .socials a + a { margin-left: 10px; } .share .socials svg, .share .socials img { display: block; width: 27px; height: auto; transition: .2s linear; fill: #000; } .share .socials a:hover svg, .share .socials a:hover img { transform: scale(1.1); } .articleBig { margin-top: 48px; justify-content: space-between; } .articleBig .slider { width: calc(50% - 15px); } .articleBig .slider .slide { display: none; } .articleBig .slider .slide:first-child, .articleBig .slider .slide { display: block !important; } .articleBig .slider .img { padding-bottom: calc(58% - 2px); background-repeat: no-repeat; background-position: 50%; background-size: cover; } .articleBig .box { width: calc(50% - 15px); } .articleBig .mob_name { color: #0d1016; font-size: 24px; font-weight: 300; line-height: normal; display: none; } .articleBig .mob_name a { color: #0d1016; transition: .2s linear; text-decoration: none; } .articleBig .mob_name a:hover { color: #0f8381; } .articleBig .name { color: #0d1016; font-size: 24px; font-weight: 300; line-height: normal; } .articleBig .name a { color: #0d1016; transition: .2s linear; text-decoration: none; } .articleBig .name a:hover { color: #0f8381; } .articleBig .desc { color: #343635; font-weight: 300; line-height: 30px; margin-top: 18px; } .articleBig .more { margin-top: 20px; } .articleBig .more a { color: #0f8381; font-size: 18px; font-weight: 300; position: relative; display: inline-block; padding-right: 28px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; } .articleBig .more a:hover { padding-right: 42px; } .articleBig .more a:before { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/contain no-repeat; } .tags_line { justify-content: center; align-items: center; align-content: center; } .tags_line .title { color: #2a2a2a; font-size: 16px; font-weight: 300; line-height: normal; margin-bottom: 10px; padding: 0 6px; } .tags { padding-right: 8px; justify-content: center; } .tags .tag { color: #2a2a2a; font-size: 16px; font-weight: 300; line-height: 38px; display: block; min-width: 68px; margin: 0 0 10px 8px; padding: 0 10px; transition: .2s linear; text-align: center; text-decoration: none; background: #f5f5f5; } .tags .tag:hover, .tags .tag.active { color: #fff; background: #0f8381; } .page_content { padding: 50px 0 90px; } .content_flex { margin-top: 50px; justify-content: space-between; } .content_flex .content { width: calc(100% - 290px); } aside { width: 260px; } aside .subscribe { margin-top: 20px; } aside .subscribe a { color: #3e9b99; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; min-width: 260px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #3e9b99; border-radius: 4px; } aside .subscribe a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #3f9c9a; } aside .subscribe a:hover:before { width: 100%; } aside .subscribe a span { position: relative; } aside .subscribe a:hover { color: #fff; } .banner { display: block; max-width: 290px; margin-top: 24px; } .banner img { display: block; width: 100%; } .events .event { align-items: stretch; align-content: stretch; } .events .event + .event { margin-top: 60px; } .events .event .date { color: #2a2a2a; font-size: 15px; font-weight: 300; line-height: 24px; display: flex; width: 100px; padding: 25px 5px; text-align: center; background: #f5f5f5; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .events .event .date span { display: block; width: 100%; } .events .event .date span + span { margin-top: 24px; } .events .event .box_img { width: calc(50% - 65px); } .events .event .img { display: block; min-height: 100%; padding-bottom: 86%; background-repeat: no-repeat; background-position: 50%; background-size: cover; } .events .event .info { width: calc(50% - 65px); margin-left: auto; } .events .event .line_info { color: #828488; font-size: 12px; font-weight: 300; line-height: 24px; } .events .event .line_info b { color: #0d1016; font-size: 14px; font-weight: 400; } .events .event .desc { color: #0d1016; font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 8px; } .events .event .box_link { margin-top: 8px; justify-content: space-between; } .events .event .more { color: #393939; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; width: calc(43% - 9px); transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #393939; border-radius: 4px; } .events .event .more:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #393939; } .events .event .more:hover:before { width: 100%; } .events .event .more span { position: relative; } .events .event .more:hover { color: #fff; } .events .event .participate { color: #3e9b99; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; width: calc(57% - 9px); transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #3e9b99; border-radius: 4px; } .events .event .participate:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #3f9c9a; } .events .event .participate:hover:before { width: 100%; } .events .event .participate span { position: relative; } .events .event .participate:hover { color: #fff; } .implants { padding: 40px 0 30px; } .implants .box_img { margin-bottom: 30px; padding: 5px; border: 1px solid rgba(15, 131, 129, .14); } .implants .box_img img { display: block; max-width: 100%; margin: 0 auto; } .implants .box_btn { margin: 0 0 50px -28px; align-items: stretch; align-content: stretch; } /* coderoom width: calc(33.333% - 28px); => width: calc(50% - 28px); */ .implants .box_btn .link { color: #108381; font-size: 16px; font-weight: 300; line-height: 76px; position: relative; width: calc(33.333% - 28px); margin: 15px 0; margin-left: 28px; padding: 0 15px; transition: .2s linear; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #0f8381; background: #fff; } .implants .box_btn .link span { position: relative; } .implants .box_btn .link:hover, .implants .box_btn .link.active { color: #fff; } .implants .box_btn .link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .implants .box_btn .link:hover:before, .implants .box_btn .link.active:before { width: 100%; } .surface-types { padding: 0; } .surface-types img { max-width: 100%; } .products.flex.ts { margin: 30px auto 0; } .implants .products { margin: 10px 0 75px -32px; align-items: stretch; align-content: stretch; } .products.flex h2 { padding: 0 30px; font-weight: normal; color: #0d1016; font-size: 26px; font-weight: 300; line-height: normal; margin-top: 25px; } .implants .product { color: #343635; position: relative; width: calc(33.333% - 32px); margin: 35px 0 0 32px; padding: 28px; text-align: center; background: #fff; box-shadow: 0 0 49px rgba(151, 151, 151, .24); } .implants .product .thumb { position: relative; margin-bottom: 4px; padding-bottom: 47%; } .implants .product .thumb a { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; padding: 0 40px; justify-content: center; align-items: center; } .implants .product .thumb img { display: block; max-width: 100%; max-height: 100%; } .implants .product .name { margin-bottom: 12px; } .implants .product .name a { color: #343635; font-weight: 500; transition: .2s linear; text-decoration: none; text-transform: uppercase; } .implants .product .name a:hover { color: #0f8381; } .implants .product .desc { font-weight: 300; min-height: 150px; margin-bottom: 9px; } .implants .product .surfare { font-weight: 500; align-items: center; justify-content: center; position: relative; } .implants .product .surf_color div { margin-left: 5px; } .implants .product .surf_color .pure { display: block; width: 18px; height: 18px; border-radius: 50%; background: #ff8400; position: relative; } .implants .product .surf_color .true { display: block; width: 18px; height: 18px; border-radius: 50%; background: #007bff; position: relative; } .implants .product .surf_color .Smooth { display: block; width: 18px; height: 18px; border-radius: 50%; background: #49a062; position: relative; } .implants .surfare_box { font-weight: 500; margin-bottom: 50px; padding: 12px 35px; background: #fafafa; align-items: center; } .implants .surfare_box .surf_color { font-weight: 300; align-items: center; } .implants .product .surf_color { position: relative; } .implants .surfare_box .surf_color div { position: relative; margin-left: 45px; padding-left: 28px; } /*--------------- for article ---------------*/ .oglavlenie { padding: 20px 20px 20px 20%; } .oglavlenie { margin: 0 0 50px 0; float: left; max-width: 450px; padding: 0 100px 25px 0; } p.toggle { font-size: 18px; font-weight: bold; margin-bottom: 15px; } .sublist li { padding-left: 15px; } .oglavlenie ol { list-style: none; counter-reset: li; } .oglavlenie ol& gt ; li:before { counter-increment: li; content: counters(li, ".") ". "; } /*--------------- end for article ---------------*/ .implants .surf_color div:before { position: absolute; top: 0; left: 0; display: block; width: 18px; height: 18px; content: ''; border-radius: 50%; /*background: #ff8400;*/ } .implants .surfare_box .surf_color .true:before, .implants .surfare_box .surf_color .pure:before, .implants .surfare_box .surf_color .Smooth:before, .implants .surfare_box .surf_color .max:before, .implants .surfare_box .surf_color .siln:before, .implants .surfare_box .surf_color .sred:before, .implants .surfare_box .surf_color .umeren:before, .implants .surfare_box .surf_color .poloska:before { top: 5px !important; } .implants .surf_color .true:before { background: #007bff; } .implants .surf_color .pure:before { background: #ff8400; } .implants .surf_color .Smooth:before { background: #49a062; } .implants .surf_color .max:before { background: #000; } .implants .surf_color .siln:before { background: #552ba0; } .implants .surf_color .sred:before { background: #03a9f4; } .implants .surf_color .umeren:before { background: #e4628f; } .implants .surf_color .poloska:before { background: #009688; } .implants .color_rel { position: relative; } .implants .color_comp:before { position: relative !important; top: 0 !important; } sup { font-size: 10px; } .projections { margin-bottom: 40px; } .projections .desc { color: #343635; font-weight: 500; } .projections .desc .hsc { font-weight: 300; padding-left: 260px; /*max-width: 70%;*/ } .hsc-title { font-size: 22px; color: #f17015; margin: 0 0 15px; } .projections .desc .hsc:before { content: url(/local/templates/main/css/../images/img_hsc_big.jpg); position: absolute; left: 15px; } .projections .grid { margin: 25px 0 0 -30px; align-items: stretch; align-content: stretch; } .projections .grid .projection { width: calc(25% - 30px); margin: 30px 0 0 30px; text-align: center; } .projections .projection .thumb { position: relative; margin-bottom: 5px; padding-bottom: 47%; } .projections .projection .thumb a { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; padding: 0 40px; justify-content: center; align-items: center; } .projections .projection .thumb img { display: block; max-width: 100%; max-height: 100%; } .projections .projection .name a { color: #343635; font-weight: 500; transition: .2s linear; text-decoration: none; } .projections .projection .name a:hover { color: #0f8381; } .illustrative_photo { color: #343635; font-weight: 300; padding: 12px 35px; background: #fafafa; } .illustrative_photo b { font-weight: 500; } .illustrative_photo span { color: #ff8400; font-weight: 500; text-transform: uppercase; } .advantages { margin: 45px 0 30px -30px; align-items: stretch; align-content: stretch; } .advantages .item { display: flex; flex-direction: column; width: calc(33.333% - 30px); margin-left: 30px; padding: 35px 19px 35px; background: #fff; box-shadow: 0 0 49px rgba(151, 151, 151, .24); } .advantages .item .icon { width: 110px; height: 110px; margin: 0 auto 30px; border-radius: 50%; background: #16908e; justify-content: center; align-content: center; position: relative; } .advantages .item .icon img { display: block; max-width: 100%; } .advantages .item:nth-child(2) .icon { background: none; } .advantages .item:nth-child(1) .icon img, .advantages .item:nth-child(3) .icon img { height: auto; position: absolute; top: 50%; margin-top: -30px; } .advantages .item .info { margin-bottom: 25px; flex: 1 0 auto; } .advantages .item .name { color: #343635; font-size: 14px; font-weight: 300; margin-bottom: 15px; text-transform: uppercase; } .advantages .download_link a { color: #0f8381; font-size: 16px; font-weight: 300; position: relative; display: inline-block; padding-right: 28px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; } .advantages .download_link a:hover { padding-right: 42px; } .advantages .download_link a:before { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/contain no-repeat; } .catalog { padding: 80px 0 50px; } .catalog .links { align-items: stretch; align-content: stretch; justify-content: space-between; margin-top: -20px; } .catalog .links .link { color: #0f8381; font-size: 16px; font-weight: 300; position: relative; overflow: hidden; width: calc(50% - 15px); height: 287px; transition: .2s linear; text-decoration: none; border: 1px solid #deeeee; justify-content: space-between; align-items: center; align-content: center; margin-top: 20px; } .catalog .links .link:first-child .col_r:before { position: absolute; z-index: 2; top: 108px; left: 0; display: none; width: 45%; height: 45%; content: ''; background: #fff; } .catalog .link:hover { color: #fff; } .catalog .link:hover .title { color: #fff; } .catalog .link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .catalog .link:hover:before { width: 100%; } .catalog.mammo .links .link { margin: 0 0 30px; } .catalog .link .col_l { display: flex; width: 44%; max-width: 255px; align-items: center; } .catalog .link .col_l .box { padding-left: 65px; } .catalog .title { color: #343635; font-size: 30px; font-weight: 300; line-height: 30px; position: relative; transition: .2s linear; } .catalog .go_to { line-height: 24px; margin-top: 15px; text-transform: uppercase; } .catalog .links .link .go_to span { position: relative; display: inline-block; padding-right: 28px; text-align: left; vertical-align: top; } .catalog .links .link .go_to span svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translateY(-50%); fill: #0f8381; } .catalog .links .link:hover .go_to span svg { fill: #fff; } .catalog .link .col_r { position: relative; display: flex; width: 55%; height: 287px; justify-content: center; align-items: center; } .catalog .links .link .col_r img { display: block; max-width: 100%; } .catalog .links .link .col_r .img { position: relative; z-index: 90; } .catalog .links .link .col_r .silhouette { margin-top: 20px; } .catalog .links .col_r .bg_line { position: absolute; top: 0; right: 0; display: block; } .catalog .big_link { color: #0f8381; position: relative; height: 382px; margin: 88px 0 75px; transition: .2s linear; text-decoration: none; background: #fafafa; align-items: stretch; align-content: stretch; justify-content: space-between; } .catalog .big_link:hover { color: #fff; } .catalog .big_link:hover .title { color: #fff; } .catalog .big_link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .catalog .big_link:hover:before { width: 100%; } .catalog .big_link .col_l { display: flex; width: 50%; justify-content: center; align-items: flex-end; } .catalog .big_link .col_l img { position: relative; display: block; max-width: 100%; } .catalog .big_link .col_r { display: flex; width: 50%; justify-content: flex-start; align-items: center; } .catalog .big_link .box { padding-left: 15px; } .catalog .big_link .title { color: #343635; font-size: 30px; font-weight: 300; line-height: 30px; position: relative; transition: .2s linear; } .catalog .big_link .go_to { line-height: 24px; margin-top: 15px; text-transform: uppercase; } .catalog .big_link .go_to span { position: relative; display: inline-block; padding-right: 28px; text-align: left; vertical-align: top; } .catalog .big_link .go_to span svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translateY(-50%); fill: #0f8381; } .catalog .big_link:hover .go_to span svg { fill: #fff; } .faq .search { margin-bottom: 50px; } .faq .search .input { color: #421d11; font: 300 13px 'Effra'; width: 100%; height: 60px; padding: 0 75px 0 35px; text-transform: uppercase; border: none; border-radius: 3px; background: #fff; box-shadow: 0 1px 40px rgba(12, 12, 12, .07); } .faq .search .submit_btn { width: 75px; height: 60px; margin-left: -75px; padding: 0; cursor: pointer; transition: .2s linear; border: none; border-radius: 0 3px 3px 0; background: url(/local/templates/main/css/../images/ic_lupa.png) 50% no-repeat; box-shadow: none; } .faq .box_btn { margin-bottom: 15px; align-items: stretch; align-content: stretch; justify-content: space-between; } .faq .box_btn .link { color: #108381; font-size: 16px; font-weight: 300; line-height: 74px; position: relative; width: calc(50% - 15px); padding: 0 15px; transition: .2s linear; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #0f8381; background: #fff; } .faq .box_btn .active { color: #fff; background: #108381; } .faq .box_btn .link span { position: relative; } .faq .box_btn .link:hover { color: #fff; } .faq .box_btn .link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .faq .box_btn .link:hover:before { width: 100%; } h2.products { padding: 0; font-weight: normal; color: #0d1016; font-size: 26px; font-weight: 300; line-height: normal; margin: 30px 0 0 !important; } /*--------------- tipy_poverkhnosti ---------------*/ .product-type { margin: -15px; } .product-type-item { display: block; position: relative; width: calc(100% - 30px); padding: 45px 30px; padding-bottom: 30px; margin: 30px 15px; border: 1px solid #0f8381; } .product-type-item.pp { border: 1px solid #f07e23; } .product-type-item.tt { border: 1px solid #006da2; } .product-type-content { display: inline-block; vertical-align: top; width: calc(100% - 255px); position: relative; } .product-type-img { display: inline-block; vertical-align: top; position: relative; margin: 0 30px 0 0; width: 220px; } .product-type-title { color: #888; font-size: 18px; font-weight: 500; margin: 0 0 25px; } .product-type-text { font-weight: 300; } ul.innfort-list li { list-style-type: none; padding-left: 15px; margin: 0 0 3px; } ul.innfort-list li:before { content: "◦"; margin-left: -15px; margin-right: 6px; bottom: 0; position: relative; display: inline-block; vertical-align: middle; } .desc.ptype { font-weight: 300; } .desc.litra { font-weight: 300; font-size: 13px; margin: 15px 0 0; line-height: 125%; } .desc.litra p { margin: 5px 0; } /*--------------- Footer ---------------*/ footer { padding: 68px 0; background: #343635; flex: 0 0 auto; } footer .cont { justify-content: space-between; } footer .col_l { width: 195px; } footer .logo img { display: block; width: 165px; max-width: 100%; } footer .adres { color: rgba(255, 255, 255, .6); font-size: 13px; margin-top: 20px; letter-spacing: 0; text-transform: uppercase; } footer .block_list { min-width: 97px; margin-top: 10px; } footer .title { color: #fff; font-weight: 300; line-height: normal; text-transform: uppercase; } footer .title a { color: #fff; transition: .2s linear; text-decoration: none; } footer .title a:hover { color: #a8d2d2; } footer .title a.arrow { display: none; } footer .list { color: #fff; font-size: 14px; font-weight: 300; line-height: normal; margin-top: 18px; } footer .list div + div { margin-top: 10px; } footer .list a { color: rgba(255, 255, 255, .6); transition: .2s linear; text-decoration: none; } footer .list a:hover { color: #fff; } /*--------------- PopUp ---------------*/ .modal { position: relative; display: none; visibility: visible !important; overflow: hidden; width: 480px; max-width: 100%; padding: 44px 60px; } .modal .modal_title { color: #fff; font-size: 30px; font-weight: 300; line-height: normal; margin-bottom: 24px; letter-spacing: .01em; } .modal .submit_btn { width: 100%; } @media (max-width: 1399px) { .skitter .info_slide { left: 25px !important; } } @media (min-width: 768px) { footer .list { display: block !important; } } .article_info .text_block img { margin: 0 auto 40px; } .img-article img { margin: 15px auto; width: 70%; } .tags .tag, .tags .tagnews { margin: 0 0 10px 8px; display: block; cursor: pointer; background: #f5f5f5; font-size: 16px; line-height: 38px; font-weight: 300; text-decoration: none; color: #2a2a2a; transition: .2s linear; text-align: center; min-width: 68px; padding: 0 10px; } .tags .tag:hover, .tags .tag.active, .tags .tagnews:hover, .tags .tagnews.active { color: #fff; background: #0f8381; } a.link-title-inst { color: #3d3d3d; position: relative; } a.link-title-inst:before { position: absolute; top: 13px; right: -31px; display: block; width: 18px; height: 13px; content: ''; background: url(/local/templates/main/css/../images/arrow5.png) 0 0 no-repeat; } .img-about img { max-width: 100% !important; margin: 0 auto !important; } /*--------------- To patients ---------------*/ .to-patients .big_link { color: #0f8381; position: relative; height: 382px; margin: 0 0 32px; transition: .2s linear; text-decoration: none; background: #f5f4f5; align-content: center; align-items: center; justify-content: center; flex-direction: row-reverse; } .to-patients .big_link:hover { color: #fff; } .to-patients .big_link:hover .title { color: #fff; } .to-patients .big_link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .to-patients .big_link:hover:before { width: 100%; } .to-patients .big_link .col_l { display: flex; justify-content: center; align-items: flex-end; margin-left: 50px; } .to-patients .big_link .col_l img { position: relative; display: block; max-width: 100%; } .to-patients .big_link .col_r { display: flex; justify-content: flex-start; align-items: center; } .to-patients .big_link .box { padding-left: 15px; } .to-patients .big_link .title { color: #343635; font-size: 30px; font-weight: 300; line-height: 30px; position: relative; transition: .2s linear; } .to-patients .big_link .go_to { line-height: 24px; margin-top: 15px; text-transform: uppercase; } .to-patients .big_link .go_to span { position: relative; display: inline-block; padding-right: 28px; text-align: left; vertical-align: top; } .to-patients .big_link .go_to span svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translateY(-50%); fill: #0f8381; } .to-patients .big_link:hover .go_to span svg { fill: #fff; } .to-patients .link { margin-bottom: 0; } .to-patients-big-links { padding: 0; } .to-patients-big-links .link .col_l { width: 100%; max-width: 100%; } .to-patients-big-links .links .link { background: #f6f5f6; border: 0; } .to-patients-big-links .link .col_r { position: absolute; right: 0; top: 0; bottom: 0; justify-content: flex-end; padding-right: 5px; } .to-patients-big-links .link .col_r img { height: 100%; } .to-patients .links_info.triple { margin-top: 30px; } .links_info.triple .link { width: calc(33.33% - 20px); } .to-patients { padding: 80px 0 40px; } .sertification-item { display: block; background: #fafafa; padding: 16px; margin-right: 75px; } .sertification-items .carousel { display: flex; } .sertification-inner { max-width: 940px; margin: 0 auto 40px; } .sertification-inner .scrollbar { display: block; } .sertification-inner .controls { display: block; } .sertification-content { font-weight: 300; padding-bottom: 60px; } .sertification-description { margin-bottom: 13px; } .sertification-horizontal-list { margin-bottom: 50px; display: flex; flex-wrap: wrap; list-style-type: none; } .sertification-horizontal-list .sertification-list { margin-right: 40px; } .sertification-list { display: flex; } .sertification-list .number { margin-right: 10px; flex-shrink: 0; width: 30px; height: 30px; background-color: #fff; border: 1px solid rgba(22, 144, 142, 0.29); display: flex; align-items: center; justify-content: center; border-radius: 50%; } .sertification-claim { background-color: #cee6e6; border: 1px solid rgba(15, 131, 129, 0.5); color: #343635; padding: 22px 16px; margin-bottom: 44px; } .sertification-row { margin-bottom: 30px; } .sertification-header { display: flex; align-items: center; margin-bottom: 15px; } .sertification-icon { width: 30px; height: 30px; flex-shrink: 0; margin-right: 8px; } .sertification-title { font-weight: 500; text-transform: uppercase; } .sertification-vertical-list { margin-bottom: 25px; } .sertification-vertical-list .sertification-list { margin-bottom: 15px; } .sertification-link { text-align: center; margin-top: 50px; } .sertification-link a { color: #3f9c9a; font-size: 14px; font-weight: 300; line-height: 52px; position: relative; display: inline-block; overflow: hidden; padding: 0 25px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #3f9c9a; border-radius: 4px; } .sertification-link a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #3f9c9a; } .sertification-link a:hover:before { width: 100%; } .sertification-link a:hover { color: #fff; } .sertification-link a span { position: relative; } .team { padding-bottom: 55px; } .team-items { display: flex; justify-content: center; flex-wrap: wrap; } .team-item { width: calc(25% - 25px); margin: 0 12px 25px; position: relative; overflow: hidden; /* visibility: hidden;*/ } .team-email { color: #ffffff; text-decoration: none; } .team-item img { width: 100%; display: inline-block; vertical-align: bottom; } .team-item:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(15, 131, 129, 0.86); transition: 300ms; transform: translateX(-100%); } .team-item:hover .team-info { opacity: 1; visibility: visible; } .team-item:hover:before { transform: translateX(0); } .team-info { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; opacity: 0; visibility: hidden; transition: 300ms; display: flex; align-items: center; padding: 10px 20px; color: #ffffff; font-weight: 300; } .team-name { text-transform: uppercase; font-weight: 500; margin-bottom: 20px; font-size: 24px; } .team-prof { margin-bottom: 20px; } .team-title { text-align: center; font-weight: 300; font-size: 36px; margin: 25px 0 40px; } .contacts-container { display: flex; align-items: flex-start; margin-bottom: 40px; } .contacts-info { width: 50%; flex-shrink: 0; font-weight: 300; } .contacts-address { margin-bottom: 25px; } .contacts-tels { list-style-type: none; margin-bottom: 23px; } .contacts-tels a { color: inherit; text-decoration: none; } .contacts-callback { width: 50%; flex-shrink: 0; background: #0f8381; padding: 30px; color: #ffffff; } .contacts-head { font-size: 24px; font-weight: 300; margin-bottom: 25px; } .contacts-fields { display: flex; justify-content: space-between; margin-bottom: 10px; } .contacts-fields input { width: calc(50% - 5px); } .contacts-textarea { margin-bottom: 15px; } .contacts-textarea textarea { resize: none; width: 100%; height: 103px; } .contacts-callback input, .contacts-callback textarea { border-radius: 4px; background: rgba(255, 255, 255, 0.1); border: 0; padding: 21px 15px; font-family: inherit; font-size: 16px; color: #ffffff; font-weight: 300; } .contacts-callback ::-webkit-input-placeholder { color: #ffffff; } .contacts-callback ::-moz-placeholder { color: #ffffff; } .contacts-callback :-ms-input-placeholder { color: #ffffff; } .contacts-link { position: relative; } .contacts-link:hover:before { width: 100%; } .contacts-link button { width: 100%; padding: 20px 10px; border: 1px solid rgba(255, 255, 255, 0.8); background: 0; border-radius: 3px; text-transform: uppercase; font-weight: 300; font-size: 14px; text-align: center; color: rgba(255, 255, 255, 0.8); cursor: pointer; transition: .4s ease-in-out; position: relative; z-index: 3; } .contacts-link:before { content: ''; display: block; position: absolute; background: #ffffff; left: 0; top: 0; bottom: 0; width: 0; border-radius: 3px; transition: .4s ease-in-out; } .contacts-link button:hover { color: #0f8381; border-color: #fff; } .contacts-path { font-weight: 300; margin-bottom: 40px; } .contacts-path-title { margin-bottom: 15px; } .map { width: 100%; height: 420px; } [class*="ymaps-2"][class*="-ground-pane"] { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); } /*--------------- To patients ---------------*/ .to-patients .big_link { color: #0f8381; position: relative; height: 382px; margin: 0 0 32px; transition: .2s linear; text-decoration: none; background: #f5f4f5; align-content: center; align-items: center; justify-content: center; flex-direction: row-reverse; } .to-patients .big_link:hover { color: #fff; } .to-patients .big_link:hover .title { color: #fff; } .to-patients .big_link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0f8381; } .to-patients .big_link:hover:before { width: 100%; } .to-patients .big_link .col_l { display: flex; justify-content: center; align-items: flex-end; margin-left: 50px; } .to-patients .big_link .col_l img { position: relative; display: block; max-width: 100%; } .to-patients .big_link .col_r { display: flex; justify-content: flex-start; align-items: center; } .to-patients .big_link .box { padding-left: 15px; } .to-patients .big_link .title { color: #343635; font-size: 30px; font-weight: 300; line-height: 30px; position: relative; transition: .2s linear; } .to-patients .big_link .go_to { line-height: 24px; margin-top: 15px; text-transform: uppercase; } .to-patients .big_link .go_to span { position: relative; display: inline-block; padding-right: 28px; text-align: left; vertical-align: top; } .to-patients .big_link .go_to span svg { position: absolute; top: 50%; right: 0; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translateY(-50%); fill: #0f8381; } .to-patients .big_link:hover .go_to span svg { fill: #fff; } .to-patients .link { margin-bottom: 0; } .to-patients-big-links { padding: 0; } .to-patients-big-links .link .col_l { width: 100%; max-width: 100%; } .to-patients-big-links .links .link { background: #f6f5f6; border: 0; } .to-patients-big-links .link .col_r { position: absolute; right: 0; top: 0; bottom: 0; justify-content: flex-end; padding-right: 5px; } .to-patients-big-links .link .col_r img { height: 100%; } .to-patients .links_info.triple { margin-top: 30px; } .links_info.triple .link { width: calc(33.33% - 20px); } .to-patients { padding: 80px 0 40px; } .links_info .link:hover .icon #path9 { stroke: #fff !important; } ul.innfort-list li { list-style-type: none; padding-left: 15px; margin: 0 0 3px; } ul.innfort-list li:before { content: "\00B0"; margin-left: -15px; margin-right: 10px; bottom: 0; position: relative; display: inline-block; vertical-align: middle; } ol.innfort-list { padding-left: 20px; } .desc.ptype { font-weight: 300; } .desc.litra { font-weight: 300; font-size: 13px; margin: 15px 0 0; line-height: 125%; } .desc.litra p { margin: 5px 0; } p.litra-title { margin: 0 0 10px !important; } /*--------------- uvelicheniye_grudi ---------------*/ .desc.uvelicheniye { color: #343635; font-weight: 300; padding: 25px 35px; background: #fafafa; margin: 30px 0; } img.uvelicheniye-grudi-img { padding: 15px; background: #fafafa; margin-bottom: 0; max-width: 50%; margin-left: 15px; } .desc.litra.uvelicheniye-grudi { margin: 30px 0 0; } .surgeon-container { display: flex; align-items: flex-start; margin-bottom: 30px; } .surgeon { padding-bottom: 40px; } .surgeon-img { width: 360px; margin-right: 25px; flex-shrink: 0; } .surgeon-img img { max-width: 100%; } .surgeon-info { flex-grow: 10; } .surgeon-prof { font-weight: 700; margin-bottom: 22px; } .surgeon-about { font-weight: bold; margin-bottom: 10px; /*text-transform: uppercase;*/ } .surgeon-info ul { list-style-type: none; } .surgeon-info li { font-weight: 300; margin-bottom: 20px; line-height: 1.1; } .surgeon-info li:before { content: ''; display: inline-block; background: url(/local/templates/main/css/../images/tick.png); width: 9px; height: 7px; margin-right: 9px; margin-bottom: 3px; } .surgeon-links { display: flex; justify-content: space-between; margin-bottom: 30px; } .surgeon-links a { width: calc(33.33% - 20px); border: 1px solid #0f8381; display: flex; align-items: center; justify-content: center; height: 60px; color: #0f8381; font-weight: 300; text-decoration: none; transition: 400ms; position: relative; overflow: hidden; text-transform: uppercase; } .surgeon-links span { position: relative; z-index: 3; } .surgeon-links a svg { position: relative; z-index: 3; width: 35px; margin-right: 10px; } .surgeon-links a svg path { transition: 400ms; } .surgeon-links a:nth-child(2) svg path { stroke: #0f8381 !important; } .surgeon-links a:nth-child(2):hover svg path { stroke: #fff !important; } .surgeon-links a:hover { color: #ffffff; } .surgeon-links a:hover svg path { fill: #fff; } .surgeon-links a:hover:before { width: 100%; } .surgeon-links a:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: 400ms; background: #0f8381; } .surgeon-row { margin-bottom: 20px; } .surgeon-head { display: flex; align-items: center; font-weight: bold; margin-bottom: 15px; } .surgeon-icon { width: 30px; height: 30px; margin-right: 9px; flex-shrink: 0; } .surgeon-body { font-weight: 300; } .surgeon-study .surgeon-head { margin-bottom: 15px; /*margin-bottom: 30px;*/ } .surgeon-contacts { display: flex; margin-bottom: -10px; } .surgeon-contact { margin-right: 40px; display: flex; align-items: center; } .surgeon-contact img { margin-right: 10px; } .surgeon-contact span, .surgeon-contact a { font-size: 16px; font-weight: 300; color: #343635; text-decoration: none; } .surgeon-progress { display: flex; margin-bottom: 30px; box-shadow: 0 0 49px rgba(151, 151, 151, 0.24); } .surgeon-progress-item { padding: 50px; position: relative; width: 50%; color: #000000; display: block; } .surgeon-progress-item img { max-width: 100%; } .surgeon-progress-item:first-child { background: #fafafa; } .surgeon-progress-item span { position: absolute; left: 50px; top: 50px; width: 105px; height: 54px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: rgba(255, 255, 255, 0.9); } .surgeon-progress-item:last-child span { background: rgba(99, 102, 106, 0.9); color: #ffffff; } @media only screen and (max-width: 1024px) { .surgeon-contacts { display: block; } .surgeon-contact { margin-bottom: 15px; align-items: flex-start; } } @media only screen and (max-width: 991px) { .surgeon-links { display: block; } .surgeon-links a { width: 100%; max-width: 300px; margin: 0 auto 18px; } } @media only screen and (max-width: 767px) { .surgeon-container { display: block; } .surgeon-img { margin: 0 auto 25px; max-width: 100%; } .surgeon-progress { display: block; margin-bottom: 0; box-shadow: none; padding: 30px 0; position: relative; } .surgeon-progress:after { content: ''; display: block; position: absolute; bottom: 0; left: -15px; right: -15px; height: 1px; background: #efefef; } .surgeon-progress:first-child { padding-top: 0; } .surgeon-progress:last-child:after { display: none; } .surgeon-progress-item { width: 100%; padding: 0; background: none !important; } .surgeon-progress-item:first-child { margin-bottom: 37px; } .surgeon-progress-item span { top: 0; left: 50%; transform: translateX(-50%); } .surgeon { padding-bottom: 0; } .surgeon-links a { width: 100%; max-width: 500px; } } /*Отступ для пункта меню "Каталог"*/ .item.marg .leftpadding { left: 25px; } .search_section .search { margin-bottom: 40px; } .search_section .search .input { color: #421d11; font: 300 13px 'Effra'; width: 100%; height: 60px; padding: 0 75px 0 35px; text-transform: uppercase; border: none; border-radius: 3px; background: #fff; box-shadow: 0 1px 40px rgba(12, 12, 12, .07); } .search_section .search .search_btn { width: 75px; height: 60px; margin-left: -75px; padding: 0; cursor: pointer; transition: .2s linear; display: flex; justify-content: center; align-content: center; border: none; border-radius: 0 3px 3px 0; box-shadow: none; background: #fff; } .search_section .search .search_btn svg { position: absolute; top: 20px; } .search_section .search .search_btn svg { display: block; width: 20px; height: 20px; transition: .2s linear; fill: #63666a; } .search_section .search .search_btn:hover svg { fill: #0f8381; } .search_section .box_field { padding: 40px 32px; background: #0f8381; } .search_section .field_flex { align-items: center; align-content: center; justify-content: space-between; } .search_section .field_flex & gt ; * { margin-right: 20px; } .search_section .field_flex & gt ; *:last-child { margin-right: 0; } .search_section .form .radio { margin-top: 0; } .search_section .form .radio + .radio { margin-top: 12px; } .search_section .form .link_btn a { color: #fff; font-size: 14px; font-weight: 300; height: 55px; line-height: 20px; position: relative; display: flex; justify-content: center; align-items: center; align-content: center; padding: 0 32px; transition: .2s linear; text-align: center; vertical-align: top; text-decoration: none; text-transform: uppercase; border: 1px solid #fff; border-radius: 4px; } .search_section .form .link_btn a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .search_section .form .link_btn a:hover:before { width: 100%; } .search_section .form .link_btn a span { position: relative; } .search_section .form .link_btn a:hover { color: #0f8381; border-color: #fff; } .search_section .form .nice-select .current { color: #fff; border-color: #27908e; background: rgba(255, 255, 255, .1); padding: 0 51px 0 20px; border-radius: 5px; width: 232px; } .search_section .form .nice-select .current:after { right: 22px; width: 7px; height: 7px; margin-top: -6px; content: ''; transform: rotate(45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff } .search_section .form .nice-select.open .current { border-radius: 5px 5px 0 0; border-color: #d1d1d1; } .search_section .form .nice-select .list { border-radius: 0 0 5px 5px; border-color: #d1d1d1; background: #27908e; } .search_section .form .nice-select .list .list_item { color: #fff; } .search_section .form .nice-select .list .list_item:hover, .search_section .form .nice-select .list .list_item.selected { background: #0f8381; } .search_flex { margin-bottom: 55px; } .search_flex .grid { margin: 8px 0 60px -30px; align-items: stretch; align-content: stretch; } .search_flex .item { padding: 20px 15px 20px 25px; margin: 35px 0 0 30px; width: calc(50% - 30px); background: #fff; box-shadow: 0 0 49px rgba(151, 151, 151, .24); justify-content: space-between; color: #343635; position: relative; } .search_flex .item .box_img { width: 223px; margin-top: 9px; } .search_flex .item .box_img .img { display: block; padding-bottom: calc(61% + 1px); background-repeat: no-repeat; background-position: 50%; background-size: cover; margin-bottom: 25px; } .search_flex .item .info { width: calc(100% - 245px); } .search_flex .item .name { font-weight: 500; line-height: 24px; text-transform: uppercase; margin-bottom: 16px; } .search_flex .item .name a, a.linkmapdoc { color: #343635; text-decoration: none; transition: .2s linear; } .search_flex .item .name a:hover, a.linkmapdoc:hover { color: #108381; } .search_flex .item .list .line { line-height: 24px; } .search_flex .item .list .line + .line { margin-top: 12px; } .search_flex .item .list a { text-decoration: none; color: #108381; transition: .2s linear; border-bottom: 1px solid #108381; } .search_flex .item .list a:hover { border-bottom: transparent; } .search_flex .item .list .line .phone { color: #343635; border-bottom: none; } .search_flex .more { text-align: center; } .search_flex .more a { text-decoration: none; color: #108381; transition: .2s linear; text-transform: uppercase; position: relative; display: inline-block; padding-right: 28px; } .search_flex .more a:before { position: absolute; top: 50%; right: 0; width: 13px; height: 9px; margin-top: -5px; content: ''; background: url(/local/templates/main/css/../images/arrow6.png) 50%/contain no-repeat; } .search_flex .more a:hover { padding-right: 42px; } .search_flex .item.item2 { background: #fafafa; padding: 30px 25px 24px 32px; } .search_flex .item .photo { width: 104px; height: 104px; border-radius: 50%; background-repeat: no-repeat; background-position: 50%; background-size: cover; margin-top: 3px; } .search_flex .item .box { width: calc(100% - 145px); } .search_flex .item2 .list { line-height: 26px; margin-bottom: 23px; } .search_flex .item .box .name { margin-bottom: 0; } .search_flex .item .bot { padding-left: 5px; } .search_flex .item .bot & gt ; * { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; transition: .2s linear; position: relative; border-radius: 50%; background: #fff; box-shadow: 10px 0 24px rgba(85, 85, 85, .1); } .search_flex .item .bot & gt ; * + * { margin-left: 20px; } .search_flex .item .bot & gt ; *:hover { background: #0f8381; } .search_flex .item .bot a svg path { transition: 400ms; } .search_flex .item .bot a:hover svg path { fill: #fff; } .search_flex .item .bot a.before_after:hover svg path { stroke: #fff; } .search_flex .item .tooltip .text { right: 50%; transform: translateX(50%); width: 235px; } .search_flex .item .tooltip .text:before { right: 50%; margin-right: -5px; } .search_section .search .input::-webkit-input-placeholder { color: #a8978f } .search_section .search .input::-moz-placeholder { color: #a8978f } .search_section .search .input:-moz-placeholder { color: #a8978f } .search_section .search .input:-ms-input-placeholder { color: #a8978f } .search_section .nice-select .list li { color: #fff; font-size: 14px; font-weight: 300; line-height: normal; display: flex; min-height: 38px; padding: 5px 20px; cursor: pointer; transition: .2s linear; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .nice-select .list li { color: #3e9b99; font-size: 14px; font-weight: 300; line-height: normal; display: flex; min-height: 38px; padding: 5px 20px; cursor: pointer; transition: .2s linear; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; } .hiddenblock { visibility: hidden; } .resultnone { text-align: center; width: 100%; padding: 20px; } /*silimed*/ .info_silimed { margin-top: 94px; } .info_silimed .title_small { text-align: center; font-weight: 700; } .info_silimed .items { margin-top: 56px; align-items: stretch; align-content: stretch; justify-content: space-between; } .info_silimed .item { margin-top: 30px; width: calc(50% - 15px); background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); padding: 29px 15px; font-size: 20px; line-height: 26px; text-align: center; color: #000000; } .info_silimed .info { margin-top: 32px; padding-top: 26px; position: relative; font-size: 12px; line-height: normal; text-align: center; color: #000000; } .info_silimed .info & gt ; :last-child { margin-bottom: 0 !important; } .info_silimed .info p { margin-bottom: 14px; } .info_silimed .info a { color: #008683; text-decoration: none; border-bottom: 1px solid transparent; transition: .2s linear; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .info_silimed .info a:hover { /* border-bottom-color:*/ } .advanages_silimed { margin-top: 100px; } .advanages_silimed .items { margin-left: -30px; } .advanages_silimed .item { width: calc(33.333% - 30px); margin: 30px 0 0 30px; text-align: center; } .advanages_silimed .item .box_icon { position: relative; } .advanages_silimed .item .bg { position: absolute; left: 50%; transform: translateX(-50%); } .advanages_silimed .item .bg img { display: block; } .advanages_silimed .item .icon { display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; width: 90px; height: 90px; border-radius: 50%; padding: 10px; margin: 0 auto; background: #008683; } .advanages_silimed .item .icon img { display: block; max-width: 100%; max-height: 100%; } .advanages_silimed .item .desc { font-size: 16px; line-height: 21px; text-align: center; color: #000000; margin-top: 26px; } .fact_silimed { background: url(/local/templates/main/css/../images/bg4.jpg) 50%/cover no-repeat; padding: 46px 0; position: relative; min-height: 340px; margin-top: 180px; } .fact_silimed:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(52, 52, 52, 0.87); } .fact_silimed .img_abs { position: absolute; left: 50%; bottom: 0; display: block; margin-left: -506px; } .fact_silimed .info { position: relative; max-width: 576px; margin-left: auto; } .fact_silimed .title_small { font-weight: 700; color: #fff; } .fact_silimed .list { margin-top: 45px; } .fact_silimed .list li { list-style: none; font-size: 16px; line-height: 22px; color: #fff; position: relative; padding-left: 30px; } .fact_silimed .list li:before { content: ''; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: #008683 url(/local/templates/main/css/../images/ic_check.svg) 4px 1px no-repeat; border-radius: 50%; } .fact_silimed .list li + li { margin-top: 20px; } .brand_history { position: relative; margin-top: 34px; padding: 128px 0 104px; overflow: hidden; } .brand_history:before { content: ''; position: absolute; left: 50%; top: 50px; width: calc(100% + 240px); padding-bottom: 25%; background: #fff; box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.04); border-radius: 50%; transform: translateX(-50%); } .brand_history:after { content: ''; position: absolute; left: 0; top: calc(20% + 50px); width: 100%; height: 100%; background: #fff; z-index: 1; } .brand_history .cont { position: relative; z-index: 2; } .brand_history .title_small { text-align: center; font-weight: 700; } .title_small.silimed { font-weight: 300; } a.link-innfort { line-height: 100%; top: 3px; position: relative; } .brand_history .box_slider { margin: 52px auto 0; max-width: 787px; position: relative; } .brand_history .line_slider { position: absolute; left: 50%; top: 50%; transform: translateX(-50%); width: 4000px; height: 24px; margin-top: -12px; background: url(/local/templates/main/css/../images/line_slider.png) 50% repeat; pointer-events: none; } .brand_history .slide { text-align: center; } .brand_history .slide .box_img { padding-bottom: 100%; position: relative; } .brand_history .slide .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .brand_history .slide .img img { display: block; max-width: 100%; max-height: 100%; } .brand_history .slide .year { font-size: 24px; line-height: normal; color: #000000; margin-top: 10px; } .brand_history .slide .desc { font-size: 14px; color: #000; line-height: 18px; padding: 0 10px; margin-top: 14px; } /*product*/ .product_info { color: #000; margin-bottom: 55px; padding-top: 25px; } .product_info .cont { justify-content: space-between; } .product_info .col_r { width: calc(43% - 2px); } .product_info .images { margin-bottom: 30px; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .25); } .product_info .images.bord{ box-shadow: none; margin: 0; border: 1px solid #E1EDEE; } .product_info .big_img .slide { position: relative; display: block !important; padding-bottom: calc(112% + 1px); } .product_info .big_img .slide.small{ padding-bottom: 98.2%; } .product_info .big_img .slide .img { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; padding: 5px 5px 0; justify-content: center; align-items: flex-end; align-content: flex-end; flex-wrap: wrap; } .product_info .big_img .slide.small .img{ padding: 29px; } .product_info .big_img .slide img { display: block; max-width: 100%; max-height: 100%; } .thumbs .slick-list { margin: 0 -15px; } .thumbs .slide { position: relative; display: block !important; padding: 25px 15px; } .thumbs .slide a { position: relative; display: block; padding-bottom: 117%; background: #fff; box-shadow: 0 0 13px rgba(0, 0, 0, .25); } .thumbs .slide a:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; transition: .2s linear; opacity: 0; border: 1px solid #008683; } .thumbs .slide a:hover:before, .thumbs .slide a.active:before { opacity: 1; } .thumbs .slide .img { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; padding: 5px 5px 0; justify-content: center; align-items: flex-end; align-content: flex-end; flex-wrap: wrap; } .thumbs .slide .img img { display: block; max-width: 100%; max-height: 100%; } .product_info .col_r .bot { align-items: center; align-content: center; flex-wrap: nowrap; } .product_info .col_r .bot .link { position: relative; width: 100%; max-width: 329px; text-decoration: none; } .product_info .col_r .bot .link span { color: #fff; font-size: 20px; line-height: 67px; position: relative; display: block; padding: 0 15px; text-align: center; text-transform: uppercase; border: 1px solid #008683; background: #008683; box-shadow: 0 0 20px rgba(0, 0, 0, .25); } .product_info .col_r .bot .link span:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .product_info .col_r .bot .link i { font-style: normal; position: relative; } .product_info .col_r .bot .link:hover span { color: #008683; } .product_info .col_r .bot .link:hover span:before { width: 100%; } .product_info .col_r .bot .price_box { margin-left: 18px; text-align: center; white-space: nowrap; } .product_info .col_r .bot .price_box .old_price { color: #d0d0d0; font-size: 20px; line-height: 20px; text-decoration: line-through; } .product_info .col_r .bot .price_box .old_price .rub { font-size: 18px; } .product_info .col_r .bot .price_box .price { font-size: 45px; font-weight: normal; line-height: 45px; } .product_info .col_r .bot .price_box .price .rub { font-size: 40px; } .product_info .data { width: calc(57% - 40px); max-width: 555px; } .product_info .data .product_title { font-size: 25px; font-weight: normal; line-height: 32px; text-transform: uppercase; } .product_info .data .cod { color: #d0d0d0; line-height: normal; margin-bottom: 33px; } .product_info .data .list_info { line-height: normal; margin-bottom: 50px; } .product_info .data .list_info .line + .line { margin-top: 4px; } .product_info .data .list_info .line b { font-weight: 700; } .product_info .data .available_colors { margin-bottom: 40px; } .product_info .data .available_colors .title { font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 23px; text-transform: uppercase; } .product_info .data .colors .line { justify-content: space-between; align-items: center; align-content: center; } .product_info .data .colors .line + .line { margin-top: 9px; } .product_info .data .colors .color { width: 23px; height: 23px; border: 1px solid #000; } .product_info .data .colors .name_color { font-size: 16px; line-height: 20px; width: calc(100% - 42px); } .product_info .data .scroll_link { color: #008683; position: relative; display: inline-block; margin-bottom: 44px; padding-right: 28px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; } .product_info .data .scroll_link:before { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/contain no-repeat; } .product_info .data .scroll_link:hover { padding-right: 42px; } .section_rating { color: #000; margin-bottom: 50px; } .section_rating .title { font-size: 20px; font-weight: 400; line-height: 25px; margin-bottom: 38px; text-transform: uppercase; } .section_rating .box { justify-content: space-between; } .section_rating .box .img { width: calc(56% + 1px); } .section_rating .box .img img { display: block; max-width: 100%; } .section_rating .box .col_r { width: calc(44% - 30px); max-width: 438px; padding-top: 25px; } .section_rating .col_r .line { justify-content: space-between; align-items: center; align-content: center; } .section_rating .col_r .line + .line { margin-top: 14px; } .section_rating .col_r .line .number { font-size: 20px; font-weight: normal; line-height: 29px; width: 32px; height: 31px; text-align: center; border: 1px solid #000; } .section_rating .col_r .line .desc { font-size: 16px; font-weight: normal; line-height: normal; position: relative; width: calc(100% - 46px); padding-left: 20px; } .section_rating .col_r .line .desc:before { position: absolute; top: 50%; left: 0; display: block; width: 8px; height: 1px; content: ''; transform: translateY(-50%); background: #000; } .recommendations { color: #000; line-height: normal; position: relative; overflow: hidden; padding-bottom: 30px; } .recommendations:before { position: absolute; bottom: 0; left: 50%; width: calc(100% + 60px); padding-bottom: 25%; content: ''; transform: translateX(-50%); border-radius: 50%; background: #fff; box-shadow: 0 15px 15px rgba(0, 0, 0, .04); } .recommendations .title { font-size: 20px; font-weight: normal; margin-bottom: 44px; } .recommendations .desc { margin-bottom: 38px; } .recommendations .hide_line { display: none; } .recommendations .features { margin-bottom: 43px; padding-bottom: 30px; border-bottom: 2px solid #edecec; } .recommendations .features .features_title { margin-bottom: 7px; text-transform: uppercase; } .recommendations .features .line { line-height: 28px; position: relative; margin-bottom: 10px; text-indent: 14px; } .recommendations .features .line:before { position: absolute; top: 11px; left: 0; display: block; width: 6px; height: 6px; content: ''; border-radius: 50%; background: #000; } .recommendations .features .read_all { color: #008683; position: relative; display: inline-block; padding-right: 28px; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; } .recommendations .features .read_all:before { position: absolute; top: 50%; right: 0; width: 14px; height: 14px; margin-top: -8px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/contain no-repeat; } .recommendations .features .read_all:hover { padding-right: 42px; } .recommendations .attention { margin-bottom: 59px; padding-bottom: 25px; border-bottom: 2px solid #edecec; } .recommendations .attention .title_text { margin-bottom: 8px; text-transform: uppercase; } .recommendations .attention .text { line-height: 27px; margin-bottom: 35px; } .recommendations .size_table { margin-bottom: 80px; } .recommendations .size_table img { display: block; margin: 0 auto; max-width: 100%; } .recommendations .title_size, .cont.patients .title_size { font-size: 20px; font-weight: normal; line-height: 25px; margin-bottom: 22px; text-align: center; } .cont.patients .title_size { margin-top: 50px; } .recommendations .scroll_link, .cont.patients .scroll_link { position: relative; display: block; width: 37px; height: 37px; margin: 0 auto; transition: .2s linear; border-radius: 50%; background: #fff; box-shadow: 0 0 25px rgba(0, 0, 0, .25); } .recommendations .scroll_link:hover, .cont.patients .scroll_link:hover { background: #fff; } .recommendations .scroll_link:before, .cont.patients .scroll_link:before { position: absolute; top: 50%; left: 50%; width: 14px; height: 6px; content: ''; transform: translate(-50%, -50%); pointer-events: none; background: url(/local/templates/main/css/../images/ic_arrow1.svg) 0 0 no-repeat; } .cont.patients p { margin: 0 0 15px; } .cont.patients.kak-podobrat { margin-bottom: -30px; } .determine_size { color: #000; padding-top: 53px; } .determine_size .box { position: relative; padding-bottom: 107px; } .determine_size .box .list { position: relative; z-index: 1; width: 100%; max-width: 570px; padding-left: 67px; } .determine_size .box .line { justify-content: space-between; align-items: center; align-content: center; } .determine_size .box .line + .line { margin-top: 61px; } .determine_size .box .box_icon { position: relative; z-index: 1; width: 76px; height: 76px; padding: 10px; border-radius: 50%; background: #008683 url(/local/templates/main/css/../images/ic_marker.svg) 50% no-repeat; } .determine_size .box .box_icon .bg { position: absolute; left: 50%; transform: translateX(-50%); } .determine_size .box .box_icon .bg img { display: block; } .determine_size .box .desc { color: #000; font-size: 16px; font-weight: normal; line-height: 20px; width: calc(100% - 130px); } .determine_size .box .desc a { color: #008683; display: inline-block; transition: .2s linear; text-decoration: none; text-transform: uppercase; } .determine_size .img { position: absolute; right: 50%; bottom: 0; margin-right: -482px; } .determine_size .img img { display: block; } /*product*/ .text_block.brands-2 { margin: 0 0 80px; } .catalog.to-patients-big-links.brands-2 { padding: 62px 0; } .links_info.flex.triple.brands-2 .link { width: calc(33% - 15px); } .links_info.flex.triple.brands-2 .link img.img.icon.stat, .links_info.flex.triple.brands-2 .link:hover img.img.icon.hover { display: block; } .links_info.flex.triple.brands-2 .link:hover img.img.icon.stat, .links_info.flex.triple.brands-2 .link img.img.icon.hover { display: none; } /*.catalog.to-patients-big-links.brands-2 .catalog .links { margin-left: -30px; }*/ /* coderoom width: calc(33% - 15px); => width: calc(50% - 15px); */ .catalog.to-patients-big-links.brands-2 a.brand.flex { position: relative; top: 0; display: flex; width: calc(50% - 15px); height: 136px; /*margin: 0 0 0 30px;*/ padding: 10px; transition: .2s linear; text-decoration: none; border-radius: 4px; background: #fff; justify-content: center; align-items: center; box-shadow: 0 15px 20px rgba(151, 151, 151, .24); } .catalog.to-patients-big-links.brands-2 a.brand.flex:hover { top: -20px; } /*.catalog.to-patients-big-links.brands-2 .brand.flex:before { position: absolute; z-index: -1; top: -25px; left: 50%; width: 341px; height: 271px; content: ''; transition: .2s linear; transform: translateX(-50%); background: url(/local/templates/main/css/../images/shadow.png) 0 0/contain no-repeat; }*/ .catalog.to-patients-big-links.brands-2 .col_l { height: 116px; line-height: 116px; } .catalog.to-patients-big-links.brands-2 .col_l img.img { line-height: normal; display: inline-block; vertical-align: middle; } .catalog.to-patients-big-links.brands-2 .more { color: #0f8381; font-size: 14px; font-weight: 300; width: 100%; text-align: center; text-transform: uppercase; } /*--------------- Footer ---------------*/ footer { padding: 68px 0; background: #343635; flex: 0 0 auto; } footer .cont { justify-content: space-between; } footer .col_l { width: 195px; } footer .logo img { display: block; width: 165px; max-width: 100%; } footer .adres { color: rgba(255, 255, 255, .6); font-size: 13px; margin-top: 20px; letter-spacing: 0; text-transform: uppercase; } footer .block_list { min-width: 97px; margin-top: 10px; } footer .title { color: #fff; font-weight: 300; line-height: normal; text-transform: uppercase; } footer .title a { color: #fff; transition: .2s linear; text-decoration: none; } footer .title a:hover { color: #a8d2d2; } footer .title a.arrow { display: none; } footer .list { color: #fff; font-size: 14px; font-weight: 300; line-height: normal; margin-top: 18px; } footer .list div + div { margin-top: 10px; } footer .list a { color: rgba(255, 255, 255, .6); transition: .2s linear; text-decoration: none; } footer .list a:hover { color: #fff; } /*--------------- PopUp ---------------*/ .modal { position: relative; display: none; visibility: visible !important; overflow: hidden; width: 480px; max-width: 100%; padding: 44px 60px; } .modal .modal_title { color: #fff; font-size: 30px; font-weight: 300; line-height: normal; margin-bottom: 24px; letter-spacing: .01em; } .modal .submit_btn { width: 100%; } .rub { font-family: 'PTRoubleSans'; font-weight: normal !important; font-style: normal; } @media (max-width: 1399px) { .skitter .info_slide { left: 25px !important; } } @media (min-width: 768px) { footer .list { display: block !important; } } /************************************************************/ section.catalog.mammo .col_r img { display: none !important; } .main_slider_methods.mammo.slick-slider .slick_item.item .title { font-weight: 300; text-transform: uppercase; font-size: 22px; color: #0f8381; line-height: 30px; position: relative; } .main_slider_methods.mammo.slick-slider .slick_item.item .text_block p { margin: 15px 0 0; } .main_slider_methods.mammo.slick-slider .slick_item.item { padding: 30px 40px; border: 1px solid #ececec; border-radius: 3px; } section.mammoplasty { padding: 30px 0; } .mammo-text.text_block.first { padding: 30px 0; } @media (min-width: 1200px) { .fancybox-content .desc { color: #fff; } .mammoplasty.mammo { padding-top: 0; } .main_slider_methods.mammo.slick-slider { margin: 0 0 0 -30px; } .main_slider_methods.mammo.slick-slider .slick-track { width: 100% !important; display: flex; } .main_slider_methods.mammo.slick-slider .slick-slide { display: flex; float: left; height: 100%; min-height: 1px; width: 100% !important; } .main_slider_methods.mammo.slick-slider .slick_item.item { font-size: 16px; font-weight: 300; position: relative; width: calc(50% - 15px); transition: .2s linear; text-decoration: none; border: 1px solid #deeeee; justify-content: space-between; align-items: center; align-content: center; padding: 30px 40px; margin: 30px 30px 0; min-height: 515px; border: 1px solid #ececec; border-radius: 3px; } .mamm-text.text_block img { margin: 0 25px 0 0; } } .sertification-items { width: 100%; } .innfort-carousel .doctors_carousel { margin: 0; position: unset; } .innfort-carousel .doctors_carousel svg, .innfort-carousel .doctors_carousel button { width: 40px; height: 40px; } .innfort-carousel .doctors_carousel .nextPage { right: -1rem; top: 50%; } .innfort-carousel .doctors_carousel .prevPage { left: -1rem; top: 50%; } .innfort-carousel-item a { width: calc(920px / 3); height: 270px; text-align: center; margin: 0.2rem; } .innfort-carousel-item img { height: 180px; margin: 0 auto; object-fit: contain; } .innfort-carousel-item .img-desc { min-height: 80px; display: flex; justify-content: center; align-items: center; line-height: 1.2; } .video-container iframe.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 2rem; } @media (max-width: 767px ) { .sertification-inner.innfort-carousel .sertification-items { width: 100%; } .innfort-carousel-item a { height: 295px; } .sertification-items, .innfort-carousel-item a { width: 224px; } .sertification-inner.innfort-carousel .sertification-items img { width: 100%; height: 200px; margin-bottom: 0; margin: 0 auto; } } @media (max-width: 479px ) { .sertification-inner.innfort-carousel .sertification-items { width: 230px; } .sertification-inner.innfort-carousel .sertification-items img { height: 180px; } } .page-content{ padding-bottom: 140px; } .product-info__code{ font-size: 12px; line-height: normal; } .product-info__info{ margin-top: 16px; font-size: 12px; line-height: normal; } .product-info__line + .product-info__line{ margin-top: 6px; } .product-info__name{ margin-top: 30px; font-size: 30px; line-height: normal; font-weight: 400; color: #3D3D3D; } .product-info__desc{ margin-top: 20px; } .product-info__order{ margin-top: 30px; } .product-info__order a{ display: inline-block; vertical-align: top; font-size: 16px; line-height: 53px; text-align: center; text-transform: uppercase; text-decoration: none; min-width: 347px; color: #FFFFFF; background: #0C8380; border: 1px solid #008683; position: relative; } .product-info__order a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .product-info__order a span { position: relative; } .product-info__order a:hover span { color: #008683; } .product-info__order a:hover:before { width: 100%; } .product-info__important{ margin-top: 20px; font-size: 12px; line-height: normal; } .product-info__inform{ margin-top: 54px; } .radio-info + .radio-info{ margin-top: 20px; } .radio-info input[type=radio] { display: none; } .radio-info__label { display: table-cell; height: 27px; vertical-align: middle; } .radio-info__box { position: relative; font-size: 16px; line-height: 30px; color: #3D3D3D; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; padding-left: 25px; cursor: pointer; vertical-align: top; } .radio-info__name{ margin-left: 10px; min-width: 242px; } .radio-info__code{ margin-left: 10px; min-width: 144px; color: rgba(61, 61, 61, 0.6); } .radio-info__price{ margin-left: 10px; } .radio-info__box::before { content: ""; position: absolute; top: 6px; left: 3px; width: 18px; height: 18px; border: 2px solid rgba(61, 61, 61, 0.4); border-radius: 2px; transition: border-color .2s linear; } input[type=radio]:checked + .radio-info__box::before { border-color: #0C8380; } .radio-info__box::after { content: ""; position: absolute; top: 6px; left: 3px; width: 18px; height: 18px; opacity: 0; background: url(/local/templates/main/css/../images/ic_check4.svg) 50% no-repeat; transition: opacity .2s linear; } input[type=radio]:checked + .radio-info__box::after { opacity: 1; } .product-information{ margin-top: 110px; } /*------------------------ Tabs ------------------------*/ .tabs-wrap { margin-bottom: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .open-tabs { position: relative; color: #3D3D3D; font: 16px 'Effra'; display: none; width: 100%; height: 53px; padding: 0 49px 0 19px; text-align: left; border: 1px solid rgba(0, 0, 0, 0.1); background: none; } .open-tabs::after { content: ""; position: absolute; top: 50%; right: 19px; width: 24px; height: 24px; margin-top: -12px; background: url(/local/templates/main/css/../images/arrow7.svg) 50% no-repeat; } .open-tabs.active::after { transform: rotate(180deg); } .tabs{ display: flex; justify-content: space-between; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; } .tabs .tabs__button { font: 16px/30px 'Effra'; color: rgba(61, 61, 61, 0.6); display: block; cursor: pointer; padding-bottom: 18px; border: none; background: transparent; position: relative; transition: color .2s linear; } .tabs__button:hover, .tabs__button.active { color: #3D3D3D; } .tabs__button:after{ content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 0; transition: height .2s linear; background: #0C8380; } .tabs__button:hover:after, .tabs__button.active:after { height: 4px; } .tab-content { position: relative; visibility: hidden; overflow: hidden; height: 0; opacity: 0; } .tab-content.active { visibility: visible; overflow: visible; height: auto; opacity: 1; transition: opacity .5s linear; } .text_block_small{ font-size: 12px; line-height: 16px; } .text_block_small > :last-child{ margin-bottom: 0 !important; } .text_block_small p{ margin-bottom: 16px; line-height: 16px; font-weight: normal; } .text_block_small ol{ margin-bottom: 16px; } .products{ margin-top: 160px; } .products.gray{ padding: 80px 0 100px; margin-top: 0; background: #FAFAFA; } .products__grid{ margin: -10px 0 0 -50px; display: flex; justify-content: flex-start; align-items: stretch; align-content: stretch; flex-wrap: wrap; } .product{ width: calc(100%/3 - 50px); margin: 50px 0 0 50px; display: flex; flex-direction: column; } .product__thumb{ padding-bottom: 90%; display: block; position: relative; } .product__img{ display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; border: 1px solid #ECECEC; padding: 19px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product__img img{ display: block; max-width: 100%; max-height: 100%; mix-blend-mode: multiply; } .product__name{ font-size: 20px; line-height: normal; margin-top: 26px; width: 100%; } .product__name a{ color: #3D3D3D; text-decoration: none; transition: color .2s linear; } .product__name a:hover{ color: #0f8381; } .product__desc{ margin: 10px 0 auto; width: 100%; } .product__link{ margin-top: 30px; display: block; font-size: 16px; line-height: 53px; text-align: center; text-transform: uppercase; text-decoration: none; color: #FFFFFF; background: #0C8380; border: 1px solid #008683; position: relative; } .product__link:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .product__link span { position: relative; } .product__link:hover span { color: #008683; } .product__link:hover:before { width: 100%; } .banner-big{ padding-bottom: 22.032%; position: relative; min-height: 110px; } .banner-big__img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .banner-big__info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(12, 131, 128, 0.9); display: flex; justify-content: flex-start; align-items: center; align-content: center; flex-wrap: wrap; text-align: center; color: #FFFFFF; text-transform: uppercase; font-size: 36px; line-height: normal; } .banner-big__name{ font-weight: 700; } .banner-big__desc{ margin-top: 30px; } .product-composition{ padding: 88px 0; } .product-composition .cont{ justify-content: space-between; } .product-composition__img{ width: 56.23%; } .product-composition__img img{ display: block; max-width: 100%; } .product-composition__info{ width: calc(43.77% - 27px); padding-top: 43px; } .product-composition__list{ list-style: none; margin-top: 19px; } .product-composition__list li{ display: block; position: relative; padding-left: 30px; } .product-composition__list li:before { position: absolute; top: 5px; left: 0; width: 20px; height: 20px; content: ''; background: url(/local/templates/main/css/../images/arrow1.svg) 50%/14px auto no-repeat; } .product-composition__list li + li{ margin-top: 10px; } .engraving{ padding: 24px 0; background: #FAFAFA; } .engraving .cont{ justify-content: space-between; align-items: center; align-content: center; } .engraving__info{ width: 57%; max-width: 613px; } .engraving__desc{ margin-top: 20px; } .engraving__img{ width: calc(43% - 30px); } .engraving__img img{ display: block; max-width: 60%; margin: 0 auto; } .changes-info{ padding: 155px 0; } .changes-info__desc{ margin-top: 20px; } .changes-info__desc a{ color: #3D3D3D; text-decoration: none; border-bottom: 1px solid; transition: border .2s linear; } .changes-info__desc a:hover{ border-bottom-color: transparent; } .changes-info__items{ justify-content: space-between; } .changes-info__item{ width: calc(50% - 15px); max-width: 545px; margin-top: 30px; } .changes-info__img{ padding-bottom: 62.02%; position: relative; } .changes-info__img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .changes-info__important{ text-align: center; font-size: 12px; line-height: 20px; margin-top: 10px; color: rgba(61, 61, 61, 0.49); } .mechanism{ background: #0C8380; padding: 110px 0; } .mechanism__grid{ margin: -10px 0 0 -50px; } .mechanism-action{ width: calc(100%/3 - 50px); margin: 40px 0 0 50px; } .mechanism-action__img{ padding-bottom: 100%; position: relative; } .mechanism-action__img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .mechanism-action__name{ margin-top: 20px; font-size: 20px; line-height: normal; color: #FFFFFF; } .mechanism-action__desc{ color: rgba(255, 255, 255, 0.7); margin-top: 10px; } .mechanism__info{ color: #FFFFFF; margin-top: 56px; } .instruction-info{ margin-top: 60px; background: #3D3D3D; padding: 18px 20px 18px 54px; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: center; } .instruction-info__name{ color: #FFFFFF; } .instruction__link{ margin-left: 30px; flex-shrink: 0; } .instruction__link a{ display: inline-block; vertical-align: top; font-size: 16px; line-height: 55px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 0 30px; white-space: nowrap; color: #3D3D3D; background: #fff; position: relative; } .instruction__link a:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #0C8380; } .instruction__link a span { position: relative; } .instruction__link a:hover span { color: #fff; } .instruction__link a:hover:before { width: 100%; } .articles-list{ margin-top: 160px; } .articles-list__items{ justify-content: space-between; } .articles-list__item{ width: calc(50% - 15px); max-width: 546px; margin-top: 30px; position: relative; text-indent: 12px; } .articles-list__item:before{ content: ''; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border-radius: 50%; background: #3D3D3D; } .articles-list__item a{ color: #3D3D3D; text-decoration: none; transition: border .2s linear; border-bottom: 1px solid transparent; } .articles-list__item a:hover{ border-bottom-color: #3D3D3D; } .wrap-btn{ margin-top: 60px; } .green-btn{ margin-top: 30px; display: block; font-size: 16px; line-height: 53px; text-align: center; text-transform: uppercase; text-decoration: none; color: #FFFFFF; background: #0C8380; border: 1px solid #008683; position: relative; transition: color .4s linear; } .green-btn:before { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ''; transition: .4s ease-in-out; background: #fff; } .green-btn span { position: relative; } .green-btn:hover span { color: #008683; } .green-btn:hover:before { width: 100%; } .certificates{ margin-top: 160px; } .certificates__slider { position: relative; margin-top: 30px; } .certificates__wrap{ position: relative; overflow: visible !important; width: calc(100% + 50px); margin-left: -25px; } .certificates__wrap:after { position: absolute; z-index: 1; top: 0; left: 100%; width: 5000px; height: 100%; margin-left: 25px; content: ''; background: #fff; } .certificates__wrap:before { position: absolute; z-index: 1; top: 0; right: 100%; width: 5000px; height: 100%; margin-right: 25px; content: ''; background: #fff; } .certificates__items { position: relative; display: flex; align-items: flex-start; align-content: flex-start; flex-wrap: nowrap; width: 100%; justify-content: space-evenly; } .certificates__items li{ list-style: none; display: block; position: relative; width: calc(100%/4); padding: 0 25px; flex-shrink: 0; } .certificates__slider .scrollbar { display: none; width: calc(100% - 132px); height: 16px; margin: 50px auto 0; border-radius: 1px; background: #f4f4f4; } .certificates__slider.active .scrollbar { display: block; } .certificates__slider .scrollbar .handle { width: 100px; height: 11px; cursor: pointer; } .certificates__slider .scrollbar .handle .mousearea { position: absolute; top: 0; left: 0; width: 100%; height: 16px; border-radius: 1px; background: #0f8381; } .certificates__slider .controls { display: none; } .certificates__slider.active .controls { display: block; } .certificates__slider .prevPage { position: absolute; bottom: 2px; left: 27px; display: flex; width: 12px; height: 12px; cursor: pointer; border: none; background: none; justify-content: center; align-items: center; } .certificates__slider .prevPage svg { position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translate(-50%, -50%) rotate(180deg); pointer-events: none; fill: #ccc; } .certificates__slider .prevPage:hover svg { fill: #4ea4a2; } .certificates__slider .nextPage { position: absolute; right: 27px; bottom: 2px; display: flex; width: 12px; height: 12px; cursor: pointer; border: none; background: none; justify-content: center; align-items: center; } .certificates__slider .nextPage svg { position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; transition: .2s linear; transform: translate(-50%, -50%); pointer-events: none; fill: #ccc; } .certificates__slider .nextPage:hover svg { fill: #4ea4a2; } .certificate{ display: block; position: relative; padding-bottom: 141.36%; } .certificate img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; object-fit: cover; } .display_none{ display: none; } .display_none_i{ display: none!important; } .error{ border: 1px solid red!important; } .master_contacts{ justify-content: space-evenly; } .master_contacts{ display: flex!important; } .input_field{ display: flex; } /* End */ /* Start:/local/templates/main/css/datepicker.css?166491797820915*/ .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { color: #ccc; background-color: rgba(92, 196, 239, .1); } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, .2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { border: none; background: none; } /* ------------------------------------------------- Datepicker cells ------------------------------------------------- */ .datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker--cell { position: relative; z-index: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; box-sizing: border-box; height: 30px; cursor: pointer; border-radius: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; transition: .2s linear; } .datepicker--cell.-focus- { background: #f0f0f0; } .datepicker--cell.-current- { color: #0f8381; } .datepicker--cell.-current-.-focus- { color: #4a4a4a; } .datepicker--cell.-current-.-in-range- { color: #4eb5e6; } .datepicker--cell.-in-range- { color: #4a4a4a; border-radius: 0; background: rgba(92, 196, 239, .1); } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, .2); } .datepicker--cell.-disabled- { color: #aeaeae; cursor: default; } .datepicker--cell.-disabled-.-focus- { color: #aeaeae; } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, .5); border-radius: 4px 0 0 4px; background-color: rgba(92, 196, 239, .1); } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, .5); border-radius: 0 4px 4px 0; background-color: rgba(92, 196, 239, .1); } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { color: #fff; border: none; background: #0f8381; } .datepicker--cell.-selected-.-current- { color: #fff; background: #0f8381; } .datepicker--cell.-selected-.-focus- { background: #0f8381; } .datepicker--cell:empty { cursor: default; } .datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: flex; background: #343635; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker--day-name { color: #fff; font-size: 12px; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; text-transform: uppercase; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .datepicker--cell-day { width: 14.28571%; } .datepicker--cells-months { height: 170px; } .datepicker--cell-month { width: 33.33%; height: 25%; } .datepicker--years { height: 170px; } .datepicker--cells-years { height: 170px; } .datepicker--cell-year { width: 25%; height: 33.33%; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { color: #ccc; background-color: rgba(92, 196, 239, .1); } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, .2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { border: none; background: none; } /* ------------------------------------------------- Datepicker ------------------------------------------------- */ .datepickers-container { position: absolute; top: 0; left: 0; } @media print { .datepickers-container { display: none; } } .datepicker { color: #343635; font-family: Effra, sans-serif; font-size: 14px; font-weight: 300; position: absolute; z-index: 100; left: -100000px; box-sizing: content-box; width: 260px; transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, left 0s .3s; transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease; opacity: 0; border: none; border-radius: 0; background: #f8f8f8; box-shadow: none; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, left 0s 0s; transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease; -webkit-transform: translate(0); transform: translate(0); opacity: 1; } .datepicker-inline .datepicker { position: static; right: auto; left: auto; -webkit-transform: none; transform: none; opacity: 1; border-color: #d7d7d7; box-shadow: none; } .datepicker-inline .datepicker--pointer { display: none; } .datepicker--content { box-sizing: content-box; } .-only-timepicker- .datepicker--content { display: none; } .datepicker--pointer { position: absolute; z-index: -1; width: 10px; height: 10px; border-top: 1px solid #0f8381; border-right: 1px solid #0f8381; background: #0f8381; } .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 5px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; } .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; } .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 10px / 2); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2); } .datepicker--body { display: none; } .datepicker--body.active { display: block; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { color: #ccc; background-color: rgba(92, 196, 239, .1); } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, .2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { border: none; background: none; } /* ------------------------------------------------- Navigation ------------------------------------------------- */ .datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 36px; background: #0f8381; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .-only-timepicker- .datepicker--nav { display: none; } .datepicker--nav-title, .datepicker--nav-action { display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .datepicker--nav-action { width: 32px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 0; transition: .2s linear; } .datepicker--nav-action:hover { background: #fff; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 36px; } .datepicker--nav-action path { fill: none; stroke: #fff; stroke-width: 2px; transition: .2s linear; } .datepicker--nav-action:hover path{ stroke: #0f8381; } .datepicker--nav-title { padding: 0 8px; border-radius: 0; color: #fff; } .datepicker--nav-title i { color: #9c9c9c; font-style: normal; margin-left: 5px; } .datepicker--nav-title:hover { background: #fff; color: #0f8381; } .datepicker--nav-title.-disabled- { cursor: default; background: none; color: #fff; } .datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4px; border-top: 1px solid #efefef; } .datepicker--button { color: #4eb5e6; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; height: 32px; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { color: #ccc; background-color: rgba(92, 196, 239, .1); } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, .2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { border: none; background: none; } /* ------------------------------------------------- Timepicker ------------------------------------------------- */ .datepicker--time { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4px; border-top: 1px solid #efefef; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .datepicker--time.-am-pm- .datepicker--time-sliders { max-width: 138px; -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; flex: 0 1 138px; } .-only-timepicker- .datepicker--time { border-top: none; } .datepicker--time-sliders { max-width: 153px; margin-right: 10px; -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; flex: 0 1 153px; } .datepicker--time-label { font-size: 12px; display: none; } .datepicker--time-current { font-size: 14px; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 0 10px; text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .datepicker--time-current-colon { line-height: 1; margin: 0 2px 3px; } .datepicker--time-current-hours, .datepicker--time-current-minutes { font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-size: 19px; line-height: 1; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { position: absolute; z-index: -1; top: -3px; right: -2px; bottom: -2px; left: -2px; content: ''; opacity: 0; border-radius: 4px; background: #f0f0f0; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; } .datepicker--time-current-ampm { color: #9c9c9c; font-size: 11px; margin-bottom: 1px; margin-left: 6px; text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .datepicker--time-row { font-size: 11px; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 17px; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type='range'] { height: 100%; margin: 0; padding: 0; cursor: pointer; background: none; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-appearance: none; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; } .datepicker--time-row input[type='range']::-ms-tooltip { display: none; } .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-moz-range-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:hover::-ms-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type='range']:focus { outline: none; } .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb { border-color: #5cc4ef; background: #5cc4ef; } .datepicker--time-row input[type='range']:focus::-moz-range-thumb { border-color: #5cc4ef; background: #5cc4ef; } .datepicker--time-row input[type='range']:focus::-ms-thumb { border-color: #5cc4ef; background: #5cc4ef; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { box-sizing: border-box; width: 12px; height: 12px; cursor: pointer; transition: background .2s; border: 1px solid #dedede; border-radius: 3px; background: #fff; } .datepicker--time-row input[type='range']::-moz-range-thumb { box-sizing: border-box; width: 12px; height: 12px; cursor: pointer; transition: background .2s; border: 1px solid #dedede; border-radius: 3px; background: #fff; } .datepicker--time-row input[type='range']::-ms-thumb { box-sizing: border-box; width: 12px; height: 12px; cursor: pointer; transition: background .2s; border: 1px solid #dedede; border-radius: 3px; background: #fff; } .datepicker--time-row input[type='range']::-webkit-slider-thumb { margin-top: -6px; } .datepicker--time-row input[type='range']::-webkit-slider-runnable-track { color: transparent; height: 1px; cursor: pointer; border: none; background: transparent; } .datepicker--time-row input[type='range']::-moz-range-track { color: transparent; height: 1px; cursor: pointer; border: none; background: transparent; } .datepicker--time-row input[type='range']::-ms-track { color: transparent; height: 1px; cursor: pointer; border: none; background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-lower { background: transparent; } .datepicker--time-row input[type='range']::-ms-fill-upper { background: transparent; } .datepicker--time-row span { padding: 0 12px; } .datepicker--time-icon { color: #9c9c9c; font-size: 16px; position: relative; width: 1em; height: 1em; margin: 0 5px -1px 0; border: 1px solid; border-radius: 50%; } .datepicker--time-icon:after, .datepicker--time-icon:before { position: absolute; content: ''; background: currentColor; } .datepicker--time-icon:after { top: calc(50% + 1px); left: calc(50% - 1px); width: 1px; height: .4em; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { top: calc(50% + 1px); left: calc(50% - 1px); width: .4em; height: 1px; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { color: #ccc; background-color: rgba(92, 196, 239, .1); } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, .2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { border: none; background: none; } /* End */ /* Start:/local/templates/main/css/rs.css?16649179782534*/ .prices a { font: 16px/30px 'Effra'; color: #0d8784; cursor: pointer; text-decoration: none; } .prices table thead tr { width: 100%; } @media (min-width: 1000px) { .prices table td:first-child { padding-left: 140px; max-width: 350px; } } .prices table thead tr td { padding-top: 5px; padding-bottom: 5px; font-weight: bold; color: #606060; } .prices .subtitle { font-weight: bold; } .prices table tbody td { color: #606060; padding-top: 5px; padding-bottom: 5px; } .prices table tbody tr:nth-child(odd) { background: #f5f5f5; } .prices table thead tr { background: #d4d4d4; } .prices table tbody td:nth-child(2n), .prices table tbody td:nth-child(3n) { text-align: center; } .prices table thead tr td:nth-child(2n), .prices table thead tr td:nth-child(3n) { text-align: center; } .review .section_reviews { padding: 0 !important; } @media (max-width: 767px) { .main_slider_methods.advantages .item { max-width: 100%; } .main_slider_methods .slick-arrow.slick-prev, .main_slider_boobs .slick-arrow.slick-prev { left: 28px; width: 40px; height: 40px; } .main_slider_methods .slick-arrow.slick-next, .main_slider_boobs .slick-arrow.slick-next { right: 30px; width: 40px; height: 40px; } } .text_block h1, .text_block .title { color: #0d1016; font-size: 30px; font-weight: 300; line-height: normal; margin-bottom: 25px; } .subMenu.subs { margin-left: -295px; margin-top: -70px; } .subMenu.subs:before { display: none; } .subMenu .subMenu.subs { display: none; } .subMenu li:hover .subMenu.subs { display: block; } /** .form_subscribe .sector_flex .field { margin-right: 35px; } .form_subscribe .sector_flex .radio { margin-top: 20px; margin-right: 35px; } **/ /** .doctors_carousel .carousel { display: flex; } **/ .doctors_carousel .carousel li { list-style-type: none; } .doctors_carousel .carousel > li { position: relative; display: block; float: left; width: 25%; list-style: none; } .doctors_carousel .doctors_wrap { position: relative; overflow: visible !important; width: calc(100% + 50px); margin-left: -25px; } .form .sector_flex { margin: -37px 0 0 -30px; align-items: center; align-content: center; } .form_subscribe .sector_flex .field { width: 263px; } .form .sector_flex > * { margin: 37px 0 0 30px; } .form_subscribe .sector_flex .submit { margin-left: auto; } .form .submit { margin-top: 32px; } .form .sector_flex > * { margin: 37px 0 0 30px; } .about_bottom .form .sector_flex > * { margin: 31px 0 0; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/header_menu_new/style.min.css?16649179783715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/main/components/bitrix/menu/header_menu_new/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/main/components/bitrix/menu/header_menu_new/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/main/components/bitrix/menu/header_menu_new/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/main/components/bitrix/search.title/header/style.css?16649179782130*/ div.title-search-result { border:1px solid #c6c6c6; border-radius: 30px; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#d1aa4d; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/bitrix/search.title/header/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/mob/style.min.css?16649179783715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/main/components/bitrix/menu/mob/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/main/components/bitrix/menu/mob/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/main/components/bitrix/menu/mob/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/main/components/bitrix/search.title/mob/style.css?16649179782130*/ div.title-search-result { border:1px solid #c6c6c6; border-radius: 30px; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#d1aa4d; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/bitrix/search.title/mob/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/main/components/bitrix/breadcrumb/mwi/style.min.css?1664917978467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/main/components/bitrix/menu/footer_menu/style.min.css?16649179783715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/main/components/bitrix/menu/footer_menu/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/main/components/bitrix/menu/footer_menu/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/main/components/bitrix/menu/footer_menu/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/main/styles.css?17208907847257*/ .img-about img { margin: 15px auto; } p a { color: #0f8381; font-weight: 300; position: relative; display: inline-block; padding-right: 0; transition: .2s linear; vertical-align: top; text-decoration: none; text-transform: uppercase; font-size: 16px; } p a:hover { color: #343635; } a.link-min { text-transform: none; } .surgeon .surgeon-head { margin-bottom: 15px !important; } .security-footer { line-height: 125%; } a.security-link { text-transform: none; color: rgba(255, 255, 255, .6); transition: .2s linear; text-decoration: none; display: inline-block; margin: 5px 0; } a.security-link:hover { color: #fff; } a.innfort-link { color: #343635; position: relative; display: inline-block; padding-right: 20px; transition: .2s linear; transition: .2s linear; vertical-align: top; text-decoration: none; } a.innfort-link:hover { color: #3f9c9a; } .download-instruction { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; padding-bottom: 80px; } .text_block h2 { text-align: left; } .surfare_box.carefix { margin: 30px 0 0; } .cont.raznost h1 { margin: 30px 0; } .cont.raznost ul { margin: 0 0 0 17px; } .cont .desc p { margin: 25px 0; } table.voe-size { width: 100%; margin: 0 auto 50px; } table.voe-size thead { text-transform: uppercase; font-weight: bold; } table.voe-size thead tr { background: #008683 !important; color: #fff; } table.voe-size tr:nth-child(2n+1){ background: #fff; } table.voe-size tr:nth-child(2n) { background: #f8f8f8; } /*table.voe-size tr:hover { background: #008683 !important; color: #fff; }*/ table.voe-size td { padding: 10px; text-align: center; width: 33%; } .cont.patients h2, .cont.patients h3 { margin: 30px 0 15px; } .cont.patients ul { margin: 5px 18px; } .cont.patients h1 { margin: 0 0 30px; } .cont.patients { margin-bottom: 80px; } img.img-intext-left, img.img-intext-right { float: left; padding: 15px; background: #fafafa; margin-bottom: 0; max-width: 50%; margin: 7px 15px 0 0; } img.img-intext-right { float: right; margin: 7px 0 0 15px; } .text_block h2 { text-align: left; font-weight: 300; font-size: 25px; } .text_block h3 { text-align: left; font-weight: 300; font-size: 20px; } .cont .blog-nav { margin: 0 0 50px; border-bottom: 1px solid #0f8381; padding-bottom: 50px; } .cont p.toggle { font-size: 18px; font-weight: 300; margin-bottom: 15px; } .cont ul.sublist { margin: 10px 0; } .cont .blog-nav ol { margin-left: 0; } .cont ol.sublist { margin: 10px 0; padding-left: 15px; } .cont .text_block h3 { font-size: 24px; font-weight: 400; } .cont .blog-nav ol { list-style: none; counter-reset: li; } .cont .blog-nav ol li { padding-left: 0; } .cont .blog-nav li:before { counter-increment: li; content: counters(li,".") ". "; } .cont .blog-nav a { color: #3d3d3d; transition: .2s linear; } .cont .blog-nav a:hover { color: #0f8381; transition: .2s linear; } .copy{ text-align:center; color:#eee; margin-top:2em; } table.table-text tr:nth-child(2n+1) { background-color: rgb(15 131 129 / 5%); } table.table-text tr:nth-child(2n){ background-color: #fff; } table.table-text td { padding: 15px 20px; } table.table-text { width: 100%; } @media(max-width:1170px) { .download-instruction { padding-top: 80px; } } #toTop { width: 55px; height: 55px; border-radius: 3px; background: #63666a url(/local/templates/main/images/icon_arrow_top.svg) center no-repeat; background-size: 50%; text-align: center; padding: 5px; position: fixed; bottom: 40px; right: 40px; cursor: pointer; display: none; color: #fff; font-family: Effra; font-size: 0px; line-height: 55px; z-index: 555; transition: .2s linear; } #toTop:hover { background: #0c6765 url(/local/templates/main/images/icon_arrow_top.svg) center no-repeat; background-size: 50%; transition: .2s linear; } .oglavlenie p.toggle { font-size: 18px; font-weight: bold; margin-bottom: 15px; } .oglavlenie ul.sublist { margin: 10px 0; } .oglavlenie ol.sublist { margin: 10px 0; padding-left: 15px; } .oglavlenie ol { list-style: none; counter-reset: li; margin: 0; } .oglavlenie ol li { padding-left: 0; } .oglavlenie li:before { counter-increment: li; content: counters(li,".") ". "; } .oglavlenie li::marker { display: none; content: none; } blockquote { border-left: 1px solid #0f8381; padding: 15px; margin-left: 2%; margin-bottom: 25px; } blockquote p { margin: 0 !important; } .thumb-wrap { position: relative; padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ height: 0; overflow: hidden; } .thumb-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; outline-width: 0; } .demotable { width: 100%; border-collapse: collapse; text-align: center; } .demotable thead { font-size: small; text-align: right; } .demotable tbody td, .demotable tbody th { border: 1px groove #e1d188;transition: .2s linear; } .demotable tbody tr:nth-of-type(1) th { background: #fff5d7; } .demotable a[href^="#all"], .demotable a[href="#close"] { text-decoration: none; border-bottom: 1px dashed; } [id^="all"] { position: fixed; } [id^="all"]:target + table a[href^="#all"], [id^="all"]:not(:target) + table tbody tr:nth-of-type(n+4), [id^="all"]:not(:target) + table a[href="#close"] { display: none;transition: .2s linear; } table.demotable td.no-pdng { padding-left: 0 !important; } table.demotable td { text-align: left; } a.part { border-bottom: none; } table.demotable { border-collapse: separate; } table.demotable td{ border: none;} .form-options { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-evenly; align-items: flex-start; } .form-options-item-title { color: #343635; font-weight: 500; text-decoration: none; text-transform: uppercase; } .form-options-item { text-align: center; margin: 30px 0; max-width: 50%; } .form-options.profil .form-options-item-img { height: 92px; display: flex; } .links_info.breast-block .icon { position: relative; display: flex; width: 30%; height: 100%; justify-content: flex-end; align-items: center; } .links_info.breast-block .icon svg { display: block; max-width: 100%; max-height: 100%; transition: .2s linear; fill: #0f8381; } .links_info.breast-block .link .icon svg { max-height: 44.55px; max-width: 44.55px; } .img_mw-60 img{ max-width: 60%; } .advanages, .section_doctors, .appendix, .links_info.no-faq a:not(:first-child), .saving-detail .box_btn.flex a:first-child { display: none; } .page-saving .box_btn .link { width: calc(50% - 28px); } .main_brands .grid { justify-content: center; } /* End */ /* /local/templates/main/css/fancybox.min.css?166491797812989 */ /* /local/templates/main/css/skitter.css?166491797814894 */ /* /local/templates/main/css/slick.css?16649179784885 */ /* /local/templates/main/css/animate.css?166491797891919 */ /* /local/templates/main/css/styles.css?1665040530170379 */ /* /local/templates/main/css/datepicker.css?166491797820915 */ /* /local/templates/main/css/rs.css?16649179782534 */ /* /local/templates/main/components/bitrix/menu/header_menu_new/style.min.css?16649179783715 */ /* /local/templates/main/components/bitrix/search.title/header/style.css?16649179782130 */ /* /local/templates/main/components/bitrix/menu/mob/style.min.css?16649179783715 */ /* /local/templates/main/components/bitrix/search.title/mob/style.css?16649179782130 */ /* /local/templates/main/components/bitrix/breadcrumb/mwi/style.min.css?1664917978467 */ /* /local/templates/main/components/bitrix/menu/footer_menu/style.min.css?16649179783715 */ /* /local/templates/main/styles.css?17208907847257 */