/* Start:/local/templates/beauty_modern_na/mmenu/mmenu.css?164000426148635*/ /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}:root{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:after{height:44px}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}.mm-panel__content{padding:20px 20px 0}.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{min-height:44px}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}.mm-navbar__title:not(:last-child){padding-right:0}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_opened .mm-page{min-height:100vh}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}.mm-menu_offcanvas:not(.mm-menu_opened){display:none}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}.mm-menu_autoheight-measuring .mm-panel{display:block!important}.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}[class*=mm-menu_columns-]{-webkit-transition-property:width;-o-transition-property:width;transition-property:width}[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{-webkit-transition-property:width,min-width,max-width,-webkit-transform;transition-property:width,min-width,max-width,-webkit-transform;-o-transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform;transition-property:width,min-width,max-width,transform,-webkit-transform}.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}.mm-listitem_nosubitems>.mm-counter{display:none}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-divider:before{background:rgba(0,0,0,.05)}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.mm-wrapper_dragging .mm-menu{pointer-events:none!important}.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}.mm-menu_dropdown{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}.mm-wrapper_dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-wrapper_dropdown .mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu_tip-left:before{left:22px}.mm-menu_tip-right:before{right:22px}.mm-menu_tip-top:before{top:-8px}.mm-menu_tip-bottom:before{bottom:-8px}:root{--mm-iconbar-size:50px}.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu_iconbar-left .mm-iconbar,.mm-menu_iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12.5px 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}.mm-navbars_top{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}.mm-navbars_bottom{-ms-flex-negative:0;flex-shrink:0}.mm-navbars_bottom .mm-navbar{border-bottom:none}.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar_tabs{border-bottom:none}.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-searchfield{height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield input{height:30.8px;line-height:30.8px}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield input::-ms-clear{display:none}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:margin .4s ease;-o-transition:margin .4s ease;transition:margin .4s ease}.mm-searchfield__cancel-active{margin-right:0}.mm-listitem_nosubitems>.mm-listitem__btn{display:none}.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer_active{right:0}.mm-sectionindexer_active~.mm-panel{padding-right:20px}.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-menu_opened .mm-menu__blocker{display:none}[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer;-webkit-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}input.mm-toggle:before{background:#f3f3f3}input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}input.mm-toggle:checked{background:#4bd963}input.mm-toggle:checked:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}input.mm-check{margin-top:2px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;transition:opacity .2s ease}input.mm-check:checked:before{opacity:1}[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}.mm-menu_border-none .mm-listitem:after{content:none}.mm-menu_border-full .mm-listitem:after{left:0!important}.mm-menu_fx-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-wrapper_opened .mm-menu_fx-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(100vw,0,0);transform:translate3d(100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}.mm-menu_listview-justify .mm-panels>.mm-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-height:50px}.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}.mm-listview_inset .mm-listitem{padding:5px 0}.mm-menu_multiline .mm-listitem__text{-o-text-overflow:clip;text-overflow:clip;white-space:normal}[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}.mm-menu_popup{-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mm-menu_popup.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{-webkit-transition-delay:0s!important;-o-transition-delay:0s!important;transition-delay:0s!important;z-index:1}.mm-wrapper_opening .mm-menu_popup{opacity:1}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu_shadow-page:after{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}.mm-menu_shadow-menu{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_shadow-panels .mm-panels>.mm-panel{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);-webkit-box-shadow:var(--mm-shadow);box-shadow:var(--mm-shadow)}.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}body.modal-open .mm-slideout{z-index:unset} /* End */ /* Start:/local/templates/beauty_modern_na/components/bitrix/system.auth.form/light_mobile/style.css?1547544374683*/ .icon-lk.mob767 { /*background: url(/local/templates/beauty_modern_na/images/personal-icon-3px-min.svg) no-repeat;*/ width: 52px; height: 29px; } #menu-kabinet .link-side { float: right; display: flex; justify-content: flex-end; padding-right: 20px; } #menu-kabinet { border-radius: 8px; margin: 0 5px; } .mm-menu_tip-right .mm-panels { border-radius: 8px 8px 0 0; } .mm-navbars_bottom>.mm-navbar, .mm-navbars_bottom { border-radius: 0 0 8px 8px; background: transparent; } #menu-kabinet .mm-navbars_bottom a { color: #fff; background: #7facee; border-radius: 0 0 6px 6px; } .top-fone-and-login li { list-style: none; } /* End */ /* Start:/local/templates/beauty_modern_na/components/bitrix/search.suggest.input/template1_slide/style.css?15740684566551*/ .mobile-search-and-phone .search-suggest {} div.search-popup{ border: 1px solid #e1e8f2; background: #FFFFFF; box-sizing: border-box; border-radius: 0 0 4px 4px; padding: 0; } div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;} div.search-popup-row{ background:#FFFFFF; border-radius: 0px 0px 4px 4px; } div.search-popup-row-active{background:#EEEEEE;} div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;} div.search-popup-el-cnt{ text-align:right; float:right; display: none; } div#qplSKIW_div { z-index: 1001 !IMPORTANT; box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.15); box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.15); } /*====================*/ .mobile-search-and-phone .search-text { color: #222; position:absolute; z-index:5; transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s; height: 42px; width: 0; min-width: 42px; /*margin: -24px 0;*/ padding: 5px 0 5px 42px; box-sizing: border-box; font-size: 16px; font-size: 1rem; cursor: pointer; border-radius: 30px; border: 0px solid transparent; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTUuNTEgNDk1LjUzIj48cGF0aCBkPSJNNDc3IDQ4MGwxOC41Ni0xOC41My0xNDIuMjEtMTQyYTE5Ni41IDE5Ni41IDAgMCAwIDQyLjEzLTEyMS45N0MzOTUuNDkgODguNDIgMzA3IDAgMTk3Ljc1IDBTMCA4OC40MiAwIDE5Ny41IDg4LjU1IDM5NSAxOTcuNzUgMzk1YTE5NyAxOTcgMCAwIDAgMTIxLjM1LTQxLjU3bDE0Mi4yOCAxNDIuMSA0LjUtNC40OXpNMTk3Ljc1IDM1Ni4wOUMxMTAuMjEgMzU2LjA5IDM5IDI4NC45NSAzOSAxOTcuNTFTMTEwLjIzIDM5IDE5Ny43NSAzOXMxNTguNzYgNzEuMTMgMTU4Ljc2IDE1OC41Ny03MS4yMiAxNTguNTItMTU4Ljc2IDE1OC41MnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat left 10px center transparent; background-size:20px; background-color: rgba(127, 172, 238, 0.5); } /*----MS Edge Browser CSS Start----*/ _:-ms-lang(x), _:-webkit-full-screen, .mobile-search-and-phone .search-text { margin: -24px 0; } /*----MS Edge Browser CSS End----*/ .mobile-search-and-phone .search-text:focus { z-index:3; width: 101%; border: 1px solid rgba(120, 153, 202, 0.3); background-color: white; outline: none; cursor:auto; padding-right: 10px; /*padding для кнопки submit справа*/ padding: 5px 42px 5px 20px; } .mobile-search-and-phone .search-submit { position: absolute; z-index: 0; top: 1px; width: 41px; height: 40px; margin: 0; padding: 0; border: 0; outline: 0; border-radius: 30px; cursor: pointer; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTUuNTYgNDk1LjUzIj48cGF0aCBkPSJNNDc3IDQ4MGwxOC41Ni0xOC41My0xNDIuMjEtMTQyYTE5Ni41IDE5Ni41IDAgMCAwIDQyLjEzLTEyMkMzOTUuNDkgODguNDIgMzA3IDAgMTk3Ljc1IDBTMCA4OC40MiAwIDE5Ny41IDg4LjU1IDM5NSAxOTcuNzUgMzk1YTE5NyAxOTcgMCAwIDAgMTIxLjM1LTQxLjU3bDE0Mi4yOCAxNDIuMSA0LjUtNC40OXpNMTk3Ljc1IDM1Ni4wOUMxMTAuMjEgMzU2LjA5IDM5IDI4NSAzOSAxOTcuNTFTMTEwLjIzIDM5IDE5Ny43NSAzOXMxNTguNzYgNzEuMTMgMTU4Ljc2IDE1OC41Ny03MS4yMiAxNTguNTItMTU4Ljc2IDE1OC41MnoiIGZpbGw9IiM3ODk5Y2EiLz48L3N2Zz4=) no-repeat left 10px center transparent; background-size: 0px; /*left для кнопки submit справа*/ left: 91%; transition: z-index 1s, width 0.3s, background 0.1s ease; } .mobile-search-and-phone .search-text:focus +.search-submit{ /*z-index для кнопки submit справа, для submit слева тут надо z-index убрать вообще, а в search-submit поставить 4*/ z-index: 4; background-size: 20px; transition: z-index 0.8s, background 0.5s ease; /*background-color для выравнивания лупы (кнопки submit) справа*/ /*background-color: red;*/ } .mobile-search-and-phone .search-text::-webkit-search-cancel-button { cursor:pointer; } .search-mobile input[type="text"]::-webkit-input-placeholder {text-indent:0; padding:0 .5em; color: transparent; transition:text-indent .3s ease} .search-mobile input[type="text"]::-moz-placeholder {text-indent:0; padding:0 .5em; color: transparent; transition:text-indent .3s ease} .search-mobile input[type="text"]:-moz-placeholder {text-indent:0; padding:0 .5em; color: transparent; transition:text-indent .3s ease} .search-mobile input[type="text"]:-ms-input-placeholder {text-indent:0; padding:0 .5em; color: transparent; transition:text-indent .3s ease} .search-mobile input[type="text"]:focus::-webkit-input-placeholder {text-indent:65%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus::-moz-placeholder {text-indent:65%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus:-moz-placeholder {text-indent:65%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus:-ms-input-placeholder {text-indent:65%; color: #bdbdbd; transition:text-indent 0.7s ease} @media (min-width: 1024px) and (max-width: 1279px) { .search-mobile input[type="text"]:focus::-webkit-input-placeholder {text-indent:58.5%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus::-moz-placeholder {text-indent:58.5%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus:-moz-placeholder {text-indent:58.5%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus:-ms-input-placeholder {text-indent:58.5%; color: #bdbdbd; transition:text-indent 0.7s ease} .mobile-search-and-phone .search-submit { left: 89.5%; } } @media (min-width: 768px) and (max-width: 899px) { .mobile-search-and-phone .search-submit { left: 90%; } .search-mobile input[type="text"]:focus::-webkit-input-placeholder {text-indent:58%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus::-moz-placeholder {text-indent:58%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus:-moz-placeholder {text-indent:58%; color: #bdbdbd; transition:text-indent 0.7s ease} .search-mobile input[type="text"]:focus:-ms-input-placeholder {text-indent:58%; color: #bdbdbd; transition:text-indent 0.7s ease} } /* End */ /* Start:/local/templates/beauty_modern_na/components/bitrix/menu/horizontal_multilevel1/style.css?15480857525621*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{ margin:0; padding:0; min-height:27px; width:100%; list-style:none; float:left; } #horizontal-multilevel-menu{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; /*padding: 0 7% 0 0;*/ } /*Links*/ #horizontal-multilevel-menu a{ display:block; padding: 0 .7em; text-decoration: none; text-align: left; } #horizontal-multilevel-menu li{ float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item{ border-top: 4px solid transparent; color:#fff; font-weight:normal; padding: .42em .7em; text-align: center; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected{ padding: .455em .7em; border-top: 4px solid #FFC107; background: rgba(120, 153, 202, 0.5); color:#fff; font-weight: normal; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item{ border-top: 4px solid #93dc3f; background: rgba(120, 153, 202, 0.5); color:#fff; } .container-top-navigation ul li { /*margin-right: 5px !Important;*/ } /*Item-parents*/ #horizontal-multilevel-menu a.parent{ background: url(/local/templates/beauty_modern_na/components/bitrix/menu/horizontal_multilevel1/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied{ background: url(/local/templates/beauty_modern_na/components/bitrix/menu/horizontal_multilevel1/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover{ background:#7facee; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected{ background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul{ position:absolute; margin: 0 0 0 -.7%; /*top:-999em;*/ top:auto; display:none; z-index:1100; height:auto; width: 15em; /*width:135px;*/ background: #ffffff; /*border: solid 1px rgba(0, 0, 0, 0.1);*/ color: #4c4c4c; border-radius: 5px; /*box-shadow: 0 2px 5px rgba(0,0,0,0.2);*/ box-shadow: 0px 5px 10px rgba(0,0,0,0.2); } #horizontal-multilevel-menu li ul:after{ position: absolute; content: ""; top: 0; left: 0; right: 0; height: 10px; background: transparent; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; margin: -10px 15px 0px; } #horizontal-multilevel-menu li ul li ul:after{ top: 26px; left: -30px; margin: -10px 15px 0px; transform: rotate(270deg); } /*Sub-menu item box*/ #horizontal-multilevel-menu li li{ width:100%; border-bottom:1px solid #DEDEDE; border: none; } /*Item link*/ #horizontal-multilevel-menu ul > li a { line-height: 2.2em; font-size: 1em; font-weight: normal; } #horizontal-multilevel-menu ul > li a:hover { color: white !IMPORTANT; } /*Items text color & size */ #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:normal; } /*Items text color & size: hover*/ #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: -46px 0 0 255px;*/ margin: -15% 0 0 99%; } #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 { /*top:-999em;*/ 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 { /*z-index:1000; top:auto;*/ display:block; padding: 0.5em 0; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/beauty_modern_na/components/bitrix/menu/left_slide_razdely_footer/style.min.css?1547544374490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/beauty_modern_na/components/bitrix/menu/left_slide_razdely_footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?16606325182877*/ /* NIGES.COOKIESACCEPT */ .nca-cookiesaccept-line { font-size: inherit; font-family: inherit; line-height: 1; padding: 10px; } .nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text { color:#111; } .nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text, .nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text { color:#eee; } .nca-cookiesaccept-line.style-1 { /* background-position: center; background-repeat: repeat-x; background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg); background-size: contain; */ background-color: rgb(61, 168, 255); } .nca-cookiesaccept-line.style-2 { background-color: rgb(13, 62, 102); } .nca-cookiesaccept-line.style-3 { background-color: rgb(197, 197, 197); } .nca-cookiesaccept-line.style-4 { background-color: rgb(71, 71, 71); } .nca-cookiesaccept-line.style-5 { background-color: rgb(61, 255, 158); } .nca-cookiesaccept-line.style-6 { background-color: rgb(9, 92, 50); } .nca-cookiesaccept-line.style-7 { background-color: rgb(84, 255, 61); } .nca-cookiesaccept-line.style-8 { background-color: rgb(92, 5, 5); } .nca-cookiesaccept-line.style-9 { background-color: rgb(203, 255, 61); } .nca-cookiesaccept-line.style-10 { background-color: rgb(70, 94, 4); } .nca-cookiesaccept-line.style-11 { background-color: rgb(255, 148, 61); } .nca-cookiesaccept-line.style-12 { background-color: rgb(138, 70, 14); } .nca-cookiesaccept-line.style-13 { background-color: rgb(255, 61, 61); } .nca-cookiesaccept-line.style-14 { background-color: rgb(119, 22, 22); } .nca-cookiesaccept-line.style-15 { background-color: rgb(255, 61, 152); } .nca-cookiesaccept-line.style-16 { background-color: rgb(85, 10, 45); } .nca-cookiesaccept-line.style-17 { background-color: rgb(83, 129, 255); } .nca-cookiesaccept-line.style-18 { background-color: rgb(6, 37, 122); } .nca-cookiesaccept-line.style-19 { background-color: rgb(255, 255, 255); } .nca-cookiesaccept-line.style-20 { background-color: rgb(0, 0, 0); } @media screen and (min-width:767.01px) { .nca-hidden-pc {display: none !important;} } @media screen and (max-width:767px) { .nca-hidden-mobile { display: none !important; } .nca-cookiesaccept-line > div { flex-direction: column; text-align: center; } .nca-cookiesaccept-line-text+div { padding: 25px 0 15px; } } /*my*/ button#nca-cookiesaccept-line-accept-btn { background: white; } /* End */ /* Start:/local/templates/beauty_modern_na/styles.css?173531781813677*/ #bx-admin-prefix, .bx-core-popup-menu, .bx-component-opener { z-index: 1034 !important; } .bx-core-dialog-overlay { z-index: 1003 !important; } #bx-panel.bx-panel-fixed, div.bx-component-opener { z-index: 1002 !important; } .popupmenu table td { padding:0; } .bxfd-window-cont table td img { max-width: none; vertical-align: baseline; } .bxmap-overlay { z-index: 1001; } .doctor-menu ul .active { color: #4c4c4c; font-weight: bold; text-decoration: none; } .sale-order-payment-change-pp .sale-order-payment-change-pp-company { display: inline-block; width: 120px; } .sale-order-list-title, .sale-order-list-accomplished-title { margin: 10px 0 0; padding: 5px 15px; } .sale-order-list-inner-container { border-color: rgba(194,243,136, .5); } .sale-order-list-accomplished-date-container { padding: 0 15px; } .sale-order-detail-general { padding: 0!important; } /* ---------- Video Видео ---------- */ .video-center { display: flex; justify-content: space-between; padding: 5px; border: 1px solid gainsboro; border-radius: 4px; max-width: max-content; /*max-width: 100%;*/ box-sizing: border-box; margin: 0 auto; } .video-center iframe { max-width: 100%; } /*blockquote*/ blockquote { /*background: rgb(247, 247, 247);*/ border-left: 2px solid #96bcf2; margin: 1.5em 10px; padding: 1em 1.5em; quotes: "\201C" "\201D" "\2018" "\2019"; position: relative; text-align: justify; } blockquote cite { display: block; font-weight: bold; margin-bottom: 10px; color: #808080; } blockquote:before, blockquote:after { color: #96bcf2; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; position: absolute; } blockquote:after { content: close-quote; bottom: -15px; right: -10px; position: absolute; } /**/ .spoiler-editor { border: 1px solid gainsboro; border-radius: 10px; margin: 10px 0; background: #fdfdfd; padding: .5em 1em; } .services-list-header { display: flex; align-items: center; font-size: 18px; line-height: 30px; padding-left: 30px; position: relative; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; width: 100%; } .services-list-header:after { position: absolute; content: ""; width: 14px; height: 15px; top: 7px; left: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAkCAMAAACOofuzAAAAQlBMVEUAAAB/rO5/rO5/rO5/rO5+rO5+rO5+rO5/rO5/rO59q+5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO7FLUiAAAAAFXRSTlMAz7QLeSZPSPEcBNfDl2hXX987EKzwaBicAAAAt0lEQVQoz6WSSxLDIAxDZfNNoIGQ9P5XLWiYdMq2b2ObAYMlMNi8tX7D5Ehy35IOFkYlmB6CaA+76g7CrCQDoNaxLxVkHhFhkwxhx5x5g0CA8CYB6KWBszZGax1ML9t3cxO8XiNRBTByF8NoMhqG6IASPYiPheHU6lzVcy5fVkXUXngwBv+xtlovWp+xPJIjEI7AAScjl4aHNsUZTHH2X+kcHjah7ISy0xRCUxbLVkOn3Uq7sXyGD9hZByFxiujyAAAAAElFTkSuQmCC); background-size: auto; } .services-list-header.active:after { position: absolute; content: ""; width: 14px; height: 15px; top: 7px; left: 5px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAkCAMAAACOofuzAAAAQlBMVEUAAAB/rO5/rO5/rO5/rO5+rO5+rO5+rO5/rO5/rO59q+5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO5/rO7FLUiAAAAAFXRSTlMAz7QLeSZPSPEcBNfDl2hXX987EKzwaBicAAAAt0lEQVQoz6WSSxLDIAxDZfNNoIGQ9P5XLWiYdMq2b2ObAYMlMNi8tX7D5Ehy35IOFkYlmB6CaA+76g7CrCQDoNaxLxVkHhFhkwxhx5x5g0CA8CYB6KWBszZGax1ML9t3cxO8XiNRBTByF8NoMhqG6IASPYiPheHU6lzVcy5fVkXUXngwBv+xtlovWp+xPJIjEI7AAScjl4aHNsUZTHH2X+kcHjah7ISy0xRCUxbLVkOn3Uq7sXyGD9hZByFxiujyAAAAAElFTkSuQmCC); background-position: 0 -21px; background-size: auto; } .spoiler-editor .services-list-content { margin-block-start: 1em; margin-block-end: 1em; /*padding-inline-start: 10px;*/ /*display: none;*/ } /*Привязываемся к блоку вышестоящему блоку в публичке .content иначе в визуальном редакторы спойлеры будут свернуты и не доступны для редактирования*/ .content .services-list-content { display: none; } /*Делаем открытые по умолчаню спойлеры не глючными*/ .services-list-header.active + .services-list-content { display: block !IMPORTANT; } .services-list-content img { display: flex; margin: 10px auto 0; padding: 4px; border: 1px solid gainsboro; border-radius: 4px; box-sizing: border-box; height: auto; } /*box*/ .box { align-items: center; display: flex; flex-wrap: wrap; flex-grow: 1; justify-content: center; margin: 1em 0; /*margin: 0em 0 3em;*/ } .box-base { flex: 1 0 32%; padding: 0 2em; text-align: left; box-sizing: border-box; } .grid-itm .box-base>* { text-align: left; } .grid .gitem { margin: auto; } .grid.wrap .gitem{ flex: 0; } .grid.wrap { flex-wrap: wrap; } .grid.wrap .gitem { flex: 0; padding: 0.5em 1em; border: 1px solid rgba(220, 220, 220, 0.8); border-radius: .24em; margin: 0.4em; background: #fff; } .box-side { flex: none; /*padding: 0px 0px 12px 0px;*/ max-width: 100%; min-width: 38.5%; } .box-side img { border: 1px solid gainsboro; border-radius: 4px; padding: 4px; box-sizing: border-box; /*width: auto;*/ height: auto; max-width: 470px; } .box-side b, .box-side strong, .box-side p{ padding: .5em 0 0; } .box-side >* { display: flex; justify-content: center; text-align: center; } .noborder img { border: transparent; } .min-width-auto { min-width: auto; } @media only screen and (max-width: 479px) { .box-base { flex: 1 0 auto; width: 100%; padding: 1em 0; } .spoiler-editor { padding: .5em; } .services-list-content > div > .services-list-content { padding: 0 1em; } } /* ============================================= grid for images*/ .grid { width: 100%; /*max-width: 1188px;*/ margin: 1em 0; /*padding: 0 30px;*/ display: flex; flex-wrap: nowrap; box-sizing: border-box; justify-content: space-around; } .grid-itm { /* background: gainsboro; */ margin: 0 4px; /* flex: 1 1 calc(33.33% - 20px); */ display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; /* flex-basis: 100%; */ text-align: center; box-sizing: border-box; padding: 4px; /*border: 1px solid gainsboro;*/ border-radius: 4px; } .grid-itm img { padding: 0 0 2em; height: auto; } .grid-itm p, .grid-itm strong, .grid-itm b { padding: .5em 0 0; text-align: center; } .grid-itm li { text-align: left; } @media (max-width: 787px){ .grid { flex-wrap: wrap; } } /* =============================================== Текст в столбцах*/ .gtxt{ display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; /*add after*/ background: #FAFAFA; border-left: 3px solid #75a5cc; box-sizing: border-box; padding: 1.7em 0em 1em 1.7em; margin: 1em 0; } .atantion{ background: #FFF8E1; border-left: 3px solid #FFC107; } .alerteditor{ background: #FFF8E1; border-left: 3px solid #ea5600; color: #ea5600; background: rgba(234, 86, 0, 0.1); } .gitem { flex: 1 0 310px; padding: 0 1em 1em; /*padding: .7em 1.3em;*/ /*padding: 1em 1em 1.6em 2em;*/ max-width: 100%; box-sizing: border-box; } /*---------- Текст и Кнопка записаться в снипетах ---------*/ .gtxt.knob { align-items: center; padding: 1.7em; background: transparent; } .gtxt.knob div:last-child { padding: 0; display: flex; justify-content: flex-end; flex: auto; } /*Рамка лоя яндекс карты*/ .border { padding: .2em; border: 1px solid gainsboro; border-radius: 4px; background: #fff; } @media only screen and (max-width: 1023px){ .box-side img { max-width: 100%; } } /* ------------------------------------ stacktable --------------------------------------*/ .respond{ width: 100%; margin: 1em 0; } table { border-collapse: collapse; } .stacktable tr { background: #fff; } td[colspan], td[rowspan] { text-align: center; } .stacktable { width: 100%; } th { /*background: #7facee;*/ padding: 5px; /*color: white;*/ color: #535c69; } .large-only tr th { /*background: #7facee;*/ padding: 5px; /*color: white;*/ } table th { text-align: center; } .respond img { padding: 0; } .timg.small-only .st-val { width: 38%; background: #fff; } .timg tr:first-child, .timg tr td:first-child { background: #fff; } .oimg tr th { background: #ffffff; border: none; } .oimg tr td { text-align: center; border: none; background: white; } .oimg .st-key { background: #ffffff; } .oimg li, .oimg p { text-align: left; } .td3-bg-w td:nth-child(3), .rimg td:last-child { background: #fff; } .st-head-row { padding-top: 1em; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } /*закомментировано ибо косяк здесь например /for_staff/stamps.php*/ /*.w100 img { width: 100%; }*/ .stacktable td, .stacktable th { padding: .5em; border: 1px solid #e4e4e4; text-align: center; } .table .st-key { font-weight: bold; } .small-only:nth-child(1) { display: none !IMPORTANT; } .stacktable tr:nth-of-type(odd) { background: #F6F6F6; } .stacktable img { display: flex; margin: 0 auto; height: auto; max-width: inherit; } .catalog_description .st-val img, .catalog_description .st-key img{ max-width: 100%; height: auto; margin: 0 auto; display: flex; } /* RESPONSIVE EXAMPLE */ .stacktable.large-only { display: table; margin: 10px 0; } /*перенос букв - только шапка таблицы*/ .wb-ba th{ word-break: break-all; } .stacktable.small-only { display: none; } /*=====================*/ .fa-check:before { content: "\f00c"; padding: 0 3px; color: #7899ca; font-size: 16px; } /*=================== stepper из Онлайн-консультации https://leonet.ru/onlayn-konsultatsii/ ==============*/ /* Colors */ /* Stepper Styling */ .steps-big{ /*font-size: 2em;*/ margin: .67em 0; } .stepper-container { padding: 1rem; margin-bottom: 2em; border-radius: 5em; } .stepper { display: flex; justify-content: space-between; align-items: center; } .step { display: flex; flex-direction: row; align-items: baseline; width: 100%; } .step:after { content: ''; display: block; width: 100%; position: relative; height: 3px; top: -5px; background-color: #d8dce1; } .step:before { content: ''; display: block; width: 100%; position: relative; height: 3px; top: -5px; background-color: #d8dce1; } .step:last-child { flex-basis: 70%; } .step:last-child:after { display: none; } .step:first-child { flex-basis: 70%; } .step:first-child:before { display: none; } .step.active { color: white; } .step.active:before, .step.active:after { background-color: #1EB53A; } .step.active + .step:not(.active):before { background-color: #1EB53A; } .step-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 2; } .active .step-circle { background-color: #1EB53A; } .step-circle { height: 50px; width: 50px; border-radius: 30px; background-color: #d8dce1; display: flex; justify-content: center; align-items: center; font-size:22px; } .vertical .stepper { flex-direction: column; } .vertical .step { position: relative; flex-direction: row; align-items: flex-start; width: 100%; min-height: 3em; } .vertical .step:after { display: inline; width: 3px; position: absolute; height: 100%; left: 1.65em; top: .5em; /*z-index: -1;*/ } .vertical .step:before { display: none; } .vertical .step:last-child:after { display: none; } .vertical .step-content { margin-left: 1em; margin-top: -.5em; color: #3C4859; width: 100%; } @media (max-width: 1253px) { .w100 img { } .timg img, .rimg img{ width: 100%; } } @media (max-width: 1024px) { /*перенос букв везде в таблице*/ .wb-ba-all-1024{ word-break: break-all; } } @media (max-width: 800px) { .stacktable.large-only { display: none; } .stacktable td.st-key { width: 38%; text-align: right; padding: .2em 0.5em; } .stacktable td.st-val { width: 49%; text-align: left; } /*перенос букв везде в таблице*/ .wb-ba-all{ word-break: break-all; } .stacktable.small-only { display: table; margin: 2em 0; box-shadow: 0 4px 14px 0 #F5F5F5; } .stacktable tr td:nth-of-type(odd) { /*background: #7facee;*/ /*color: white;*/ font-weight: 600; } .oimg tr td:nth-of-type(odd), .timg tr td:nth-of-type(odd) { color: inherit; } .timg img, .rimg img{ width: initial; } .w100 img { width: initial; } iframe { max-width: 100%; } } @media (max-width: 787px){ .respond.analog-table { width: 100% } } @media (max-width: 425px){ .stacktable td, .stacktable th { word-break: break-all; } } /* End */ /* Start:/local/templates/beauty_modern_na/template_styles.css?1785702436205407*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ [id^=bx_incl_area] { width: 100%; } .bx-core.bx-no-touch.bx-no-retina.bx-chrome { margin-right: 0 !IMPORTANT; padding-right: 0 !IMPORTANT; } img, legend { border: 0; } legend, td, th { padding: 0; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover, a:focus { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, optgroup, strong { font-weight: 700; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre, textarea { overflow: auto; } code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; /*==========*/ border-radius: 30px; background: #7facee; color: white; height: 44px; border: transparent; font-size: 18px; font-weight: normal; padding: 0 22px; outline: none; } input[type=submit]:hover { background: #7899ca; } .userconsent-request { padding: 15px 0 20px; line-height: 16px; font-weight: normal } table.form-table tr:nth-child(6) td img:last-child, table.form-table tr:nth-child(5) td img:last-child, table.form-table tr:nth-child(7) td img:last-child { cursor: pointer; } .period_rec { height: auto !IMPORTANT; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } table { border-collapse: collapse; border-spacing: 0; } /* ========================================================================== BASE SITE STYLES */ /* ========================================================================== */ html, body { height: 100%; min-width: 992px; scrollbar-gutter: stable; } body { position: relative; min-width: 992px; } html, button, input, select, textarea { color: #4c4c4c; } .body-wrapper.clearfix { max-width: 1300px; margin: 0 auto; box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.15); background: white; } body { width: auto; font-size: 15px; line-height: 24px; font-family: Arial, sans-serif; color: #4c4c4c; /*background: #f5f5f5;*/ /*background: #ffffff;*/ /*background: #fbfbfb;*/ /*background-size: cover;*/ background-attachment: fixed; background-repeat: no-repeat; background-image: url(/local/templates/beauty_modern_na/images/medical-bg-1920-blue2t.jpg); background-size: 100vw; } hr { display: block; height: 1px; border: 0; background: rgba(0, 0, 0, 0.2); margin: 1em 0; padding: 0; } .container-white hr, .white-box hr, .white-content-box hr { background: #e8e8e8; } img { vertical-align: middle; max-width: 100%; } .bxedtaskbarset img { max-width: none; } .bx-yandex-view-map img { max-width: inherit; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; line-height: 24px; } a, .pseudolink { /*color: #7899ca;*/ color: #7899ca; text-decoration: none; } a:hover, .pseudolink:hover, a:focus, .pseudolink:focus, a.active, .pseudolink.active { color: #7facee; text-decoration: underline; } .border-link, .dotted-link { display: inline-block; text-decoration: none; border-bottom: solid 1px rgba(16, 132, 152, 0.4); padding: 0; line-height: 1.1; transition: all ease 0.3s; } .border-link:hover, .dotted-link:hover, .border-link:focus, .dotted-link:focus, .border-link.active, .dotted-link.active { color: #7facee; text-decoration: none; border-bottom-color: #7facee; } .dotted-link { border-bottom-style: dotted; } .border-link-dark { color: #4c4c4c; border-bottom: solid 1px rgba(16, 132, 152, 0.2); transition: all ease 0.3s; } .border-link-dark:hover, .border-link-dark:focus { text-decoration: none; color: #7facee; border-bottom-color: #7facee; } *[data-target-self], *[data-target-blank], .pseudolink { cursor: pointer; } h1, .h1 { margin: 0; font: normal 1.4em/40px Arial, sans-serif; line-height: 1.8em; /*color: #000000;*/ color: #7899ca; padding: 0 10px; } h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 1em 0; } h2, .h2 { font: normal 23px/30px Arial, sans-serif; } h3, .h3 { font: normal 20px/26px Arial, sans-serif; } h4, .h4 { font: bold 18px/22px Arial, sans-serif; } h5, .h5 { font: bold 16px/20px Arial, sans-serif; } h6, .h6 { font: bold 14px/18px Arial, sans-serif; } :-moz-placeholder { color: #b4b4b4; } :-ms-input-placeholder { color: #b4b4b4; } ::-webkit-input-placeholder { color: #b4b4b4; } .center { display: flex; align-items: center; } /* ========================================================================== CODE */ /* ========================================================================== */ code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre code { padding: 0; line-height: 1.4; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } pre code, pre code.hljs { font-size: 14px; } .p2em{ padding: 2em; } /* ========================================================================== GRID */ /* ========================================================================== */ .content { position: relative; margin: 0 auto; width: 100%; min-width: 992px; max-width: 1280px; } .content:before, .content:after { content: " "; display: table; } .content:after { clear: both; } .content .content { width: auto; max-width: auto; min-width: initial; } .bx-ie .content .content { min-width: auto; } @media (max-width: 768px) { .content .content { margin-left: -5px; margin-right: -5px; } } @media (min-width: 768px) and (max-width: 991px) { .content .content { margin-left: -10px; margin-right: -10px; } } @media (min-width: 992px) and (max-width: 1279px) { .content .content { margin-left: -10px; margin-right: -10px; } } @media (min-width: 1280px) { .content .content { margin-left: -10px; margin-right: -10px; } } .col { position: relative; min-height: 1px; float: left; box-sizing: border-box; } @media (max-width: 768px) { .col { padding-left: 5px; padding-right: 5px; } } @media (min-width: 768px) and (max-width: 991px) { .col { padding-left: 10px; padding-right: 10px; } } @media (min-width: 992px) and (max-width: 1279px) { .col { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1280px) { .col { padding-left: 10px; padding-right: 10px; } } .col { float: left; } .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } .center-block { margin: 0 auto; } .w100{ width: 100%; } .w50{ width: 50%; } @media (max-width: 767px) { .col-mb-hide, .mb-hide, .tablet-block, .dt-block, .ld-block { display: none; } .mb-block { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .col-hide, .tablet-hide, .mb-block, .dt-block, .ld-block { display: none; } .tablet-block { display: block; } } @media (min-width: 992px) and (max-width: 1279px) { .col-dt-hide, .dt-hide, .mb-block, .tablet-block, .ld-block { display: none; } .dt-block { display: block; } } @media (min-width: 1280px) { .col-ld-hide, .ld-hide, .mb-block, .tablet-block, .dt-block { display: none; } .ld-block { display: block; } } @media (max-width: 768px) { .col-padding { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .col-padding { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1279px) { .col-padding { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 1280px) { .col-padding { padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 768px) { .col-margin { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .col-margin { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1279px) { .col-margin { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 1280px) { .col-margin { margin-top: 20px; margin-bottom: 20px; } } @media (max-width: 768px) { .col-margin-bottom { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .col-margin-bottom { margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1279px) { .col-margin-bottom { margin-bottom: 20px; } } @media (min-width: 1280px) { .col-margin-bottom { margin-bottom: 20px; } } @media (max-width: 768px) { .col-margin-top { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .col-margin-top { margin-top: 20px; } } @media (min-width: 992px) and (max-width: 1279px) { .col-margin-top { margin-top: 20px; } } @media (min-width: 1280px) { .col-margin-top { margin-top: 20px; } } /* ========================================================================== BUTTONS */ /* ========================================================================== */ .btn { display: inline-block; color: #ffffff; margin-bottom: 0; font: normal 17px/36px Arial, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; /*background: #7facee;*/ background: #96bcf2; border: 0; text-decoration: none; white-space: nowrap; height: 36px; padding: 0 20px; border-radius: 20px; text-shadow: none; box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all ease 0.3s; box-sizing: border-box; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #ffffff; background: #7899ca; text-decoration: none; outline: none; } .btn:active, .btn.active { outline: 0; background: #7899ca; box-shadow: inset 0 2px 0 rgba(0,0,0,.2); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; } .btn-primary { background: #7facee; color: #ffffff; } .btn-primary:hover, .btn-primary:focus { color: #ffffff; background: #7899ca; text-decoration: none; } .btn-primary:active, .btn-primary.active { color: #ffffff; background: #7899ca; } .btn-secondary { background: #7899ca; color: #ffffff; } .btn-secondary:hover, .btn-secondary:focus { color: #ffffff; background: #4b71ad; text-decoration: none; } .btn-secondary:active, .btn-secondary.active { color: #ffffff; background: #4b71ad; } .btn-block { display: block; width: 100%; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-square { border-radius: 0; } .btn-link { color: #7899ca; cursor: pointer; border-radius: 0; background-color: transparent; padding-left: 0; padding-right: 0; /*--------------*/ display: flex; justify-content: center; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link:hover, .btn-link:focus { color: #7facee; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { background-color: transparent; color: #7facee; text-decoration: none; } .btn-big { height: 44px; line-height: 44px; padding: 0 22px; border-radius: 40px; margin: 0; width: max-content; } .btn-small { height: 32px; font: normal 14px Arial, sans-serif; line-height: 32px; padding: 0 10px; min-width: 15px; } .btn-mini { -ms-grid-row-align: center; align-self: center; height: 24px; font: normal 13px Arial, sans-serif; line-height: 24px; padding: 0 10px; } .btn-outline { background-color: transparent; color: #7facee; border: solid 1px #cecece; line-height: 34px; } .btn-outline:hover, .btn-outline:focus { color: #ffffff; background: #7facee; text-decoration: none; border-color: #7facee; } .btn-outline:active, .btn-outline.active { color: #ffffff; background: #7899ca; border-color: #7899ca; } .btn-outline.btn-big { line-height: 42px; } .btn-outline.btn-small { line-height: 30px; } .btn-outline.btn-mini { line-height: 22px; } .btn-outline-bold { border-width: 2px; line-height: 32px; } .btn-outline-bold.btn-big { line-height: 40px; } .btn-outline-bold.btn-small { line-height: 28px; } .btn-outline-bold.btn-mini { line-height: 20px; } .btn-outline.disabled { color: #4c4c4c; } .btn-schedule { display: block; width: 100%; background-color: transparent; color: #7facee; border: solid 2px #cecece; font: normal 17px/28px Arial, sans-serif; height: 30px; box-sizing: border-box; } .btn-schedule:hover, .btn-schedule:focus { color: #ffffff; background: #7facee; text-decoration: none; border-color: #7facee; } .btn-schedule:active, .btn-schedule.active { color: #ffffff; background: #7899ca; border-color: #7899ca; } .btn-bottom-right { position: absolute; bottom: 30px; right: 30px; } /* ========================================================================== ICONS */ /* ========================================================================== */ .icon { display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: text-top; background: url('/local/templates/beauty_modern_na/images/all-icons-lightblue.png') 0 0 no-repeat; } .icon.icon-lk { margin: 0 -4px 0 0; background: url(/local/templates/beauty_modern_na/images/kabinet-icon-white.png) no-repeat; top: 4px; position: relative; height: 16px; } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) { .icon { background-image: url('/local/templates/beauty_modern_na/images/all-icons-lightblue@2x.png'); background-size: 80px 180px; } } .icon-record, .icon-lk { background-position: 0 0; width: 30px; height: 30px; float: left; } .icon-lk { background-position: 0 -30px; } .icon-search { background-position: -40px -40px; vertical-align: baseline; display: block; } .icon-addcomment { background-position: 0 -60px; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; } .icon-dot { background-position: -60px -150px; width: 11px; height: 11px; vertical-align: baseline; } .icon-help { background-position: 0 -150px; cursor: pointer; } .icon-help:hover, .icon-help:focus { background-position: -30px -150px; } .icon-search-reset { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAATUlEQVR42pWRAQoAIAgDfXiKD6u3VQKDQGY1iGTcBFXcfe7XhCsYDS4KQ6AC44dhMCgIpQABWWCUIHSA/QYq6cynTjMwkPowXvf8dcEF0ml9AAlSf/kAAAAASUVORK5CYII=') no-repeat 50% 50%; vertical-align: top; opacity: .6; position: relative; top: -1px; transition: all ease 0.3s; } button:hover .icon-search-reset, button:focus .icon-search-reset { opacity: 1; } /* ========================================================================== МОИ СТИЛИ ДЛЯ АДМИНКИ */ /* ========================================================================== */ div.ml-head-cont { height: auto; } div#bxmedialib { height: auto !IMPORTANT; } div.ml-buttons-cont { height: auto; } div.ml-resizer { margin: 38px 0; } div#mlsd_coll { height: auto !IMPORTANT; } div#mlsd_item { height: auto !IMPORTANT; } div.mlsd-ch-col { width: auto; } div#ml_colfirm_dialog { height: auto !IMPORTANT; } div#BX_file_dialog { height: auto !IMPORTANT; } /*редактор расписания*/ .select1 { height: 36px; padding: 0 40px 0 15px; border: solid 1px #cecece; border-radius: 20px; background: #ffffff; color: #000000; font: 16px / 36px Arial, sans-serif; } .select1:hover { cursor: pointer; } .select1:focus { outline: none; } /*popup окно в редакторе расписания при наведении на период*/ .jq-cell .window { bottom: 29px; border: none; box-shadow: 0 0 20px 0px #b4b4b4; } .jq-cell .window .corner { background: none; /*left: 165px;*/ } .jq-cell .window span:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 10px; background: transparent; width: 0; height: 0; margin: 0px 70px 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } /* ========================================================================== FORMS */ /* ========================================================================== */ .input, .inputtext, .inputtextarea, .adm-input-calendar { display: inline-block; width: 50%; height: 36px; padding: 0 10px; position: relative; margin-bottom: 12px; color: #4c4c4c; vertical-align: middle; border: solid 1px gainsboro; outline: none; background-color: #ffffff; -webkit-appearance: none; border-radius: 2px; box-sizing: border-box; transition: all ease 0.3s; } .textError { color: red; } div.bx-auth { max-width: 850px; } div.bx-auth-note { text-align: center; } .bx-auth .col-6 { width: 62%; } .bx-auth .col-2 { width: 37%; text-align: end; } .bx-auth .input, .bx-auth .inputtext, .bx-auth .inputtextarea { width: 100%; } .vopros-add .inputtextarea { height: auto; } .input:focus, .inputtext:focus { outline: none; border-color: #96bcf2; background-color: #ffffff; } textarea{ width: 50%; padding: 10px; border: solid 1px gainsboro; } textarea.input, textarea.inputtextarea{ height: auto; } select.input { padding: 0; cursor: pointer; border-radius: 5px; -webkit-appearance: menulist; } select.input[multiple], select.input.multiple { -webkit-appearance: none; height: auto; } .input[type="file"] { padding: 5px; } .input[type="number"], .input[type="date"], .input[type="time"] { padding: 0 0 0 10px; } .input[type="color"] { padding: 0; } .input-required, .input[required] { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI5JREFUeNpi/P//PwM1ARMDlcGogaMGkgEYdysrEK3Y5c59klzoC8T7gPgzFIPYPuR6uQWINwGxIxDzQDGIvRkqR5KBIFdU41FTDXU90QYWEaGukBQDTYhQZ0LtZMNIioFniFB3mhQD+4lQ10+KgaCk0YpHTStUDUlhWAPE/kC8H4i/QjGI7QeVIxoABBgA0UkaIFtFpqkAAAAASUVORK5CYII='); background-size: 10px 10px; background-repeat: no-repeat; background-position: 100% 0; } .input.disabled, .input-disabled, .input:disabled { opacity: .5; } .input.disabled:hover, .input-disabled:hover, .input:disabled:hover { background-color: #ffffff; color: #4c4c4c; } .input-block { width: 100%; } .input-search { border-radius: 20px; padding: 0 20px; /*border-color: #cecece;*/ border-color: #e5e4e4; } .input-accent { border-color: #7facee; box-shadow: inset 0 2px 1px rgba(0,0,0,.05), 0 0 5px #7facee; } .input-pulse { border-color: #7facee; -webkit-animation-name: inputPulse; animation-name: inputPulse; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .input-pulse:focus { -webkit-animation-name: none; animation-name: none; } .checkbox { position: absolute; left: -9999px; } .checkbox + label { cursor: pointer; margin-top: 4px; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox + label > span, label > .checkbox + span{ display: inline-block; width: 16px; height: 16px; margin: -2px 10px 0 0; vertical-align: middle; background: #ffffff; cursor: pointer; border: solid 1px #b4b4b4; border-radius: 2px; position: relative; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .checkbox + label:hover > span, label:hover > .checkbox + span{ border-color: #b4b4b4; } .checkbox:checked + label > span, label > .checkbox:checked + span{ border-color: #b4b4b4; } .checkbox:checked + label > span:before, label > .checkbox:checked + span:before{ content: ' '; position: absolute; border: solid #7facee; border-width: 0 0 2px 2px; height: 4px; width: 9px; left: 3px; top: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .checkbox:focus + label > span, label > .checkbox:focus + span{ border-color: #7facee; } .checkbox:focus + label, label > .checkbox:focus{ color: #7facee; } .checkbox:checked:disabled + label > span, .checkbox:checked:disabled + label:hover > span { border-color: #4c4c4c; background-color: #7f7f7f; cursor: default; } .checkbox:checked:disabled + label > span:before, .checkbox:checked:disabled + label:hover > span:before { border-color: #4c4c4c; } .checkbox:disabled + label > span, .checkbox:disabled + label > span:hover, .checkbox:disabled + label:hover > span { border-color: #4c4c4c; background-color: #666666; cursor: default; } .checkbox:disabled + label > span:before, .checkbox:disabled + label > span:hover:before, .checkbox:disabled + label:hover > span:before { border-color: #4c4c4c; } .checkbox:disabled + label, .checkbox:disabled + label:hover { color: #4c4c4c; cursor: default; } .radio { position: absolute; left: -9999px; } .radio + label { cursor: pointer; margin-top: 4px; display: inline-block; } .radio + label > span { display: inline-block; width: 18px; height: 18px; margin: -2px 10px 0 0; vertical-align: middle; background: #ffffff; cursor: pointer; border: solid 1px #b4b4b4; position: relative; border-radius: 10px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .radio + label:hover > span, .radio + label:focus > span { border-color: #b4b4b4; } .radio:checked + label > span { border-color: #b4b4b4; } .radio:checked + label > span:before { content: ' '; position: absolute; height: 12px; width: 12px; background: #7facee; left: 3px; top: 3px; background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0) 100%); border-radius: 15px; } .radio:focus + label > span { border-color: #7facee; } .radio:focus + label { color: #7facee; } .radio:checked:disabled + label > span, .radio:checked:disabled + label:hover > span { border-color: #4c4c4c; background-color: #7f7f7f; cursor: default; } .radio:checked:disabled + label > span:before, .radio:checked:disabled + label:hover > span:before { background: #4c4c4c; } .radio:disabled + label > span, .radio:disabled + label > span:hover, .radio:disabled + label:hover > span { border-color: #4c4c4c; background-color: #666666; cursor: default; } .radio:disabled + label > span:before, .radio:disabled + label > span:hover:before, .radio:disabled + label:hover > span:before { background: #4c4c4c; } .radio:disabled + label, .radio:disabled + label:hover { color: #4c4c4c; cursor: default; } .bx-auth-reg .alert p { margin: 0 !important; } .form-control { margin: 1em 0; } .form-control .input { margin: 0; } .form-label { display: inline-block; vertical-align: middle; box-sizing: border-box; } @media (min-width: 768px) { .form-label { text-align: right; } } .alert-label { display: inline-block; position: relative; padding-left: 40px; line-height: 36px; vertical-align: middle; margin-bottom: 10px; } .alert-label:after { position: absolute; content: ""; top: 50%; left: 0; margin-top: -16px; width: 29px; height: 26px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAYAAABLlle3AAABpklEQVR42rWVsUsCURzHUw1BCmwQbhLsD3BycnMtF0dbHIJwFYfcbMr+AqWlWhQUaqpJaAhvyqXJ6Q6aDhoKgrChsu+Dr8vJ3bt33hM+yO+93+/3uXf8Hrel+qtUKilwDp5AV8SqPcJIR2AJbP6PdAsPKOox7jE+1CXcBnPwBjJcyzCei30d0iZP1XCtN7jejFqYBR/gBSRcewmxzv1slNI+T1P22C9zvx+VsAB+wK0k7455hSikj2AB8pK8PPgW+ZsKq3xt3fXd5BJMXPld5lfDClPABg7YCSjdBQ7rUmGkbT51nUtSKevqrGurCg3wCZ5BXFEaF3WsN1SkN+APlLyzku9g7FFfYv11UGER/IKBf2bSApc+fQbsU5QJY8AEXyAnkc7AhU+vHPtMQcxPesQh6IhYIp2AU8khOuxX80pIg1eSDiAdgxMG6j2ZcOZ6Kpl0L+CM1Ni3I3n/ciGweGWCzMl0bU4QDF2TJpPu855aijdiKLtTUX+Tr+gprU65AIZmqUHPUAQmsEFcszRBjymCFqfLATONOPS0VtN1DB40S+/pif0D53VSSqAissQAAAAASUVORK5CYII=') no-repeat 0 0; } @-webkit-keyframes inputPulse { from { border-color: #b4b4b4; box-shadow: inset 0 2px 1px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,0); } 50% { border-color: #7facee; box-shadow: inset 0 2px 1px rgba(0,0,0,.05), 0 0 12px rgba(14, 155, 180, 0.5); } to { border-color: #b4b4b4; box-shadow: inset 0 2px 1px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,0); } } @keyframes inputPulse { from { border-color: #b4b4b4; box-shadow: inset 0 2px 1px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,0); } 50% { border-color: #7facee; box-shadow: inset 0 2px 1px rgba(0,0,0,.05), 0 0 12px rgba(14, 155, 180, 0.5); } to { border-color: #b4b4b4; box-shadow: inset 0 2px 1px rgba(0,0,0,.05), 0 0 0 rgba(0,0,0,0); } } /* ========================================================================== TABLES */ /* ========================================================================== */ .responsive-table { position: relative; width: 100%; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 10px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #e8e8e8; } .table th { font-weight: bold; background: #f2f2f2; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #e8e8e8; } .table .table { background-color: #f0f0f0; } .table-bordered { border: 1px solid #e8e8e8; border-collapse: separate; border-left: 0; } .table-bordered th, .table-bordered td { border-left: 1px solid #e8e8e8; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered tbody + tbody tr:first-child td { border-top: solid 2px #e8e8e8; } .table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th { background-color: rgba(0, 0, 0, 0.1); } .primary-box .table-striped tbody > tr:nth-child(even) > td, .primary-box .table-striped tbody > tr:nth-child(even) > th, .secondary-box .table-striped tbody > tr:nth-child(even) > td, .secondary-box .table-striped tbody > tr:nth-child(even) > th { background-color: rgba(255, 255, 255, 0.2); } .table-hover tr:hover > th, .table-hover tr:hover > td { background-color: #f0f0f0; } .table-noborder th, .table-noborder td { border: 0; padding: 8px; } .table-noborder th p:first-child, .table-noborder td p:first-child { margin-top: 0; } .table-noborder th p:last-child, .table-noborder td p:last-child { margin-bottom: 0; } .table-noborder th:first-child, .table-noborder td:first-child { padding-left: 0; } .table-noborder th:last-child, .table-noborder td:last-child { padding-right: 0; } .table-white-box { border-radius: 3px; } .table-white-box td, .table-white-box th { background: #ffffff; padding: 20px; } .table-white-box th { vertical-align: middle; } .table-white-box thead:first-child tr:first-child th:first-child, .table-white-box tbody:first-child tr:first-child th:first-child, .table-white-box tbody:first-child tr:first-child td:first-child { border-radius: 3px 0 0 0; } .table-white-box thead:first-child tr:first-child th:last-child, .table-white-box tbody:first-child tr:first-child th:last-child, .table-white-box tbody:first-child tr:first-child td:last-child { border-radius: 0 3px 0 0; } .table-white-box tbody:last-child tr:last-child td:first-child { border-radius: 0 0 0 3px; } .table-white-box tbody:last-child tr:last-child td:last-child { border-radius: 0 0 3px 0; } .table-white-box tbody > tr:nth-child(even) > td, .table-white-box tbody > tr:nth-child(even) > th { background-color: #fcfcfc; } /* Breadcrumb -----------------------------------------------------------------------------*/ .breadcrumb { /*margin-bottom: 20px;*/ margin: 3px 0; } .breadcrumb ul { margin: 0; padding: 0; list-style: none; font-size: 14px; color: #808080; /*margin-bottom: 20px;*/ } .breadcrumb ul li { display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .breadcrumb ul li .crumb_marker { font-size: 20px; color: #808080; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.6; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /*Для телефонов phone poup*/ .phone-list { display: flex; flex-direction: column; align-items: center; color: #7899ca; background-color: #f1f1f1 !IMPORTANT; font-weight: bold; font-size: 1.2em; padding: 0 0 1.3em !IMPORTANT; border: 1px solid gainsboro; } .phone-tittle{ padding: 10px 0; width: 100%; text-align: center; background-color: #fdfdfd; border-bottom: 1px solid gainsboro; border-radius: 4px 4px 0 0; margin-bottom: 10px; color: #6e7b8e; } .txtonly { color: #6e7b8e; font-weight: normal; margin: .5em 0; font-size: 16px; text-align: center; } .other-phone { display: flex; justify-content: center; } .other-phone-items { text-align: right; letter-spacing: 1px; } .mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.6; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.35s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* ========================================================================== TOPNAVI */ /* ========================================================================== */ .menu-container-my { display: flex; /*padding: 0 7% 0 0;*/ /*justify-content: space-around;*/ } .container-top-navigation { max-height: 55px; max-width: 1300px; margin: 0 auto; position: relative; background: #7facee; color: #ffffff; line-height: 35px; } .container-top-navigation > .content > .col { position: static; } .container-top-navigation ul, .container-top-navigation li { margin: 0; padding: 0; list-style: none; } .container-top-navigation ul li { float: left; /*margin-right: 10px;*/ /*margin-right: 1%;*/ } .container-top-navigation ul li a { display: block; padding: 8px 18px; color: #ffffff; text-decoration: none; /*border-radius: 20px;*/ font-size: 1.2em; } .container-top-navigation ul li.active > a { font-weight: bold; } .container-top-navigation ul li.parent > a { position: relative; padding-right: 24px; } .container-top-navigation ul li.parent > a:after { position: absolute; content: ""; top: 50%; right: 10px; width: 0; height: 0; border: solid 4px transparent; border-top-color: #ffffff; margin-top: -1px; } .container-top-navigation ul li.parent:hover ul, .container-top-navigation ul li.parent:focus ul { display: block; } @media (min-width: 1279px) { .container-top-navigation .root { position: relative; } /*width: 880px; float: right;*/ } .container-top-navigation .root:before, .container-top-navigation .root:after { content: " "; display: table; } .container-top-navigation .root:after { clear: both; } .container-top-navigation .root > li:hover > a, .container-top-navigation .root > li:focus > a, .container-top-navigation .root > li.active > a, .container-top-navigation .root > li > a:hover, .container-top-navigation .root > li > a:focus { font-weight: normal; background: rgba(0, 0, 0, 0.2); } .container-top-navigation .root > li:hover > a { border-top: 4px solid #93dc3f; background: rgba(120, 153, 202, 0.5); } .container-top-navigation .root > li.active > a { background: rgba(120, 153, 202, 0.5); border-top: 4px solid #FFC107; } .container-top-navigation .root > li > a { border-top: 4px solid transparent; } .cn-modal { margin: 0 auto; background: #ffffff; position: relative; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,.4); } .cn-modal.cn-modal-medium { width: 640px; } .cn-modal .content { width: auto; max-width: auto; min-width: initial; } .bx-ie .cn-modal .content { min-width: auto; } .cn-modal-close, .cn-modal-close.mfp-close { color: #4c4c4c; cursor: pointer; margin: 4px 0 0 0; line-height: 50px; padding: 0; width: 50px; height: 50px; display: inline-block; font-size: 40px; } .cn-modal-header { font-size: 24px; padding: 15px 40px 15px 20px; box-shadow: 0 1px 4px rgba(0,0,0,.1); background: #ffffff; border-radius: 5px 5px 0 0; } .cn-modal-content { padding: 20px; } .cn-modal-footer { padding: 20px; } .cn-modal-error { margin: -20px -20px 0; padding: 10px 20px; background: #a42338; color: #7facee; } .cn-modal-error p { margin: 0; font-weight: bold; } .cn-modal-error font.errortext, .cn-modal-error font.notetext { color: inherit !important; } .cn-modal-error.noerror { background: #409990; } .cn-modal-errors { list-style: none; margin: 0; padding: 0; } /* ========================================================================== TABS */ /* ========================================================================== */ .tabs { margin: 2rem 0; } .white-box.col-margin-top-tab { margin-top: 20px; border: transparent; } .tabs-switchers { margin: 0; padding: 0; list-style: none; border-bottom: solid 1px #e8e8e8; display: flex; justify-content: space-around; } .tabs-switchers:before, .tabs-switchers:after { content: " "; display: table; } .tabs-switchers:after { clear: both; } .tabs-switcher { -ms-flex: 1; font-size: 17px; line-height: 20px; padding: 1em 0; color: rgb(120, 153, 202); float: left; cursor: pointer; position: relative; border-bottom: solid 2px transparent; margin: 0 .5% -1px .5%; /* background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA7CAYAAAC69OBCAAAABGdB…MDH9RWQjiDyoLJ/EblUUS8Yuw2C/yTEZzGk4CzasI4h8AUNo9C9Iwh+4AAAAASUVORK5CYII=') no-repeat 100% 0; */ width: 100%; text-align: center; border: 1px solid gainsboro; border-radius: 8px 8px 0 0; background-color: #f1f1f1; border-bottom: 1px solid gainsboro; background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); } .tabs-switcher.disabled, .tabs-switcher.active, .tabs-switcher.disabled:hover, .tabs-switcher.active:hover { cursor: default; } .tabs-switcher.active { color: #4c4c4c; background: #ffffff !IMPORTANT; border: 1px solid gainsboro; border-bottom: 1px solid white; box-shadow: 0 -2px 0 #7facee; } .tabs-switcher:hover { color: #4c4c4c; } .tabs-item { display: none; /*padding: 40px;*/ padding: 25px; border: solid 1px #e8e8e8; border-top: transparent; border-radius: 0 0 6px 6px; background-color: white; } .record-page .tabs-item:last-child { padding: 25px 40px; } .record-page .step-service-item { padding-left: 10px; } .tabs-item p:first-child { margin-top: 0; } .tabs-item p:last-child { margin-bottom: 0; } .tabs-item.active { display: flex; flex-direction: column; justify-content: center; } .tabs-gray .tabs-switchers { border-color: #dbdbdb; } .tabs-gray .tabs-switcher { background: none; color: #7facee; padding-left: 0; padding-right: 0; /*margin: 0 25px 0 0;*/ background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); } .tabs-gray .tabs-switcher.active, .tabs-gray .tabs-switcher:hover { color: #4c4c4c; } .tabs-gray .tabs-item { /*padding: 0 0 20px 0;*/ } .tabs-switcher.disabled, .tabs-switcher.disabled:hover { cursor: default; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/beauty_modern_na/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-dots .owl-dot span { width: 5px; height: 5px; margin: 0 15px 0 0; border: solid 1px #fff; background: transparent; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 10px; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #fff; } /* perfect-scrollbar v0.6.3 */ .ps-container { -ms-touch-action: none; overflow: hidden !important; } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.2); } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.2); } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 8px; opacity: 0; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; transition: background-color .2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ border-radius: 8px; opacity: 0; transition: background-color .2s linear, opacity .2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.2); border-radius: 8px; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.2); } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.2); } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: rgba(0, 0, 0, 0.2); } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: rgba(0, 0, 0, 0.2); } .tooltip { cursor: help; } .tooltipster-default { border-radius: 5px; border: 2px solid #4c4c4c; background: #4c4c4c; color: #ffffff; max-width: 100%; } .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } .tooltipster-icon { cursor: help; margin-left: 4px; } .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } .tooltipster-fade { opacity: 0; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); transform: scale(0, 0); transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); transform: rotateZ(4deg); transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; transition-property: top; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-dying { transition-property: all; top: 0 !important; opacity: 0; } .tooltipster-slide { left: -40px; transition-property: left; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-dying { transition-property: all; left: 0 !important; opacity: 0; } .tooltipster-content-changing { opacity: .5; -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* ========================================================================== Файловые инпуты */ /* ========================================================================== */ .jq-file { border-radius: 2px; margin-bottom: 10px; } .jq-file input { cursor: pointer; height: auto; line-height: 1em; } .jq-file:active .jq-file__browse { color: #ffffff; background: #7facee; border-color: #7facee; } .jq-file:active .jq-file__name { border-color: #7facee; color: #7facee; } .jq-file.disabled { color: #b4b4b4; border-color: #b4b4b4; } .jq-file.disabled .jq-file__name { color: #b4b4b4; border-color: #b4b4b4; } .jq-file.disabled:hover .jq-file__browse, .jq-file.disabled:active .jq-file__browse { background: #b4b4b4; border-color: #b4b4b4; } .jq-file.disabled .jq-file__browse { border-color: #b4b4b4; background: #b4b4b4; color: #4c4c4c; } .jq-file__name { box-sizing: border-box; width: 100%; height: 36px; padding: 0 80px 0 10px; color: #4c4c4c; font: 15px/36px Arial, sans-serif; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: solid 1px #b4b4b4; border-radius: 2px; box-shadow: inset 0 2px 1px rgba(0,0,0,.05); } .focused .jq-file__name { border-color: #7facee; color: #7facee; } .jq-file__browse { position: absolute; top: 0; right: 0; color: #ffffff; font: 15px/36px Arial, sans-serif; padding: 0 10px; border-radius: 0 2px 2px 0; background: #7facee; } .focused .jq-file__browse { color: #ffffff; background: #7899ca; } /* ========================================================================== Селекты */ /* ========================================================================== */ select.styler { opacity: 0; } .jq-selectbox { vertical-align: middle; cursor: pointer; max-width: 100%; opacity: 0; transition: opacity ease .1s; } .jq-selectbox.opacity-one { opacity: 1; } .jq-selectbox.disabled .jq-selectbox__select { background: #b4b4b4; color: #000000; opacity: .7; cursor: default; border-color: #cecece; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { opacity: 1; filter: alpha(opacity=100); } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { opacity: 0.3; filter: alpha(opacity=30); } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 20px; padding: 8px 16px 8px 30px; position: relative; margin: 7px 0; color: #4c4c4c; transition: all ease 0.3s; font-size: 15px; } .jq-selectbox li:after { content: ""; position: absolute; top: -4px; left: 30px; right: 0; height: 1px; background: #e8e8e8; } .jq-selectbox li:first-child:after { content: none; } .jq-selectbox li.selected:before, .jq-selectbox li.sel:before { position: absolute; content: ""; border: solid #7facee; border-width: 0 0 2px 2px; top: 50%; left: 8px; height: 4px; width: 9px; margin-top: -5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .jq-selectbox li.selected:hover:before, .jq-selectbox li.sel:hover:before { border-color: #ffffff; } .jq-selectbox li:hover { color: #ffffff; background: #7facee; } .jq-selectbox li.disabled { color: #b4b4b4; cursor: default; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #ffffff; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-selectbox__select { height: 36px; padding: 0 40px 0 15px; border: solid 1px #cecece; border-radius: 20px; background: #ffffff; color: #000000; font: 16px / 36px Arial, sans-serif; } .jq-selectbox__select:hover, .jq-selectbox__select:active, .focused .jq-selectbox__select, .dropdown .jq-selectbox__select { color: #4c4c4c; border-color: #7facee; } .jq-selectbox__select-text { display: block; width: 100% !IMPORTANT; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 40px; height: 100%; } .jq-selectbox__trigger-arrow { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -6px; margin-left: -4px; border: solid 2px #7facee; border-top: 0; border-right: 0; border-radius: 0 0 0 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: -webkit-transform ease .3s; transition: transform ease .3s; transition: transform ease .3s, -webkit-transform ease .3s; } .opened .jq-selectbox__trigger-arrow { margin-top: -2px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-color: #4c4c4c; } .jq-selectbox__dropdown { top: 36px; width: 100% !IMPORTANT; margin: 10px 0 ; padding: 0; font: 16px / 20px Arial, sans-serif; background: #ffffff; border: solid 1px #cecece; border-radius: 1px; min-width: 180px; box-shadow: 0 1px 10px rgba(0,0,0,.2); } .jq-selectbox__search { margin: 0; padding: 10px; background: #fcfcfc; border-bottom: solid 1px #e8e8e8; box-shadow: 0 1px 2px rgba(0,0,0,.05); } .jq-selectbox__search input { width: 100%; margin: 0; padding: 0 20px 0 40px; height: 36px; display: block; outline: none; border: solid 1px #cecece; border-radius: 20px; color: #4c4c4c; background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABtUlEQVR42u3TQUuUURTGcS1HalWAUoFZqWlgWOHGcufMpkINw5VF7uoTFAUFUh9F+KEYAoYZRCFQq3IvA00gqNSgUMz2vRGQMLyvM3Oxpefunufwv4fnntuUXXL6FIzJ65Vrii/HTHurIuyd396Y0to44oiHtiVWPZHX47SLCp75LLFhWnMjkFM+SMzqy/D6zQneaa8H6VayZaRGx00/FF2oBTnju3Xn6lzV45uitv0z+WhLR8rIApUty87II4l8g88wKriXZRy3aTZiJRaVtKTlBxK9EZhrgsm0vGw1ckW/WEivfcXjSMyMHdUxuyQYicTcFnRWS3lBdyTmiuBGmtwRiekSjBx8mquC69VSr6AQiRkTnK2WWlQ8jcS8VE6LSz5FYtbMpcUpif4IyKDgTlputWE+ArOkqCXLmBbcahByVzCZbTVb8VNPQ0+96/X+druikst1U0lsOlGr5bx1v0zU6Jiwa1vwovZdbVYE7w1mzrEkWHTS8/qgZveVBF/NGDWgy4Bxr6wJiv+CTYGySs6kBTvC3imbN+7oXzcNqjdXpyEFQ1V/JwWKqkPQAUDD/wM0LPcHLqgsRPATNpMAAAAASUVORK5CYII=') no-repeat 12px 8px; background-size: 20px 20px; -webkit-appearance: textfield; box-shadow: inset 0 2px 1px rgba(0,0,0,.05); box-sizing: border-box; transition: all ease 0.3s; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__search input:focus { border-color: #7facee; } .jq-selectbox__not-found { margin: 0; padding: 10px; text-align: center; color: #7facee; font-size: 15px; } /* ========================================================================== COMMON STYLES */ /* ========================================================================== */ .container.container-h1.container-white { max-width: 1280px; margin: 1rem auto; } .container-white, .white-box, .white-content-box { /*background: #ffffff;*/ } .container-white { /*border-bottom: solid 1px #e8e8e8;*/ border-bottom: none; } .white-box, .white-content-box { border-radius: 2px; border: solid 1px #e8e8e8; } .white-box { border: solid 1px #e8e8e8; background-color: white; } .no-border{ border: transparent; background-color: transparent; } .white-content-box { /*padding: 40px;*/ padding: 0 10px; /*padding: 0 2em;*/ } .container.container-main { /*padding: 0 0 40px;*/ padding: 0 0 20px; /*background: linear-gradient(to bottom, #ffffff 0%, #faf9f9 30%);*/ background: linear-gradient(to bottom, #ffffff 0%, rgba(240, 240, 240, 0.4) 30%); } .white-content-box.col-margin-top { margin-bottom: 20px; border: transparent; } .white-content-box p:first-child { margin-top: 0; } .white-content-box p:last-child { margin-bottom: 0; } .container-h1 { /*padding-top: 20px;*/ padding-top: 0; } /* ========================================================================== HEADER */ /* ========================================================================== */ .content-flex { display: flex; align-items: center; justify-content: space-between; width: 65.8%; /*height: 40px;*/ margin: -11px 0; padding: 0 10px 20px 0; } .top-fone-and-login { display: flex; float: right; align-content: flex-end; width: 50%; justify-content: flex-end; } .login-cabinet { padding: 0 5px; } .leo-logo { /* position: relative; z-index: 1; margin: -87px 0 10px -10px; top: 55px;*/ /*width: 335px;*/ } .container.container-white.col-padding { display: flex; justify-content: space-between; height: 35px; padding: 10px 0; border: 0; background: transparent; } .container-top-line { /*background: #f5f5f5;*/ /*border-bottom: solid 1px #e8e8e8;*/ padding: 5px 10px; background: transparent; } .top-line-link { line-height: 30px; display: inline-block; color: #f0f4fd; } .top-line-link:hover { color: white; } .logo-link { display: block; text-decoration: none; /*margin: -95px 20px 0 0;*/ position: relative; bottom: 45px; z-index: 1; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .logo-link { top: 60px; } } .leo-groop { z-index: 2; color: white; position: absolute; letter-spacing: 3.5px; top: 106px; left: 40px; } .logo-link:hover, .logo-link:focus { color: #7facee; text-decoration: none; } .logo-link img { /*float: left;*/ /*margin-right: 20px;*/ } .logo-block { font-size: 14px; /*color: #808080;*/ display: none; overflow: hidden; } .logo-block .h1 { margin: 0; display: block; } a:hover .logo-block .h1, a:focus .logo-block .h1 { color: #7facee; } .top-search-my { right: 6%; position: relative; bottom: 4px; width: 34%; display: none; } /*mobile-search-and-phone*/ .mobile-search-and-phone { display: flex; flex: 0 0 53%; /*width: 48%;*/ justify-content: space-between; margin: 0 -20px; position: relative; right: 6.5%; z-index: 2; } .search-mobile{ margin: 0 0 0 5px; } .top-search-my { display: none; /*right: 3%;*/ /*width: auto;*/ } .phone-mobile { display: flex; max-height: 42px; display: flex; background-color: rgba(127, 172, 238, 0.5); border-radius: 25px; z-index: 1; align-items: center; margin: 0 -1% 0 0; } .phone-mobile a { padding: 10px; -webkit-appearance: none; color: #fff; font-size: 1.1rem; } /*-----------*/ .zapis-mobile { display: none; } .zapis { position: relative; right: 1%; } .icon.icon-record { display: none; } .top-line-link-zapis{ line-height: 36px; display: inline-block; background: white; vertical-align: middle; padding: 0 15px; border-radius: 4px; border: 1px solid rgba(120, 153, 202, 0.2); } .over-header-phone { text-align: center; position: relative; } .header-phone { font-size: 15px; } .tphone { background: url(/local/templates/beauty_modern_na/images/phone2.svg) no-repeat; margin: 6px 7px 0 0; width: 20px; height: 25px; float: left; } /* ========================================================================== SIDEBAR */ /* ========================================================================== */ /* ========================================================================== CONTENT */ /* ========================================================================== */ .content-my { position: relative; margin: 0 auto; width: 100%; min-width: 992px; max-width: 1300px; /*background-image: -webkit-linear-gradient(90deg, rgb(228, 246, 250) 0%, rgb(103, 188, 224) 100%); background-image: linear-gradient(0deg, rgb(228, 246, 250) 0%, rgb(103, 188, 224) 100%);*/ background-image: url('/local/templates/beauty_modern_na/images/headerbg.jpg'); background-repeat: repeat-x; /*background-size: cover;*/ } .big-stat-block { font: normal 60px/60px Arial, sans-serif; float: left; margin-right: 10px; } .half-stat-block { overflow: hidden; font: normal 19px/24px Arial, sans-serif; margin-top: 6px; } /* ========================================================================== BIG-SLIDER */ /* ========================================================================== */ .two-banners { width: 75%; float: right; display: flex; } /* ========================================================================== Left menu левое меню - jQuery custom content scroller */ /* ========================================================================== */ .main-box { display: flex; max-width: 100%; margin: 0 auto; height: 745px; /*max-height: 742px;*/ overflow: auto; background: transparent; /*color: white;*/ /*padding: 20px 0;*/ } #menu-scroller { margin: 0 auto; overflow-y: hidden; /*===========*/ width: 100%; } .text-left { padding: 0 0 0 20px; } .text-right { padding: 0 20px; } /*================================================*/ .services-list-content.services-list-gray.d-b { padding: 0 0 0 5px; } .mCSB_scrollTools { right: 94% !Important; } .mCSB_inside > .mCSB_container { margin-right: 0; } .mCSB_dragger_bar { background-color: rgba(120, 153, 202, 0.8) !IMPORTANT; border-radius: 2px !IMPORTANT; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; background-color: rgba(154, 178, 215, 0.3); } .mCSB_buttonDown, .mCSB_buttonUp { opacity: 0.7; filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)"; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 25px 0; } /*=================== стили для меню битрикс ===========================*/ ul.bx_sitemap_ul { /*margin: 0 -1.5em;*/ padding: 0 0 0 1.3em; } .bx_sitemap .bx_sitemap_ul li { border: 1px solid transparent; /*margin: .2em 0em;*/ padding: 0 .5em; } .bx_sitemap .bx_sitemap_ul li:hover { background-color: #f8f8f8; border-top: 1px solid gainsboro; border-bottom: 1px solid gainsboro; } .bx_sitemap .bx_sitemap_li_title { font-weight: normal; line-height: 13px; margin-bottom: 0 !IMPORTANT; display: block; } .bx_sitemap .bx_sitemap_li_title a { line-height: 1.4em; white-space: normal; display: block; } /* ========================================================================== Image menu - медицина, сфера красоты, аптечная сеть... центральное меню с картинками*/ /* ========================================================================== */ .mobile-only, .mob767, .mob639, .zapis-knob.mob767, .zapis-mobile .mob767, .zapis-vopros-otzyv .mob767, .fl-r-org-zapis-to.mob767{ display: none; } .spaceup { padding-top: 15px; } .all-image-menu { list-style: none; -webkit-padding-start: 0; padding: 0; margin: 15px 0 0 0; } .image-menu-box { border: 1px solid rgba(120,153,202,.2); } .image-menu-box .inner { position: relative; } .image-menu-box .box-image img { min-width: 100%; position: relative; height: auto; } .inner:hover { box-shadow: 0 1px 2px 1px rgba(0,0,0,.12)!important; } /* -- UX Box Texts -- */ .boxtext { border-top: 1px solid rgba(120,153,202,.2); border-bottom: 1px solid rgba(120,153,202,.2); } .image-menu-box a { /*color: #777777;*/ } /* - text badge */ .image-menu-box .boxtext { position: absolute; bottom: 20px; /*padding: 11px 0 8px;*/ left: 0; right: 0; text-align: center; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.9); transition: all 200ms ease-out; } .image-menu-box:hover .boxtext { background-color: rgba(120,153,202,.7); backdrop-filter: blur(5px); } .image-menu-box:hover .boxtext * { color: #ffffff !important; } .menu-title { margin: 14px 0 14px; font-size: 1.1rem; font-weight: bold; } /* Image menu на странице разделов */ .razdely-menu { } /* ========================================================================== Small-menu menu */ /* ========================================================================== */ .small-menu { list-style: none; -webkit-padding-start: 0; padding: 0; } .small-menu-box { border: 1px solid transparent;; border-radius: 4px; margin: 0 0 .18rem; padding: .13em; vertical-align: middle; font-size: 1rem; font-weight: bold; } .small-menu-box:hover { border: 1px solid rgba(120,153,202,.2); /*background-color: rgb(254, 254, 254);*/ background-color: rgba(255, 255, 255, 0.8); } .flex-small { display: flex; justify-content: flex-start; align-items: center; padding: 0 2rem; } a.flex-small { text-decoration: none; } .small-menu-text { padding: 0 1rem; } /*Ниже стили для спрайта меню*/ .sprite { background-image: url('/local/templates/beauty_modern_na/images/image-menu/small-menu-sprites.png'); background-repeat: no-repeat; display: block; } .sprite-aboniment { width: 70px; height: 52px; background-position: -5px -5px; } .sprite-bonusnaja-programma { width: 70px; height: 52px; background-position: -5px -67px; } .sprite-contact { width: 70px; height: 51px; background-position: -85px -5px; } .sprite-dlja-pacientov { width: 70px; height: 41px; background-position: -85px -66px; } .sprite-vakansii { width: 70px; height: 50px; background-position: -85px -117px; } /* ========================================================================== ЗАПИСЬ ОСТАВИТЬ ОТЗЫВ ЗАДАТЬ ВОПРОС */ /* ========================================================================== */ .sprite-otzyv { background-image: url(/local/templates/beauty_modern_na/images/image-menu/spritesheet.png); background-repeat: no-repeat; display: block; } .sprite-otzyv-ostavit-ozyv { width: 70px; height: 70px; background-position: -5px -5px; } .sprite-otzyv-zadat-vopros { width: 70px; height: 70px; background-position: -5px -85px; } .sprite-otzyv-zapisatsya { width: 70px; height: 70px; background-position: -5px -165px; } /*---------------------------------------*/ .small-menu-box-otzyv { border: 1px solid transparent; border-radius: 4px; margin: 0 0 .5rem; padding: .5em; vertical-align: middle; font-size: 1rem; font-weight: bold; text-align: center; } .small-menu-box-otzyv:hover { border: 1px solid gainsboro; background-color: #f9fafc; } .flex-small-otzyv { display: flex; justify-content: space-around; align-items: center; padding: .3rem; flex-direction: column; } .flex-small-otzyv.hide767 { padding: 0; } a.flex-small-otzyv { text-decoration: none; } /*ГОРИЗОНТАЛЬНЫЙ ВАРИАНТ*/ .zapis-vopros-otzyv { display: flex; list-style: none; flex-wrap: wrap; justify-content: space-around; padding: 0; } .otzyv-horizontal{ width: 25%; } .small-menu-text-horizontal{ padding: 0; } .vo-item input[type=checkbox], input[type=radio] { margin: 0; } .two-items .otzyv-horizontal { width: 43%; } /* ========================================================================== КОМПЛЕКСНЫЕ МЕД-ПРОГРАММЫ */ /* ========================================================================== */ /*Общий контейнер для мед-программ и новостей*/ .full-width { width: 103.2%; margin: 20px 0 0; position: relative; right: 1.57%;; background-color: #f0f0f0; /*padding: 0 30px;*/ border-top: 2px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; /* width: 1300px; */ box-sizing: border-box; } /*КОМПЛЕКСНЫЕ МЕД-ПРОГРАММЫ*/ /* ========================================================================== NEWS НОВОСТИ */ /* ========================================================================== */ .tittle-for-med-pr-news { display: flex; justify-content: space-around; align-items: center; } .h2-tittle h2 { color: #7899ca; font-weight: bolder; } .all-news-on-home-page { display: flex; justify-content: space-between; padding: 0 2em; flex-wrap: wrap; } .col-6.pad { display: flex; width: 49.3%; } /*.pad { padding: 0 .5em; }*/ .news-container { display: flex; max-height: 240px; overflow: hidden; background-color: #fff; border: 4px solid #e3e3e3; margin-bottom: 30px; position: relative; flex: 1; } .entry-header { position: relative; } .post-thumb { overflow: hidden; position: relative; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-fullwidth { width: 100%; } .entry-date { background-color: #7899ca; border: 4px solid #eee; color: #fff; font-size: 15px; /*font-weight: 600; */ padding: 5px 8px; position: absolute; right: -24px; text-align: center; top: 140px; } .entry-date span { display: block; font-size: 14px; margin-top: 0; /*text-transform: uppercase;*/ } .entry-title { /*margin: 15px 0 -5px;*/ } .text-container { position: relative; /*float: left;*/ min-height: 1px; padding: 0 1em 0 2.5em; box-sizing: border-box; } .news-text-content { position: relative; font-size: .9em; } /* ========================================================================== РАЗДЕЛ МЕДИЦИНА КЛИНИКИ */ /* ========================================================================== */ .org-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .org-item { display: flex; flex-direction: column; width: 45.5%; padding: 1em; border: 1px solid gainsboro; border-radius: 3px; margin: .5em 0; background-color: #fbfbfb; text-align: center; justify-content: space-between; } .org-item:hover { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12)!important; } .full-width-org{ width: 100%; } .org-item .rec-btn { width: 100%; /*text-align: center;*/ } /*.org-item div:nth-child(4) { align-self: flex-end; }*/ /* ========================================================================== Contact Страница контактов организаций */ /* ========================================================================== */ .border{ padding: .2em; border: 1px solid gainsboro; border-radius: 4px; } .adres-and-button { display: flex; justify-content: space-around; /*align-items: center;*/ align-items: stretch; max-width: 1090px; margin: 0 auto; } /*magnific-popup for zoom animation style*/ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /*additional-photos - дополнительные фото для организаций*/ .additional-photos { display: flex; justify-content: space-around; /*margin: 15px 0;*/ margin: 2rem 0 1rem; /*flex-wrap: wrap;*/ } .image-popup-no-margins { margin: 0 1px; cursor: -ms-zoom-in; cursor: zoom-in; } .nameprop { display: inline-block; } /*Адрес, телефон, режим работы*/ .adres-only { display: flex; justify-content: space-around; flex-direction: column; min-width: 29%; max-width: 50%; } .button-only { display: flex; flex-wrap: wrap; justify-content: flex-end; align-self: stretch; align-items: center; } .button-only >* { margin: 1rem 1rem 0; } /*Вернуться к списку учреждений*/ .arrow_box { position: relative; background: #96bcf2; border: 2px solid #c2e1f5; padding: 5.5px 10px; color: white; width: max-content; margin: 0 0 1rem; } .arrow_box:hover { color: white; background: #7899ca; text-decoration: none; } /*Почта банк*/ .pochta-bank-knob { display: flex; align-items: center; } /* ================================================================== Вопрос - Ответ страницы отправки и пр =====================================================================*/ /*/components/bitrix/form.result.list/qa_template/template.php*/ .vop-otv-container { display: flex; flex-direction: column; width: auto; justify-content: space-around; } .vop-otv-section { width: 100%; display: flex; width: auto; justify-content: space-around; } .one { display: flex; flex-direction: column; width: 76%; border: 1px solid gainsboro; border-radius: 4px; } .two { width: 20%; padding: 1em 1em; border-radius: 4px; border: 1px solid gainsboro; } .vopros { display: flex; padding: .5em 0; border-bottom: 1px solid gainsboro; } .otvet{ display: flex; padding: .5em 2em; background-color: rgba(220, 220, 220, 0.2); } .vopros-name { padding: 0 1em; font-weight: bold; } .vopros-text{ -ms-flex: 1; } /*прячем старое поле ввода в ответе на вопрос, - которое без виз. редактора*/ #textarea_31, #textarea_36{ display:none; } /*Скрываем поле обработки персональных данных в фильтре*/ table.form-filter-table tr:nth-child(4) { display: none; } /* ================================================================== Всплывающая форма обратной связи Magnific Popup =====================================================================*/ .links { display: flex; justify-content: center; } #inline-popups { display: inline-block; list-style: none; padding: 0; } #inline-popups h3 { margin: 0; } #inline-popups a:focus { outline: transparent; -webkit-focus-ring-color transparent; text-decoration: none; } #inline-popups a:hover { text-decoration: underline; color: #97b3dc; } /* text-based popup styling */ .white-popup { position: relative; background: #FFF; padding: 25px; width: auto; max-width: 470px; margin: 0 auto; border-radius: 4px; } /*====== Zoom effect ======*/ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.6; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* ========================================================================== ФОРМА ОБРАТНОЙ СВЯЗИ СТРАНИЦА */ /* ========================================================================== */ /*Чек бокс - делаем его нормальным*/ .white-content-box.col-margin-top > form > div:nth-child(10) > input{ line-height: normal; -webkit-appearance: checkbox !IMPORTANT; height: inherit; width: inherit; margin: 5px; } /*Чекбокс и "Ясогласен" на одной строке*/ .white-content-box.col-margin-top > form > div:nth-child(10){ display: inline-flex; flex-direction: row-reverse; } /*.white-content-box.col-margin-top > form > div:nth-child(11){ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; }*/ /* ========================================================================== MAIN-EXPAND */ /* ========================================================================== */ .main-expand-wrapper { height: 163px; overflow: hidden; } .main-expand-wrapper.main-expand-wrapper-insurance, .main-expand-wrapper.expanded { height: auto; overflow: auto; } .main-expand-wrapper-insurance { background: #ffffff; } .main-expand-footer-block { margin: 0 -40px -20px; padding: 20px 40px 0; text-align: center; border-top: solid 1px #e8e8e8; } .main-specialty-list { margin: 0 0 0 -30px; padding: 0; list-style: none; } .main-specialty-list li { width: 33.33333333%; float: left; padding-left: 30px; box-sizing: border-box; } .main-specialty-list li a { display: block; padding: 10px 0; border-top: solid 1px #e8e8e8; line-height: 20px; color: #4c4c4c; text-decoration: none; transition: all ease 0.3s; } .main-specialty-list li a:hover, .main-specialty-list li a:focus { color: #7facee; } .main-specialty-list li:nth-child(1) a, .main-specialty-list li:nth-child(2) a, .main-specialty-list li:nth-child(3) a { border-top: 0; } .main-insurance-list { margin: 0; padding: 0; list-style: none; } .main-insurance-list li { width: 25%; float: left; } .main-insurance-list li a { display: block; height: 180px; /*margin: -1px 0 0 -1px;*/ vertical-align: middle; text-align: center; border: solid 1px #e8e8e8; overflow: hidden; transition: all ease 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .main-insurance-list li a img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main-insurance-list li a:hover, .main-insurance-list li a:focus { background: rgba(0, 0, 0, 0.05); } .content-directions ul { margin: 0; padding: 0; list-style: none; } .content-directions ul li { font-size: 18px; } .content-directions ul li > ul { margin-top: 20px; } .content-directions ul li li { font-size: 15px; padding: 0 0 0 0; } .block-links-list { padding: 0; list-style: none; font-size: 17px; } .block-links-list li { float: left; } .block-links-list li .block-link-item { padding: 20px; text-align: center; background: #ffffff; border-radius: 2px; border: solid 1px #e8e8e8; box-sizing: border-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .block-links-list li .block-link-item.ta-left { text-align: left; } .block-links-list li .block-link-item img { max-height: 80px; margin-bottom: 10px; } .block-links-list li .block-link-item .vertical-wrapper { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* ========================================================================== SEARCH-IN-PAGE */ /* ========================================================================== */ .search-in-page.col-margin-top { margin-top: 0; padding: 0 1.2%; } .search-in-page-wrapper { position: relative; } .search-in-page-input { margin: 3px 0; padding-left: 40px; box-shadow: 0 0 0 3px rgba(0,0,0,.05); } .search-in-page-input:focus { box-shadow: 0 0 0 3px rgba(14, 155, 180, 0.15); } .search-in-page-input.not-empty + .search-in-page-reset { opacity: 1; } .search-in-page-btn, .search-in-page-reset { display: block; position: absolute; width: 20px; height: 20px; margin-top: -9px; top: 50%; left: 15px; background: transparent; border: 0; padding: 0; } .search-in-page-reset { left: auto; right: 15px; opacity: 0; transition: all ease 0.3s; } .search-in-page.noshadow .search-in-page-input { margin: 0; box-shadow: none; } .search-in-page-btn:focus .icon-search, .search-in-page-input:focus + .search-in-page-btn .icon-search { background-position: -60px -40px; } /* ========================================================================== DOCTOR */ /* ========================================================================== */ .doctor-photo { float: left; width: 120px; height: 120px; border-radius: 70px; overflow: hidden; background-position: 50% 50%; background-size: cover; margin-right: 20px; } .doctor-short-info h1, .doctor-short-info .h1 { line-height: 36px; } .doctor-menu { /* border-top: solid 1px #e8e8e8; */ border: 1px solid gainsboro; border-radius: 56px; background: #fff; position: relative; box-shadow: 0 0 0 3px rgba(0, 0, 0, .05); margin: 2rem 0; } .doctor-menu ul { margin: 0; padding: 20px 35px; list-style: none; } .doctor-menu ul:before, .doctor-menu ul:after { content: " "; display: table; } .doctor-menu ul:after { clear: both; } .doctor-menu ul li { float: left; margin-left: 24px; padding-left: 24px; font-size: 17px; border-left: solid 1px #e8e8e8; } .doctor-menu ul li:first-child { margin-left: 0; padding-left: 0; border-left: 0; } .doctor-menu ul a.active { color: #4c4c4c; font-weight: bold; text-decoration: none; } .doctor-menu ul a.active:hover { text-decoration: underline; } .timeline-item { margin-top: 20px; padding-top: 20px; border-top: solid 1px #e8e8e8; } .timeline-item:before, .timeline-item:after { content: " "; display: table; } .timeline-item:after { clear: both; } .timeline-item:first-child { margin-top: 0; padding-top: 0; border: 0; } .timeline-date { width: 130px; float: left; margin-right: 10px; font-size: 17px; font-weight: bold; } .timeline-content { overflow: hidden; } .feedback-block{ padding: 0 4rem 1rem; } .feedback-item-header { font-size: 17px; margin-bottom: 10px; color: #333333; font-weight: 600; } .feedback-item-header:before, .feedback-item-header:after { content: " "; display: table; } .feedback-item-header:after { clear: both; } .feedback-item-content{ margin: 0 0 0 10px; } .addcomm { display: flex; flex-direction: column; justify-content: center; align-items: center; } .doctors-search { text-align: right; } .doctors-search .input-round-search { float: none; } .doctors-search .btn-round-search { float: right; } .doctor-item { padding: 20px; position: relative; } .doctor-item.white-box { border: solid 1px #e8e8e8; } .doctor-item-image { display: block; margin: 0 auto; width: 120px; height: 120px; border-radius: 120px; background-color: #f5f5f5; background-position: 50% 50%; background-size: cover; transition: all ease 0.3s; border: 4px solid #fff; box-shadow: 0 0 0 1px gainsboro; } .doctor-item-image:hover { box-shadow: 0 0 0 2px rgb(150, 188, 242); } .doctor-item-content { position: relative; text-align: center; min-height: 50px; } .doctor-item-content.have-footer { display: flex; flex-direction: column; padding-bottom: 45px; cursor: auto; } .doctor-item-content.have-footer.have-question { padding-bottom: 60px; } .doctor-item-content.have-footer.have-question .addquestion-link-block { bottom: 25px; } .doctor-item-header { font: normal 17px/20px Arial, sans-serif; font-weight: bold; margin: 20px 0 0; } .doctor-item-description { font-size: 14px; line-height: 16px; color: #808080; /*---------------*/ cursor: auto; } .doctor-item-description-position { position: relative; top: 1em; cursor: auto; line-height: 18px; min-height: 36px; } .doctor-item-footer { position: absolute; bottom: 0; left: 0; right: 0; font-size: 14px; line-height: 20px; cursor: auto; } .doctor-item-footer .day { display: inline-block; margin-right: 10px; cursor: auto; } .doctor-item-footer .addquestion-link-block { position: absolute; bottom: 0; left: 0; right: 0; } .doctor-item-comments { position: absolute; display: block; width: 34px; height: 34px; top: 20px; right: 20px; background: url('/local/templates/beauty_modern_na/images/all-icons-lightblue.png') no-repeat -30px 0; font-size: 14px; line-height: 34px; color: #808080; text-decoration: none; text-align: center; } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) { .doctor-item-comments { background-image: url('/local/templates/beauty_modern_na/images/all-icons-lightblue@2x.png'); background-size: 80px 180px; } } .doctor-item-comments:hover, .doctor-item-comments:focus { color: #7facee; text-decoration: none; } /* ================================================================== Мастер записи на прием =====================================================================*/ /*Поиск учреждения*/ #filterOrgCatalog { display: flex; flex-direction: column; align-items: center; margin: 10px 5px; } #filterOrgCatalog .input-status { display: flex; justify-content: center; } .input-status { width: 100%; } /**/ .org_list tr { display: flex; justify-content: center; justify-content: space-between; } .org_list tr:last-child td { margin: 5px auto; } table.org_list td.delimiter, table.org_list td.rowDelimiter { display: none; } table.org_list td { margin: 5px 5px; padding: 15px; width: 47%; } table.org_list td .rec-btn { position: relative; left: 0; display: flex; justify-content: center; } table.org_list tr td > * { text-align: center; } .tabs.tabs-gray .white-content-box { border: none; } /*Детальная \ карточка услуги*/ .col.col-3.ta-right.mb20 a:nth-child(2) { margin: 5px 0 15px; display: flex; justify-content: center; } /*Доктор с расписанием (шаг время)*/ .schedule-item { display: flex; align-items: center; } .schedule-doctor-item, .schedule-doctor-item > div { display: flex; flex-direction: column; } .schedule-doctor-image { display: flex; align-self: center; margin: 0 0 20px; } .schedule-doctor-content { text-align: center; } form .col-margin-bottom.valid + .ta-center, form .col-margin-bottom + .ta-center { text-align: left !Important; } /*Последний шаг мастера, выбор дата рождения во всех местах на сайте*/ .bx-calendar [class*="cell-"] { padding-left: 0; padding-right: 0; margin-top: 7px; } /*Делаем ссылку неактивной на "Отпуск" в расписании*/ .vacation a { pointer-events: none; } /* ========================================================================== PHOTOALBUM */ /* ========================================================================== */ .photoalbum-cover { position: relative; } @media (max-width: 768px) { .photoalbum-cover { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .photoalbum-cover { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1279px) { .photoalbum-cover { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 1280px) { .photoalbum-cover { margin-top: 20px; margin-bottom: 20px; } } .photoalbum-cover-btn { position: absolute; top: 40px; left: 40px; background-color: rgba(255, 255, 255, 0.5); } /* ========================================================================== IN-PAGE-NAV */ /* ========================================================================== */ .in-page-nav { margin: 0; padding: 0; list-style: none; overflow: hidden; background: #ffffff; border-radius: 2px; border: solid 1px #e8e8e8; } .in-page-nav-price { border-width: 2px; } .in-page-nav li a { display: block; padding: 10px 20px; /*border-top: solid 1px #e8e8e8;*/ line-height: 20px; color: #4c4c4c; text-decoration: none; transition: all ease 0.3s; } .in-page-nav li a:hover, .in-page-nav li a:focus { color: #7facee; /*background-color: #f8f8f8;*/ background-color: hsla(0, 0%, 96%, 1); } .in-page-nav li:first-child a { border-top: 0; } .in-page-nav-noborder { border-width: 0; } .in-page-nav-noborder li a { /*padding: 8px 0;*/ } .in-page-nav-noborder li a:hover, .in-page-nav-noborder li a:focus { /*background-color: transparent;*/ } .in-page-nav-noborder li:first-child a { padding-top: 0; } .in-page-nav-noborder li:last-child a { padding-bottom: 0; } /* ========================================================================== NEWS-ITEM */ /* ========================================================================== */ .news-item { margin: 0; padding: 40px 0; border-bottom: solid 1px #e8e8e8; } .news-item:before, .news-item:after { content: " "; display: table; } .news-item:after { clear: both; } .news-item:first-child { padding-top: 0; } .news-item:last-child { /*margin-bottom: 0;*/ /*border-bottom: 0;*/ /*padding-bottom: 0;*/ } .news-item-image { float: left; max-width: 280px; margin: 0 30px 0 0; padding: 4px; border: 1px solid gainsboro; border-radius: 4px; background-color: #ffffff; } .news-item-image:hover { box-shadow: 0 1px 4px 0 gainsboro; } .news-item-image + .news-item-content { overflow: hidden; } .news-item-header { font: normal 19px/28px Arial, sans-serif; margin: 0; } .news-item-header a { /*color: #4c4c4c;*/ color: #808080; text-decoration: none; } .news-item-header a:hover, .news-item-header a:focus { color: #7facee; } .news-item-date { font-size: 14px; margin-bottom: 10px; color: #808080; } .short-news-image { float: right; padding: 40px 40px 40px 20px; width: 50%; text-align: right; box-sizing: border-box; } .short-news-image + .short-news-item-big { float: left; width: 50%; } .short-news-item { float: left; width: 50%; padding: 40px; border-right: solid 1px #e8e8e8; box-sizing: border-box; } .short-news-item + .short-news-item { border-right: 0; border-left: solid 1px #e8e8e8; margin-left: -1px; } .short-news-item-big { border: 0; overflow: hidden; padding-right: 20px; float: none; width: auto; } .short-news-date { color: #808080; margin-bottom: 10px; } .short-news-header { font-size: 19px; } .short-news-text { margin-top: 20px; color: #808080; } /* ========================================================================== NEWS-BLOCK */ /* ========================================================================== */ /*Смотреть все: Новости Объявления*/ .novosti-ob { width: 63%; display: flex; justify-content: space-around; margin: 0 auto; } a.border-link.fz16 { border-bottom: none; } .h3.m0 { padding-top: 9px; } /*Смотреть все: Новости Объявления end*/ .news-block-square { background: #ffffff; border-radius: 2px; border: solid 1px #e8e8e8; } .news-block-square .news-block-items { margin: -1px 0 0 -1px; } .news-block-square .news-block-item { float: left; border-top: solid 1px #e8e8e8; border-left: solid 1px #e8e8e8; padding: 40px; width: 50%; box-sizing: border-box; } .news-block-line .news-block-item { margin-top: 30px; } .news-block-line .news-block-item:first-child { margin-top: 0; } /* ========================================================================== PAGE-NAVIGATION */ /* ========================================================================== */ .page-navigation { display: inline-block; margin: 20px 0; } .page-navigation-wrapper { text-align: center; } .page-navigation-pages a { display: inline-block; min-width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 36px; padding: 0 5px; color: #4c4c4c; box-sizing: border-box; transition: all ease 0.3s; } .page-navigation-pages a:hover, .page-navigation-pages a:focus { text-decoration: none; color: #7facee; background: #ffffff; } .page-navigation-pages a.current { color: #ffffff; background: #7facee; } .page-navigation .right-arr, .page-navigation .left-arr { font-size: 18px; color: #808080; } .page-navigation .right-arr:hover, .page-navigation .left-arr:hover { color: #7facee; text-decoration: none; } .page-navigation .right-arr { margin-left: 20px; } .page-navigation .left-arr { margin-right: 20px; } /* ========================================================================== FOOTER */ /* ========================================================================== */ .footer-menu-wrapper { display: flex; justify-content: space-around; } .footer-section { width: 22%; } .section-content{ padding: 0 0 0 2em; } .footer-section p { line-height: 18px; } .footer-info { width: 31%; padding: .8em 2em 0 0; } .footer-info p { text-align: right; line-height: 18px; } /*Для сотрудников*/ .cbp-spmenu-vertical { list-style: none; color: #f0f5fc; margin: 0; padding: 0; } .cbp-spmenu-vertical a, .footer-menu-wrapper a { color: #f0f5fc; } /*=======================*/ .line-footer { height: 2px; background-color: #5d5d5d; box-shadow: 0 2px 9.5px 0.5px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 9.5px 0.5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 9.5px 0.5px rgba(0, 0, 0, 0.75); } .my-footer { max-width: 1300px; margin: 0 auto; margin-bottom: 1%; -ms-box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.15); box-shadow: 0 -3px 10px 0 rgba(0,0,0,0.15); background: #6878d7; color: #f0f5fc; background-image: url('/local/templates/beauty_modern_na/images/headerbg-transparent.png'); background-repeat: no-repeat; background-position: 0% 100%; background-size: contain; border-radius: 0 0 6px 6px; } .menusotrudniki { max-width: 33%; padding: 0 1em; } .footer-col { width: 50%; padding: 0 1em; } .container-primary-line { background: #7facee; color: #ffffff; font-size: 19px; text-align: center; } .footer-header { font: normal 17px/40px Arial, sans-serif; border-bottom: solid 1px #e8e8e8; } .footer-nav { margin: 0; padding: 0; list-style: none; font-size: 14px; } .footer-nav li, .cbp-spmenu-vertical li { line-height: 24px; margin: 0; } .footer-nav a { /*color: #808080;*/ color: #f0f5fc !IMPORTANT; border-bottom: solid 1px rgba(16, 132, 152, 0.2); text-decoration: none; transition: all ease 0.3s; } .footer-nav a:hover, .footer-nav a:focus { text-decoration: none; color: #7facee; border-bottom-color: #f0f5fc; } .round-search { margin-top: 20px; } .input-round-search { border-radius: 20px 0 0 20px; margin-bottom: 0; float: left; border-right: 0; width: 80%; z-index: 2; } form input[type="text"]::-webkit-input-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]::-moz-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]:-moz-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]:-ms-input-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]:focus::-webkit-input-placeholder {text-indent:25%; color: #bdbdbd; transition:text-indent 0.4s ease} form input[type="text"]:focus::-moz-placeholder {text-indent:25%; color: #bdbdbd; transition:text-indent 0.4s ease} form input[type="text"]:focus:-moz-placeholder {text-indent:25%; color: #bdbdbd; transition:text-indent 0.4s ease} form input[type="text"]:focus:-ms-input-placeholder {text-indent:25%; color: #bdbdbd; transition:text-indent 0.4s ease} .metrika-copyright { display: flex; justify-content: space-between; width: 91%; float: right; left: 5%; position: relative; font-size: 14px; } .metrika { bottom: 5px; position: relative; } /* ========================================================================== SOCIAL ICONS MY */ /* ========================================================================== */ .social-flex{ display: flex; width: 100%; margin: 0 auto; padding: 0.8em 0; flex-wrap: wrap; justify-content: flex-end; /*align-content: stretch;*/ } .social-flex a { margin: 0 .2em; } /*SOCIAL ICONS END*/ @media (min-width: 1279px) { .input-round-search { /* width: 220px;*/ width: 80%; } } /*.input-round-search.input-block { width: 860px; }*/ .btn-round-search { border-radius: 0 20px 20px 0; padding: 0; width: 19%; background: #96bcf2; } .footer-carousel-wrapper { padding: 20px 50px; position: relative; } .footer-carousel.owl-carousel .owl-item a { display: block; text-align: center; background: #ffffff; padding: 16px; border: solid 1px #e8e8e8; border-radius: 4px; color: #808080; text-decoration: none; font-size: 12px; line-height: 16px; box-sizing: border-box; } .footer-carousel.owl-carousel .owl-item img { width: auto; margin: 0 auto 10px; } .footer-carousel .owl-next, .footer-carousel .owl-prev { position: absolute; top: 50%; margin-top: -16px; width: 18px; height: 34px; text-indent: -9999px; background: url('/local/templates/beauty_modern_na/images/all-icons-lightblue.png') no-repeat -30px -70px; } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) { .footer-carousel .owl-next, .footer-carousel .owl-prev { background-image: url('/local/templates/beauty_modern_na/images/all-icons-lightblue@2x.png'); background-size: 80px 180px; } } .footer-carousel .owl-next:hover, .footer-carousel .owl-prev:hover { background-position: -30px -110px; } .footer-carousel .owl-prev { left: -50px; } .footer-carousel .owl-next { background-position: -60px -70px; right: -50px; } .footer-carousel .owl-next:hover { background-position: -60px -110px; } .footer-carousel .carousel-item-image { height: 50px; display: block; margin-bottom: 5px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .footer-carousel .carousel-item-image img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .footer-carousel .carousel-item-image img { max-height: 50px; } .price-download-block, .sale-block, .municipal-org-link span { display: block; height: 80px; position: relative; font-size: 14px; line-height: 20px; box-sizing: border-box; } .price-download-block, .sale-block, .municipal-org-link span, .price-download-block:hover, .sale-block:hover, .municipal-org-link span:hover, .price-download-block:focus, .sale-block:focus, .municipal-org-link span:focus { text-decoration: none; } .sale-block { padding: 20px 20px 20px 100px; } .sale-block-img { position: absolute; top: 0; left: 0; width: 78px; height: 78px; background-position: 50% 50%; background-size: cover; border-radius: 2px 0 0 2px; } .price-download-block { padding: 12px; height: 80px; color: #7facee; } .price-download-block, .price-download-block:hover, .price-download-block:focus { text-decoration: none; } .price-download-block:after { position: absolute; content: ""; top: -1px; right: -1px; width: 13px; height: 13px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAAAAABXgLugAAAANklEQVR42k3HMQoAIAwEwfz/pQaEYGEjiLJN7qabqG1iUG2W79LeoxrVVKYylanMGnmssXK0+nNOoaGGiRugAAAAAElFTkSuQmCC') no-repeat 0 0; } .price-download-left { display: block; padding: 8px; text-align: center; overflow: hidden; } .price-download-right { display: block; padding: 8px 8px 8px 20px; float: right; border-left: solid 1px #e8e8e8; width: 40px; } .municipal-org-link { display: block; color: #ffffff; text-align: center; background: url(/local/templates/beauty_modern_na/images/content/municipal-org.png) no-repeat 50% 50%; background-size: cover; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); } .municipal-org-link:hover, .municipal-org-link:focus { color: #ffffff; text-decoration: none; } .municipal-org-link span { padding: 20px; background-color: rgba(14, 155, 180, 0.5); } .big-footer-icon { display: block; border: solid 1px #f5f5f5; border-radius: 5px; font-size: 16px; padding: 5px 5px 10px 5px; text-decoration: none; background-color: white; box-sizing: border-box; transition: all ease 0.3s; } .big-footer-icon:hover, .big-footer-icon:focus { border-color: #7facee; text-decoration: none; } .big-footer-icon img { padding-bottom: 5px; max-width: 100%; } /*.footer-menu-wrapper .col-2, .footer-menu-wrapper .col-3 { padding: 0 20px 0 0; } @media (min-width: 1279px) { .footer-menu-wrapper .col-2, .footer-menu-wrapper .col-3 { padding-right: 40px; } } .footer-menu-wrapper .col-3 { width: 230px; padding-left: 20px; } @media (min-width: 1279px) { .footer-menu-wrapper .col-3 { padding-left: 0; } } .footer-menu-wrapper .col-2 { width: 190px; } .footer-menu-wrapper .col-2 + .col-3 { width: 270px; padding-left: 0; } @media (min-width: 1279px) { .footer-menu-wrapper .col-2 + .col-3 { width: 260px; } } .footer-menu-wrapper .col-4 { padding: 0; width: 280px; } @media (min-width: 1279px) { .footer-menu-wrapper .col-4 { padding: 0; width: 330px; } }*/ /*======================== Обратный звонок redconnect =======================*/ /*.rc-free.rc-expanded #rc-copyright { display: none !IMPORTANT; } .rc-free #rc-phone-form, .rc-free #rc-phone-dial-cnt { background-color: rgb(120, 153, 202) !important; } div#rc-phone-button { background-color: rgb(150, 188, 242) !IMPORTANT; border-color: rgb(120, 153, 202) !IMPORTANT; } div#rc-phone-back { border: 1px solid rgb(120, 153, 202) !IMPORTANT; background-color: rgb(127, 172, 238) !IMPORTANT; } #rh-snippet { display: none !IMPORTANT; } div#rc-phone { top: 90% !IMPORTANT; right: 2% !Important; }*/ /*======================== Обратный звонок Cashmyvisit =======================*/ /*div.cmv_phone, div.cmv_phone__cir, div.cmv_phone__cir2, div.cmv_phone__cir3, div.cmv_phone__cir4 { opacity: .87; } .cmv_phone.cmv_phone__show.cmv_widgetbuton_body.cmv_widgetbuton_button { right: 4% !Important; bottom: 10% !Important; } .cmv_phone__cir { border: 2px solid #7facee !Important; opacity: .85 !IMPORTANT; } .jRatingColor, .cmv_main__close:hover:before, .cmv_phone__mobile, .cmv_button, .cmv_phone__cir2 { background-color: #7facee !Important; } .cmv_button_message { background-color: #7facee !Important; } a.cmv_main__cpr { display: none !IMPORTANT; } .cmv_main { margin: 7% auto !IMPORTANT; }*/ /* ========================================================================== SPECIAL VERSION */ /* ========================================================================== */ .aa-enable { padding: 0 0 0 20px; cursor: pointer; color: #f0f4fd; text-transform: uppercase; font-size: 18px; /*line-height: 30px;*/ font-weight: bold; vertical-align: middle; position: relative; z-index: 2; } .aa-enable:hover, .aa-enable:focus { color: #000000; } .aa-enable span { font-size: 24px; line-height: 30px; } .special-settings { display: none; } .special-aaVersion-on .special-settings { display: block; } .aa-show { display: none; } .special-aaVersion-on .aa-show { display: inline-block; float: right; } .special-aaVersion-on .aa-hide { display: none; } /* ========================================================================== ERROR PAGES */ /* ========================================================================== */ .container-error-page { position: relative; } .container-error-page h1 { margin-top: 145px; margin-bottom: 40px; font-size: 37px; color: #3f3f3f; } .container-error-page .round-search { width: 370px; margin: 0 auto 40px; } .container-error-page .round-search .input-round-search { width: 290px; } .error-page-big-text { position: absolute; top: 0; left: 50%; width: 800px; margin-left: -400px; color: ghostwhite; font-size: 360px; line-height: 360px; text-align: center; } /*SCHEDULE страница запись на прием*/ .input-status { margin: 0; } .orglist { display: flex; flex-wrap: wrap; justify-content: center; } .sceduleorgitems { display: flex; flex-direction: column; width: 48%; border: 1px solid gainsboro; text-align: center; justify-content: space-between; padding: 1em 0; margin: .5em; /*background-color: #fbfbfb;*/ background-color: white; border-radius: 4px; } .talon_state_green { color: green !IMPORTANT; margin: 0 10px; font-size: 16px !IMPORTANT; } /* ========================================================================== SCHEDULE */ /* ========================================================================== */ .schedule:before, .schedule:after { content: " "; display: table; } .schedule:after { clear: both; } .schedule-item { margin-top: -1px; border-radius: 0 0 2px 2px; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .schedule-item + .schedule-item { border-radius: 2px; box-shadow: none; } @media (max-width: 768px) { .schedule-item + .schedule-item { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .schedule-item + .schedule-item { margin-top: 20px; } } @media (min-width: 992px) and (max-width: 1279px) { .schedule-item + .schedule-item { margin-top: 20px; } } @media (min-width: 1280px) { .schedule-item + .schedule-item { margin-top: 20px; } .white-content-box.col-margin-top { margin-top: 0; } } .schedule-item .hour-relax, .schedule-item .hour-busy { font-size: 13px; } .schedule-doctor, .schedule-search { float: left; } .schedule-doctor-item { padding: 15px; } .schedule-doctor-image { float: left; width: 80px; height: 80px; border-radius: 60px; overflow: hidden; background-position: 50% 50%; background-size: cover; /* margin-right: 15px; */ border: 4px solid #fff; box-shadow: 0 0 0 1px gainsboro; } .schedule-doctor-content { overflow: hidden; } .schedule-doctor-name { font-size: 17px; line-height: 20px; margin-bottom: 10px; } .schedule-doctor-schedule { font-size: 13px; margin-top: 10px; } .schedule-doctor-schedule .day-wrapper { color: #a7a7a7; } .schedule-doctor-schedule .day-wrapper.today { color: #4c4c4c; } .schedule-doctor-schedule .day-wrapper.today .day { font-weight: bold; } .schedule-doctor-schedule .day { display: inline-block; width: 50px; } .schedule-search { padding: 10px 15px; box-sizing: border-box; } .schedule-header { padding: 10px 20px; border-bottom: solid 1px #e8e8e8; } .schedule-header-wrapper { border-bottom: solid 1px #e8e8e8; border-radius: 2px 2px 0 0; box-shadow: 0 1px 1px rgba(0,0,0,.05); } .schedule-header-wrapper.is_stuck { z-index: 100; background: #ffffff; border-radius: 0; } .schedule-header-wrapper .schedule-week-wrapper { border-left: 0; } .schedule-header-wrapper .schedule-week-header { padding: 16px 3px; box-shadow: none; border-bottom: 0; } .schedule-header-wrapper .search-in-page-input { margin: 0; box-shadow: none; } .schedule-week-wrapper { float: right; border-left: solid 1px #e8e8e8; box-sizing: border-box; } .schedule-week:before, .schedule-week-header:before, .schedule-week:after, .schedule-week-header:after { content: " "; display: table; } .schedule-week:after, .schedule-week-header:after { clear: both; } .schedule-week-header { padding: 7px 3px; border-bottom: solid 1px #e8e8e8; box-shadow: 0 1px 1px rgba(0,0,0,.05); } .schedule-day { min-height: 270px; border-left: solid 1px #e8e8e8; cursor: default; } .collapsed .schedule-day { min-height: none; } .schedule-day, .schedule-day-header { float: left; width: 14%; box-sizing: border-box; padding: 0 3px; text-align: center; color: #626f82; } .schedule-day:last-child, .schedule-day-header:last-child { width: 16%; } .schedule-day-header.today { font-weight: bold; color: #4c4c4c; } .schedule-day:first-child { border-left: 0; } .schedule .hour { height: 33px; line-height: 33px; padding: 3px 0 0 0; vertical-align: middle; box-sizing: border-box; } .schedule .hour-busy { border: dashed 1px #cfcfcf; background: #f5f5f5; border-radius: 2px; } .schedule .hour-relax { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlMAGovxNEIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAGElEQVQI12NwYGBgYGRgYGFgEGBgcIAzAQm3AKut7peOAAAAAElFTkSuQmCC') repeat 0 0; margin-bottom: 3px !important; } .schedule .hour-text { line-height: 20px; vertical-align: top; display: inline-block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } span.link-schedule { padding: 35px 20px; } .schedule .hour[class*="hour-height-"] { margin: 3px 0 0 0; padding: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .schedule .hour-height-16 { height: 525px; } .schedule .hour-height-15 { height: 492px; } .schedule .hour-height-14 { height: 459px; } .schedule .hour-height-13 { height: 426px; } .schedule .hour-height-12 { height: 393px; } .schedule .hour-height-11 { height: 360px; } .schedule .hour-height-10 { height: 327px; } .schedule .hour-height-9 { height: 294px; } .schedule .hour-height-8 { height: 261px; } .schedule .hour-height-7 { height: 228px; } .schedule .hour-height-6 { height: 195px; } .schedule .hour-height-5 { height: 162px; } .schedule .hour-height-4 { height: 129px; } .schedule .hour-height-3 { height: 96px; } .schedule .hour-height-2 { height: 63px; } .schedule .hour-height-1 { height: 30px; } .schedule .collapsed .hour.reserved { display: none; } .schedule-expand-block { padding: 10px; text-align: center; border-top: solid 1px #e8e8e8; } /* ========================================================================== SCHEDULE */ /* ========================================================================== */ .container-steps-select { margin-top: -1px; } .steps-select { background: url('data:image/gif;base64,R0lGODlhAgACAPAAAOjo6AAAACH5BAAAAAAALAAAAAACAAIAAAIChFEAOw==') repeat-x 0 50%; margin-bottom: 20px; } .step-item { float: left; height: 50px; text-align: center; } .step-item-inner { height: 50px; vertical-align: middle; font-size: 16px; max-width: 140px; color: #4c4c4c; display: inline-block; position: relative; margin: 0 auto; padding: 0 5px 0 60px; background: #ffffff; text-align: left; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .step-item-inner.current, .step-item-inner:hover, .step-item-inner:focus { color: #4c4c4c; } .step-item-inner.current .step-item-num, .step-item-inner:hover .step-item-num, .step-item-inner:focus .step-item-num { border-color: #7facee; box-shadow: 0 0 0 4px rgba(14, 155, 180, 0.2); } .step-item-inner.current .step-item-num { font-weight: bold; } .step-item-inner.checked .step-item-num { background: #ffffff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAVklEQVR42p2PQQrAMAgE+wj7nPRtPrlI740BL0mACSssXnZGvJRx93tEhVsmMm/GFPjL/CUxCa79bD+psNU/MYqn8CqIqcAwXwGYJQCzBGCWMMySdtLtFG2Y+yIZspAAAAAASUVORK5CYII=') no-repeat 50% 50%; text-align-last: left; text-indent: -9999px; } .step-item:first-child .step-item-inner { margin-left: 0; padding-left: 40px; float: left; } .step-item:first-child .step-item-inner .step-item-num { left: 0; } .step-item:last-child .step-item-inner { margin-right: 0; padding-right: 0; float: right; } .step-item-num { position: absolute; top: 50%; left: 10px; margin-top: -17px; display: block; width: 30px; height: 30px; line-height: 32px; border: solid 2px #b4b4b4; text-align: center; border-radius: 30px; transition: all ease 0.3s; } .step-item-text { overflow: hidden; line-height: 20px; vertical-align: top; display: inline-block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .steps-breadcrumbs { margin-bottom: 8px; } .steps-breadcrumb { display: block; float: left; margin: 0 8px 16px 8px; padding: 0 1px 0 15px; max-width: 100%; height: 36px; line-height: 34px; border: solid 1px #b4b4b4; border-radius: 36px; text-decoration: none; color: #7f7f7f; position: relative; left: -8px; box-sizing: border-box; } .steps-breadcrumb-text:after { position: absolute; content: ""; width: 34px; height: 34px; top: 0; right: 5px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAATUlEQVR42pWRAQoAIAgDfXiKD6u3VQKDQGY1iGTcBFXcfe7XhCsYDS4KQ6AC44dhMCgIpQABWWCUIHSA/QYq6cynTjMwkPowXvf8dcEF0ml9AAlSf/kAAAAASUVORK5CYII=') no-repeat 50% 50%; opacity: .7; } .steps-breadcrumb:hover, .steps-breadcrumb:focus { color: inherit; text-decoration: none; } .steps-breadcrumb:hover .steps-breadcrumb-text:after, .steps-breadcrumb:focus .steps-breadcrumb-text:after { opacity: 1; } .steps-breadcrumb:last-child { margin-right: 0; } .steps-breadcrumb-name { display: block; float: left; padding-right: 18px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAiCAAAAABDphc6AAAAbUlEQVR42mXQsQrAIAwEUP//HyuCBQehWBCqhpIG2rsOcXqDesmFVuQ74Y4D1FpJiRPUcpBXWqDuJ9kzqamTrZAWA1oMaTGgxZAjLdBiyJ4dcQHP/GeyTReMcTCkGx0LYU0s7yp5v2d9vtS/6gff4UsUZKjacQAAAABJRU5ErkJggg==') no-repeat 100% 50%; } .steps-breadcrumb-text { display: block; color: #4c4c4c; padding: 0 40px 0 10px; background: #fbfbfb; border-radius: 0 34px 34px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; } .bx-firefox .steps-breadcrumb-text { display: inline-block; max-width: 500px; } .tree-column { margin: 0; list-style: none; -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 10px; column-gap: 10px; } @media (min-width: 768px) and (max-width: 991px) { .tree-column { -webkit-column-gap: 20px; column-gap: 20px; } } @media (min-width: 992px) and (max-width: 1279px) { .tree-column { -webkit-column-gap: 20px; column-gap: 20px; } } @media (min-width: 1280px) { .tree-column { -webkit-column-gap: 20px; column-gap: 20px; } } @media (max-width: 768px) { .tree-column { padding-left: 5px; padding-right: 5px; } } @media (min-width: 768px) and (max-width: 991px) { .tree-column { padding-left: 10px; padding-right: 10px; } } @media (min-width: 992px) and (max-width: 1279px) { .tree-column { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1280px) { .tree-column { padding-left: 10px; padding-right: 10px; } } .bx-ie9 .tree-column { padding: 0 !important; } .column-item { width: 100%; display: inline-block; } .column-item-letter { float: left; width: 30px; font: normal 17px/17px Arial, sans-serif; margin-top: -5px; } .links-block { margin: -20px 0 0 -20px; padding: 0; list-style: none; } .links-block li { float: left; margin: 10px 0 0 20px; } .links-block li a { display: inline-block; padding: 7px 15px; text-decoration: none; color: #4c4c4c; background: #ffffff; border-radius: 2px; border: solid 1px #e8e8e8; transition: all ease 0.3s; } .links-block li a:hover, .links-block li a:focus { color: #7facee; border-color: #7facee; } /* ========================================================================== STEPS-DOCTORS */ /* ========================================================================== */ .step-doctor { background: #ffffff; border-radius: 2px; border: solid 1px #e8e8e8; } .step-doctor .doctor-photo { width: 80px; height: 80px; margin: 0; border: 4px solid #fff; box-shadow: 0 0 0 1px gainsboro; } .step-doctor-header { display: table; width: 100%; } .step-doctor-col { display: table-cell; vertical-align: middle; padding: 20px; } .step-doctor-name { font-size: 19px; } .step-doctor-info { line-height: 18px; color: #808080; } .step-doctor-week { border-top: solid 1px #e8e8e8; } .step-doctor-day { border-left: solid 1px #e8e8e8; display: block; width: 14%; height: 72px; float: left; padding: 12px 14px; position: relative; box-sizing: border-box; } .step-doctor-day:last-child { width: 16%; } .step-doctor-day:first-child { border-left: 0; } .step-doctor-day .doctor-tikket { cursor: pointer; position: absolute; top: 10px; right: 15px; height: 20px; width: 32px; text-align: center; font-size: 14px; line-height: 20px; color: #858585; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAmUlEQVR42u2WMQ5AQBREt6FwBjdBQ8Vh6BSuJU6hod5W6FW6NSMke4L/FbvJk8lv3iTYXWOtrcEOnDA73eYNuRFedNLN4IzSojsUeB4gVZCnX4EBrCASlEdgAf03GEErWKADkz8owCxYYAaVP0jAKVjgolO9gPYrKJnVP0L/N4wFC8Svc1DdiMJZ8IsCmheSDBwMDQNwwmx034BPq+tzzwQSAAAAAElFTkSuQmCC') no-repeat 0 0; } .step-services-theme .in-page-nav-price li a { padding-top: 8px; padding-bottom: 8px; } .step-services-theme-header { font-size: 17px; } .record-page .step-services-theme-header { display: none; } .step-services-theme-content { margin: 20px 0; padding-left: 20px; /*border-left: solid 1px #e8e8e8;*/ } .white-content-box > .in-page-nav-price { margin: 20px 0 0 20px; } .styler-steps.jq-selectbox { float: left; } .styler-steps .jq-selectbox__select { height: 34px; line-height: 34px; font-size: 15px; border: 0; background: #fbfbfb; border-radius: 0 20px 20px 0; max-width: 790px; } .styler-steps .jq-selectbox__dropdown { font-size: 15px; } .styler-steps .jq-selectbox__select:hover, .styler-steps .jq-selectbox__select:active, .styler-steps.focused .jq-selectbox__select, .styler-steps.dropdown .jq-selectbox__select { color: #7facee; } .record-tikket { padding: 20px; } .record-tikket-date { margin-bottom: 20px; font-size: 17px; line-height: 23px; } .record-tikket-time { float: right; font-size: 20px; } .record-tikket-header { color: #808080; margin-bottom: 10px; } .record-tikket-text { margin-bottom: 10px; } .record-tikket-price { border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; margin: 20px -20px; padding: 20px; font-size: 17px; } /* ========================================================================== HELPER CLASSES */ /* ========================================================================== */ ol.unstyled, ul.unstyled { margin: 0; padding: 0; list-style: none; } ul.big-list { margin: 20px 0; padding: 0; list-style: none; } ul.big-list li { margin: 5px 0; font-size: 18px; line-height: 25px; } ul.list-dot { margin: 20px 0; padding: 0; list-style: none; } ul.list-dot li { margin: 0 0 3px 0; padding: 0 0 0 20px; color: #808080; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAR0lEQVR42mNgAIKDBw+qAvFaIP4IxSC2KgNUUh2I3wPxfzQMElNngKr+jwOvZYAaiUvBZ6IUELQCvyORfAIy6RMUg9hqIDkAn8C5evfz+oMAAAAASUVORK5CYII=') no-repeat 0 7px; } ul.list-dot-white { margin-bottom: 0; } ul.list-dot-white li { color: #ffffff; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAAOUlEQVQY022NyQ3AIBDE3AzZ6rc2FFKA8wJx+WlpxoDFtNlMC2BY7VQD05nEdxHfRRyT/RSMkX3gBx9cbYxtL8tVAAAAAElFTkSuQmCC'); } .ta-center, .table th.ta-center, .table td.ta-center { text-align: center; } .ta-left, .table th.ta-left, .table td.ta-left { text-align: left; } .ta-right, .table th.ta-right, .table td.ta-right { text-align: right; } .va-bottom, .table th.va-bottom, .table td.va-bottom { vertical-align: bottom; } .va-top, .table th.va-top, .table td.va-top { vertical-align: top; } .va-middle, .table th.va-middle, .table td.va-middle { vertical-align: middle; } .td-n { text-decoration: none; } .td-u { text-decoration: underline; } .tt-u { text-transform: uppercase; } .tt-n { text-transform: none; } .hide, .d-n { display: none; } .show, .d-b { display: block; } .inline-block, .d-ib { display: inline-block; } .inline, .d-i { display: inline; } .invisible, .vis-h { visibility: hidden; } .verdana { font-family: Verdana, sans-serif; } .tahoma { font-family: Tahoma, sans-serif; } .arial { font-family: Arial, sans-serif; } .p-r, .pos-r { position: relative; } .p-a, .pos-a { position: absolute; } .p-f, .pos-f { position: fixed; } .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .ov-h { overflow: hidden; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible, .viz-h { visibility: hidden; } .p0 { padding: 0; } .p10 { padding: 10px; } .p20 { padding: 20px; } .p30 { padding: 30px; } .p40 { padding: 40px; } .pt0 { padding-top: 0; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pr0 { padding-right: 0; } .pr10 { padding-right: 10px; } .pr20 { padding-right: 20px; } .pr30 { padding-right: 30px; } .pr40 { padding-right: 40px; } .pb0 { padding-bottom: 0; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pl0 { padding-left: 0; } .pl10 { padding-left: 10px; } .pl20 { padding-left: 20px; } .pl30 { padding-left: 30px; } .pl40 { padding-left: 40px; } .m0 { margin: 0; } .m10 { margin: 10px; } .m20 { margin: 20px; } .m30 { margin: 30px; } .m40 { margin: 40px; } .m50 { margin: 50px; } .mt0 { margin-top: 0; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mr0 { margin-right: 0; } .mr10 { margin-right: 10px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mr40 { margin-right: 40px; } .mr50 { margin-right: 50px; } .mb0 { margin-bottom: 0; } .mb10 { margin-bottom: 10px; } .mb20 { /*margin-bottom: 20px;*/ margin-bottom: 0; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .ml0 { margin-left: 0; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .text-light, a.text-light { /*color: #808080;*/ /*color: #f0f5fc;*/ color: #7899ca; } .text-dark, a.text-dark { color: #4c4c4c; } .text-muted, a.text-muted { color: #cdcdcd; } .text-primary, a.text-primary { color: #7facee; } .text-secondary, a.text-secondary { color: #7899ca; } .fz12 { font-size: 12px; } .fz14 { font-size: 14px; } .fz16 { font-size: 16px; } .fz17 { font-size: 17px; } .fz18 { font-size: 18px; } .fz19 { font-size: 19px; } .fz20 { font-size: 20px; } .fz21 { font-size: 21px; } .fz22 { font-size: 22px; } .fz24 { font-size: 24px; } .fz26 { font-size: 26px; } .fz30 { font-size: 30px; } .alert { border: solid 1px #ea5600; background: rgba(234, 86, 0, 0.1); color: #ea5600; padding: 20px; border-radius: 5px; } .alert-info { color: #96bcf2; background: rgba(69, 163, 186, 0.2); border-color: #96bcf2; } .alert-success { color: #409990; background: rgba(64, 153, 144, 0.2); border-color: #409990; } .alert-error { color: #a42338; background: rgba(164, 35, 56, 0.2); border-color: #a42338; } .alert p:first-child { margin-top: 0; } .alert p:last-child { margin-bottom: 0; } .body-wrapper .alert font.errortext, .body-wrapper .alert font { color: inherit !important; } .body-wrapper .errortext, .body-wrapper .notetext { display: block; border: solid 1px #96bcf2; background: rgba(69, 163, 186, 0.1); color: #6d84a5 !important; padding: 20px; border-radius: 5px; } .body-wrapper .errortext { color: #a42338 !important; background: rgba(164, 35, 56, 0.2); border-color: #a42338; margin: 2em; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clr { clear: both; height: 0; overflow: hidden; } .fleft, .fll, .fl-l { float: left; } .fright, .flr, .fl-r { float: right; } span.fl-r { min-width: 4.5em; text-align: end; font-weight: 600; } img[align="right"] { padding: 0 0 20px 20px; } img[align="left"] { /* padding: 0 20px 0 0; position: relative; z-index: 1; margin: -101px 0 -40px -10px; top: 16px;*/ } img.ta-center, img[align="center"] { display: block; margin: 0 auto; } .badge { display: inline-block; font: normal 14px/24px Arial, sans-serif; height: 24px; min-width: 24px; padding: 0 8px; text-align: center; background: #f5f5f5; color: #808080; border-radius: 24px; box-sizing: border-box; } /* ========================================================================== HILIGHT-BLOCKS */ /* ========================================================================== */ .h-block { background-position: 0 0; border-radius: 3px; background-image: url(/local/templates/beauty_modern_na/images/pills.png); background-repeat: repeat; } .h-block[style*="background-image"] { background-size: cover; background-position: 50% 50%; } .h-block-inner { color: #ffffff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); padding: 30px; border-radius: 3px; position: relative; } .h-block-inner.violet { background-image: linear-gradient(to bottom right, rgba(223, 130, 199, 0.9) 0%, rgba(121, 108, 180, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } .bx-ie9 .h-block-inner.violet { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGY4MmM3IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzk2Y2I0IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); } .h-block-inner.violet .btn { color: #796cb4; } .h-block-inner.blue { background: linear-gradient(to bottom right, rgba(76, 181, 255, 0.9) 0%, rgba(76, 131, 255, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } .bx-ie9 .h-block-inner.blue { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGNiNWZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNGM4M2ZmIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); } .h-block-inner.blue .btn { color: #4c83ff; } .h-block-inner.green { background: linear-gradient(to bottom right, rgba(34, 208, 119, 0.9) 0%, rgba(26, 164, 93, 0.9) 100%), linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } .bx-ie9 .h-block-inner.green { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjJkMDc3IiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWFhNDVkIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); } .h-block-inner.green .btn { color: #1aa45d; } .h-block-inner .btn { background-color: #ffffff; text-shadow: none; border: solid 2px transparent; } .h-block-inner .btn.btn-big { line-height: 40px; } .h-block-inner .btn.btn-small { line-height: 28px; } .h-block-inner .btn.btn-mini { line-height: 20px; } .h-block-inner .btn:hover, .h-block-inner .btn:focus { color: #ffffff; background: rgba(255, 255, 255, 0.2); border-color: #ffffff; } .h-block-inner .va-middle { display: flex; align-items: center; } .h-block-header { height: 3em; overflow: hidden; margin-top: 0; margin-bottom: 10px; color: #ffffff; } /* ========================================================================== SALE-LABELS */ /* ========================================================================== */ .sale-label { display: inline-block; height: 26px; line-height: 26px; background: #7899ca; color: #ffffff; position: relative; margin-right: 13px; padding: 0 7px 0 10px; border-radius: 2px 3px 3px 2px; z-index: 1; } .sale-label:after { position: absolute; content: ""; top: 4px; right: -8px; width: 18px; height: 18px; border-radius: 0 0 4px 0; background: #7899ca; z-index: -1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sale-label.violet { background: #796cb4; } .sale-label.violet:after { background: #796cb4; } .sale-label.green { background: #1aa45d; } .sale-label.green:after { background: #1aa45d; } .sale-label.blue { background: #4c83ff; } .sale-label.blue:after { background: #4c83ff; } .sale-label.info { background: #96bcf2; } .sale-label.info:after { background: #96bcf2; } .sale-label.warning { background: #ea5600; } .sale-label.warning:after { background: #ea5600; } .sale-label.success { background: #409990; } .sale-label.success:after { background: #409990; } @media print { .print-hide { display: none; } .print-block { width: 15cm; font-size: 110%; } .print-block hr { border-bottom: solid 1px #f5f5f5; } } /* ========================================================================== FIXES FOR BLOGS */ /* ========================================================================== */ .blog-tab-left, .blog-tab-right { display: none; } .blog-tab-container { border-radius: 5px 5px 0 0; } .blog-tab { border-radius: 5px 5px 0 0; height: auto; } .blog-tab:before, .blog-tab:after { content: " "; display: table; } .blog-tab:after { clear: both; } /* ========================================================================== FIXES OLD CLIENTS */ /* ========================================================================== */ .personal-link1 a, .personal-link2 a, .personal-right a { background-image: none !important; padding-left: 0 !important; } /*Правки шаблона*/ #bx-soa-order-form { border: 0; } .container #bx-soa-order-form { margin: -42px; } .container .bx-soa { counter-reset: step; padding: 30px 40px; border-radius: 2px; border: solid 1px #e8e8e8; background: #fff; } .container .bx-soa-sidebar { padding: 0 15px 0 20px; } .container .bx-soa-cart-total { padding: 20px 15px; background: #fff; } .container .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t, .container .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-weight: normal; font-size: 14px; } .container .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 24px !important; } .container .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) { border-bottom-width: 2px; border-bottom-color: #a1a1a1; } .container .bx-soa-cart-total-line { padding: 0 0 20px; } .container .bx-soa-cart-total .bx-soa-cart-total-line-total { padding: 20px 0 0; } .container .bx-soa-cart-d { font-size: 17px; } .container .bx-soa-pp-company-graf-container { overflow: hidden; border: 1px solid #d9d9d9; } .container .bx-soa-pp-company-checkbox { opacity: 0; position: absolute; right: 100%; bottom: 100%; } .container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container { box-shadow: 0 2px 10px rgba(0, 0, 0, .15); border-color: #a1a1a1; } .container .bx-soa-pp-company-image::before { content: ""; opacity: 0; position: absolute; top: 0; right: 0; width: 16px; height: 16px; border: 1px solid #a1a1a1; border-radius: 2px; background-repeat: no-repeat; background-position: 50%; -webkit-transition: .2s; transition: .2s; } .container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-image::before, .container .bx-soa-pp-company:hover .bx-soa-pp-company-image::before { opacity: 1; } .container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-image::before { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' width='11' height='8'%3E%3Cpath fill='none' stroke='rgb(35, 143, 212)' stroke-width='2' d='m1,4 l3,3 5,-6'/%3E%3C/svg%3E"); } .container .bx-soa-coupon-label label { margin-bottom: 10px; font-size: 18px; font-weight: normal; } .container .bx-soa-coupon-input { position: relative; padding-right: 70px; } .container .bx-soa-coupon-input input[type=text].form-control { height: 38px; margin: 0; padding: 0 15px; border-radius: 19px 0 0 19px; border: 1px solid #d9d9d9; background: transparent; } .container .bx-soa-coupon-input:after { content: "OK"; position: absolute; top: 0; right: 0; margin: 0; width: 72px; height: 100%; border: 0; border-radius: 0 19px 19px 0; text-align: center; line-height: 38px; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; color: #fff; background: #238fd4; } .container .bx-red .btn.btn-default { padding: 0 30px; border-width: 2px; border-style: solid; border-color: #238fd4; line-height: 34px; } .container .bx-red .btn.btn-default.pull-left { color: #238fd4; background: transparent; } .container .bx-red .btn.btn-default.pull-right { color: #fff; background: #238fd4; } .container .bx-red .btn.btn-default:hover { border-color: #238fd4; } .container .bx-soa-section { border: 0; } .container .bx-soa-pp-item-container { width: 100%; } .container .bx-soa-pp .bx-soa-pp-company { width: 25%; } .container .bx-soa-more { margin-top: 25px; padding-top: 20px; } .container .bx-soa-section:not(.bx-selected) .bx-soa-section-title-container { padding: 10px 0 5px; border-radius: 2px; } .container .bx-soa-section-content { padding-right: 0; padding-left: 0; } .container .bx-soa-section.bx-selected { border: 0; } .container .bx-soa-pp.row { margin-right: -20px; margin-left: -20px; } .container .bx-soa-section-title-container { padding: 10px 0; background: none; } .container .bx-soa-section-title { overflow: hidden; display: inline-block; width: 80%; padding: 0; font-size: 18px; /*font-weight: 300;*/ line-height: normal; } .container .bx-soa-section .text-right { width: 20%; font-size: 15px; } .container .bx-soa-section.bx-selected .text-right { display: none; } .container .bx-soa-section.bx-selected .bx-soa-section-title { width: 100%; } .container .bx-soa-section .bx-soa-section-title::after { content: ""; position: absolute; top: 50%; width: 100%; height: 2px; margin: 2px 0 0 15px; background: #e8e8e8; } .container .bx-soa-section.bx-selected .bx-soa-section-title::after { display: inline-block; } .container .bx-soa-section.bx-step-completed { border: 0; } .container .bx-soa-section.bx-active { counter-increment: step; } .container .bx-soa-section .bx-soa-section-title { padding: 3px 0; font-size: 23px; } .container .bx-soa-section-title-count { display: inline-block; position: relative; width: 32px; height: 32px; margin: -3px 10px 0 2px; border-radius: 50%; border: 2px solid #a1a1a1; text-align: center; vertical-align: middle; font-size: 17px; font-weight: bolder; line-height: 30px; color: #a1a1a1; background: #fff; } .container .bx-soa-section.bx-active.bx-step-error .bx-soa-section-title-count { color: #000; } .container .bx-soa-section.bx-step-complete .bx-soa-section-title-count { border-color: #87c73d; background: #fff; } .container .bx-soa-section.bx-step-completed:not(.bx-step-error) .bx-soa-section-title-count { border-color: #87c73d; background: #fff; } .container .bx-soa-section:not(.bx-selected):not(.bx-step-completed) .bx-soa-section-title-count { color: inherit; border-color: #238fd4; background: #fff; } .container .bx-soa-section.bx-step-error .bx-soa-section-title-count { background: #fff; box-shadow: 0 0 0 1px #db4c4c, inset 0 0 0 1px #db4c4c; } .container .bx-soa-section.bx-step-error .bx-soa-section-title-count::before, .container .bx-soa-section.bx-step-completed .bx-soa-section-title-count::before { /*color: #fff;*/ } .container .alert-danger { padding: 15px 0; border: 0; line-height: 1.5; color: #e2011a; background: none; } .container .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { padding: 6px 10px; color: #e2011a; background: rgba(219, 76, 76, .1); } .container .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow { border-top-color: rgba(35, 143, 212, .08); } .container .bx-soa-editstep { font-size: 15px; text-decoration: none; } .container .bx-soa-section .bx-soa-section-title-count:after { content: none; } .container .bx-soa-section-title-count::before { content: counter(step); display: inline; position: static; width: auto; height: auto; background: none; } .container .bx-soa-section.bx-step-error { border: 0; } .container .form-control:focus { border-color: #b4b4b4; box-shadow: inset 0 0 0 1px rgb(180, 180, 180); } .container .has-error .form-control:focus { border-color: #238fd4; box-shadow: inset 0 0 0 1px rgb(35, 143, 212); } .container .bx-soa-pp-desc-container { width: auto; } .container .bx-soa-pp-desc-container .bx-soa-pp-company { width: 100%; border: none; background: none; } .container .bx-soa-pp-desc-container .bx-soa-pp-company div, .container .bx-soa-pp-desc-container .bx-soa-pp-company hr{ display: none; } .container .bx-soa-pp-desc-container .bx-soa-pp-company div.bx-soa-pp-inner-ps, .container .bx-soa-pp-desc-container .bx-soa-pp-company div.bx-soa-pp-inner-ps div{ display: block; } .container .bx-soa-customer .form-control, .container .bx-soa-customer-field .form-control { margin-top: 5px; border: 1px solid #b4b4b4; background: #fff; } .container .bx-soa-pp-company-selected strong { font-weight: normal; font-size: 17px; } .container .bx-soa-item-title { margin-bottom: 15px; } .container .bx-soa-item-title a { font-size: 19px; line-height: normal; color: inherit; } .container .bx-scu-container .bx-soa-item-td-title, .container .bx-scu-container .bx-soa-item-td-text { font-size: 15px; } .container .bx-scu-container .bx-soa-item-td-text { margin-bottom: 10px; } .container .bx-soa-item-td-text { font-size: 17px; } .container .bx-soa-item-content .bx-scu-container { max-width: none; } .container .bx-soa-item-td-text strong { font-weight: normal; } .container .bx-soa-info-shower { padding: 5px 10px; border: 1px solid #ddd; } /*special-aaVersion-on*/ html:not(.special-aaVersion-on) .container #bx-soa-order-form { background: #f5f5f5; } .special-aaVersion-on .container .white-content-box { border: 0; } .special-aaVersion-on .container .bx-soa-item-imgcontainer, .special-aaVersion-on .container .bx-soa-pp-company-image, .special-aaVersion-on .container .bx-soa-pp-company-selected { filter: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grayscale'%3E%3CfeColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/svg%3E#grayscale"); filter: gray; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .special-aaVersion-on .container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-image::before { border-color: #000; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8' width='11' height='8'%3E%3Cpath fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' d='m1,4 l3,3 5,-6'/%3E%3C/svg%3E"); } .special-aaVersion-on .container .bx-soa-coupon-input input[type=text].form-control { border-color: #000; } .special-aaVersion-on .container .bx-soa-coupon-input:after { background: #000; } .special-aaVersion-on .container .bx-soa-cart-t, .special-aaVersion-on .container .bx-soa-cart-d { float: none; display: block; } .special-aaVersion-on .container .bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t, .special-aaVersion-on .container .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t { font-size: 17px; } .special-aaVersion-on .container .bx-soa-section .bx-soa-section-title::after { background: #000; } .special-aaVersion-on .container .bx-soa-section-title-count { width: 36px; height: 36px; margin: -4px 10px 0 2px; font-size: 22px; line-height: 30px; font-weight: normal; } .special-aaVersion-on .container .bx-soa-section.bx-selected .bx-soa-section-title { font-size: 24px; } .special-aaVersion-on .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) { border-color: #000; } .special-aaVersion-on .container .bx-soa-section:not(.bx-selected):not(.bx-step-completed) .bx-soa-section-title-count { border-color: #000; } .special-aaVersion-on .container .bx-red .btn.btn-default { border-color: #000; text-decoration: none; box-shadow: none; } .special-aaVersion-on .container .bx-red .btn.btn-default.pull-right { background: #000; } .special-aaVersion-on .container .bx-red .btn.btn-default.pull-left { color: inherit; } .special-aaVersion-on .container .alert { background: none !important; color: #e2011a !important; } .special-aaVersion-on .container .alert * { color: inherit; } .special-aaVersion-on .container .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { max-width: 400px; font-size: 15px; color: #fff; background: #e2011a; } .special-aaVersion-on .container .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow { border-color: transparent; border-top-color: #e2011a; } .special-aaVersion-on .container .bx-soa-info-shower { border: 0; } .special-aaVersion-on .container .bx-soa-section.bx-step-completed:not(.bx-step-error) .bx-soa-section-title-count { border-color: #000; } /*Жёлтый вариант*/ .special-aaVersion-on.special-aaColor-yellow .bx-scu-container::after { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); } .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-coupon-input input[type=text].form-control, .special-aaVersion-on.special-aaColor-yellow .bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2), .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-section:not(.bx-selected):not(.bx-step-completed) .bx-soa-section-title-count, .special-aaVersion-on.special-aaColor-yellow .container .bx-red .btn.btn-default { border-color: #ff0; } .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-coupon-input input[type=text].form-control, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-coupon-input::after, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-section.bx-step-completed:not(.bx-step-error) .bx-soa-section-title-count, .special-aaVersion-on.special-aaColor-yellow .container .bx-red .btn.btn-default.pull-right { color: #000; } .special-aaVersion-on.special-aaColor-yellow .container .bx-red .btn.btn-default.pull-right, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-coupon-input::after, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-section.bx-step-completed:not(.bx-step-error) .bx-soa-section-title-count { background: #ff0; } .special-aaVersion-on.special-aaColor-yellow .container .bx-red .btn.btn-default.pull-left { color: #ff0; } .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-section.bx-step-error .bx-soa-section-title-count { color: #fff; background: #e2011a; box-shadow: 0 0 0 1px #e2011a, inset 0 0 0 1px #e2011a; } .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-section:not(.bx-selected):not(.bx-step-completed) .bx-soa-section-title-count, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-customer .form-control, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-customer-field .form-control, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-cart-total, .special-aaVersion-on.special-aaColor-yellow .breadcrumb, .special-aaVersion-on.special-aaColor-yellow .container .bx-soa-section-title-count { background: none; } /*Голубой вариант*/ .special-aaVersion-on.special-aaColor-blue .container .bx-red .btn.btn-default, .special-aaVersion-on.special-aaColor-blue .container .bx-soa-coupon-input input[type=text].form-control, .special-aaVersion-on.special-aaColor-blue .container .bx-soa-section:not(.bx-selected):not(.bx-step-completed) .bx-soa-section-title-count { border-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .container .bx-red .btn.btn-default.pull-right, .special-aaVersion-on.special-aaColor-blue .container .bx-red .btn.btn-default.pull-left, .special-aaVersion-on.special-aaColor-blue .container .bx-soa-coupon-input input[type=text].form-control, .special-aaVersion-on.special-aaColor-blue .container .bx-soa-coupon-input::after { color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .container .bx-red .btn.btn-default.pull-right, .special-aaVersion-on.special-aaColor-blue .container .bx-soa-coupon-input::after { background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .bx-soa .input, .special-aaVersion-on.special-aaColor-blue .bx-soa input[type="text"], .special-aaVersion-on.special-aaColor-blue .bx-soa input[type="password"], .special-aaVersion-on.special-aaColor-blue .bx-soa textarea { background: none; } /* -------------------------------------- Талоны ------------------------------------ */ .talon-page { padding: 0 10px; } .talon tr { display: flex; justify-content: center; /*flex-direction: row-reverse;*/ } .talon_row .talon-page .talon tr td:nth-child(2n), .talon_row .talon_row span:last-child { margin: 0 auto; } .talon tr td { display: flex; width: 49.5%; margin: 0 auto; } .talon_main { width: 100%; margin: 5px 0; display: flex; flex-direction: column; min-width: 210px; box-sizing: border-box; } .talon_main .talon_row { display: flex; justify-content: center; flex-direction: row; } .talon_param { width: 100%; } .talon .talon_row td { width: auto; text-align: center; margin: 0; } .talon_number td:last-child { display: flex; justify-content: flex-end; flex-grow: 1; } .talon-bottom tr { display: flex; flex-direction: row; } .talon-bottom td:last-child { display: flex; justify-content: flex-end; } .talon_number.simple tr td:last-child { align-self: flex-end; flex-direction: row; align-items: center; margin: 0 0 0 10px; } /*Фильтр талоны*/ /*Убираем "Оплатить" в талонах*/ .talon-price a, .talon_row span:not(:first-child), .record-tikket .print-hide { display: none; } #user_profile-styler, #talon_state-styler, #talon_serv-styler { min-width: 50%; } /* -------------------------------------- Профиль пользователя, Личный кабинет ------------------------------------ */ .personal-blok { display: flex; justify-content: space-between; flex-wrap: wrap; } .personal-blok > div { /*width: 33.33%;*/ } .personal-blok > div:nth-child(2) { margin: 0 10px; } /* -------------------------------------- Согласие пользователя ------------------------------------ */ .main-user-consent-request-popup-cont { width: 32%; } .main-user-consent-request-popup-text { height: 25vh; } /*Вконтакте плеер Video Видео*/ .vk-wrap { position: relative; width: 100%; height: 0; padding-top: 56.2500%; padding-bottom: 0; height: 0; overflow: hidden; } .vk-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; padding: 0; margin: 0; } /********************************************************************************** MOBILE MY ********************************************************************/ @media only screen and (max-width: 1253px) { .menu-container-my { width: 94%; float: right; } } @media only screen and (max-width: 1100px) { .menu-container-my { /*padding: 0 2% 0 0;*/ } } /********************************************************************************** @media only screen and (max-width: 1024px) ********************************************************************/ @media only screen and (max-width: 1024px) { body { width: auto; background-image: none; } .content-my { /*padding: 0;*/ } .content-flex { width: 67%; } .container-top-navigation ul li a { padding: 8px 3px; font-size: 17px; } #horizontal-multilevel-menu > li:nth-child(6){ /*display: none;*/ } #horizontal-multilevel-menu li a.root-item { padding: .42em 0.3em; } .logo-link { /*width: 280px;*/ } .leo-groop { left: 32px; font-size: 13px; } /*left menu scroller*/ .main-box { max-height: 605px; } .top-line-link-zapis { padding: 0 10px; } #horizontal-multilevel-menu { padding: 0; } .menu-container-my { padding: 0; width: 100%; } /*форма поиска в шапке search*/ .top-search-my { right: 10%; width: 29%; } .input-round-search { width: 76.5%; padding: 0 0 0 20px; } form input[type="text"]::-webkit-input-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]::-moz-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]:-moz-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]:-ms-input-placeholder {text-indent:0; padding:0 .5em; color: black; transition:text-indent .3s ease} form input[type="text"]:focus::-webkit-input-placeholder {text-indent:3%; color: #bdbdbd; transition:text-indent 0.7s ease} form input[type="text"]:focus::-moz-placeholder {text-indent:3%; color: #bdbdbd; transition:text-indent 0.7s ease} form input[type="text"]:focus:-moz-placeholder {text-indent:3%; color: #bdbdbd; transition:text-indent 0.7s ease} form input[type="text"]:focus:-ms-input-placeholder {text-indent:3%; color: #bdbdbd; transition:text-indent 0.7s ease} .btn-round-search { width: 23%; } .zapis { right: 1%; } /*small_menu*/ .flex-small { padding: 0; } .small-menu-box { margin: 0 0 .25rem; } .small-menu-text { line-height: 1em; } .sprite { background-size: 105px auto; } .sprite-contact { height: 34px; background-position: -50px 0; } .sprite-dlja-pacientov { height: 34px; background-position: -50px -37px; } .sprite-vakansii { height: 34px; background-position: -50px -74px; } .sprite-bonusnaja-programma { height: 34px; background-position: 8px -43px; } .sprite-aboniment { height: 34px; background-position: 8px 0; } /*Общий контейнер для мед-программ и новостей*/ .full-width { width: 102.6%; } /*крмплексные мед-программы*/ .med-program-item { width: 95%; } .border-gray.equal { height: 147px !IMPORTANT; margin: 0 1px; } .over-image { bottom: 8.8em; left: 1.25em; } .pad-text { font-size: .9em; font-weight: normal; } /*========== Новости ==============*/ .news-text-content { font-size: 1em; height: 174px; overflow: hidden; line-height: 1em; } .entry-title { line-height: 1em; margin: .6em 0; } .news-text { margin: 0; color: gray; } .entry-date { border: 2px solid #eee; padding: 0 2px; right: -10px; font-size: .8em; } .text-container { padding: 0 .5em 0 2em; } /*контакты*/ .news-list .news-item { width: 100%; } .news-item-content { width: 68%; } .news-item-image { max-width: 178px; width: 22%; } .adres-only { min-width: 37%; } /*Страница поиска /search/*/ .search-item, div.search-sorting { width: 46%; } /*============= footer ==================*/ .footer-info { width: 39%; } .footer-section { flex: .5; } .social-flex { width: 100%; } /*страница 404*/ .container-error-page h1 { margin-top: 140px; margin-bottom: 25px; font-size: 28px; } .error-page-big-text { position: relative; left: 0; width: 100%; margin-left: 0; color: ghostwhite; font-size: 140px; line-height: unset; text-align: center; display: flex; top: 75px; justify-content: center; } .container-error-page .content { margin: 0 0 30px; } /* -------------------------------------- Талоны ------------------------------------ */ .talon-bottom tr { flex-direction: column; } .talon-bottom tr td { width: 100%; } } /********************************************************************************** @media only screen and (max-width < 1024px) ********************************************************************/ /*@media (min-width: 768px) and (max-width: 1023px) {*/ @media only screen and (max-width: 1023px) { .left-menu, .remove-on-mobile, .logo-link img, .leo-groop, .zapis, .over-header-phone { display: none; } html, body { min-width: 240px; } body { min-width: 240px; } .content { min-width: 240px; } .content-my { min-width: 240px; margin: 0 0 5px; /*border-bottom: 11px solid #7facee;*/ } .content-my:after { content: ""; display: block; height: 11px; width: 100%; background: rgb(127,172,238); background: linear-gradient(to right, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 30%,rgba(240,244,253,1) 100%); background: -moz-linear-gradient(left, rgba(127,172,238,1) 0%, rgba(127,172,238,1) 37%, rgba(240,244,253,1) 100%); background: -webkit-linear-gradient(left, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 37%,rgba(240,244,253,1) 100%); background: linear-gradient(to right, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 37%,rgba(240,244,253,1) 100%); } .container.container-white.col-padding { padding: 0 0 20px 0; /*height: 51px;*/ } .content-flex { padding: 0 4% 0 0; } .top-fone-and-login { float: left; width: 83%; } .logo-link { margin: 10px 0 0 -8px; height: 56px; max-height: 58px; bottom: 0; } .leo-logo { width: 183px; height: 60px; background-image: url(/local/templates/beauty_modern_na/images/logo-blue-vector22-mobile-min.svg); background-repeat: no-repeat; } /*mobile-search-and-phone*/ .mobile-search-and-phone { flex: 0 0 73%; right: -30px; } .search-mobile{ display: block; } .top-search-my { display: none; /*right: 3%;*/ /*width: auto;*/ } .phone-mobile { /*display: flex;*/ } .phone-mobile a { -webkit-appearance: none; color: #fff } /*-----------*/ .zapis-mobile { display: flex; /*bottom: 8px;*/ position: relative; background-color: rgba(127, 172, 238, 0.5); border-radius: 25px; height: 40px; } .zapis-mobile a { display: flex; align-items: center; color: #fff; padding: 15px; } /*Меню горизонтальное, основное, синее*/ .top-menu-line { width: 100%; } #horizontal-multilevel-menu, #horizontal-multilevel-menu ul { min-height: 45px; } .container-top-navigation li { position: relative; bottom: 1px; } #horizontal-multilevel-menu li a.root-item { padding: 0.44em .7em; } /* ------------------ Баннеры, слайдеры ------------------ */ .two-banners { width: 100%; } /* ------------------------ breadcrumb ------------------------ */ .breadcrumb { margin: 5px 10px; } /* ------------------------ image munu ------------------------ */ .mobile-only{ display: block; } .im-m-container .col-3 { width: 33.333%; } /* -------------------------------------------- NEWS НОВОСТИ ------------------------------- */ .tittle-for-med-pr-news { padding: 1em 2em; } .all-news-on-home-page { padding: 0 2em 1.5em; } .all-news-on-home-page .col-6 { width: 100%; } .news-container { margin-bottom: 20px; } .news-container .col-4 { width: auto; } .post-thumb img { width: 110px; } .entry-date { top: 90px; } .text-container { align-items: center; display: flex; width: 100%; } .news-text-content { height: 100%; width: 100%; align-items: center; display: flex; } .news-text, .news-text + p, .news-text-content *:not(:first-child) { display: none; } .entry-title { align-items: center; display: flex; width: 100%; height: 100%; } .entry-title a { height: 100%; width: 100%; display: flex; align-items: center; } /* -------------------------------------- Вопрос - Ответ ------------------------------------ */ .vop-otv-section.mb10 { margin-bottom: 30px; } .vop-otv-section { flex-direction: column-reverse; font-size: 14px; } .one { width: 100%; border-radius: 0 0 4px 4px; box-sizing: border-box; border-top: transparent; } .two { width: 100%; box-sizing: border-box; border-radius: 4px 4px 0 0; border-bottom: transparent; } .two.ta-center .vopros-text { padding: 0; } .vopros-text { padding: 0 10px 0 0; } .vopros { border-bottom: transparent; } /*Задать вопрос*/ .vopros-add tr { display: flex; flex-direction: column; align-items: center; } .vopros-add tr td { padding: 4px; } .vopros-add td { display: flex; } table.form-table td:first-child { text-align: center; } .form-table td:last-child { width: 62%; } .vopros-add input, .vopros-add textarea { width: 100%; } table.form-table tr:nth-child(6) td img:last-child, table.form-table tr:nth-child(5) td img:last-child, table.form-table tr:nth-child(7) td img:last-child { margin: 10px 0; } /* -------------------------------------- Клиники страница ------------------------------------ */ .news-item-image + .news-item-content { min-height: 135px; } .news-item-content > .org-adres-item:last-child { padding: 0.6rem; } .zapis-knob { padding: 6px 15px; } /* -------------------------------------- Специалисты страница, и правила для специалистов с др. страниц------------------------------------ */ /*выбор учреждений, специальностей, поиск*/ .employees-page form .col-5, .meditsina-page form .col-5 { width: 62%; } .employees-page form .col-3, .meditsina-page form .col-3 { width: 38%; } .employees-page form .col-4, .meditsina-page form .col-4 { width: 100%; margin: 20px 0 0; } .doctors-search > .input-round-search { width: 82%; } .doctors-search > .btn-round-search { width: 18%; } /*юзеры на страницах*/ .bx-users > .col-4, .doctors-list > .col-4 { width: 50%; } .doc-org { line-height: 40px; } /*Специалисты деталлка*/ .doctor-menu { border: none; box-shadow: none; margin: 1rem 0; } .doctor-menu ul { display: flex; flex-wrap: wrap; justify-content: center; } .doctor-menu ul li { border-left: none; } .doctor-menu ul:before, .doctor-menu ul:after { display: none; } .doctor-menu ul li, .doctor-menu ul li:first-child { float: left; margin-left: 0; padding-left: 0; font-size: 17px; border-left: none; padding: 10px; min-width: 44%; flex-grow: 1; margin: 5px 6px; text-align: center; box-sizing: border-box; } .doctor-menu ul a.active { display: flex; flex-direction: column; box-sizing: border-box; } /*Отзывы на деталке специалиста*/ .employees-page .input.col-6 { width: 100%; } .feedback-block { padding: 0 2rem; } /* -------------------------------------- Услуги и цены на разных страницах ------------------------------------ */ .services-page .col-9 { width: 100%; } .services-page .services-list-header, .meditsina-page .services-list-header, .news-detail .services-list-header { padding: 5px 0 5px 30px; } .services-page .services-list-header:after , .meditsina-page .services-list-header:after , .news-detail .services-list-header:after, .services-page .services-list-header.active:after , .meditsina-page .services-list-header.active:after , .news-detail .services-list-header.active:after { top: 12px; } .org-uslugs-only > .fl-r-org { /*padding: 0.5em 1em !IMPORTANT;*/ margin: 0.6em 0; } span.fl-r { font-size: 1rem; font-weight: 600; } .services-page .search-page { padding-top: 20px; } /* -------------------------------------- Акции детальные страницы ------------------------------------ */ div.news-detail img.detail_picture { float: none; display: flex; margin: 10px auto 20px; height: auto; } .news-detail img, .news-item img, .news-list img { max-width: 100%; height: auto; } /* -------------------------------------- Контакты деталка ------------------------------------ */ .adres-and-button { flex-direction: column; } .adres-only { min-width: 240px; max-width: 100%; width: 100%; margin: 0 0 40px; } .org-doc { max-width: 100%; } .services-list-content.services-list-content.smallknob a { padding: 0.3em 1em; margin: 0.3em 0; } .adres-only p { display: flex; justify-content: center; } .arrow_box { padding: 10px 20px; } .news-detail .pr30.pl30 { padding-right: 0; padding-left: 0; } /* -------------------------------------- Информация для пациента------------------------------------ */ .polis-fond { display: flex; justify-content: space-around; flex-wrap: wrap; } .polis-fond > div { margin: 5px; } .info-header { padding: 0 20px; } .objavleniya { width: 100% } .objavleniya .news-item-content { width: auto; } /* -------------------------------------- Другие виды услуг ------------------------------------ */ .col.pt10.pb10 { width: 100%; } /* -------------------------------------- Tabs Табы Вкладки ------------------------------------ */ .tabs-item { padding: 10px; } .tabs-switcher { font-size: 16px; } /* -------------------------------------- Мастер записи ------------------------------------ */ .hide767 .h3.col-margin-top { margin: 10px; } .schedule .hour a { text-align: center; display: flex; justify-content: center; } /* -------------------------------------- Профиль пользователя, Личный кабинет ------------------------------------ */ .personal-page .col-9 { width: 100%; padding: 0; } .personal-page .tabs-item.active { padding: 0 20px 20px; } .personal-page p { text-align: center; } /* -------------------------------------- Footer футер ------------------------------------ */ /*small_menu_mobile_inline.php*/ .smallmenu-inline { padding: 0 10px 10px; } .smallmenu-inline .all-image-menu { margin: 10px auto; } .smallmenu-inline .small-menu { display: flex; flex-wrap: wrap; justify-content: space-between; } .smallmenu-inline .small-menu-box { border: 1px solid rgba(120,153,202,.2); background-color: rgba(255, 255, 255, 0.8); width: 18%; min-width: 125px; margin: 10px auto; } .smallmenu-inline .flex-small { height: 100%; } .smallmenu-inline .small-menu-box:hover, .smallmenu-inline .small-menu-box:active { border: 1px solid #7facee; } .smallmenu-inline .flex-small { flex-direction: column; } .smallmenu-inline .small-menu-text { padding: 1rem 0.2rem; font-weight: normal; text-align: center; } .smallmenu-inline .sprite { background-size: auto; } .smallmenu-inline .sprite-contact { height: 60px; background-position: -85px 0; width: 70px; } .smallmenu-inline .sprite-dlja-pacientov { height: 60px; background-position: -85px -55px; width: 70px; } .smallmenu-inline .sprite-vakansii { height: 60px; background-position: -85px -110px; width: 70px; } .smallmenu-inline .sprite-bonusnaja-programma { height: 60px; background-position: -5px -65px; width: 70px; } .smallmenu-inline .sprite-aboniment { height: 60px; background-position: -5px 0; width: 70px; } /*-----------*/ .footer-section { flex: none; width: 32%; } .footer-info { width: 45%; } .metrika-copyright { width: 96%; font-size: 10px; } } /********************************************************************************** @media only screen and (max-width < 768 px) ********************************************************************/ @media only screen and (max-width: 767px) { .hide767, .zapis-knob.hide767 { display: none !IMPORTANT; } .mob767, .zapis-knob.mob767, .zapis-mobile .mob767, .zapis-vopros-otzyv .mob767{ display: flex; justify-content: center; margin: 0 auto; } .fl-r-org-zapis-to.mob767, .doctor-item-footer .mob767 { display: initial; } .top-line-link { position: relative; left: 10000px; } .top-line-link.mm-listitem__text { left: 0; } .content .content { margin-left: 0px; margin-right: 0px; } .content-my:after { content: ""; display: block; height: 8px; width: 100%; background: rgb(127,172,238); background: linear-gradient(to right, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 42%,rgba(240,244,253,1) 100%); background: -moz-linear-gradient(left, rgba(127,172,238,1) 0%, rgba(127,172,238,1) 42%, rgba(240,244,253,1) 100%); background: -webkit-linear-gradient(left, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 42%,rgba(240,244,253,1) 100%); background: linear-gradient(to right, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 42%,rgba(240,244,253,1) 100%); } .content-flex { width: 66%; } .aa-enable { padding: 0; } .logo-link { margin: 21px 0 0 0; height: 40px; } .leo-logo { width: 145px; height: 42px; } .top-fone-and-login { width: 66%; } .mobile-search-and-phone { margin: 0; flex: 0 0 75%; right: -15px; } .search-mobile { display: none; } .phone-mobile a { font-size: 1rem; text-decoration: underline; } .content-flex { padding: 0 11% 0 0; } .login-cabinet { padding: 0; top: 10px; position: relative; margin: initial; } .container-top-navigation ul li { margin-right: 0; } #horizontal-multilevel-menu li a.root-item { /*padding: 0.44em 0.8em;*/ font-size: 15px; } /* ------------------ Баннеры, слайдеры ------------------ */ .big-slider-nav { display: none !IMPORTANT; } /* -------------------------------------------- NEWS НОВОСТИ ------------------------------- */ .all-news-on-home-page { padding: 0 10px; } .news-container { margin-bottom: 10px; } /* -------------------------------------- mMenu-left ------------------------------------ */ .mm-menu_opened.mob767 { display: flex; } .mm-navbar__tab_selected > *, .mm-navbar__breadcrumbs { color: black; } .mm-navbar i { margin: 0 5px; } nav:not(.mm-menu) { display: none; } .mheader { /*background: #7facee;*/ font-size: 16px; font-weight: bold; color: #fff; line-height: 40px; box-sizing: border-box; width: 100%; /*height: 40px;*/ padding: 0 50px; } .mheader { text-align: center; } .mheader a { display: block; width: 28px; height: 18px; padding: 12px 15px; position: absolute; top: 0; left: 0; } .mheader a:before, .mheader a:after { content: ''; display: block; background: #fff; height: 2px; } .mheader a span { background: #fff; display: block; height: 2px; margin: 6px 0; } .mm-wrapper_opening .mm-wrapper__blocker.mm-slideout { background: #0b0b0b; opacity: 0.6 !Important; transition: all ease .4s; } .mm-slideout { transition: all ease .4s; } #menu .mm-navbars_bottom a { color: #fff; background: #7facee; } #menu ::placeholder { color: #0000004d; } #menu input{ width: 92%; border-radius: 40px; bottom: -5px; height: 30px; right: 3px; } /* ------------------ Название для мед программ и новостей ------------------ */ .tittle-for-med-pr-news .box-base { padding: 0; } /* ------------------ Баннеры, слайдеры ------------------ */ .two-banners .col-8 { width: 100%; } /* ------------------ Кнопки задать вопрос, оставить отзыв, запись ------------------ */ .otzyv-horizontal { width: 25%; } .zapis-vopros-otzyv a { font-weight: normal; padding: 0; font-size: 12px; line-height: 18px; } .sprite-otzyv { background-size: 60px; } .sprite-otzyv-zapisatsya, .sprite-otzyv-ostavit-ozyv, .sprite-otzyv-zadat-vopros { width: 55px; height: 55px; } .sprite-otzyv-zapisatsya { background-position: -2px -120px; } .sprite-otzyv-ostavit-ozyv { background-position: -2px -2px; } .sprite-otzyv-zadat-vopros { background-position: -2px -62px; } .zapiskuzbas{ width: 55px; height: 55px; background-image: url(/local/templates/beauty_modern_na/images/zapis_kuzbas.svg); } /* -------------------------------------- Вопрос - Ответ ------------------------------------ */ .vop-otv-section.mb10 { margin-bottom: 15px; } .vopros, .otvet { flex-direction: column; } .vopros-text { padding: 0 1em; } .otvet { padding: 10px 0; } /*Задать вопрос*/ .form-table td:last-child { width: 100%; } /* -------------------------------------- Клиники страница ------------------------------------ */ .news-list .news-item { margin: 7px 0; padding: 10px 5px 5px; } /* -------------------------------------- Специалисты страница, и правила для специалистов с др. страниц------------------------------------ */ .bx-users > .col-4, .doctors-list > .col-4, .doctors-list .col-4 { width: 100%; } .doctor-item { padding: 20px 15px; } .doctor-item-content.have-footer { padding-bottom: 25px; } .employees-page form .col-5, .meditsina-page form .col-5, .employees-page form .col-3, .meditsina-page form .col-3, .doctors-search > .input-round-search { width: 100%; margin: 10px 0 0; } .employees-page form .col-4, .meditsina-page form .col-4 { width: 100%; margin: 0; } .doctors-search > .btn-round-search { display: none; } .input-round-search { border-radius: 20px; padding: 0 20px; /*border-right: 1px;*/ } .input, .inputtext, .inputtextarea { border: 1px solid gainsboro !IMPORTANT; width: 100%; } /* -------------------------------------- Услуги и цены на разных страницах ------------------------------------ */ .services-page { padding: 0 5px; } .services-page .search-page { padding-left: 5px; padding-right: 5px; } .services-page .search-page .btn, .clearbt { display: none; } .input.input-search.col-10.mb0 { width: 100%; border-radius: 25px; } .services-list-header { font-size: 16px; } .org-uslugs-only > .fl-r-org { border-radius: 4em; /*text-align: center;*/ } .name-uslug { line-height: 26px; } /* -------------------------------------- Контакты деталка------------------------------------ */ .adres-and-button { flex-direction: column; } .adres-only { min-width: 240px; width: 100%; margin: 0 0 50px; } .org-doc { max-width: 100%; } .adres-only p { display: flex; justify-content: center; } .arrow_box { padding: 10px 20px; } .news-detail .pr30.pl30 { padding-right: 0; padding-left: 0; } /* -------------------------------------- Информация для пациента------------------------------------ */ .news-item-text img { width: 100%; height: auto; } /* -------------------------------------- Tabs Табы Вкладки ------------------------------------ */ .tabs-switchers { flex-wrap: wrap; } .tabs-switcher { padding: 0.7em 0; margin: 0 0.3% -1px 0.3%; font-size: 14px; min-width: 32%; align-items: center; justify-content: space-around; flex-grow: 1; width: auto; } .tabs-switcher.active { box-shadow: none; } /*Страница поиска /search/*/ .searchline input[type=submit] { display: none; } .search-item, div.search-sorting { width: 100%; } div.search-item h4 a, div.search-item h4 { text-align: left; font-size: 16px; justify-content: flex-start; } /*Деталка с перехода с поиска*/ .bx_sitemap .bx_sitemap_title { font-size: 16px; } .col.col-9.mb20 { font-size: 14px; width: 100%; } .col.col-9.mb20 h1 { font-size: 16px; margin: 10px 0; } .col.col-3.ta-right.mb20 { width: 100%; padding: 15px 20px; text-align: center; } .col.col-3.ta-right.mb20 a:nth-child(2) { justify-content: center; } /* -------------------------------------- Талоны ------------------------------------ */ .talon tr td { width: 100%; justify-content: center; } .talon_buttons { text-align: center; } .talon-bottom td:last-child { justify-content: center; margin: 20px 0 0 0; } .talon tr { flex-wrap: wrap; } /* ------------------ Мастер записи на прием ------------------ */ /* С мобильной версии */ .steps { padding: 7px 10px; margin: 0; font-size: 15px; font-weight: bold; line-height: 32px; display: block; text-decoration: none; color: #4c4c4c; background: #e8e8e8; /*border-bottom: solid 1px #cccccc;*/ margin-bottom: 15px; } /* ------------------ Футер ------------------ */ .section-content { padding: 0; } .footer-info { width: 55%; padding: .8em 0em 0 0; } .metrika-copyright { left: 0; } } /********************************************************************************** @media only screen and (max-width: < 640px) ********************************************************************/ @media only screen and (max-width: 639px) { .mob639 { display: block; } .hide639 { display: none; } .aa-enable { padding: 0 0 0 20px; } /*Телефон в верху шапки*/ .top-phone { display: flex; justify-content: center; width: 64%; top: 5px; position: relative } .top-phone a { color: #fff; text-decoration: underline; } .top-phone .fa-phone { margin: 0 5px; } /* */ .content-flex { padding: 0 19% 0 0; } .mobile-search-and-phone { flex: 0; } .phone-mobile { display: none; } .zapis-mobile { top: 10px; /*background-color: rgba(127, 172, 238, 0.6);*/ background-color: rgb(139 195 74 / 80%); } .container-top-navigation { display: none; } /* ------------------------ image munu ------------------------ */ .im-m-container .col-3 { width: 50%; } .menu-title { font-size: 1.0rem; } /* -------------------------------------- Вопрос - Ответ ------------------------------------ */ /*Спасибо, вопрс принят*/ .org-container { padding: 0; } .mess_send .btn-big { margin: 15px 0; } .mess_send .btn { white-space: normal; font-size: 16px; } .mess_send .btn-big { height: auto; } /* -------------------------------------------- NEWS НОВОСТИ ------------------------------- */ .btn-big { height: 40px; line-height: 40px; padding: 0 20px; } .entry-date { display: none; } .entry-title a { font-size: 14px; } /* -------------------------------------- Клиники страница ------------------------------------ */ .news-item-image { display: none; } .news-item-content { width: 100%; } /* -------------------------------------- Мед программы список ------------------------------------ */ .med-programm-page .news-item-image + .news-item-content { min-height: auto; } /* -------------------------------------- Контакты деталка ------------------------------------ */ .additional-photos { flex-wrap: wrap; } .image-popup-no-margins { width: 31%; margin: 3px 3px; flex-grow: 1; box-sizing: border-box; } .image-popup-no-margins img { vertical-align: middle; max-width: 100%; width: 100%; } /* -------------------------------------- Профиль пользователя, Личный кабинет ------------------------------------ */ .personal-blok { flex-direction: column; } .personal-blok > div:nth-child(2) { margin: 0; } /* ------------------ Мои вопросы requests ------------------ */ .requests-page .input.col-6 { width: 100%; } /* ------------------ Мои талоны ------------------ */ .talon-page tr td { display: flex; justify-content: center; border-top: none; flex-direction: column; /*margin: 7px 0;*/ align-items: center; } .talon-page tr td input { width: 100% !IMPORTANT; } .talon-page .buttons .btn { width: auto !IMPORTANT; } .talon-page .buttons { display: flex; flex-direction: row; flex-wrap: wrap; } .talon .talon_row td { display: flex; flex-direction: column; } .talon-page input.btn { margin: 10px auto; } .talon-page tr td img { margin: 0 0 10px 0; margin-right: 0 !IMPORTANT; } .talon-page .talon-price { text-align: center; } /*Фильтр талоны*/ #user_profile-styler, #talon_state-styler, #talon_serv-styler { min-width: 100%; } .jq-selectbox__select { overflow: hidden; } .jq-selectbox__select-text { white-space: normal; } /* ------------------ Специалисты деталлка ------------------ */ .doctor-menu ul li:nth-child(2) { display: none; } /* ------------------ Футер ------------------ */ .footer-info { width: 100%; padding: .8em 1em 0 1em; font-size: 12px; } } /********************************************************************************** @media only screen and (max-width: < 480px) ********************************************************************/ @media only screen and (max-width: 479px) { h1, .h1 { line-height: 1.4em; font-size: 1.2em } /* ------------------ Баннеры, слайдеры ------------------ */ .big-slider, .big-slider .slider-item { height: 100px; } /* ------------------------ image munu ------------------------ */ .menu-title { font-size: 0.9rem; font-weight: normal; } /* -------------------------------------- Другие виды услуг ------------------------------------ */ .more-uslugi { margin-top: 15px; } /* -------------------------------------------- NEWS НОВОСТИ ------------------------------- */ .tittle-for-med-pr-news { padding: 0 2em 1em; } .tittle-for-med-pr-news .box { margin: 0.6em 0 1em; } .box-base { flex: 1 0 auto; width: 100%; } .h2-tittle h2 { font-size: 18px; } .entry-title a { font-weight: normal; } .text-container { padding: 0 .5em 0 1em; } /* -------------------------------------- Вопрос ответ ------------------------------------ */ .two-items + p, .form-filteroff, .form-filteroff + a { font-size: 11px; } /* -------------------------------------------- Страница авторизации ------------------------------- */ .bx-auth .content .content { display: flex; flex-direction: column; } .bx-auth .col-6 { width: 100%; } .bx-auth .col-2 { width: 100%; text-align: center; } .bx-auth .content.mt10 { margin: 30px; } .bx-auth noindex p a { line-height: 40px; margin: 20px; } } /********************************************************************************** @media only screen and (max-width: < 425px) ********************************************************************/ @media only screen and (max-width: 424px) { /*Телефон в верху шапки*/ .top-phone { width: 73%; } /* ------------------ Баннеры, слайдеры ------------------ */ .big-slider, .big-slider .slider-item { height: 89px; } /* -------------------------------------- Другие виды услуг ------------------------------------ */ .dr-uslugi .services-list-header { font-size: 16px; } .dr-uslugi .news-item { flex-grow: 1; } .news-item-content { width: 100%; } .org-uslugs-only > .fl-r-org { /*padding: 10px 15px !IMPORTANT;*/ padding: 10px 0 !IMPORTANT; } /* ---------------------------- Вопрос - Ответ ------------------------- */ font.text { font-size: 14px; } /* -------------------------------------- Контакты деталка ------------------------------------ */ .services-list-content.white-content-box.smallknob { padding: 10px 0 0 10px; } .services-list-content.white-content-box { padding: 10px 0; } .org-uslugs-contact { padding: 0 10px 0 10px; } blockquote { margin: 1.5em 0; padding: 0.8em; } /* -------------------------------------- Услуги и цены на разных страницах ------------------------------------ */ .org-uslugs { flex: auto; } .org-uslugs-only > .fl-r-org { border: 0 !IMPORTANT; border-radius: 0; background: transparent !IMPORTANT; } /* -------------------------------------- Tabs Табы Вкладки ------------------------------------ */ .tabs-item { padding: 10px; } /* -------------------------------------- Талоны ------------------------------------ */ .talon-page .filter-block { padding: 20px 5px; } .talon-page .filter-header { padding: 0 10px; } } /********************************************************************************** @media only screen and (max-width: < 360px) ********************************************************************/ @media only screen and (max-width: 359px) { /* ------------------ Баннеры, слайдеры ------------------ */ .big-slider, .big-slider .slider-item { height: 74px; } .tittle-for-med-pr-news { padding: 0.3em 2em 1em; } .h2-tittle h2 { font-size: 17px; } } /********************************************************************************** @media only screen and (max-width: < 321px) ********************************************************************/ @media only screen and (max-width: 320px) { .top-phone { display: none; } .content-flex { display: none; } .content-my:after { background: linear-gradient(to right, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 57%,rgba(240,244,253,1) 100%); background: -moz-linear-gradient(left, rgba(127,172,238,1) 0%, rgba(127,172,238,1) 57%, rgba(240,244,253,1) 100%); background: -webkit-linear-gradient(left, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 57%,rgba(240,244,253,1) 100%); background: linear-gradient(to right, rgba(127,172,238,1) 0%,rgba(127,172,238,1) 57%,rgba(240,244,253,1) 100%); } /* ------------------ Баннеры, слайдеры ------------------ */ .big-slider, .big-slider .slider-item { height: 66px; } /* ------------------------ image munu ------------------------ */ .menu-title { font-size: 0.8rem; } /* -------------------------------------------- NEWS НОВОСТИ ------------------------------- */ .text-container { padding: 0 .5em 0 0.7em; } /* -------------------------------------- Другие виды услуг ------------------------------------ */ .more-uslugi { margin-top: 10px; padding: 0 5px; } .dr-uslugi .services-list-header { font-size: 14px; } /* ---------------------------- Вопрос - Ответ ------------------------- */ font.text { font-size: 13px; } /* -------------------------------------- Услуги и цены на разных страницах ------------------------------------ */ .services-list ul { margin: 0; } .metrika { display: none; } /* -------------------------------------- Tabs Табы Вкладки ------------------------------------ */ .tabs-switcher { font-size: 12px; } /* -------------------------------------- Кнопки ------------------------------------ */ .btn-big { height: auto; } .btn { white-space: normal; } /* -------------------------------------- Талоны ------------------------------------ */ .talon-page .talon_buttons a { width: 100%; margin: 10px auto; } /*Для упрощенной записи воспользуйтесь формой обратной связи*/ a > h5 { padding: 0 !IMPORTANT; } } /********************************************************************************** @media only screen and (max-width: < 241px) ********************************************************************/ @media only screen and (max-width: 240px) { .aa-enable { padding: 0 0 0 50px; } .two-banners { display: none; } .im-m-container .col-3 { width: 100%; } .dr-uslugi .services-list-header { font-size: 13px; } .dr-uslugi .services-list-header p:before { background-image: none; width: 0; } .dr-uslugi .services-list-header { line-height: 50px; } .med-prog-wrapper .footer-carousel-wrapper { padding: 0; } .entry-header { display: none; } .text-container { padding: 5px 10px; } .smallmenu-inline .small-menu-box { width: 75%; margin: 5px auto; } .arrow_box { padding: 10px 4px; } .main-user-consent-request-popup-cont { min-width: 240px; } /* -------------------------------------- Услуги и цены на разных страницах ------------------------------------ */ .org-uslugs-only > .fl-r-org { min-width: auto; } .services-list ul { margin: 0; } /* -------------------------------------- Контакты ------------------------------------ */ .zapis-knob { width: 100%; box-sizing: border-box; } /* -------------------------------------- Талоны ------------------------------------ */ .talon-page { padding: 0 5px; } .talon_main { min-width: 200px; padding: 15px 10px; } .talon-page .filter-header { justify-content: center; display: flex; flex-direction: column; } .btn + .btn { margin: 20px 0; } .talon_number.simple tr td:last-child { margin: 0; display: flex; justify-content: center; } tfoot tr td:first-child { display: none; } .talon-page .table { margin-bottom: 0; } } .loadergif { text-align: center; max-height: 200px; min-height: 200px; background: url('/local/templates/beauty_modern_na/images/spiral-preloader.gif') #fff no-repeat center center; } /* End */ /* Start:/local/templates/beauty_modern_na/special_version.css?164000426466723*/ /* ========================================================================== Общие стили для всех вариантов спецверсии сайта */ /* ========================================================================== */ .special-aaVersion-on { /* ========================================================================== Отключение картинок */ /* ========================================================================== */ } .special-aaVersion-on a, .special-aaVersion-on .in-page-nav li a { text-decoration: underline; } .special-aaVersion-on a:hover, .special-aaVersion-on .in-page-nav li a:hover, .special-aaVersion-on a:active, .special-aaVersion-on .in-page-nav li a:active { text-decoration: none; } .special-aaVersion-on .container-top-line, .special-aaVersion-on .container-top-navigation, .special-aaVersion-on .container-white, .special-aaVersion-on .white-box, .special-aaVersion-on .h-block, .special-aaVersion-on .h-block-inner, .special-aaVersion-on .footer-carousel.owl-carousel .owl-item a, .special-aaVersion-on .white-content-box, .special-aaVersion-on .checkbox + label > span, .special-aaVersion-on .radio + label > span, .special-aaVersion-on .municipal-org-link span, .special-aaVersion-on .badge, .special-aaVersion-on .schedule .hour-busy, .special-aaVersion-on .in-page-nav, .special-aaVersion-on .step-item-inner, .special-aaVersion-on .steps-breadcrumb-text, .special-aaVersion-on .record-tikket-date, .special-aaVersion-on .big-slider { background: inherit; } .special-aaVersion-on .h-block, .special-aaVersion-on .price-download-block:after, .special-aaVersion-on .municipal-org-link, .special-aaVersion-on .steps-select, .special-aaVersion-on .steps-breadcrumb-name, .special-aaVersion-on .steps-breadcrumb-text:after, .special-aaVersion-on .alert-label:after { background-image: none !important; } .special-aaVersion-on .h-block-inner { border: solid 1px; } .special-aaVersion-on .border-link-dark, .special-aaVersion-on .border-link, .special-aaVersion-on .footer-nav a { border: 0; } .special-aaVersion-on .h-block-inner .btn *, .special-aaVersion-on .footer-carousel.owl-carousel .owl-item a, .special-aaVersion-on .checkbox:focus + label, .special-aaVersion-on .radio:focus + label, .special-aaVersion-on .jq-file:active .jq-file__name, .special-aaVersion-on .tabs-gray .tabs-switcher.active, .special-aaVersion-on .tabs-gray .tabs-switcher:hover, .special-aaVersion-on .services-list-content a .fl-r, .special-aaVersion-on .breadcrumb ul li .crumb_marker, .special-aaVersion-on .doctor-menu ul a.active, .special-aaVersion-on .in-page-nav li a:hover, .special-aaVersion-on .in-page-nav li a:focus, .special-aaVersion-on .schedule-doctor-schedule .day-wrapper.today, .special-aaVersion-on .logo-link:hover .h1, .special-aaVersion-on .logo-link:focus .h1 { color: inherit; } .special-aaVersion-on .checkbox:focus + label > span, .special-aaVersion-on .checkbox:checked + label > span, .special-aaVersion-on .checkbox:checked + label > span:before, .special-aaVersion-on .radio:focus + label > span, .special-aaVersion-on .radio:checked + label > span:before, .special-aaVersion-on .radio + label:hover > span, .special-aaVersion-on .radio + label:focus > span, .special-aaVersion-on .radio:checked + label > span, .special-aaVersion-on .jq-file:active .jq-file__name, .special-aaVersion-on .footer-carousel.owl-carousel .owl-item a, .special-aaVersion-on .step-item-num, .special-aaVersion-on .step-item-inner.current .step-item-num, .special-aaVersion-on .step-item-inner:hover .step-item-num, .special-aaVersion-on .step-item-inner:focus .step-item-num, .special-aaVersion-on .checkbox + label:hover > span { border-color: inherit; } .special-aaVersion-on .search-in-page-btn { background-color: transparent !important; box-shadow: none !important; } .special-aaVersion-on .search-in-page-input { padding-left: 50px !important; } .special-aaVersion-on .step-item-inner.current .step-item-num, .special-aaVersion-on .step-item-inner:hover .step-item-num, .special-aaVersion-on .step-item-inner:focus .step-item-num { box-shadow: none; } .special-aaVersion-on .steps-breadcrumb-name { opacity: .6; } .special-aaVersion-on .steps-breadcrumb-text:after { content: 'x'; text-align: right; padding-right: 10px; font-size: 20px; } .special-aaVersion-on .styler-steps { margin-top: -1px; } .special-aaVersion-on .schedule-doctor-schedule .day-wrapper.today { font-weight: bold; } .special-aaVersion-on .alert-label:after { content: '!!!'; } .special-aaVersion-on a.dotted-link, .special-aaVersion-on .pseudolink.dotted-link { border-bottom: 0; } .special-aaVersion-on .error-page-big-text { display: none; } .special-aaVersion-on.special-aaImage-off img { display: none !important; } .special-aaVersion-on.special-aaImage-off .slider-item { background-image: none !important; } /* ========================================================================== Панель */ /* ========================================================================== */ .special-settings { padding: 20px 0; font-family: Tahoma, sans-serif; background: #ccc; } .aa-settings-popup { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 15; border: solid 2px; } .aa-block { float: left; padding: 0.5em 1em; } .aa-block a { display: inline-block; padding: 8px 10px; border: solid 2px; margin-left: -2px; } .aaFontsize .fl-l { padding: 8px 10px 8px 0; display: inline-block; } .aaFontsize a { float: left; text-decoration: none; } .aaFontsize-small { font-size: 16px; } .special-aaVersion-on.special-aaFontsize-small .structure li span, .content .structure li span { font-size: 16px; } .aaFontsize-normal { font-size: 20px; font-weight: bold; } .special-aaVersion-on.special-aaFontsize-normal .structure li span, .content .structure li span { font-size: 20px; } .aaFontsize-big { font-size: 24px; font-weight: bold; } .special-aaVersion-on.special-aaFontsize-big .structure li span, .content .structure li span { font-size: 24px; } .aaColor { padding-left: 0; padding-right: 0; } .aaColor a { padding: 4px; } .aaColor a span { display: inline-block; padding: 4px .5em; font-weight: bold; } .aaColor a.aaColor-black.a-current { border-color: #000; background: #fff !important; } .aaColor a.aaColor-black span { background: #fff; color: #000; } .aaColor a.aaColor-yellow.a-current { border-color: #000; background: #ff0 !important; } .aaColor a.aaColor-yellow span { background: #ff0; color: #000; } .aaColor a.aaColor-blue.a-current { border-color: #000; background: #9fd7ff !important; } .aaColor a.aaColor-blue span { background: #9fd7ff; color: #143c5a; } .choose-colors { list-style: none; margin: 0; padding: 0; } .choose-colors li { margin-top: .5em; } /* ========================================================================== Черным РїРѕ белому */ /* ========================================================================== */ .special-aaVersion-on.special-aaColor-black body, .special-aaVersion-on.special-aaColor-black .aa-settings-popup { color: #000000; background-color: #ffffff; } .special-aaVersion-on.special-aaColor-black .special-settings, .special-aaVersion-on.special-aaColor-black .special-settings a, .special-aaVersion-on.special-aaColor-black .special-settings .aa-block { color: #000; border-color: #000 !important; } .special-aaVersion-on.special-aaColor-black a { color: #000000; } .special-aaVersion-on.special-aaColor-black a.btn { color: #ffffff; } .special-aaVersion-on.special-aaColor-black a.btn-link { padding-left: 1em; padding-right: 1em; } .special-aaVersion-on.special-aaColor-black * { color: #000000; border-color: #000000; -webkit-transition: none !important; transition: none !important; } .special-aaVersion-on.special-aaColor-black hr { background: #000000; height: 2px; } .special-aaVersion-on.special-aaColor-black :-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .special-aaVersion-on.special-aaColor-black :-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .special-aaVersion-on.special-aaColor-black ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .special-aaVersion-on.special-aaColor-black .btn, .special-aaVersion-on.special-aaColor-black button, .special-aaVersion-on.special-aaColor-black input[type="button"], .special-aaVersion-on.special-aaColor-black input[type="reset"], .special-aaVersion-on.special-aaColor-black input[type="submit"] { background-color: #000000; box-shadow: 0 0 0 2px #000000; border-color: transparent; color: #ffffff; } .special-aaVersion-on.special-aaColor-black .btn:focus, .special-aaVersion-on.special-aaColor-black button:focus, .special-aaVersion-on.special-aaColor-black input[type="button"]:focus, .special-aaVersion-on.special-aaColor-black input[type="reset"]:focus, .special-aaVersion-on.special-aaColor-black input[type="submit"]:focus, .special-aaVersion-on.special-aaColor-black .btn:hover, .special-aaVersion-on.special-aaColor-black button:hover, .special-aaVersion-on.special-aaColor-black input[type="button"]:hover, .special-aaVersion-on.special-aaColor-black input[type="reset"]:hover, .special-aaVersion-on.special-aaColor-black input[type="submit"]:hover { background-color: transparent; color: #000000; text-decoration: underline; } .special-aaVersion-on.special-aaColor-black .btn-link, .special-aaVersion-on.special-aaColor-black a.btn-link { background: transparent; color: #000000; } .special-aaVersion-on.special-aaColor-black .btn-link:focus, .special-aaVersion-on.special-aaColor-black a.btn-link:focus, .special-aaVersion-on.special-aaColor-black .btn-link:hover, .special-aaVersion-on.special-aaColor-black a.btn-link:hover { color: #000000; text-decoration: none; } .special-aaVersion-on.special-aaColor-black .input, .special-aaVersion-on.special-aaColor-black input[type="text"], .special-aaVersion-on.special-aaColor-black input[type="password"], .special-aaVersion-on.special-aaColor-black textarea { color: #000000; background: #ffffff; padding: 5px; } .special-aaVersion-on.special-aaColor-black .input:focus, .special-aaVersion-on.special-aaColor-black input[type="text"]:focus, .special-aaVersion-on.special-aaColor-black input[type="password"]:focus, .special-aaVersion-on.special-aaColor-black textarea:focus { outline: solid 3px #000000; } .special-aaVersion-on.special-aaColor-black a.a-current, .special-aaVersion-on.special-aaColor-black a.a-current span { color: #fff; background: #000; } .special-aaVersion-on.special-aaColor-black .icon, .special-aaVersion-on.special-aaColor-black .top-nav-block li.parent > a:after, .special-aaVersion-on.special-aaColor-black .owl-next:after, .special-aaVersion-on.special-aaColor-black .owl-prev:after, .special-aaVersion-on.special-aaColor-black .mobile-nav ul li.parent a:after, .special-aaVersion-on.special-aaColor-black .footer-carousel .owl-next, .special-aaVersion-on.special-aaColor-black .footer-carousel .owl-prev, .special-aaVersion-on.special-aaColor-black .services-list-header:after, .special-aaVersion-on.special-aaColor-black .doctor-item-comments { background-image: url('/local/templates/beauty_modern_na/images/all-icons-aa-black.png'); } @media screen and (min-resolution: 192dpi) { .special-aaVersion-on.special-aaColor-black .icon, .special-aaVersion-on.special-aaColor-black .top-nav-block li.parent > a:after, .special-aaVersion-on.special-aaColor-black .owl-next:after, .special-aaVersion-on.special-aaColor-black .owl-prev:after, .special-aaVersion-on.special-aaColor-black .mobile-nav ul li.parent a:after, .special-aaVersion-on.special-aaColor-black .footer-carousel .owl-next, .special-aaVersion-on.special-aaColor-black .footer-carousel .owl-prev, .special-aaVersion-on.special-aaColor-black .services-list-header:after, .special-aaVersion-on.special-aaColor-black .doctor-item-comments { background-image: url('/local/templates/beauty_modern_na/images/all-icons-aa-black@2x.png'); } } .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li > a:after { border-top-color: #000000; } .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li:focus a, .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li:hover a, .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li > a:hover { background: #000000; color: #ffffff; } .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li:focus a:after, .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li:hover a:after, .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li > a:hover:after { border-top-color: #ffffff; } .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li ul { background: #000000; } .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li ul a:hover, .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li ul a:focus { border-color: transparent; text-decoration: underline; } .special-aaVersion-on.special-aaColor-black .container-top-navigation ul li.parent ul a { color: #ffffff; } .special-aaVersion-on.special-aaColor-black .slider-item-text { background: #ffffff; } .special-aaVersion-on.special-aaColor-black .owl-dot span { background: rgba(0, 0, 0, 0.5); } .special-aaVersion-on.special-aaColor-black .owl-dot.active, .special-aaVersion-on.special-aaColor-black .owl-dot:hover { border-color: #000000; box-shadow: none; } .special-aaVersion-on.special-aaColor-black .owl-dot.active span, .special-aaVersion-on.special-aaColor-black .owl-dot:hover span { background: transparent; } .special-aaVersion-on.special-aaColor-black .tabs-switcher { border: 0; background: none; border-right: solid 1px; margin: 0; padding-left: 15px; padding-right: 15px; } .special-aaVersion-on.special-aaColor-black .tabs-switcher.active { background: #000000; color: #ffffff; } .special-aaVersion-on.special-aaColor-black .main-specialty-list li a:hover, .special-aaVersion-on.special-aaColor-black .main-specialty-list li a:focus { color: #000000; text-decoration: underline; } .special-aaVersion-on.special-aaColor-black .btn-outline, .special-aaVersion-on.special-aaColor-black a.btn-outline { background: none; color: #000000; } .special-aaVersion-on.special-aaColor-black .container-primary-line { background: #000000; } .special-aaVersion-on.special-aaColor-black .container-primary-line, .special-aaVersion-on.special-aaColor-black .container-primary-line * { color: #ffffff; } .special-aaVersion-on.special-aaColor-black .table th, .special-aaVersion-on.special-aaColor-black .jq-file__browse { background: #000000; color: #ffffff; } .special-aaVersion-on.special-aaColor-black .radio:checked + label > span:before { background: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__select { background: #ffffff; border: solid 1px #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox li { color: #ffffff; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__search { padding: 4px 0; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__search input { background: #ffffff; color: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__not-found { color: #ffffff; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__dropdown { background: #000000; color: #ffffff; padding: 4px; border: solid 1px #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox li.selected, .special-aaVersion-on.special-aaColor-black .jq-selectbox li:hover { background: #ffffff; color: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__trigger-arrow { border-color: #000000; } .focused .special-aaVersion-on.special-aaColor-black .jq-selectbox__trigger-arrow, .jq-selectbox:hover .special-aaVersion-on.special-aaColor-black .jq-selectbox__trigger-arrow, .jq-selectbox:active .special-aaVersion-on.special-aaColor-black .jq-selectbox__trigger-arrow, .dropdown .special-aaVersion-on.special-aaColor-black .jq-selectbox__trigger-arrow { border-color: #000000; } .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white .jq-selectbox__trigger-arrow { border-color: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-black .jq-selectbox.dropdown .jq-selectbox__select, .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox.dropdown .jq-selectbox__select, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white.dropdown .jq-selectbox__select { color: #ffffff; background: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-black .jq-selectbox.dropdown .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox.dropdown .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white.dropdown .jq-selectbox__select-text { color: #ffffff; } .special-aaVersion-on.special-aaColor-black .jq-selectbox.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-black .jq-selectbox.dropdown .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox.dropdown .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white.dropdown .jq-selectbox__trigger-arrow { border-color: #ffffff; } .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox .jq-selectbox__search input, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white .jq-selectbox__search input { border-color: #000000; } .special-aaVersion-on.special-aaColor-black .white-inputs .jq-selectbox .jq-selectbox__select, .special-aaVersion-on.special-aaColor-black .jq-selectbox.input-white .jq-selectbox__select { background: #ffffff; } .special-aaVersion-on.special-aaColor-black .table th { color: #ffffff; background: #000000; } .special-aaVersion-on.special-aaColor-black .table-hover tr:hover > th, .special-aaVersion-on.special-aaColor-black .table-hover tr:hover > td { background-color: #080808; color: #ffffff; } .special-aaVersion-on.special-aaColor-black .table-bordered tbody + tbody tr:first-child td { border-color: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox li { margin: 0; } .special-aaVersion-on.special-aaColor-black .jq-selectbox li:after { content: none; } .special-aaVersion-on.special-aaColor-black .jq-selectbox li.selected:before, .special-aaVersion-on.special-aaColor-black .jq-selectbox li.sel:before { border-color: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__search { background: #000000; } .special-aaVersion-on.special-aaColor-black .jq-selectbox__search input:focus { border-color: #000000; } .special-aaVersion-on.special-aaColor-black .table-white-box tbody > tr:nth-child(even) > td, .special-aaVersion-on.special-aaColor-black .table-white-box tbody > tr:nth-child(even) > th, .special-aaVersion-on.special-aaColor-black .table-white-box td, .special-aaVersion-on.special-aaColor-black .schedule-header-wrapper.white-box.sticky { background: #ffffff; } .special-aaVersion-on.special-aaColor-black .step-item-inner.checked .step-item-num { background: #000000; } .special-aaVersion-on.special-aaColor-black .step-item-inner.checked .step-item-num:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -5px 0 0 -7px; width: 12px; height: 6px; border: solid 3px #ffffff; border-top-width: 0; border-right-width: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .special-aaVersion-on.special-aaColor-black .step-item-inner:hover .step-item-num, .special-aaVersion-on.special-aaColor-black .step-item-inner:focus .step-item-num { background: #000000; color: #ffffff; } .special-aaVersion-on.special-aaColor-black .alert { color: #ffffff; background: #000000; } /* ========================================================================== Желтым РїРѕ черному */ /* ========================================================================== */ .special-aaVersion-on.special-aaColor-yellow body, .special-aaVersion-on.special-aaColor-yellow .aa-settings-popup { color: #ffff00; background-color: #000000; } .special-aaVersion-on.special-aaColor-yellow .special-settings, .special-aaVersion-on.special-aaColor-yellow .special-settings a, .special-aaVersion-on.special-aaColor-yellow .special-settings .aa-block { color: #000; border-color: #000 !important; } .special-aaVersion-on.special-aaColor-yellow a { color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow a.btn { color: #000000; } .special-aaVersion-on.special-aaColor-yellow a.btn-link { padding-left: 1em; padding-right: 1em; } .special-aaVersion-on.special-aaColor-yellow * { color: #ffff00; border-color: #ffff00; -webkit-transition: none !important; transition: none !important; } .special-aaVersion-on.special-aaColor-yellow hr { background: #ffff00; height: 2px; } .special-aaVersion-on.special-aaColor-yellow :-moz-placeholder { color: rgba(255, 255, 0, 0.5); } .special-aaVersion-on.special-aaColor-yellow :-ms-input-placeholder { color: rgba(255, 255, 0, 0.5); } .special-aaVersion-on.special-aaColor-yellow ::-webkit-input-placeholder { color: rgba(255, 255, 0, 0.5); } .special-aaVersion-on.special-aaColor-yellow .btn, .special-aaVersion-on.special-aaColor-yellow button, .special-aaVersion-on.special-aaColor-yellow input[type="button"], .special-aaVersion-on.special-aaColor-yellow input[type="reset"], .special-aaVersion-on.special-aaColor-yellow input[type="submit"] { background-color: #ffff00; box-shadow: 0 0 0 2px #ffff00; border-color: transparent; color: #000000; } .special-aaVersion-on.special-aaColor-yellow .btn:focus, .special-aaVersion-on.special-aaColor-yellow button:focus, .special-aaVersion-on.special-aaColor-yellow input[type="button"]:focus, .special-aaVersion-on.special-aaColor-yellow input[type="reset"]:focus, .special-aaVersion-on.special-aaColor-yellow input[type="submit"]:focus, .special-aaVersion-on.special-aaColor-yellow .btn:hover, .special-aaVersion-on.special-aaColor-yellow button:hover, .special-aaVersion-on.special-aaColor-yellow input[type="button"]:hover, .special-aaVersion-on.special-aaColor-yellow input[type="reset"]:hover, .special-aaVersion-on.special-aaColor-yellow input[type="submit"]:hover { background-color: transparent; color: #ffff00; text-decoration: underline; } .special-aaVersion-on.special-aaColor-yellow .btn-link, .special-aaVersion-on.special-aaColor-yellow a.btn-link { background: transparent; color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .btn-link:focus, .special-aaVersion-on.special-aaColor-yellow a.btn-link:focus, .special-aaVersion-on.special-aaColor-yellow .btn-link:hover, .special-aaVersion-on.special-aaColor-yellow a.btn-link:hover { color: #ffff00; text-decoration: none; } .special-aaVersion-on.special-aaColor-yellow .input, .special-aaVersion-on.special-aaColor-yellow input[type="text"], .special-aaVersion-on.special-aaColor-yellow input[type="password"], .special-aaVersion-on.special-aaColor-yellow textarea { color: #ffff00; background: #000000; padding: 5px; } .special-aaVersion-on.special-aaColor-yellow .input:focus, .special-aaVersion-on.special-aaColor-yellow input[type="text"]:focus, .special-aaVersion-on.special-aaColor-yellow input[type="password"]:focus, .special-aaVersion-on.special-aaColor-yellow textarea:focus { outline: solid 3px #ffff00; } .special-aaVersion-on.special-aaColor-yellow a.a-current, .special-aaVersion-on.special-aaColor-yellow a.a-current span { color: #fff; background: #000; } .special-aaVersion-on.special-aaColor-yellow .icon, .special-aaVersion-on.special-aaColor-yellow .top-nav-block li.parent > a:after, .special-aaVersion-on.special-aaColor-yellow .owl-next:after, .special-aaVersion-on.special-aaColor-yellow .owl-prev:after, .special-aaVersion-on.special-aaColor-yellow .mobile-nav ul li.parent a:after, .special-aaVersion-on.special-aaColor-yellow .footer-carousel .owl-next, .special-aaVersion-on.special-aaColor-yellow .footer-carousel .owl-prev, .special-aaVersion-on.special-aaColor-yellow .services-list-header:after, .special-aaVersion-on.special-aaColor-yellow .doctor-item-comments { background-image: url('/local/templates/beauty_modern_na/images/all-icons-aa-yellow.png'); } @media screen and (min-resolution: 192dpi) { .special-aaVersion-on.special-aaColor-yellow .icon, .special-aaVersion-on.special-aaColor-yellow .top-nav-block li.parent > a:after, .special-aaVersion-on.special-aaColor-yellow .owl-next:after, .special-aaVersion-on.special-aaColor-yellow .owl-prev:after, .special-aaVersion-on.special-aaColor-yellow .mobile-nav ul li.parent a:after, .special-aaVersion-on.special-aaColor-yellow .footer-carousel .owl-next, .special-aaVersion-on.special-aaColor-yellow .footer-carousel .owl-prev, .special-aaVersion-on.special-aaColor-yellow .services-list-header:after, .special-aaVersion-on.special-aaColor-yellow .doctor-item-comments { background-image: url('/local/templates/beauty_modern_na/images/all-icons-aa-yellow@2x.png'); } } .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li > a:after { border-top-color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li:focus a, .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li:hover a, .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li > a:hover { background: #ffff00; color: #000000; } .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li:focus a:after, .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li:hover a:after, .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li > a:hover:after { border-top-color: #000000; } .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li ul { background: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li ul a:hover, .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li ul a:focus { border-color: transparent; text-decoration: underline; } .special-aaVersion-on.special-aaColor-yellow .container-top-navigation ul li.parent ul a { color: #000000; } .special-aaVersion-on.special-aaColor-yellow .slider-item-text { background: #000000; } .special-aaVersion-on.special-aaColor-yellow .owl-dot span { background: rgba(255, 255, 0, 0.5); } .special-aaVersion-on.special-aaColor-yellow .owl-dot.active, .special-aaVersion-on.special-aaColor-yellow .owl-dot:hover { border-color: #ffff00; box-shadow: none; } .special-aaVersion-on.special-aaColor-yellow .owl-dot.active span, .special-aaVersion-on.special-aaColor-yellow .owl-dot:hover span { background: transparent; } .special-aaVersion-on.special-aaColor-yellow .tabs-switcher { border: 0; background: none; border-right: solid 1px; margin: 0; padding-left: 15px; padding-right: 15px; } .special-aaVersion-on.special-aaColor-yellow .tabs-switcher.active { background: #ffff00; color: #000000; } .special-aaVersion-on.special-aaColor-yellow .main-specialty-list li a:hover, .special-aaVersion-on.special-aaColor-yellow .main-specialty-list li a:focus { color: #ffff00; text-decoration: underline; } .special-aaVersion-on.special-aaColor-yellow .btn-outline, .special-aaVersion-on.special-aaColor-yellow a.btn-outline { background: none; color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .container-primary-line { background: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .container-primary-line, .special-aaVersion-on.special-aaColor-yellow .container-primary-line * { color: #000000; } .special-aaVersion-on.special-aaColor-yellow .table th, .special-aaVersion-on.special-aaColor-yellow .jq-file__browse { background: #ffff00; color: #000000; } .special-aaVersion-on.special-aaColor-yellow .radio:checked + label > span:before { background: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__select { background: #000000; border: solid 1px #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox li { color: #000000; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__search { padding: 4px 0; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__search input { background: #000000; color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__not-found { color: #000000; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__dropdown { background: #ffff00; color: #000000; padding: 4px; border: solid 1px #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox li.selected, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox li:hover { background: #000000; color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__trigger-arrow { border-color: #ffff00; } .focused .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__trigger-arrow, .jq-selectbox:hover .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__trigger-arrow, .jq-selectbox:active .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__trigger-arrow, .dropdown .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__trigger-arrow { border-color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white .jq-selectbox__trigger-arrow { border-color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.dropdown .jq-selectbox__select, .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox.dropdown .jq-selectbox__select, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white.dropdown .jq-selectbox__select { color: #000000; background: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.dropdown .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox.dropdown .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white.dropdown .jq-selectbox__select-text { color: #000000; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.dropdown .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox.dropdown .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white.dropdown .jq-selectbox__trigger-arrow { border-color: #000000; } .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox .jq-selectbox__search input, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white .jq-selectbox__search input { border-color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .white-inputs .jq-selectbox .jq-selectbox__select, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox.input-white .jq-selectbox__select { background: #000000; } .special-aaVersion-on.special-aaColor-yellow .table th { color: #000000; background: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .table-hover tr:hover > th, .special-aaVersion-on.special-aaColor-yellow .table-hover tr:hover > td { background-color: #ffff0f; color: #000000; } .special-aaVersion-on.special-aaColor-yellow .table-bordered tbody + tbody tr:first-child td { border-color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox li { margin: 0; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox li:after { content: none; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox li.selected:before, .special-aaVersion-on.special-aaColor-yellow .jq-selectbox li.sel:before { border-color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__search { background: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .jq-selectbox__search input:focus { border-color: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .table-white-box tbody > tr:nth-child(even) > td, .special-aaVersion-on.special-aaColor-yellow .table-white-box tbody > tr:nth-child(even) > th, .special-aaVersion-on.special-aaColor-yellow .table-white-box td, .special-aaVersion-on.special-aaColor-yellow .schedule-header-wrapper.white-box.sticky { background: #000000; } .special-aaVersion-on.special-aaColor-yellow .step-item-inner.checked .step-item-num { background: #ffff00; } .special-aaVersion-on.special-aaColor-yellow .step-item-inner.checked .step-item-num:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -5px 0 0 -7px; width: 12px; height: 6px; border: solid 3px #000000; border-top-width: 0; border-right-width: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .special-aaVersion-on.special-aaColor-yellow .step-item-inner:hover .step-item-num, .special-aaVersion-on.special-aaColor-yellow .step-item-inner:focus .step-item-num { background: #ffff00; color: #000000; } .special-aaVersion-on.special-aaColor-yellow .alert { color: #000000; background: #ffff00; } /* ========================================================================== Темно-СЃРёРЅРёРј РїРѕ голубому */ /* ========================================================================== */ .special-aaVersion-on.special-aaColor-blue body, .special-aaVersion-on.special-aaColor-blue .aa-settings-popup { color: #143c5a; background-color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .special-settings, .special-aaVersion-on.special-aaColor-blue .special-settings a, .special-aaVersion-on.special-aaColor-blue .special-settings .aa-block { color: #000; border-color: #000 !important; } .special-aaVersion-on.special-aaColor-blue a { color: #143c5a; } .special-aaVersion-on.special-aaColor-blue a.btn { color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue a.btn-link { padding-left: 1em; padding-right: 1em; } .special-aaVersion-on.special-aaColor-blue * { color: #143c5a; border-color: #143c5a; -webkit-transition: none !important; transition: none !important; } .special-aaVersion-on.special-aaColor-blue hr { background: #143c5a; height: 2px; } .special-aaVersion-on.special-aaColor-blue :-moz-placeholder { color: rgba(20, 60, 90, 0.5); } .special-aaVersion-on.special-aaColor-blue :-ms-input-placeholder { color: rgba(20, 60, 90, 0.5); } .special-aaVersion-on.special-aaColor-blue ::-webkit-input-placeholder { color: rgba(20, 60, 90, 0.5); } .special-aaVersion-on.special-aaColor-blue .btn, .special-aaVersion-on.special-aaColor-blue button, .special-aaVersion-on.special-aaColor-blue input[type="button"], .special-aaVersion-on.special-aaColor-blue input[type="reset"], .special-aaVersion-on.special-aaColor-blue input[type="submit"] { background-color: #143c5a; box-shadow: 0 0 0 2px #143c5a; border-color: transparent; color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .btn:focus, .special-aaVersion-on.special-aaColor-blue button:focus, .special-aaVersion-on.special-aaColor-blue input[type="button"]:focus, .special-aaVersion-on.special-aaColor-blue input[type="reset"]:focus, .special-aaVersion-on.special-aaColor-blue input[type="submit"]:focus, .special-aaVersion-on.special-aaColor-blue .btn:hover, .special-aaVersion-on.special-aaColor-blue button:hover, .special-aaVersion-on.special-aaColor-blue input[type="button"]:hover, .special-aaVersion-on.special-aaColor-blue input[type="reset"]:hover, .special-aaVersion-on.special-aaColor-blue input[type="submit"]:hover { background-color: transparent; color: #143c5a; text-decoration: underline; } .special-aaVersion-on.special-aaColor-blue .btn-link, .special-aaVersion-on.special-aaColor-blue a.btn-link { background: transparent; color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .btn-link:focus, .special-aaVersion-on.special-aaColor-blue a.btn-link:focus, .special-aaVersion-on.special-aaColor-blue .btn-link:hover, .special-aaVersion-on.special-aaColor-blue a.btn-link:hover { color: #143c5a; text-decoration: none; } .special-aaVersion-on.special-aaColor-blue .input, .special-aaVersion-on.special-aaColor-blue input[type="text"], .special-aaVersion-on.special-aaColor-blue input[type="password"], .special-aaVersion-on.special-aaColor-blue textarea { color: #143c5a; background: #9fd7ff; padding: 5px; } .special-aaVersion-on.special-aaColor-blue .input:focus, .special-aaVersion-on.special-aaColor-blue input[type="text"]:focus, .special-aaVersion-on.special-aaColor-blue input[type="password"]:focus, .special-aaVersion-on.special-aaColor-blue textarea:focus { outline: solid 3px #143c5a; } .special-aaVersion-on.special-aaColor-blue a.a-current, .special-aaVersion-on.special-aaColor-blue a.a-current span { color: #fff; background: #000; } .special-aaVersion-on.special-aaColor-blue .icon, .special-aaVersion-on.special-aaColor-blue .top-nav-block li.parent > a:after, .special-aaVersion-on.special-aaColor-blue .owl-next:after, .special-aaVersion-on.special-aaColor-blue .owl-prev:after, .special-aaVersion-on.special-aaColor-blue .mobile-nav ul li.parent a:after, .special-aaVersion-on.special-aaColor-blue .footer-carousel .owl-next, .special-aaVersion-on.special-aaColor-blue .footer-carousel .owl-prev, .special-aaVersion-on.special-aaColor-blue .services-list-header:after, .special-aaVersion-on.special-aaColor-blue .doctor-item-comments { background-image: url('/local/templates/beauty_modern_na/images/all-icons-aa-blue.png'); } @media screen and (min-resolution: 192dpi) { .special-aaVersion-on.special-aaColor-blue .icon, .special-aaVersion-on.special-aaColor-blue .top-nav-block li.parent > a:after, .special-aaVersion-on.special-aaColor-blue .owl-next:after, .special-aaVersion-on.special-aaColor-blue .owl-prev:after, .special-aaVersion-on.special-aaColor-blue .mobile-nav ul li.parent a:after, .special-aaVersion-on.special-aaColor-blue .footer-carousel .owl-next, .special-aaVersion-on.special-aaColor-blue .footer-carousel .owl-prev, .special-aaVersion-on.special-aaColor-blue .services-list-header:after, .special-aaVersion-on.special-aaColor-blue .doctor-item-comments { background-image: url('/local/templates/beauty_modern_na/images/all-icons-aa-blue@2x.png'); } } .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li > a:after { border-top-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li:focus a, .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li:hover a, .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li > a:hover { background: #143c5a; color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li:focus a:after, .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li:hover a:after, .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li > a:hover:after { border-top-color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li ul { background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li ul a:hover, .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li ul a:focus { border-color: transparent; text-decoration: underline; } .special-aaVersion-on.special-aaColor-blue .container-top-navigation ul li.parent ul a { color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .slider-item-text { background: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .owl-dot span { background: rgba(20, 60, 90, 0.5); } .special-aaVersion-on.special-aaColor-blue .owl-dot.active, .special-aaVersion-on.special-aaColor-blue .owl-dot:hover { border-color: #143c5a; box-shadow: none; } .special-aaVersion-on.special-aaColor-blue .owl-dot.active span, .special-aaVersion-on.special-aaColor-blue .owl-dot:hover span { background: transparent; } .special-aaVersion-on.special-aaColor-blue .tabs-switcher { border: 0; background: none; border-right: solid 1px; margin: 0; padding-left: 15px; padding-right: 15px; } .special-aaVersion-on.special-aaColor-blue .tabs-switcher.active { background: #143c5a; color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .main-specialty-list li a:hover, .special-aaVersion-on.special-aaColor-blue .main-specialty-list li a:focus { color: #143c5a; text-decoration: underline; } .special-aaVersion-on.special-aaColor-blue .btn-outline, .special-aaVersion-on.special-aaColor-blue a.btn-outline { background: none; color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .container-primary-line { background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .container-primary-line, .special-aaVersion-on.special-aaColor-blue .container-primary-line * { color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .table th, .special-aaVersion-on.special-aaColor-blue .jq-file__browse { background: #143c5a; color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .radio:checked + label > span:before { background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__select { background: #9fd7ff; border: solid 1px #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox li { color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__search { padding: 4px 0; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__search input { background: #9fd7ff; color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__not-found { color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__dropdown { background: #143c5a; color: #9fd7ff; padding: 4px; border: solid 1px #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox li.selected, .special-aaVersion-on.special-aaColor-blue .jq-selectbox li:hover { background: #9fd7ff; color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__trigger-arrow { border-color: #143c5a; } .focused .special-aaVersion-on.special-aaColor-blue .jq-selectbox__trigger-arrow, .jq-selectbox:hover .special-aaVersion-on.special-aaColor-blue .jq-selectbox__trigger-arrow, .jq-selectbox:active .special-aaVersion-on.special-aaColor-blue .jq-selectbox__trigger-arrow, .dropdown .special-aaVersion-on.special-aaColor-blue .jq-selectbox__trigger-arrow { border-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white .jq-selectbox__trigger-arrow { border-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.dropdown .jq-selectbox__select, .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white.focused .jq-selectbox__select, .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox.dropdown .jq-selectbox__select, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white.dropdown .jq-selectbox__select { color: #9fd7ff; background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.dropdown .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white.focused .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox.dropdown .jq-selectbox__select-text, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white.dropdown .jq-selectbox__select-text { color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.dropdown .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white.focused .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox.dropdown .jq-selectbox__trigger-arrow, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white.dropdown .jq-selectbox__trigger-arrow { border-color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox .jq-selectbox__search input, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white .jq-selectbox__search input { border-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .white-inputs .jq-selectbox .jq-selectbox__select, .special-aaVersion-on.special-aaColor-blue .jq-selectbox.input-white .jq-selectbox__select { background: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .table th { color: #9fd7ff; background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .table-hover tr:hover > th, .special-aaVersion-on.special-aaColor-blue .table-hover tr:hover > td { background-color: #174467; color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .table-bordered tbody + tbody tr:first-child td { border-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox li { margin: 0; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox li:after { content: none; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox li.selected:before, .special-aaVersion-on.special-aaColor-blue .jq-selectbox li.sel:before { border-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__search { background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .jq-selectbox__search input:focus { border-color: #143c5a; } .special-aaVersion-on.special-aaColor-blue .table-white-box tbody > tr:nth-child(even) > td, .special-aaVersion-on.special-aaColor-blue .table-white-box tbody > tr:nth-child(even) > th, .special-aaVersion-on.special-aaColor-blue .table-white-box td, .special-aaVersion-on.special-aaColor-blue .schedule-header-wrapper.white-box.sticky { background: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .step-item-inner.checked .step-item-num { background: #143c5a; } .special-aaVersion-on.special-aaColor-blue .step-item-inner.checked .step-item-num:after { position: absolute; content: ''; top: 50%; left: 50%; margin: -5px 0 0 -7px; width: 12px; height: 6px; border: solid 3px #9fd7ff; border-top-width: 0; border-right-width: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .special-aaVersion-on.special-aaColor-blue .step-item-inner:hover .step-item-num, .special-aaVersion-on.special-aaColor-blue .step-item-inner:focus .step-item-num { background: #143c5a; color: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .alert { color: #9fd7ff; background: #143c5a; } /* ========================================================================== Мелкий размер шрифта */ /* ========================================================================== */ .special-aaVersion-on.special-aaFontsize-small body, .special-aaVersion-on.special-aaFontsize-small .news-item, .special-aaVersion-on.special-aaFontsize-small .breadcrumb ul, .special-aaVersion-on.special-aaFontsize-small .fz12, .special-aaVersion-on.special-aaFontsize-small .fz14, .special-aaVersion-on.special-aaFontsize-small .fz16, .special-aaVersion-on.special-aaFontsize-small .fz18, .special-aaVersion-on.special-aaFontsize-small .fz20, .special-aaVersion-on.special-aaFontsize-small .mb-fz12, .special-aaVersion-on.special-aaFontsize-small .mb-fz14, .special-aaVersion-on.special-aaFontsize-small .mb-fz16, .special-aaVersion-on.special-aaFontsize-small .mb-fz18, .special-aaVersion-on.special-aaFontsize-small .mb-fz20, .special-aaVersion-on.special-aaFontsize-small .tablet-fz12, .special-aaVersion-on.special-aaFontsize-small .tablet-fz14, .special-aaVersion-on.special-aaFontsize-small .tablet-fz16, .special-aaVersion-on.special-aaFontsize-small .tablet-fz18, .special-aaVersion-on.special-aaFontsize-small .tablet-fz20, .special-aaVersion-on.special-aaFontsize-small .dt-fz12, .special-aaVersion-on.special-aaFontsize-small .dt-fz14, .special-aaVersion-on.special-aaFontsize-small .dt-fz16, .special-aaVersion-on.special-aaFontsize-small .dt-fz18, .special-aaVersion-on.special-aaFontsize-small .dt-fz20, .special-aaVersion-on.special-aaFontsize-small .ld-fz12, .special-aaVersion-on.special-aaFontsize-small .ld-fz14, .special-aaVersion-on.special-aaFontsize-small .ld-fz16, .special-aaVersion-on.special-aaFontsize-small .ld-fz18, .special-aaVersion-on.special-aaFontsize-small .ld-fz20, .special-aaVersion-on.special-aaFontsize-small .short-news-header { font-size: 16px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-small .content-directions ul li, .special-aaVersion-on.special-aaFontsize-small .btn, .special-aaVersion-on.special-aaFontsize-small .footer-menu-wrapper ul li a, .special-aaVersion-on.special-aaFontsize-small .container-top-navigation ul li a { font-size: 18px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-small .footer-menu-wrapper .footer-header { font-size: 26px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-small .fz22, .special-aaVersion-on.special-aaFontsize-small .fz24, .special-aaVersion-on.special-aaFontsize-small .fz26, .special-aaVersion-on.special-aaFontsize-small .fz30, .special-aaVersion-on.special-aaFontsize-small .mb-fz22, .special-aaVersion-on.special-aaFontsize-small .mb-fz24, .special-aaVersion-on.special-aaFontsize-small .mb-fz26, .special-aaVersion-on.special-aaFontsize-small .mb-fz30, .special-aaVersion-on.special-aaFontsize-small .tablet-fz22, .special-aaVersion-on.special-aaFontsize-small .tablet-fz24, .special-aaVersion-on.special-aaFontsize-small .tablet-fz26, .special-aaVersion-on.special-aaFontsize-small .tablet-fz30, .special-aaVersion-on.special-aaFontsize-small .dt-fz22, .special-aaVersion-on.special-aaFontsize-small .dt-fz24, .special-aaVersion-on.special-aaFontsize-small .dt-fz26, .special-aaVersion-on.special-aaFontsize-small .dt-fz30, .special-aaVersion-on.special-aaFontsize-small .ld-fz22, .special-aaVersion-on.special-aaFontsize-small .ld-fz24, .special-aaVersion-on.special-aaFontsize-small .ld-fz26, .special-aaVersion-on.special-aaFontsize-small .ld-fz30 { font-size: 26px; line-height: 15.4; } .special-aaVersion-on.special-aaFontsize-small .aaFontsize .fl-l { color: #000; } .special-aaVersion-on.special-aaFontsize-small .aaFontsize .fl-l, .special-aaVersion-on.special-aaFontsize-small .aaFontsize a { line-height: 22.4px; } .special-aaVersion-on.special-aaFontsize-small .aa-block a { padding-left: 16px; padding-right: 16px; } .special-aaVersion-on.special-aaFontsize-small .aaColor a { padding-left: 4px; padding-right: 4px; } /* ========================================================================== Средний размер шрифта */ /* ========================================================================== */ .special-aaVersion-on.special-aaFontsize-normal body, .special-aaVersion-on.special-aaFontsize-normal .news-item, .special-aaVersion-on.special-aaFontsize-normal .breadcrumb ul, .special-aaVersion-on.special-aaFontsize-normal .fz12, .special-aaVersion-on.special-aaFontsize-normal .fz14, .special-aaVersion-on.special-aaFontsize-normal .fz16, .special-aaVersion-on.special-aaFontsize-normal .fz18, .special-aaVersion-on.special-aaFontsize-normal .fz20, .special-aaVersion-on.special-aaFontsize-normal .mb-fz12, .special-aaVersion-on.special-aaFontsize-normal .mb-fz14, .special-aaVersion-on.special-aaFontsize-normal .mb-fz16, .special-aaVersion-on.special-aaFontsize-normal .mb-fz18, .special-aaVersion-on.special-aaFontsize-normal .mb-fz20, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz12, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz14, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz16, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz18, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz20, .special-aaVersion-on.special-aaFontsize-normal .dt-fz12, .special-aaVersion-on.special-aaFontsize-normal .dt-fz14, .special-aaVersion-on.special-aaFontsize-normal .dt-fz16, .special-aaVersion-on.special-aaFontsize-normal .dt-fz18, .special-aaVersion-on.special-aaFontsize-normal .dt-fz20, .special-aaVersion-on.special-aaFontsize-normal .ld-fz12, .special-aaVersion-on.special-aaFontsize-normal .ld-fz14, .special-aaVersion-on.special-aaFontsize-normal .ld-fz16, .special-aaVersion-on.special-aaFontsize-normal .ld-fz18, .special-aaVersion-on.special-aaFontsize-normal .ld-fz20, .special-aaVersion-on.special-aaFontsize-normal .short-news-header { font-size: 20px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-normal .btn, .special-aaVersion-on.special-aaFontsize-normal .footer-menu-wrapper ul li a, .special-aaVersion-on.special-aaFontsize-normal .container-top-navigation ul li a, .special-aaVersion-on.special-aaFontsize-normal .content-directions ul li { font-size: 22px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-normal .footer-menu-wrapper .footer-header { font-size: 30px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-normal .fz22, .special-aaVersion-on.special-aaFontsize-normal .fz24, .special-aaVersion-on.special-aaFontsize-normal .fz26, .special-aaVersion-on.special-aaFontsize-normal .fz30, .special-aaVersion-on.special-aaFontsize-normal .mb-fz22, .special-aaVersion-on.special-aaFontsize-normal .mb-fz24, .special-aaVersion-on.special-aaFontsize-normal .mb-fz26, .special-aaVersion-on.special-aaFontsize-normal .mb-fz30, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz22, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz24, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz26, .special-aaVersion-on.special-aaFontsize-normal .tablet-fz30, .special-aaVersion-on.special-aaFontsize-normal .dt-fz22, .special-aaVersion-on.special-aaFontsize-normal .dt-fz24, .special-aaVersion-on.special-aaFontsize-normal .dt-fz26, .special-aaVersion-on.special-aaFontsize-normal .dt-fz30, .special-aaVersion-on.special-aaFontsize-normal .ld-fz22, .special-aaVersion-on.special-aaFontsize-normal .ld-fz24, .special-aaVersion-on.special-aaFontsize-normal .ld-fz26, .special-aaVersion-on.special-aaFontsize-normal .ld-fz30{ font-size: 30px; line-height: 15.4; } .special-aaVersion-on.special-aaFontsize-normal .aaFontsize .fl-l { color: #000; } .special-aaVersion-on.special-aaFontsize-normal .aaFontsize .fl-l, .special-aaVersion-on.special-aaFontsize-normal .aaFontsize a { line-height: 28px; } .special-aaVersion-on.special-aaFontsize-normal .aa-block a { padding-left: 20px; padding-right: 20px; } .special-aaVersion-on.special-aaFontsize-normal .aaColor a { padding-left: 4px; padding-right: 4px; } /* ========================================================================== Большой размер шрифта */ /* ========================================================================== */ .special-aaVersion-on.special-aaFontsize-big body, .special-aaVersion-on.special-aaFontsize-big .news-item, .special-aaVersion-on.special-aaFontsize-big .breadcrumb ul, .special-aaVersion-on.special-aaFontsize-big .fz12, .special-aaVersion-on.special-aaFontsize-big .fz14, .special-aaVersion-on.special-aaFontsize-big .fz16, .special-aaVersion-on.special-aaFontsize-big .fz18, .special-aaVersion-on.special-aaFontsize-big .fz20, .special-aaVersion-on.special-aaFontsize-big .mb-fz12, .special-aaVersion-on.special-aaFontsize-big .mb-fz14, .special-aaVersion-on.special-aaFontsize-big .mb-fz16, .special-aaVersion-on.special-aaFontsize-big .mb-fz18, .special-aaVersion-on.special-aaFontsize-big .mb-fz20, .special-aaVersion-on.special-aaFontsize-big .tablet-fz12, .special-aaVersion-on.special-aaFontsize-big .tablet-fz14, .special-aaVersion-on.special-aaFontsize-big .tablet-fz16, .special-aaVersion-on.special-aaFontsize-big .tablet-fz18, .special-aaVersion-on.special-aaFontsize-big .tablet-fz20, .special-aaVersion-on.special-aaFontsize-big .dt-fz12, .special-aaVersion-on.special-aaFontsize-big .dt-fz14, .special-aaVersion-on.special-aaFontsize-big .dt-fz16, .special-aaVersion-on.special-aaFontsize-big .dt-fz18, .special-aaVersion-on.special-aaFontsize-big .dt-fz20, .special-aaVersion-on.special-aaFontsize-big .ld-fz12, .special-aaVersion-on.special-aaFontsize-big .ld-fz14, .special-aaVersion-on.special-aaFontsize-big .ld-fz16, .special-aaVersion-on.special-aaFontsize-big .ld-fz18, .special-aaVersion-on.special-aaFontsize-big .ld-fz20, .special-aaVersion-on.special-aaFontsize-big .short-news-header { font-size: 24px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-big .btn, .special-aaVersion-on.special-aaFontsize-big .footer-menu-wrapper ul li a, .special-aaVersion-on.special-aaFontsize-big .container-top-navigation ul li a, .special-aaVersion-on.special-aaFontsize-big .content-directions ul li { font-size: 26px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-big .footer-menu-wrapper .footer-header { font-size: 34px; line-height: 1.4; } .special-aaVersion-on.special-aaFontsize-big .fz22, .special-aaVersion-on.special-aaFontsize-big .fz24, .special-aaVersion-on.special-aaFontsize-big .fz26, .special-aaVersion-on.special-aaFontsize-big .fz30, .special-aaVersion-on.special-aaFontsize-big .mb-fz22, .special-aaVersion-on.special-aaFontsize-big .mb-fz24, .special-aaVersion-on.special-aaFontsize-big .mb-fz26, .special-aaVersion-on.special-aaFontsize-big .mb-fz30, .special-aaVersion-on.special-aaFontsize-big .tablet-fz22, .special-aaVersion-on.special-aaFontsize-big .tablet-fz24, .special-aaVersion-on.special-aaFontsize-big .tablet-fz26, .special-aaVersion-on.special-aaFontsize-big .tablet-fz30, .special-aaVersion-on.special-aaFontsize-big .dt-fz22, .special-aaVersion-on.special-aaFontsize-big .dt-fz24, .special-aaVersion-on.special-aaFontsize-big .dt-fz26, .special-aaVersion-on.special-aaFontsize-big .dt-fz30, .special-aaVersion-on.special-aaFontsize-big .ld-fz22, .special-aaVersion-on.special-aaFontsize-big .ld-fz24, .special-aaVersion-on.special-aaFontsize-big .ld-fz26, .special-aaVersion-on.special-aaFontsize-big .ld-fz30 { font-size: 34px; line-height: 15.4; } .special-aaVersion-on.special-aaFontsize-big .aaFontsize .fl-l { color: #000; } .special-aaVersion-on.special-aaFontsize-big .aaFontsize .fl-l, .special-aaVersion-on.special-aaFontsize-big .aaFontsize a { line-height: 33.6px; } .special-aaVersion-on.special-aaFontsize-big .aa-block a { padding-left: 24px; padding-right: 24px; } .special-aaVersion-on.special-aaFontsize-big .aaColor a { padding-left: 4px; padding-right: 4px; } /* ========================================================================== Tahoma */ /* ========================================================================== */ .special-aaVersion-on.special-aaFont-tahoma body { font-family: Tahoma, sans-serif !important; } .special-aaVersion-on.special-aaFont-tahoma .news-item-main .news-item-header a { font-family: Tahoma, sans-serif; } /* ========================================================================== Times */ /* ========================================================================== */ .special-aaVersion-on.special-aaFont-times body { font-family: 'Times New Roman', Times, serif !important; } .special-aaVersion-on.special-aaFont-times .news-item-main .news-item-header a { font-family: 'Times New Roman', Times, serif; } /* ========================================================================== lettaer-spacing: normal */ /* ========================================================================== */ .special-aaVersion-on.special-aaKerning-normal body { letter-spacing: normal !important; } /* ========================================================================== lettaer-spacing: big */ /* ========================================================================== */ .special-aaVersion-on.special-aaKerning-big body { letter-spacing: 0.2em !important; } /* ========================================================================== lettaer-spacing: extra */ /* ========================================================================== */ .special-aaVersion-on.special-aaKerning-extra body { letter-spacing: 0.4em !important; } .special-aaVersion-on table.forum-table td, .special-aaVersion-on div.forum-info-box, .special-aaVersion-on div.forum-reply-form, .special-aaVersion-on table.forum-table th, .special-aaVersion-on div.forum-reply-header, .special-aaVersion-on div.forum-bbcode-line a:hover, .special-aaVersion-on div.forum-bbcode-line a:hover img, .special-aaVersion-on div.forum-header-box { background: transparent; } .special-aaVersion-on.special-aaColor-yellow .bxmap-scroll-container, .special-aaVersion-on.special-aaColor-yellow .bxmap-cats, .special-aaVersion-on.special-aaColor-yellow .bxmap-filter-field, .special-aaVersion-on.special-aaColor-yellow .bxmap-section-head, .special-aaVersion-on.special-aaColor-yellow .bxmap-popup-container, .special-aaVersion-on.special-aaColor-yellow .bxmap-popup-float::after, .special-aaVersion-on.special-aaColor-yellow .bxmap-direction-select, .special-aaVersion-on.special-aaColor-yellow .bxmap-direction-point, .special-aaVersion-on.special-aaColor-yellow .bxmap-direction{ background: #000000; } .special-aaVersion-on.special-aaColor-yellow .bxmap-section.bxmap-collapse .bxmap-section-title:hover { color: #000; } .special-aaVersion-on.special-aaColor-yellow .bxmap-item.bxmap-active * { background-color: #1d84b2; } .special-aaVersion-on.special-aaColor-yellow .bxmap-item.bxmap-active .bxmap-item-geo { background-color: #dfdfdf; } .special-aaVersion-on.special-aaColor-blue .bxmap-scroll-container, .special-aaVersion-on.special-aaColor-blue .bxmap-cats, .special-aaVersion-on.special-aaColor-blue .bxmap-filter-field, .special-aaVersion-on.special-aaColor-blue .bxmap-section-head, .special-aaVersion-on.special-aaColor-blue .bxmap-popup-container, .special-aaVersion-on.special-aaColor-blue .bxmap-popup-float::after, .special-aaVersion-on.special-aaColor-blue .bxmap-direction-select, .special-aaVersion-on.special-aaColor-blue .bxmap-direction-point, .special-aaVersion-on.special-aaColor-blue .bxmap-direction{ background: #9fd7ff; } .special-aaVersion-on.special-aaColor-blue .bxmap-item.bxmap-active * { color: #9fd7ff; background-color: #1d84b2; } .special-aaVersion-on.special-aaColor-blue .bxmap-item.bxmap-active .bxmap-item-geo { background-color: #dfdfdf; } .special-aaVersion-on .bxmap-wrapper, .bxmap-wrapper .bxmap-popup, .bxmap-popup.bxmap-sizer { font-size: inherit; } /* End */ /* /local/templates/beauty_modern_na/mmenu/mmenu.css?164000426148635 */ /* /local/templates/beauty_modern_na/components/bitrix/system.auth.form/light_mobile/style.css?1547544374683 */ /* /local/templates/beauty_modern_na/components/bitrix/search.suggest.input/template1_slide/style.css?15740684566551 */ /* /local/templates/beauty_modern_na/components/bitrix/menu/horizontal_multilevel1/style.css?15480857525621 */ /* /local/templates/beauty_modern_na/components/bitrix/menu/left_slide_razdely_footer/style.min.css?1547544374490 */ /* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?16606325182877 */ /* /local/templates/beauty_modern_na/styles.css?173531781813677 */ /* /local/templates/beauty_modern_na/template_styles.css?1785702436205407 */ /* /local/templates/beauty_modern_na/special_version.css?164000426466723 */